.ph{position:relative;overflow:hidden;padding:72px 0 56px}
.ph .w{position:relative;z-index:1}
.ph.tx::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(13,42,29,.09) 1.3px,transparent 1.6px);background-size:26px 26px;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.crumb{font-size:14px;color:var(--muted);margin-bottom:22px}.crumb a{color:inherit}.crumb span{margin:0 6px;opacity:.5}.crumb b{font-weight:500;color:var(--ink)}
.ph h1{font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.025em;font-weight:300;max-width:17em}
.ph .lead{margin-top:20px;max-width:40em;color:var(--muted);font-size:18px}
.chs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.chs span{background:#fff;border-radius:999px;padding:7px 15px;font-size:14px;box-shadow:inset 0 0 0 1px rgba(13,42,29,.12)}
.hb{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hb .btn{padding:15px 28px}
.sh{margin-bottom:36px}
.band-mint,.band-lime{position:relative}.band-mint>.w,.band-lime>.w{position:relative;z-index:1}
.scrw{max-width:1040px;margin-inline:auto;padding:0 14px;overflow:visible}
.scr{position:relative;background:#fff;border-radius:22px;box-shadow:0 40px 80px -40px rgba(13,42,29,.45),0 0 0 1px rgba(13,42,29,.07);font:400 13px var(--font);color:var(--ink);text-align:left}
.scr-nav{display:flex;align-items:center;gap:20px;padding:14px 22px;background:var(--forest);color:#cfe0d6;border-radius:22px 22px 0 0}
.scr-nav .lgo{font:500 14px var(--font);color:#fff;display:flex;gap:7px;align-items:center;font-style:normal;margin-right:8px}
.scr-nav span.on{color:var(--lime)}.scr-nav .sp{flex:1}.scr-nav .bell{font-size:8px;color:var(--lime)}.scr-nav .av{width:26px;height:26px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-weight:600}
.scr-tabs{display:flex;gap:22px;align-items:center;padding:12px 22px 0;border-bottom:1px solid #e6eae3}
.scr-tabs span{padding:6px 0 10px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.scr-tabs span.on{color:var(--green);border-color:var(--green);font-weight:500}
.scr-tabs .cn{margin-left:6px;font-weight:400;opacity:.6}.scr-tabs .sp{flex:1;border:0}.scr-tabs small{color:var(--muted);padding-bottom:8px}
.scr-f{display:flex;gap:10px;align-items:center;padding:12px 22px;border-bottom:1px solid #eef0eb}.scr-f .sp{flex:1}.scr-f small{color:var(--muted)}
.pillf{border-radius:999px;padding:6px 14px;box-shadow:inset 0 0 0 1px #d9dfd6}.pillf.dash{border:1px dashed #b9c3b6;box-shadow:none;color:var(--muted)}
.scr-b{padding:20px 22px 24px}
.scr-th{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.scr-th h4{font:400 20px var(--font);letter-spacing:-.01em}.scr-th p{color:var(--muted);margin-top:3px}
.btns{display:flex;gap:8px}.bt{border-radius:999px;padding:7px 14px;box-shadow:inset 0 0 0 1px #cfd7cb;white-space:nowrap}
.scr-h{font:300 22px var(--font);letter-spacing:-.015em;line-height:1.25}.scr-h mark{background:var(--lime);color:var(--ink);padding:0 .15em;border-radius:.2em}.scr-h small{font-size:15px;color:var(--muted)}
.scr-s{color:var(--muted);margin:4px 0 12px}
.scr-c{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.scr-c .sp{flex:1}.scr-c.wrap{gap:7px}
.ch{border-radius:999px;padding:6px 13px;box-shadow:inset 0 0 0 1px #d4dbd0;background:#fff;line-height:1.3}.ch.on{background:var(--ink);color:#fff;box-shadow:none}.ch small{opacity:.7}
.srch{border-radius:999px;padding:6px 14px;background:#f2f3ef;color:var(--muted)}
.scr-lg{color:var(--muted);margin:10px 0;font-size:12.5px}
.bdg{display:inline-block;border-radius:5px;padding:1px 6px;font:600 10px var(--font);vertical-align:1px}.bdg.ml{background:#ffe9a8;color:#6a4c00}.bdg.mp{background:#cfe8ff;color:#0b4a7a}
.scr-tw{overflow-x:auto}.scr-t{width:100%;border-collapse:collapse;min-width:640px}
.scr-t th{font-weight:500;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid #e6eae3;font-size:12px}
.scr-t td{padding:12px 10px;border-bottom:1px solid #eef0eb;vertical-align:top;line-height:1.4}
.scr-t small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.scr-t .pt{font-weight:500;display:block}.scr-t code{font:500 12px var(--font)}
.sp2{display:inline-flex;gap:6px;align-items:center;border-radius:999px;padding:3px 10px;white-space:nowrap}.sp2 i{width:6px;height:6px;border-radius:50%;background:currentColor}
.sp2.g{background:#e3f4d4;color:#1d6a2b}.sp2.a{background:#fff2c9;color:#7a5a00}.sp2.r{background:#fde0dc;color:#8a1b13}
.pl{display:inline-block;border-radius:999px;padding:3px 10px;font-weight:500}.pl.r,.pl.r2{background:#fde0dc;color:#8a1b13}
.scr-tb2,.scr-seg{display:flex;gap:6px;margin:14px 0}.scr-tb2 span,.scr-seg span{padding:7px 16px;border-radius:999px;box-shadow:inset 0 0 0 1px #d4dbd0}.scr-tb2 .on,.scr-seg .on{background:var(--green);color:#fff;box-shadow:none}
.scr-box{border-radius:16px;box-shadow:inset 0 0 0 1px #e1e6dd;margin:12px 0;overflow:visible}.scr-box.pad{padding:16px 18px}.scr-box h5{font:500 14px var(--font);margin:12px 18px 6px}.scr-box.pad h5{margin:0 0 10px}
.scr-box .scr-tw{padding:0 10px 10px}
.scr-k4,.scr-k3{display:grid;gap:12px;margin:14px 0}.scr-k4{grid-template-columns:repeat(4,1fr)}.scr-k3{grid-template-columns:repeat(3,1fr)}
.scr-k4>div,.scr-k3>div{border-radius:16px;box-shadow:inset 0 0 0 1px #e1e6dd;padding:14px 16px}.scr-k4 small,.scr-k3 small{color:var(--muted);display:block}.scr-k4 b,.scr-k3 b{font:400 22px var(--font);letter-spacing:-.02em}
.scr-k3 .lime{background:var(--lime);box-shadow:none}
.scr-bars{display:flex;align-items:flex-end;gap:4px;height:90px}.scr-bars i{flex:1;background:#2d7a52;border-radius:3px 3px 0 0}.scr-bars i.f{background:var(--lime);box-shadow:inset 0 0 0 1px #b8d046}
.scr-lgd{display:flex;gap:16px;margin-top:8px;color:var(--muted)}.scr-lgd .g{color:#2d7a52}.scr-lgd .a{color:#8da91a}
.scr-cal2{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal .d{min-height:46px;border-radius:8px;background:#f5f7f2;padding:4px 6px;font-size:11px}.cal .d b{font-weight:500;display:block}.cal .d i{font-style:normal;color:#1d6a2b;font-size:10px}.cal .d.on{background:var(--lime)}
.pin{position:absolute;z-index:3;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font:500 13px var(--font);font-style:normal;display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 6px 14px -4px rgba(8,86,52,.6)}
.pin.st{position:static;flex:none}
@media (prefers-reduced-motion:no-preference){.js .scrw.in .pin:not(.st){animation:pinin .5s backwards cubic-bezier(.2,.9,.3,1.3)}}
@keyframes pinin{from{transform:scale(0)}}
.artsec{padding:72px 0}
.artg{display:grid;grid-template-columns:240px minmax(0,680px);gap:64px;justify-content:center}
.toc{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:2px;font-size:14px}
.toc b{font-weight:500;margin-bottom:10px}.toc a{display:flex;gap:10px;padding:8px 12px;border-radius:12px;text-decoration:none;color:var(--muted);transition:background .2s,color .2s}
.toc a i{font-style:normal;opacity:.5;min-width:14px}.toc a.on{background:#e3eedb;color:var(--ink)}.toc a.on i{opacity:1;color:var(--green)}
.toc .tocb{margin-top:14px;background:var(--lime);color:var(--ink);justify-content:center;font-weight:500}
.as{padding:0 0 44px;scroll-margin-top:96px}.as h2{display:flex;gap:14px;align-items:center;font:400 24px/1.2 var(--font);letter-spacing:-.015em;margin-bottom:14px}
.as p{font-size:17px;line-height:1.7;color:#35493e}.as p b{color:var(--ink);font-weight:500}
.stps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin-inline:auto}
.stp{background:#fff;border-radius:24px;padding:28px}.stp i{width:36px;height:36px;border-radius:50%;background:var(--green);color:var(--lime);display:grid;place-items:center;font:500 15px var(--font);font-style:normal;margin-bottom:18px}
.stp h3{font:400 19px var(--font);margin-bottom:8px}.stp p{color:var(--muted)}
@media (max-width:900px){.artg{grid-template-columns:1fr}.toc{display:none}.stps{grid-template-columns:1fr}.scr-k4{grid-template-columns:1fr 1fr}.scr-k3{grid-template-columns:1fr}.scr-cal2{grid-template-columns:1fr}.scrw{padding:0}.pin{transform:scale(.85)}.scr-nav span:not(.on):not(.sp):not(.av):not(.lgo){display:none}.scr-nav span.on{display:inline}}
.ph .deco2{position:absolute;inset:0;pointer-events:none}.ph .deco2 svg{position:absolute;top:0;height:100%}
.scr-th h4,.scr-th p,.scr-box h5{margin-block:0}.scr-th p{margin-top:3px}.scr-box h5{margin:12px 18px 6px}.scr-box.pad h5{margin:0 0 10px}
.scr-lg{margin-right:20px}
@media (max-width:900px){.scr-th{flex-wrap:wrap}.btns{flex-wrap:wrap}.scr-tabs{overflow-x:auto;gap:16px;padding-right:34px}.scr-tabs small{display:none}.scr-f small{display:none}.pin:not(.st){left:auto!important;right:-8px!important}.scr-tabs .pin,.scr-f .pin{top:6px!important}.scr-tb2,.scr-seg{flex-wrap:wrap}.scr-b{padding:18px 16px}.scr-h{font-size:19px}}
