/* 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:#F7F8FA;color:#323338;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;line-height:1.2;color:#323338}
a{color:#5149C9}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#EEF0F5;padding:.1em .35em;border-radius:4px;font-size:.9em}
.kfhu{position:absolute;left:-9999px;top:0;background:#5149C9;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.kfhu:focus{left:0}
.azkr{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.sbkx{font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.itoz{color:#676879;font-size:.85rem}
.sitg{display:flex;flex-wrap:wrap;gap:1.1rem}
.pwog{text-decoration:none;color:inherit;font-size:.95rem}
.pwog:hover{color:#5149C9;opacity:1}
.vawp{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}
.vawp span{display:block;height:2px;background:currentColor;border-radius:2px}
.vawp[aria-expanded="true"] span:nth-child(2){opacity:0}
.nxwz{border-bottom:3px double #D0D4E4;background:#F7F8FA} .nxwz .azkr{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .nxwz .sitg{justify-content:flex-end}
.zkko{background:#F7F8FA} .zkko .azkr{padding:3rem 1.5rem;border-left:6px solid #5149C9;margin:2rem auto}
.muak{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#5149C9;font-weight:600;margin-bottom:.8rem}
.qzkm{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.ofkm{font-size:1.15rem;color:#676879;max-width:44rem;margin:0 auto}
.mgrj{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.awjj{border:1px solid #D0D4E4;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.nacz{padding:2.6rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.gpyl,.rqfc,.iwha{max-width:46rem;margin-left:auto;margin-right:auto}
.gpyl{padding:1.4rem 0}
.gpyl h2{font-size:1.6rem;margin-bottom:.8rem}
.gpyl h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.gpyl p,.gpyl li,.rqfc p{margin-bottom:.85rem}
.gpyl ul,.gpyl ol{padding-left:1.4rem}
.rqfc{font-size:1.12rem}
.iwha{background:#FFFFFF;border:1px solid #D0D4E4;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.6rem}
.zcyw{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #D0D4E4;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #5149C9;padding:.2rem 0 .2rem 1rem;color:#676879;margin:1rem 0}
.npnm{max-width:46rem;margin:1.8rem auto;background:#f5f4fc;border:1px solid #D0D4E4;border-radius:var(--radius);padding:1.4rem 1.6rem}
.vwra{font-size:1.25rem;margin-bottom:.7rem}
.xjmy{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.gvki{padding-left:1.1rem;position:relative;font-size:.95rem}
.gvki::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#5149C9}
.jtgr{max-width:46rem;margin:1.8rem auto;padding:0;list-style:none;counter-reset:src}
.xppv{border-top:1px solid #D0D4E4;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.xppv::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;color:#5149C9}
.useb{margin-bottom:.3rem}
.emev{font-size:.88rem;color:#676879}
.kmly{max-width:46rem;margin:0 auto}
.btuy{border-bottom:1px solid #D0D4E4;padding:1.1rem 0}
.rhvk{font-size:1.15rem;margin-bottom:.5rem}
.gkns{color:#323338}
.hngx{background:#e6f2f0;border-top:1px solid #D0D4E4;border-bottom:1px solid #D0D4E4;margin:2rem 0 0}
.fmfa{max-width:46rem;margin:0 auto;padding:2.2rem 1.5rem;text-align:center}
.fmfa h2{margin-bottom:.7rem}
.fmfa p{margin-bottom:1.1rem}
.lgjr{display:inline-block;background:#5149C9;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.lgjr:hover{opacity:.9}

.hrlw{font-size:1.45rem;margin-bottom:.45rem}
.gxco p{margin-bottom:.55rem}
.gxco p:last-child{margin-bottom:0}
.mzsr{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.ulbn{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.ulbn:hover{opacity:.92}
.dkzd{padding:1.5rem 1.5rem 0}
.bjyc{max-width:60rem;margin:0 auto;background:#e0efed;border:2px dashed #007B68;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}
.uaar{display:inline-block;background:#323338;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}
.mzsr{color:#555b5a}
.yjtu::before{content:"\2713\00a0";color:#323338}
.ulbn{background:#5149C9;color:#FFFFFF}
@media (max-width:720px){.bjyc{display:block} .uaar{transform:none;max-width:none;margin-bottom:.6rem} .ulbn{display:block;text-align:center;margin-top:1rem}}
.mliw{background:#F7F8FA;border-top:3px double #D0D4E4}
.mliw .azkr{padding:2.2rem 1.5rem}
.ixfa{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.jzcw{font-style:italic;margin-bottom:.8rem}
.dfup{font-size:.9rem;margin-bottom:.8rem}
.wgup{font-size:.85rem;color:#676879}
.mliw .wgup{opacity:.85}
.ghxn{color:#676879;font-size:.92rem}
.mliw .wgup{color:#6e6f7f;opacity:1}
@media(max-width:760px){
  .zkko .azkr{grid-template-columns:1fr;gap:1.5rem}
  .ixfa{grid-template-columns:1fr}
  .nxwz .azkr{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .nxwz .sitg{border-top:0;padding-top:0}
  .nxwz .vawp{display:flex}
  .nxwz .sitg{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #D0D4E4;padding-top:.4rem;margin-top:.4rem}
  .nxwz .sitg[data-open="true"]{display:flex}
  .nxwz .pwog{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
:root {
--board-ink: #323338;
--board-copy: #676879;
--board-violet: #5149C9;
--board-violet-soft: #EAE9F9;
--board-teal: #007B68;
--board-teal-soft: #E8F5F2;
--board-blue: #0968B5;
--board-blue-soft: #E7F1FA;
--board-amber: #9A5A00;
--board-amber-soft: #FFF3D6;
--board-rose: #B23A58;
--board-rose-soft: #FBEAF0;
--board-line: #D0D4E4;
--board-canvas: #F7F8FA;
--board-white: #FFFFFF;
--icon-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m5 12 4 4L19 6%22/%3E%3C/svg%3E");
--icon-pin: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.4%22/%3E%3C/svg%3E");
--icon-file: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z%22/%3E%3Cpath d=%22M14 2v6h6M8 13h8M8 17h6%22/%3E%3C/svg%3E");
--icon-help: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M9.7 9a2.5 2.5 0 1 1 3.5 2.3c-.8.4-1.2 1-1.2 1.7M12 17h.01%22/%3E%3C/svg%3E");
--icon-arrow: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E");
}
html {
background: var(--board-canvas);
}
body {
color: var(--board-ink);
letter-spacing: -.009em;
}
body p,
body li,
td {
color: var(--board-ink);
}
.nxwz {
background: rgba(255, 255, 255, .96);
border-bottom: 1px solid var(--board-line);
box-shadow: 0 5px 20px rgba(50, 51, 56, .045);
}
.nxwz .azkr {
max-width: 80rem;
min-height: 5.5rem;
padding: .88rem 1.5rem;
align-items: center;
}
.sbkx {
position: relative;
display: inline-flex;
align-items: center;
min-height: 2.9rem;
max-width: 19rem;
padding: .2rem 0 .2rem 3.55rem;
color: var(--board-ink);
font-size: 1.05rem;
font-weight: 800;
line-height: 1.03;
letter-spacing: -.035em;
}
.sbkx::before {
content: "C";
position: absolute;
left: 0;
top: 0;
display: grid;
place-items: center;
width: 2.9rem;
height: 2.9rem;
border-radius: .8rem;
background: var(--board-violet);
color: var(--board-white);
font-size: 1.48rem;
font-weight: 800;
letter-spacing: -.08em;
box-shadow: inset 0 -5px 0 rgba(50, 51, 56, .14), 0 7px 15px rgba(81, 73, 201, .18);
}
.sbkx::after {
content: "";
position: absolute;
left: 2.38rem;
top: .08rem;
width: .55rem;
height: .55rem;
border: 2px solid var(--board-white);
border-radius: 50%;
background: #00A878;
box-shadow: -.53rem 2.34rem 0 -.08rem #F2B42C, .16rem 2.34rem 0 -.08rem #C73E63;
}
.nxwz .itoz {
margin: -.08rem 0 0 3.55rem;
color: var(--board-copy);
font-size: .69rem;
font-weight: 700;
letter-spacing: .075em;
text-transform: uppercase;
}
.sitg {
gap: .28rem;
align-items: center;
}
.pwog {
position: relative;
border-radius: .55rem;
padding: .48rem .62rem;
color: var(--board-ink);
font-size: .78rem;
font-weight: 700;
line-height: 1.15;
}
.pwog::after {
content: "";
position: absolute;
right: .45rem;
bottom: .18rem;
left: .45rem;
height: 2px;
border-radius: 2px;
background: var(--board-violet);
transform: scaleX(0);
transition: transform .2s ease;
}
.pwog:hover {
background: var(--board-violet-soft);
color: var(--board-violet);
}
.pwog:hover::after {
transform: scaleX(1);
}
.zkko {
position: relative;
overflow: hidden;
background:
linear-gradient(90deg, rgba(208, 212, 228, .34) 1px, transparent 1px) 0 0 / 5.4rem 100%,
linear-gradient(180deg, var(--board-white), var(--board-canvas));
border-bottom: 1px solid var(--board-line);
}
.zkko::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 31%;
height: .48rem;
background: linear-gradient(90deg, var(--board-blue) 0 34%, #00A878 34% 67%, #F2B42C 67%);
}
.zkko .azkr {
max-width: 75rem;
margin: 0 auto;
padding: 4.4rem 1.5rem 4.8rem;
border-left: 0;
}
.ehpc {
position: relative;
}
.ehpc:has(.ofkm) {
min-height: 25rem;
}
.ehpc:has(.ofkm)::before,
.ehpc:has(.ofkm)::after {
content: "";
position: absolute;
pointer-events: none;
right: 0;
width: 25rem;
border: 1px solid var(--board-line);
border-radius: .9rem;
background-color: var(--board-white);
box-shadow: 0 18px 46px -28px rgba(50, 51, 56, .5);
}
.ehpc:has(.ofkm)::before {
top: .2rem;
height: 17.4rem;
background:
linear-gradient(90deg, var(--board-violet) 0 .46rem, transparent .46rem),
linear-gradient(180deg, transparent 0 3.15rem, var(--board-line) 3.15rem calc(3.15rem + 1px), transparent calc(3.15rem + 1px)),
repeating-linear-gradient(180deg, transparent 0 4.15rem, var(--board-line) 4.15rem calc(4.15rem + 1px)),
var(--board-white);
transform: rotate(2.2deg);
}
.ehpc:has(.ofkm)::after {
top: 12.9rem;
right: 2.2rem;
height: 7.8rem;
background:
linear-gradient(90deg, var(--board-teal) 0 .46rem, transparent .46rem),
linear-gradient(180deg, var(--board-teal-soft) 0 2.5rem, transparent 2.5rem),
repeating-linear-gradient(180deg, transparent 0 3.55rem, var(--board-line) 3.55rem calc(3.55rem + 1px)),
var(--board-white);
transform: rotate(-2.8deg);
}
.ehpc:has(.ofkm) > * {
position: relative;
z-index: 2;
max-width: calc(100% - 29rem);
}
.muak {
display: inline-flex;
align-items: center;
width: auto;
margin-bottom: 1.2rem;
border: 1px solid #B9B7EC;
border-radius: 999px;
background: var(--board-violet-soft);
padding: .37rem .72rem;
color: var(--board-violet);
font-size: .72rem;
font-weight: 800;
letter-spacing: .135em;
}
.muak::before {
content: "";
width: .52rem;
height: .52rem;
margin-right: .45rem;
border-radius: 50%;
background: var(--board-teal);
box-shadow: 0 0 0 3px rgba(0, 123, 104, .13);
}
.qzkm {
max-width: 17ch;
margin-bottom: 1.35rem;
font-size: clamp(2.65rem, 5.4vw, 5.35rem);
font-weight: 800;
line-height: .99;
letter-spacing: -.065em;
}
.ehpc:not(:has(.ofkm)) .qzkm {
max-width: 23ch;
font-size: clamp(2.3rem, 4.5vw, 4.35rem);
}
.ofkm {
margin: 0;
color: var(--board-copy);
font-size: 1.08rem;
line-height: 1.7;
}
.mgrj {
margin-top: 1.75rem;
gap: .52rem;
}
.awjj {
position: relative;
display: inline-flex;
align-items: center;
border: 1px solid var(--board-line);
border-radius: .55rem;
background: var(--board-white);
padding: .46rem .72rem .46rem 1.85rem;
color: var(--board-ink);
font-size: .76rem;
font-weight: 700;
line-height: 1.25;
box-shadow: 0 6px 16px -13px rgba(50, 51, 56, .7);
}
.awjj::before {
content: "";
position: absolute;
left: .58rem;
width: .82rem;
height: .82rem;
background: var(--board-violet);
-webkit-mask: var(--icon-check) center / contain no-repeat;
mask: var(--icon-check) center / contain no-repeat;
}
.awjj:nth-child(2)::before { background: var(--board-teal); }
.awjj:nth-child(3)::before { background: var(--board-blue); }
.awjj:nth-child(4)::before { background: var(--board-rose); }
.dkzd {
position: relative;
z-index: 2;
margin-top: -1.4rem;
padding: 0 1.5rem;
}
.bjyc {
max-width: 65rem;
margin: 0 auto;
border: 1px solid #AAA7E3;
border-left: .55rem solid var(--board-violet);
border-radius: .9rem;
background: var(--board-white);
padding: 1.5rem 1.65rem;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 1.2rem 1.6rem;
box-shadow: 0 20px 45px -30px rgba(50, 51, 56, .55);
}
.uaar {
border: 1px solid #B9B7EC;
border-radius: .45rem;
background: var(--board-violet-soft);
color: var(--board-violet);
padding: .52rem .7rem;
font-size: .7rem;
letter-spacing: .08em;
transform: none;
}
.hrlw {
margin-bottom: .42rem;
font-size: 1.35rem;
font-weight: 800;
letter-spacing: -.025em;
}
.gxco p {
color: var(--board-ink);
font-size: .93rem;
line-height: 1.58;
}
.mzsr {
gap: .4rem;
color: var(--board-copy);
font-size: .78rem;
}
.yjtu {
border-radius: .35rem;
background: var(--board-teal-soft);
padding: .24rem .48rem;
color: var(--board-ink);
font-weight: 700;
}
.yjtu::before {
display: inline-block;
width: .75rem;
height: .75rem;
margin-right: .3rem;
background: var(--board-teal);
content: "";
vertical-align: -.1rem;
-webkit-mask: var(--icon-check) center / contain no-repeat;
mask: var(--icon-check) center / contain no-repeat;
}
.ulbn,
.lgjr {
position: relative;
border: 0;
border-radius: .62rem;
background: var(--board-violet);
color: var(--board-white);
font-weight: 800;
box-shadow: 0 10px 22px -13px var(--board-violet);
}
.ulbn {
padding: .88rem 2.8rem .88rem 1.15rem;
}
.ulbn::after,
.lgjr::after {
content: "";
position: absolute;
top: 50%;
right: 1rem;
width: 1rem;
height: 1rem;
background: var(--board-white);
transform: translateY(-50%);
-webkit-mask: var(--icon-arrow) center / contain no-repeat;
mask: var(--icon-arrow) center / contain no-repeat;
}
.nacz {
padding: 3.6rem 0 2.3rem;
background: var(--board-canvas);
}
.nacz > .azkr {
counter-reset: evidence-section;
}
.rqfc {
position: relative;
max-width: 50rem;
margin-bottom: 2.4rem;
border: 1px solid var(--board-line);
border-top: .42rem solid var(--board-violet);
border-radius: .75rem;
background: var(--board-white);
padding: 1.55rem 1.7rem 1.6rem;
font-size: 1.14rem;
line-height: 1.72;
box-shadow: 0 18px 40px -34px rgba(50, 51, 56, .7);
}
.rqfc::before {
content: "READ FIRST";
display: inline-block;
margin-bottom: .68rem;
border-radius: .35rem;
background: var(--board-amber-soft);
padding: .25rem .5rem;
color: var(--board-amber);
font-size: .69rem;
font-weight: 800;
letter-spacing: .1em;
}
.gpyl {
position: relative;
max-width: 50rem;
counter-increment: evidence-section;
border-top: 1px solid var(--board-line);
padding: 2.25rem 0 1.75rem 4.3rem;
}
.gpyl h2 {
margin-bottom: .9rem;
font-size: clamp(1.55rem, 3vw, 2rem);
font-weight: 800;
letter-spacing: -.04em;
}
.gpyl h2::before {
content: counter(evidence-section, decimal-leading-zero);
position: absolute;
left: 0;
top: 2.28rem;
display: grid;
place-items: center;
width: 3rem;
height: 2rem;
border-radius: .38rem;
background: var(--board-violet-soft);
color: var(--board-violet);
font-size: .72rem;
font-weight: 800;
letter-spacing: .06em;
}
.gpyl:nth-of-type(3n + 2) h2::before {
background: var(--board-teal-soft);
color: var(--board-teal);
}
.gpyl:nth-of-type(3n + 3) h2::before {
background: var(--board-blue-soft);
color: var(--board-blue);
}
.gpyl p,
.gpyl li {
margin-bottom: .9rem;
}
.gpyl strong {
font-weight: 800;
}
blockquote {
border: 1px solid #AAA7E3;
border-left: .42rem solid var(--board-violet);
border-radius: .6rem;
background: var(--board-violet-soft);
padding: 1rem 1.15rem;
color: var(--board-ink);
}
.zcyw {
border: 1px solid var(--board-line);
border-radius: .7rem;
background: var(--board-white);
box-shadow: 0 12px 28px -28px rgba(50, 51, 56, .65);
}
table {
min-width: 38rem;
font-size: .88rem;
}
th,
td {
border: 0;
border-bottom: 1px solid var(--board-line);
padding: .75rem .8rem;
}
th {
background: var(--board-violet-soft);
color: var(--board-ink);
font-size: .72rem;
letter-spacing: .06em;
text-transform: uppercase;
}
tr:last-child td {
border-bottom: 0;
}
.npnm {
position: relative;
max-width: 50rem;
overflow: hidden;
margin: 2.6rem auto;
border: 1px solid #A7D8CD;
border-radius: .85rem;
background:
linear-gradient(90deg, rgba(0, 123, 104, .08) 1px, transparent 1px) 0 0 / 2.6rem 2.6rem,
linear-gradient(rgba(0, 123, 104, .08) 1px, transparent 1px) 0 0 / 2.6rem 2.6rem,
var(--board-teal-soft);
padding: 1.8rem 1.85rem;
}
.npnm::after {
content: "CHANDLER GRID";
position: absolute;
top: 1rem;
right: 1rem;
border-radius: .34rem;
background: var(--board-teal);
padding: .24rem .5rem;
color: var(--board-white);
font-size: .64rem;
font-weight: 800;
letter-spacing: .08em;
}
.vwra {
max-width: 27rem;
margin-bottom: 1rem;
padding-left: 2rem;
font-size: 1.55rem;
font-weight: 800;
letter-spacing: -.035em;
}
.vwra::before {
content: "";
position: absolute;
width: 1.3rem;
height: 1.3rem;
margin: .22rem 0 0 -2rem;
background: var(--board-teal);
-webkit-mask: var(--icon-pin) center / contain no-repeat;
mask: var(--icon-pin) center / contain no-repeat;
}
.npnm p {
color: var(--board-ink);
margin-bottom: .85rem;
}
.xjmy {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .55rem;
}
.gvki {
border: 1px solid #A7D8CD;
border-radius: .5rem;
background: rgba(255, 255, 255, .9);
padding: .65rem .7rem .65rem 2rem;
color: var(--board-ink);
font-size: .8rem;
font-weight: 650;
}
.gvki::before {
left: .65rem;
top: .72rem;
width: .85rem;
height: .85rem;
border-radius: 0;
background: var(--board-teal);
-webkit-mask: var(--icon-check) center / contain no-repeat;
mask: var(--icon-check) center / contain no-repeat;
}
.kmly {
max-width: 50rem;
display: grid;
gap: .85rem;
}
.btuy {
position: relative;
overflow: hidden;
border: 1px solid var(--board-line);
border-radius: .72rem;
background: var(--board-white);
padding: 1.25rem 1.3rem 1.2rem 3.85rem;
box-shadow: 0 10px 22px -25px rgba(50, 51, 56, .7);
}
.btuy::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: .42rem;
background: var(--board-violet);
}
.btuy::after {
content: "";
position: absolute;
top: 1.28rem;
left: 1.25rem;
width: 1.45rem;
height: 1.45rem;
background: var(--board-violet);
-webkit-mask: var(--icon-help) center / contain no-repeat;
mask: var(--icon-help) center / contain no-repeat;
}
.btuy:nth-child(3n + 2)::before,
.btuy:nth-child(3n + 2)::after { background: var(--board-teal); }
.btuy:nth-child(3n + 3)::before,
.btuy:nth-child(3n + 3)::after { background: var(--board-blue); }
.rhvk {
margin-bottom: .48rem;
font-size: 1.06rem;
font-weight: 800;
letter-spacing: -.018em;
}
.gkns {
font-size: .93rem;
line-height: 1.62;
}
.jtgr {
max-width: 50rem;
}
.xppv {
min-height: 4rem;
border: 1px solid var(--board-line);
border-bottom: 0;
background: var(--board-white);
padding: .95rem 1rem .95rem 3.7rem;
}
.xppv:first-child {
border-radius: .7rem .7rem 0 0;
}
.xppv:last-child {
border-bottom: 1px solid var(--board-line);
border-radius: 0 0 .7rem .7rem;
}
.xppv::before {
top: 1rem;
left: 1rem;
display: grid;
place-items: center;
width: 2rem;
height: 2rem;
border-radius: .4rem;
background: var(--board-violet-soft);
color: var(--board-violet);
font-size: .7rem;
}
.xppv::after {
content: "";
position: absolute;
top: 1.55rem;
left: 2.42rem;
width: .75rem;
height: .75rem;
background: var(--board-violet);
-webkit-mask: var(--icon-file) center / contain no-repeat;
mask: var(--icon-file) center / contain no-repeat;
}
.useb {
color: var(--board-ink);
font-size: .9rem;
line-height: 1.55;
}
.emev {
color: var(--board-copy);
font-size: .79rem;
line-height: 1.5;
}
.hngx {
position: relative;
overflow: hidden;
margin-top: 3.6rem;
border: 0;
background: var(--board-ink);
color: var(--board-white);
}
.hngx::before,
.hngx::after {
content: "";
position: absolute;
width: 16rem;
height: 16rem;
border: 2.5rem solid rgba(255, 255, 255, .06);
border-radius: 50%;
}
.hngx::before { top: -8rem; left: -5rem; }
.hngx::after { right: -4rem; bottom: -9rem; }
.fmfa {
position: relative;
z-index: 1;
max-width: 50rem;
padding: 3.7rem 1.5rem;
}
.fmfa h2,
.fmfa p {
color: var(--board-white);
}
.fmfa h2 {
margin-bottom: .85rem;
font-size: clamp(1.8rem, 4vw, 2.8rem);
font-weight: 800;
letter-spacing: -.045em;
}
.fmfa p {
max-width: 43rem;
margin-right: auto;
margin-left: auto;
line-height: 1.7;
}
.lgjr {
padding: .9rem 3.05rem .9rem 1.35rem;
}
.mliw {
border-top: 0;
background: var(--board-canvas);
}
.mliw .azkr {
max-width: 75rem;
padding: 2.8rem 1.5rem 2rem;
}
.ixfa {
grid-template-columns: minmax(0, 1.6fr) minmax(15rem, .8fr);
border-top: .38rem solid var(--board-violet);
border-bottom: 1px solid var(--board-line);
background: var(--board-white);
padding: 1.55rem;
}
.lmtb:last-child {
border-left: 1px solid var(--board-line);
padding-left: 1.5rem;
}
.mliw .itoz {
margin-bottom: .55rem;
color: var(--board-violet);
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
}
.mliw .ghxn,
.wgup {
color: var(--board-copy);
}
.jzcw,
.dfup {
color: var(--board-ink);
}
.jzcw {
font-style: normal;
font-weight: 700;
}
.dfup {
border-left: 3px solid var(--board-teal);
padding-left: .8rem;
}
.lmtb .pwog {
display: inline-block;
margin: .18rem;
border: 1px solid var(--board-line);
background: var(--board-canvas);
}
.kfhu:focus {
left: .75rem;
top: .75rem;
border-radius: .45rem;
outline: 3px solid var(--board-white);
outline-offset: 2px;
}
@media (max-width: 960px) {
.ehpc:has(.ofkm) > * {
max-width: calc(100% - 22rem);
}
.ehpc:has(.ofkm)::before,
.ehpc:has(.ofkm)::after {
width: 19rem;
}
.qzkm {
font-size: clamp(2.5rem, 6vw, 4.4rem);
}
}
@media (max-width: 760px) {
.nxwz .azkr {
min-height: 0;
}
.sbkx {
max-width: 15rem;
font-size: .92rem;
}
.nxwz .itoz {
display: none;
}
.sitg[data-open="true"] {
margin-top: .65rem;
border-top: 1px solid var(--board-line);
padding: .55rem 0 .2rem;
}
.pwog {
width: 100%;
border-radius: .4rem;
padding: .65rem .35rem;
}
.zkko .azkr {
margin: 0 auto;
padding: 3.25rem 1.2rem 3.8rem;
}
.ehpc:has(.ofkm) {
min-height: 0;
}
.ehpc:has(.ofkm)::before,
.ehpc:has(.ofkm)::after {
display: none;
}
.ehpc:has(.ofkm) > * {
max-width: 100%;
}
.qzkm,
.ehpc:not(:has(.ofkm)) .qzkm {
max-width: 100%;
font-size: clamp(2.25rem, 12vw, 3.6rem);
}
.mgrj {
display: grid;
grid-template-columns: 1fr;
}
.dkzd {
margin-top: -1rem;
padding: 0 .8rem;
}
.bjyc {
display: block;
padding: 1.2rem;
}
.uaar {
display: inline-block;
margin-bottom: .8rem;
}
.ulbn {
display: block;
margin-top: 1rem;
text-align: center;
}
.nacz {
padding-top: 2.6rem;
}
.rqfc {
padding: 1.2rem;
}
.gpyl {
padding: 4rem 0 1.5rem;
}
.gpyl h2::before {
top: 1.45rem;
}
.npnm {
padding: 4rem 1.15rem 1.25rem;
}
.npnm::after {
right: auto;
left: 1rem;
}
.xjmy {
grid-template-columns: 1fr;
}
.btuy {
padding: 3.6rem 1rem 1rem;
}
.btuy::after {
top: 1rem;
left: 1rem;
}
.ixfa {
padding: 1.15rem;
}
.lmtb:last-child {
border-top: 1px solid var(--board-line);
border-left: 0;
padding-top: 1rem;
padding-left: 0;
}
table {
min-width: 34rem;
}
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
.pwog::after { transition: none; }
}