/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.75rem}
html{scroll-behavior:smooth}
body{background:#FFFDF2;color:#211A18;font-family:'Inter', 'Apple SD Gothic Neo', sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Nunito Sans', 'Apple SD Gothic Neo', sans-serif;line-height:1.2;color:#211A18}
a{color:#3C1E1E}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#FFF4A3;padding:.1em .35em;border-radius:4px;font-size:.9em}
.mmkc{position:absolute;left:-9999px;top:0;background:#3C1E1E;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.mmkc:focus{left:0}
.gmtm{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.tzke{font-family:'Nunito Sans', 'Apple SD Gothic Neo', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.xjwp{color:#655C55;font-size:.85rem}
.ecsb{display:flex;flex-wrap:wrap;gap:1.1rem}
.ojmz{text-decoration:none;color:inherit;font-size:.95rem}
.ojmz:hover{color:#3C1E1E;opacity:1}
.tkoh{display:none;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}
.tkoh span{display:block;height:2px;background:currentColor;border-radius:2px}
.tkoh[aria-expanded="true"] span:nth-child(2){opacity:0}
.inzq{border-bottom:3px double #DED6A8;background:#FFFDF2} .inzq .gmtm{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .inzq .ecsb{justify-content:flex-end}
.gzlv{background:#FFFFFF;border-bottom:1px solid #DED6A8} .gzlv .gmtm{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem;padding:3.4rem 1.5rem}
.seao{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#3C1E1E;font-weight:600;margin-bottom:.8rem}
.msob{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.qtie{font-size:1.15rem;color:#655C55;max-width:44rem;margin:0 auto}
.kzpb{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.ijxp{border:1px solid #DED6A8;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.gqsc{padding:2.6rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.tirm,.iaam,.ravq{max-width:46rem;margin-left:auto;margin-right:auto}
.tirm{padding:1.4rem 0}
.tirm h2{font-size:1.6rem;margin-bottom:.8rem}
.tirm h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.tirm p,.tirm li,.iaam p{margin-bottom:.85rem}
.tirm ul,.tirm ol{padding-left:1.4rem}
.iaam{font-size:1.12rem}
.ravq{background:#FFFFFF;border:1px solid #DED6A8;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.6rem}
.douy{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #DED6A8;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #3C1E1E;padding:.2rem 0 .2rem 1rem;color:#655C55;margin:1rem 0}
.wfds{max-width:46rem;margin:1.8rem auto;background:#f3f2f2;border:1px solid #DED6A8;border-radius:var(--radius);padding:1.4rem 1.6rem}
.rnfx{font-size:1.25rem;margin-bottom:.7rem}
.oixa{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.omhs{padding-left:1.1rem;position:relative;font-size:.95rem}
.omhs::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#3C1E1E}
.bgcr{max-width:46rem;margin:1.8rem auto;padding:0;list-style:none;counter-reset:src}
.vkgp{border-top:1px solid #DED6A8;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.vkgp::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Nunito Sans', 'Apple SD Gothic Neo', sans-serif;font-weight:700;color:#3C1E1E}
.fvot{margin-bottom:.3rem}
.pcsr{font-size:.88rem;color:#655C55}
.rren{max-width:46rem;margin:0 auto}
.jkug{border-bottom:1px solid #DED6A8;padding:1.1rem 0}
.qatk{font-size:1.15rem;margin-bottom:.5rem}
.xyxk{color:#211A18}
.fxsc{background:#fffce6;border-top:1px solid #DED6A8;border-bottom:1px solid #DED6A8;margin:2rem 0 0}
.yztu{max-width:46rem;margin:0 auto;padding:2.2rem 1.5rem;text-align:center}
.yztu h2{margin-bottom:.7rem}
.yztu p{margin-bottom:1.1rem}
.zpbr{display:inline-block;background:#3C1E1E;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.zpbr:hover{opacity:.9}

.rflq{font-size:1.45rem;margin-bottom:.45rem}
.xjvh p{margin-bottom:.55rem}
.xjvh p:last-child{margin-bottom:0}
.veqo{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.lmac{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.lmac:hover{opacity:.92}
.toyj{padding:1.5rem 1.5rem 0}
.aqxb{max-width:60rem;margin:0 auto;background:#fffce0;border:2px dashed #FEE500;border-radius:var(--radius);padding:1.4rem 1.7rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.2rem 1.8rem;align-items:center}
.ruxb{display:inline-block;background:#211A18;color:#FFFFFF;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.55rem .8rem;transform:rotate(-4deg);border-radius:3px;text-align:center;max-width:7rem;line-height:1.25}
.veqo{color:#66655a}
.zswd::before{content:"\2713\00a0";color:#211A18}
.lmac{background:#3C1E1E;color:#FFFFFF}
@media (max-width:720px){.aqxb{display:block} .ruxb{transform:none;max-width:none;margin-bottom:.6rem} .lmac{display:block;text-align:center;margin-top:1rem}}
.rqeg{background:#FFFFFF;border-top:1px solid #DED6A8}
.rqeg .gmtm{padding:2.2rem 1.5rem}
.htdk{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.firf{font-style:italic;margin-bottom:.8rem}
.jqhd{font-size:.9rem;margin-bottom:.8rem}
.jjtw{font-size:.85rem;color:#655C55}
.rqeg .jjtw{opacity:.85}
.upyj{color:#655C55;font-size:.92rem}
@media(max-width:760px){
  .gzlv .gmtm{grid-template-columns:1fr;gap:1.5rem}
  .htdk{grid-template-columns:1fr}
  .inzq .gmtm{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .inzq .ecsb{border-top:0;padding-top:0}
  .inzq .tkoh{display:flex}
  .inzq .ecsb{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #DED6A8;padding-top:.4rem;margin-top:.4rem}
  .inzq .ecsb[data-open="true"]{display:flex}
  .inzq .ojmz{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
body {
background: #FFFDF2;
color: #211A18;
font-size: 1.025rem;
line-height: 1.72;
}
h1,
h2,
h3,
h4 {
color: #211A18;
letter-spacing: -0.025em;
}
a {
color: #3C1E1E;
text-underline-offset: 0.18em;
text-decoration-thickness: 0.09em;
}
.inzq {
background: #FEE500;
color: #211A18;
border: 0;
box-shadow: inset 0 -1px 0 #3C1E1E;
}
.inzq .gmtm {
max-width: 78rem;
align-items: center;
padding-top: 1.05rem;
padding-bottom: 1.05rem;
}
.tzke {
display: inline-flex;
align-items: center;
gap: 0.55rem;
color: #211A18;
background: #FFF4A3;
border: 2px solid #3C1E1E;
border-radius: 1rem;
box-shadow: 0.28rem 0.28rem 0 #3C1E1E;
padding: 0.32rem 0.65rem 0.36rem 0.36rem;
font-size: 1.08rem;
font-weight: 800;
line-height: 1;
letter-spacing: -0.045em;
}
.tzke::before {
content: "M";
display: grid;
place-items: center;
width: 1.85rem;
height: 1.7rem;
background: #3C1E1E;
color: #FFFFFF;
border-radius: 0.75rem 0.75rem 0.75rem 0.25rem;
flex: 0 0 auto;
font-size: 0.85rem;
font-weight: 800;
letter-spacing: -0.08em;
}
.xjwp {
color: #3C1E1E;
margin-left: 2.7rem;
margin-top: 0.48rem;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.035em;
}
.ecsb {
gap: 0.25rem 0.9rem;
}
.inzq .ojmz {
color: #211A18;
position: relative;
padding: 0.35rem 0;
font-size: 0.82rem;
font-weight: 600;
letter-spacing: -0.01em;
}
.inzq .ojmz::after {
content: "";
position: absolute;
left: 0;
right: 100%;
bottom: 0.12rem;
height: 2px;
background: #3C1E1E;
transition: right 160ms ease;
}
.inzq .ojmz:hover::after,
.inzq .ojmz:focus-visible::after {
right: 0;
}
.tkoh {
border: 2px solid #211A18;
border-radius: 0.8rem;
}
.gzlv {
background: #FEE500;
color: #211A18;
border: 0;
position: relative;
isolation: isolate;
overflow: hidden;
}
.gzlv::before {
content: "";
position: absolute;
z-index: -1;
width: min(31vw, 28rem);
height: 76%;
right: -3rem;
top: 12%;
background:
repeating-linear-gradient(0deg, transparent 0 1.55rem, #211A18 1.55rem calc(1.55rem + 1px)),
#3C1E1E;
border-radius: 2.5rem 0 0 2.5rem;
clip-path: polygon(0 0, 100% 0, 100% 100%, 13% 100%, 13% 82%, 0 72%);
}
.gzlv::after {
content: "LABEL / EVIDENCE / ROUTE";
position: absolute;
z-index: -1;
right: 2.5rem;
bottom: 2rem;
color: #FFF4A3;
font-family: 'Nunito Sans', 'Apple SD Gothic Neo', sans-serif;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.2em;
writing-mode: vertical-rl;
}
.gzlv .gmtm {
display: block;
max-width: 78rem;
padding-top: clamp(3rem, 6vw, 5.4rem);
padding-bottom: clamp(3.4rem, 7vw, 6rem);
}
.tukb {
width: min(52rem, calc(100% - 1rem));
background: #FFFFFF;
color: #211A18;
border: 2px solid #3C1E1E;
border-radius: 1.8rem;
padding: clamp(1.6rem, 4vw, 3.4rem);
position: relative;
box-shadow: 0.85rem 0.85rem 0 #3C1E1E;
}
.tukb::before {
content: "MESA DESK / FIELD NOTE";
position: absolute;
right: 2rem;
top: -1.05rem;
background: #3C1E1E;
color: #FFFFFF;
border-radius: 999px;
padding: 0.42rem 0.78rem;
font-family: 'Nunito Sans', 'Apple SD Gothic Neo', sans-serif;
font-size: 0.64rem;
font-weight: 800;
letter-spacing: 0.12em;
}
.tukb::after {
content: "";
position: absolute;
left: 2.5rem;
bottom: -1rem;
width: 1.8rem;
height: 1.8rem;
background: #FFFFFF;
border-right: 2px solid #3C1E1E;
border-bottom: 2px solid #3C1E1E;
transform: skewY(36deg) rotate(35deg);
}
.seao {
display: inline-block;
background: #FEE500;
color: #3C1E1E;
border-radius: 999px;
padding: 0.38rem 0.72rem;
margin-bottom: 1rem;
font-size: 0.7rem;
font-weight: 800;
letter-spacing: 0.14em;
}
.msob {
max-width: 48rem;
margin-bottom: 1.15rem;
font-size: clamp(2.5rem, 6.2vw, 4.75rem);
line-height: 0.98;
letter-spacing: -0.06em;
text-wrap: balance;
}
.qtie {
max-width: 39rem;
margin: 0;
color: #211A18;
font-size: clamp(1.02rem, 1.6vw, 1.2rem);
line-height: 1.65;
}
.kzpb {
margin-top: 1.65rem;
gap: 0.55rem;
}
.ijxp {
display: inline-flex;
align-items: center;
gap: 0.42rem;
background: #FFFDF2;
color: #211A18;
border: 1px solid #3C1E1E;
border-radius: 0.75rem;
padding: 0.42rem 0.75rem;
font-size: 0.76rem;
font-weight: 600;
}
.ijxp::before {
content: "";
width: 0.82rem;
height: 0.82rem;
flex: 0 0 auto;
background: #3C1E1E;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.6 11 23l-9-9V2h12z'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.6 11 23l-9-9V2h12z'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.toyj {
background: #FFFDF2;
padding: 0 1.5rem;
margin-top: -2.1rem;
position: relative;
z-index: 2;
}
.aqxb {
max-width: 68rem;
background: #3C1E1E;
color: #FFFFFF;
border: 0;
border-radius: 1.35rem;
padding: 1.45rem 1.55rem;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 1rem 1.5rem;
box-shadow: 0 1rem 2.5rem rgba(60, 30, 30, 0.18);
}
.ruxb {
max-width: 6.5rem;
background: #FEE500;
color: #211A18;
border-radius: 1rem;
padding: 0.62rem 0.72rem;
transform: rotate(-3deg);
font-size: 0.7rem;
line-height: 1.2;
letter-spacing: 0.1em;
}
.rflq,
.xjvh p {
color: #FFFFFF;
}
.rflq {
font-size: clamp(1.3rem, 2.5vw, 1.75rem);
letter-spacing: -0.035em;
}
.veqo {
color: #FFF4A3;
gap: 0.25rem 1rem;
font-size: 0.78rem;
}
.zswd::before {
content: "";
position: absolute;
left: 0;
top: 0.14em;
width: 0.95rem;
height: 0.95rem;
background: #FEE500;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.5 2.5L16 9'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.5 2.5L16 9'/%3E%3C/svg%3E") center / contain no-repeat;
}
.zswd {
position: relative;
padding-left: 1.3rem;
}
.ruxb::before {
content: "";
display: inline-block;
width: 0.82rem;
height: 0.82rem;
margin-right: 0.35rem;
vertical-align: -0.12rem;
background: #211A18;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-6-4-6 4z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-6-4-6 4z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.lmac {
background: #FEE500;
color: #211A18;
border: 2px solid #FEE500;
border-radius: 999px;
padding: 0.85rem 1.25rem;
font-size: 0.9rem;
box-shadow: none;
}
.lmac::after,
.zpbr::after {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
margin-left: 0.48rem;
vertical-align: -0.16rem;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.gqsc {
padding: clamp(3.5rem, 7vw, 6.5rem) 0;
}
.gqsc > .gmtm {
counter-reset: reading-step;
}
.iaam,
.tirm,
.ravq,
.rren,
.wfds,
.bgcr {
max-width: 52rem;
}
.iaam {
max-width: 49rem;
font-size: 1.08rem;
line-height: 1.78;
padding-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
.iaam h2 {
max-width: 40rem;
margin-bottom: 1.2rem;
font-size: clamp(1.9rem, 4vw, 3rem);
line-height: 1.04;
}
.iaam h2::after {
content: "";
display: block;
width: 4.25rem;
height: 0.42rem;
margin-top: 0.85rem;
background: #FEE500;
border-radius: 999px;
}
.iaam > p:first-of-type {
color: #211A18;
font-size: 1.14rem;
}
.tirm {
counter-increment: reading-step;
padding: clamp(2.3rem, 5vw, 4rem) 0;
border-top: 1px solid #DED6A8;
}
.tirm:nth-of-type(even) {
background: #FFFFFF;
color: #211A18;
border: 1px solid #DED6A8;
border-radius: 1.4rem;
padding-left: clamp(1.25rem, 4vw, 2.5rem);
padding-right: clamp(1.25rem, 4vw, 2.5rem);
box-shadow: 0.55rem 0.55rem 0 #FFF4A3;
}
.tirm h2 {
display: grid;
grid-template-columns: 2.65rem minmax(0, 1fr);
align-items: start;
gap: 0.85rem;
margin-bottom: 1.25rem;
font-size: clamp(1.55rem, 3.2vw, 2.15rem);
line-height: 1.12;
}
.tirm h2::before {
content: counter(reading-step, decimal-leading-zero);
display: grid;
place-items: center;
min-height: 2.2rem;
background: #FEE500;
color: #211A18;
border: 1px solid #3C1E1E;
border-radius: 0.72rem 0.72rem 0.72rem 0.25rem;
box-shadow: 0.16rem 0.16rem 0 #3C1E1E;
font-size: 0.74rem;
letter-spacing: 0.04em;
}
.tirm h3 {
margin-top: 1.5rem;
font-size: 1.2rem;
}
.tirm p,
.tirm li,
.iaam p {
color: #211A18;
margin-bottom: 1rem;
}
.ravq {
background: #FFF4A3;
color: #211A18;
border: 2px solid #3C1E1E;
border-radius: 1.2rem;
padding: 1.4rem 1.6rem;
box-shadow: 0.45rem 0.45rem 0 #3C1E1E;
}
blockquote {
background: #FFF4A3;
color: #211A18;
border: 0;
border-left: 0.55rem solid #FEE500;
border-radius: 0 1rem 1rem 0;
padding: 1rem 1.2rem;
}
.douy {
border: 1px solid #3C1E1E;
border-radius: 1rem;
}
table {
background: #FFFFFF;
color: #211A18;
}
th {
background: #FFF4A3;
color: #211A18;
}
th,
td {
border-color: #DED6A8;
padding: 0.75rem;
}
.wfds {
background: #FFF4A3;
color: #211A18;
border: 2px solid #3C1E1E;
border-radius: 1.4rem;
padding: clamp(1.35rem, 4vw, 2.2rem);
margin-top: 4rem;
margin-bottom: 4rem;
box-shadow: 0.65rem 0.65rem 0 #3C1E1E;
}
.wfds::before {
content: "MESA / ROUTE NOTE";
display: inline-block;
background: #3C1E1E;
color: #FFFFFF;
border-radius: 999px;
padding: 0.34rem 0.72rem 0.34rem 2rem;
margin-bottom: 0.9rem;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.12em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0.65rem center;
background-size: 0.9rem;
}
.rnfx {
color: #211A18;
max-width: 39rem;
font-size: clamp(1.6rem, 3vw, 2.15rem);
line-height: 1.12;
}
.wfds p {
color: #211A18;
margin-top: 0.8rem;
}
.oixa {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.65rem;
margin-top: 1.25rem;
}
.omhs {
background: #FFFFFF;
color: #211A18;
border: 1px solid #DED6A8;
border-radius: 0.85rem;
padding: 0.72rem 0.85rem 0.72rem 2.3rem;
font-size: 0.82rem;
}
.omhs::before {
left: 0.82rem;
top: 0.82rem;
width: 1rem;
height: 1rem;
background: #3C1E1E;
border: 0;
border-radius: 0;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.rren {
display: grid;
gap: 0.9rem;
}
.jkug {
background: #FFFFFF;
color: #211A18;
border: 1px solid #DED6A8;
border-radius: 1.2rem;
padding: 1.35rem 1.4rem 1.35rem 4rem;
position: relative;
}
.jkug:nth-child(odd) {
background: #FFF4A3;
color: #211A18;
}
.jkug::before {
content: "";
position: absolute;
left: 1.25rem;
top: 1.3rem;
display: grid;
place-items: center;
width: 1.9rem;
height: 1.9rem;
background-color: #FEE500;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C1E1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.5 8.5 0 0 1-9 8.5 9.7 9.7 0 0 1-4-.8L3 21l1.7-4.6A8.5 8.5 0 1 1 21 11.5z'/%3E%3Cpath d='M9.8 9a2.3 2.3 0 1 1 3.5 2c-.9.5-1.3 1-1.3 2M12 16h.01'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 1.35rem;
border: 1px solid #3C1E1E;
border-radius: 0.65rem;
font-family: 'Nunito Sans', 'Apple SD Gothic Neo', sans-serif;
font-size: 0.8rem;
font-weight: 800;
}
.qatk,
.xyxk {
color: #211A18;
}
.qatk {
font-size: 1.18rem;
line-height: 1.25;
}
.bgcr {
display: grid;
gap: 0.85rem;
margin-top: 1.4rem;
}
.vkgp {
background: #FFFFFF;
color: #211A18;
border: 1px solid #DED6A8;
border-radius: 1rem;
padding: 1.15rem 1.25rem 1.15rem 4rem;
}
.vkgp::before {
content: counter(src);
left: 1rem;
top: 1.15rem;
display: flex;
align-items: center;
justify-content: flex-end;
width: 2.35rem;
height: 1.95rem;
background-color: #FFF4A3;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C1E1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h9l4 4v16H6z'/%3E%3Cpath d='M14 2v5h5M9 12h6M9 16h6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0.28rem center;
background-size: 0.84rem;
color: #3C1E1E;
border: 1px solid #3C1E1E;
border-radius: 0.65rem;
padding-right: 0.35rem;
font-size: 0.76rem;
font-weight: 800;
}
.fvot {
color: #211A18;
line-height: 1.65;
}
.pcsr {
color: #3C1E1E;
border-top: 1px solid #DED6A8;
padding-top: 0.65rem;
font-size: 0.78rem;
line-height: 1.55;
}
.fxsc {
background: #3C1E1E;
color: #FFFFFF;
border: 0;
margin-top: 0;
position: relative;
overflow: hidden;
}
.fxsc::before,
.fxsc::after {
content: "";
position: absolute;
width: 9rem;
height: 6rem;
background: #FEE500;
border-radius: 3rem;
opacity: 1;
}
.fxsc::before {
left: -5rem;
top: -3rem;
}
.fxsc::after {
right: -5rem;
bottom: -3rem;
}
.yztu {
max-width: 52rem;
padding-top: clamp(3.2rem, 7vw, 5rem);
padding-bottom: clamp(3.2rem, 7vw, 5rem);
position: relative;
z-index: 1;
}
.yztu h2,
.yztu p {
color: #FFFFFF;
}
.yztu h2 {
font-size: clamp(1.85rem, 4vw, 2.75rem);
line-height: 1.06;
}
.zpbr {
background: #FEE500;
color: #211A18;
border: 2px solid #FEE500;
border-radius: 999px;
padding: 0.85rem 1.5rem;
font-weight: 800;
box-shadow: 0 0.45rem 0 #211A18;
}
.rqeg {
background: #211A18;
color: #FFFFFF;
border: 0;
}
.rqeg .gmtm {
max-width: 78rem;
padding-top: 3.2rem;
padding-bottom: 2.2rem;
}
.htdk {
grid-template-columns: minmax(0, 1.6fr) minmax(16rem, 0.8fr);
gap: clamp(2rem, 7vw, 6rem);
}
.rqeg .xjwp {
color: #FEE500;
margin-left: 0;
margin-bottom: 0.8rem;
font-size: 0.74rem;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.rqeg .xjwp::before {
content: "";
display: inline-block;
width: 0.92rem;
height: 0.92rem;
margin-right: 0.4rem;
vertical-align: -0.14rem;
background: #FEE500;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.5 8.5 0 0 1-9 8.5 9.7 9.7 0 0 1-4-.8L3 21l1.7-4.6A8.5 8.5 0 1 1 21 11.5z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.5 8.5 0 0 1-9 8.5 9.7 9.7 0 0 1-4-.8L3 21l1.7-4.6A8.5 8.5 0 1 1 21 11.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.rqeg .upyj,
.firf,
.jqhd {
color: #FFFFFF;
}
.rqeg .upyj {
max-width: 42rem;
font-size: 0.9rem;
}
.firf {
margin-top: 1rem;
font-size: 0.88rem;
}
.jqhd {
max-width: 45rem;
font-size: 0.78rem;
}
.rqeg nav {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem 1rem;
}
.rqeg .ojmz {
color: #FFFFFF;
border-bottom: 1px solid #3C1E1E;
padding: 0.35rem 0;
font-size: 0.82rem;
}
.rqeg .ojmz::after {
content: "";
display: inline-block;
width: 0.78rem;
height: 0.78rem;
margin-left: 0.32rem;
vertical-align: -0.1rem;
background: #FEE500;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.rqeg .jjtw {
color: #FFF4A3;
border-top: 1px solid #3C1E1E;
padding-top: 1.2rem;
opacity: 1;
font-size: 0.75rem;
}
@media (max-width: 760px) {
body {
font-size: 1rem;
}
.inzq .gmtm {
padding-left: 1rem;
padding-right: 1rem;
}
.xjwp {
margin-left: 2.7rem;
max-width: 14rem;
}
.tzke {
font-size: 0.98rem;
box-shadow: 0.2rem 0.2rem 0 #3C1E1E;
}
.inzq .ecsb {
margin-top: 0.7rem;
padding-top: 0.55rem;
}
.inzq .ojmz {
padding: 0.62rem 0;
}
.gzlv::before {
width: 48vw;
height: 38%;
top: auto;
bottom: -4rem;
}
.gzlv::after {
right: 0.8rem;
bottom: 0.8rem;
}
.gzlv .gmtm {
padding: 2.4rem 1rem 4rem;
}
.tukb {
width: calc(100% - 0.7rem);
padding: 1.35rem;
border-radius: 1.25rem;
box-shadow: 0.55rem 0.55rem 0 #3C1E1E;
}
.tukb::before {
right: 1rem;
font-size: 0.58rem;
}
.msob {
font-size: clamp(2.35rem, 12vw, 3.5rem);
}
.kzpb {
gap: 0.4rem;
}
.ijxp {
font-size: 0.7rem;
}
.toyj {
padding-left: 1rem;
padding-right: 1rem;
}
.aqxb {
padding: 1.3rem;
border-radius: 1.15rem;
}
.ruxb {
margin-bottom: 0.85rem;
}
.lmac {
width: 100%;
white-space: normal;
}
.gqsc > .gmtm {
padding-left: 1rem;
padding-right: 1rem;
}
.tirm h2 {
grid-template-columns: 2.35rem minmax(0, 1fr);
gap: 0.7rem;
}
.tirm:nth-of-type(even) {
box-shadow: 0.35rem 0.35rem 0 #FFF4A3;
}
.oixa {
grid-template-columns: 1fr;
}
.jkug {
padding: 1.2rem 1.1rem 1.2rem 3.7rem;
}
.vkgp {
padding: 1rem 1rem 1rem 3.5rem;
}
.vkgp::before {
left: 0.85rem;
}
.rqeg nav {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.inzq .ojmz::after {
transition: none;
}
}