:root{--ink:#122e1d;--green:#249b54;--lime:#c8f759;--mint:#a0dfae;--paper:#fbfaf6;--muted:#42604c;--line:#c9d8c9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.75 Inter,Arial,sans-serif}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.035em;line-height:1.14}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #287441;outline-offset:5px;border-radius:3px}.skip-link{position:absolute;top:-100px;left:16px;padding:12px 20px;z-index:50;background:var(--ink);color:var(--lime)}.skip-link:focus{top:10px}
.top{max-width:1280px;margin:auto;min-height:78px;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font:800 1rem/1.1 Manrope,Arial,sans-serif;text-decoration:none}.top nav{display:flex;gap:6px}.top nav a{display:block;padding:10px 14px;border-radius:30px;text-decoration:none;font-size:.86rem;font-weight:700}.top nav a:hover{background:#e5efdf}.page{max-width:1280px;margin:auto;padding:0 24px 70px}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding:14px 3px 25px;font-size:.8rem;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:14px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--ink);border-radius:25px;padding:clamp(30px,4vw,54px);color:var(--paper)}.eyebrow{margin:0;color:var(--lime);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(2.4rem,4.3vw,4rem);margin:22px 0}.deck{margin:0;max-width:540px;color:#d7e2d5;font-size:1.02rem;line-height:1.65}.view-toggle{margin-top:24px;color:var(--lime);font-size:.8rem;font-weight:700}.hero-art{display:flex;align-items:center;min-height:420px;overflow:hidden;border-radius:25px;background:linear-gradient(135deg,#d9ff68,var(--lime) 60%,#a0dfae)}.hero-art svg{width:100%;height:auto;font-family:Manrope,Arial,sans-serif}.draw-route{stroke-dasharray:1100;stroke-dashoffset:1100;animation:draw-line 1.5s ease-out forwards}.ribbon{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:18px 27px;background:#176c37;border-radius:16px;color:#fff}.ribbon strong{font-family:Manrope,Arial,sans-serif;font-size:1.1rem}.ribbon span{color:var(--lime);font-size:.7rem;font-weight:800;letter-spacing:.08em}
.article-layout{display:grid;grid-template-columns:250px minmax(0,740px);gap:60px;justify-content:center;padding:62px 0 32px;align-items:start}.contents{position:sticky;top:25px;padding:6px 0 20px;border-top:2px solid var(--ink)}.contents p{font-size:.7rem;font-weight:800;letter-spacing:.1em;margin:18px 0}.contents ol{padding:0;list-style:none;counter-reset:toc}.contents li{counter-increment:toc;display:grid;grid-template-columns:22px 1fr;gap:9px;margin:0 0 15px}.contents li:before{content:counter(toc,decimal-leading-zero);font-size:.65rem;color:#44704c;padding-top:3px}.contents a{text-decoration:none;line-height:1.5;font-size:.82rem;color:#36563e}.contents a:hover{text-decoration:underline}.article-body{min-width:0;font-size:1.04rem;outline:none}.article-body .byline{font-size:.76rem;color:#4d6653;margin:0 0 27px}.byline span{padding:0 6px}.article-body p{margin:0 0 22px}.article-body h2{scroll-margin-top:30px;font-size:clamp(1.65rem,2.5vw,2.2rem);padding-top:34px;margin:30px 0 21px;border-top:1px solid var(--line)}.article-body a{color:#216236;text-decoration-thickness:1px;overflow-wrap:anywhere}.article-body ul{padding-left:23px;margin:16px 0 28px}.article-body li{padding-left:4px;margin:12px 0}.table-wrap{margin:28px 0 32px}table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.6;table-layout:fixed}th{padding:15px;text-align:left;background:var(--ink);color:var(--paper);font-weight:700}td{padding:15px;vertical-align:top;border-bottom:1px solid #bdd2bd}tbody tr:nth-child(odd){background:#edf4e8}th:first-child,td:first-child{width:34%}.next-step{margin-top:35px!important;border-radius:18px;padding:28px;background:var(--lime);font-weight:500}.next-step strong{display:block;margin-bottom:7px;font:800 1.3rem Manrope,Arial,sans-serif}.library-return{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:27px 32px;border:1px solid var(--line);border-radius:18px}.library-return span{font:800 1.2rem Manrope,Arial,sans-serif}.library-return a{font-size:.88rem;font-weight:700}.foot{max-width:1280px;margin:auto;padding:30px 24px 45px;border-top:1px solid var(--line);font-size:.8rem;color:#496650;display:flex;justify-content:space-between;gap:20px}
.simple-view .page{max-width:850px}.simple-heading{padding:38px 0 12px}.simple-heading h1{font-size:clamp(2.3rem,4vw,3.5rem);margin:20px 0}.simple-heading .deck{color:var(--muted)}.simple-heading .view-toggle{display:inline-block;color:#216236}.dark{color:#287441}.simple-view .article-layout{display:block;padding-top:35px}.simple-view .contents{position:static;margin-bottom:35px}.simple-view .contents ol{columns:2;column-gap:30px}.simple-view .contents li{break-inside:avoid}.simple-view .ribbon{display:none}
@keyframes draw-line{to{stroke-dashoffset:0}}
@media(max-width:1000px){.article-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}.hero-copy{padding:34px}.hero h1{font-size:2.75rem}.hero-art{min-height:380px}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-art{min-height:0;height:290px}.hero-art svg{height:100%;width:100%}.article-layout{display:block;padding-top:38px}.contents{position:static;margin-bottom:36px}.contents ol{columns:2;column-gap:24px}.contents li{break-inside:avoid}.ribbon span{display:none}.library-return{align-items:flex-start;flex-direction:column;gap:13px}}
@media(max-width:480px){.top{padding:12px 16px;min-height:66px;gap:8px}.brand{font-size:.8rem;gap:8px}.brand img{height:32px;width:32px}.top nav{gap:0}.top nav a{padding:8px;font-size:.74rem}.page{padding:0 16px 45px}.breadcrumb{font-size:.7rem;padding:8px 0 20px}.hero-copy{padding:30px 25px;border-radius:20px}.hero h1{font-size:2.5rem}.hero-art{height:250px;border-radius:20px}.ribbon{padding:16px 21px}.ribbon strong{font-size:.95rem}.article-body{font-size:1rem}.contents ol,.simple-view .contents ol{columns:1}.article-body h2{font-size:1.7rem;margin-top:26px;padding-top:28px}table{font-size:.81rem}td,th{padding:12px 10px}.next-step{padding:23px}.library-return{padding:23px}.foot{padding:25px 16px;align-items:flex-start;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.draw-route{animation:none;stroke-dashoffset:0}}

/* Three editorial formats share the same shell and motion system. */
.format-name{font-weight:700;padding:0!important}.format-intro{padding:28px 30px;border-radius:20px;margin-bottom:28px;background:#eef5e9;border:1px solid #d7e3ce}.format-intro p:last-child{margin-bottom:0}.article-body .block-label{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;color:#254d31}.explainer-intro{background:var(--lime);border-color:transparent}.explainer-intro>p:nth-child(2){font-size:1.16rem;line-height:1.65;font-weight:500}.key-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 40px}.key-points a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-decoration:none;padding:20px 17px;background:#edf4e8;border-radius:14px;color:var(--ink);transition:background .2s}.key-points a:hover{background:#e0efcf}.key-points strong{font:800 .98rem/1.3 Manrope,Arial,sans-serif}.key-points span{font-size:.79rem;line-height:1.55}.key-points span:last-child{margin-top:auto;font-size:1.1rem;font-weight:800}.article-section{position:relative;display:flow-root}.article-section:first-child>h2{margin-top:10px}.howto-intro{background:#edf4e8}.article-body .steps-caption{display:flex;align-items:center;gap:18px;border-top:1px solid #bfd1b6;padding-top:18px;margin-top:24px!important;font-size:.82rem;line-height:1.5}.steps-caption strong{white-space:nowrap;background:var(--ink);color:var(--lime);padding:8px 12px;border-radius:9px}.numbered-steps{counter-reset:step}.numbered-steps .article-section{padding-left:61px}.step-number{position:absolute;left:0;top:33px;background:var(--ink);color:var(--lime);width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font:800 .9rem Manrope,Arial,sans-serif}.numbered-steps .article-section:first-child .step-number{top:14px}.numbered-steps .article-section>h2{padding-top:0;border-top:0;margin-top:33px}.numbered-steps .article-section:first-child>h2{margin-top:14px}.article-body [data-block=checklist]{padding:23px 26px!important;background:#edf4e8;border:1px solid #c9dbc2;border-radius:18px;list-style:none}.article-body [data-block=checklist] li{position:relative;padding-left:29px;margin:13px 0}.article-body [data-block=checklist] li:before{content:'✓';position:absolute;left:0;color:#216236;font-weight:800}.article-body [data-block=example]{padding:24px 27px;background:#f2f0dc;border-left:4px solid #719047;border-radius:0 16px 16px 0}.article-body ul[data-block=example]{list-style:none;padding-left:27px}.comparison-intro{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 24px}.comparison-overview{padding:28px 28px 4px;margin:32px 0 40px;background:#edf4e8;border-radius:20px}.article-body .comparison-overview h2{padding:0;margin:0 0 16px;border:0;background:transparent}.comparison-matrix{margin-top:22px}.comparison-matrix caption{text-align:left;font-size:.8rem;margin-bottom:12px;color:#36563e}.comparison-matrix th:first-child,.comparison-matrix td:first-child{width:24%}.comparison-matrix thead th{background:var(--ink);color:var(--paper)}.comparison-matrix thead th:nth-child(2){background:#c8f759;color:var(--ink)}.comparison-matrix thead th:nth-child(3){background:#aadbb0;color:var(--ink)}.comparison-matrix tbody th{color:var(--ink);background:#e1ebd9;font-size:.78rem}.comparison-matrix tbody td{background:#fbfcf7}.article-body .source-note{font-size:.78rem;line-height:1.65}.simple-view .format-intro,.simple-view .comparison-overview{padding:20px;border:1px solid var(--line);background:transparent}.simple-view .key-points{display:block}.simple-view .key-points a{display:block;background:transparent;padding:9px 0}.simple-view .key-points a span{margin-left:8px}.simple-view .numbered-steps .article-section{padding-left:0}.simple-view .step-number{display:none}
@media(max-width:760px){.key-points{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-overview{padding:23px 18px 3px}.numbered-steps .article-section{padding-left:53px}.step-number{width:38px;height:38px}}
@media(max-width:480px){.format-intro{padding:23px}.key-points{grid-template-columns:1fr;gap:8px}.key-points a{display:grid;grid-template-columns:1fr 20px;padding:16px 20px;gap:5px}.key-points a strong{grid-column:1}.key-points a span{grid-column:1}.key-points a span:last-child{grid-column:2;grid-row:1/3;align-self:center}.numbered-steps .article-section{padding-left:0;padding-top:32px}.step-number{top:13px!important;position:relative;margin-bottom:8px}.numbered-steps .article-section>h2{margin-top:17px!important}.comparison-overview{padding:20px 12px 2px}.comparison-matrix table{font-size:.75rem;line-height:1.55}.comparison-matrix th,.comparison-matrix td{padding:12px 7px;overflow-wrap:anywhere}.comparison-matrix th:first-child{width:23%}.article-body [data-block=checklist]{padding:17px!important}.steps-caption{align-items:flex-start!important;gap:12px!important}.simple-view .numbered-steps .article-section{padding-top:0}}

/* Basic publication view: shared branding and static article content. */
.basic-view .page{max-width:900px}.basic-view .article-layout{display:block;padding-top:24px}.basic-view .contents{position:static;margin:0 0 28px;padding:0 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.basic-view .contents ol{columns:2;column-gap:30px}.basic-view .contents li{break-inside:avoid}.basic-view .simple-heading{padding-top:16px}.basic-view .article-body{max-width:780px;margin:auto}.basic-view .article-body h2{padding-top:23px}.basic-view blockquote{margin:22px 0 28px;padding:18px 23px;border-left:4px solid #93b16e;background:#eef4e8;border-radius:0 12px 12px 0}.basic-view blockquote p:last-child{margin-bottom:0}.basic-view .table-wrap{overflow-x:auto}.basic-view .table-wrap:focus-visible{outline:3px solid #287441;outline-offset:4px}.basic-view table{min-width:440px}.basic-view .library-return{margin-top:20px}.basic-view .deck{color:var(--muted)}@media(max-width:600px){.basic-view .contents ol{columns:1}.basic-view .article-body{font-size:1rem}.basic-view blockquote{padding:16px 19px}.basic-view .simple-heading h1{font-size:2.35rem}}