:root{--ink:#102a35;--muted:#536b75;--paper:#f7f4ed;--white:#fff;--teal:#0b7a75;--mint:#cde8df;--lime:#d9ef96;--orange:#f2a65a;--red:#be5a57;--line:#cfdbd8;--dark:#12343b;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:99}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.7rem max(4vw,1rem);background:rgba(247,244,237,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:.7rem;align-items:center;color:var(--ink);text-decoration:none;line-height:1.1}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--lime);font-weight:800}.brand small{display:block;color:var(--muted);font-size:.73rem;margin-top:.22rem;text-transform:uppercase;letter-spacing:.08em}nav{display:flex;gap:1.4rem}nav a{color:var(--ink);text-decoration:none;font-size:.93rem;font-weight:650}nav a:hover{color:var(--teal)}.menu{display:none;border:1px solid var(--line);background:transparent;padding:.55rem .8rem;border-radius:999px}.hero{max-width:var(--max);min-height:700px;margin:auto;padding:6rem 2rem;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:800;color:var(--teal);margin:0 0 .8rem}.hero h1,.section h2{font-family:Georgia,serif;letter-spacing:-.035em;line-height:1.05;margin:.2rem 0 1.4rem}.hero h1{font-size:clamp(3.2rem,7vw,6.4rem)}.hero h1 em{font-weight:400;color:var(--teal)}.lead{font-size:1.25rem;max-width:720px;color:var(--muted)}.hero-actions{display:flex;gap:.8rem;margin:2rem 0}.button{display:inline-block;padding:.75rem 1.1rem;border-radius:4px;text-decoration:none;font-weight:750}.primary{background:var(--ink);color:white}.secondary{border:1px solid var(--ink);color:var(--ink)}.update{font-size:.85rem;color:var(--muted)}.hero-visual{position:relative;min-height:470px;display:grid;place-items:center}.core{width:200px;height:200px;border-radius:50%;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;box-shadow:0 25px 60px #0b7a7530;z-index:2}.core span{font:700 5rem/1 Georgia,serif;color:var(--lime)}.core small{text-transform:uppercase;letter-spacing:.12em;font-size:.63rem}.orbit{position:absolute;border:1px solid #0b7a7570;border-radius:50%}.orbit-one{width:340px;height:340px}.orbit-two{width:460px;height:460px}.node{position:absolute;background:white;border:1px solid var(--line);padding:.5rem .8rem;border-radius:99px;font-weight:700;font-size:.82rem;z-index:3}.n1{top:6%;left:42%}.n2{right:0;top:46%}.n3{bottom:7%;left:42%}.n4{left:0;top:46%}.section{padding:6rem max(4vw,2rem);max-width:var(--max);margin:auto}.section-heading{max-width:760px;margin-bottom:3rem}.section h2{font-size:clamp(2.35rem,5vw,4.4rem)}.section-heading>p:last-child{color:var(--muted);font-size:1.1rem}.intro-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:2rem;align-items:start}.big-copy{font:1.8rem/1.35 Georgia,serif;margin:0}.question{border-left:5px solid var(--orange);padding:1rem 1.5rem;background:white}.question span{font-size:.75rem;text-transform:uppercase;font-weight:800;color:var(--red)}.question p{font-weight:700;line-height:1.4}.uses{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:4rem;border:1px solid var(--line)}.uses article{padding:1.5rem;background:var(--paper)}.uses b,.steps b{color:var(--teal);font-size:.8rem}.uses h3{font-family:Georgia,serif;font-size:1.45rem}.uses p{color:var(--muted);font-size:.93rem}.dark{max-width:none;background:var(--dark);color:white}.dark>*{max-width:var(--max);margin-left:auto;margin-right:auto}.dark .eyebrow{color:var(--lime)}.dark .section-heading>p:last-child{color:#c6d7d6}.principles{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff2c;border:1px solid #ffffff2c}.principles details{background:var(--dark);padding:1.2rem 1.5rem}.principles summary{cursor:pointer;font-weight:750;list-style:none}.principles summary span{color:var(--lime);margin-right:.65rem}.principles details div{padding-left:2.1rem;color:#dce8e7}.prompt{font-family:Georgia,serif;font-style:italic;color:var(--lime)}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tabs button{font:inherit;font-weight:750;padding:.6rem 1.2rem;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:99px;cursor:pointer}.tabs button[aria-selected="true"]{background:var(--ink);color:white}.rules{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.rules li{padding:1rem 1.2rem;border-bottom:1px solid var(--line);display:flex;gap:1rem}.rules li:nth-child(odd){border-right:1px solid var(--line)}.rules span{font-weight:800;color:var(--teal);font-size:.8rem}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.compare>div{padding:2rem;border-radius:5px}.compare h3{font:1.6rem Georgia,serif}.compare h3 span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;margin-right:.5rem}.compare li{margin:.5rem 0}.good{background:#e5f2e2}.good h3 span{background:#4c8d65;color:white}.bad{background:#f4e2df}.bad h3 span{background:var(--red);color:white}.level-track{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.level-track article{background:white;padding:1.3rem}.level-track b{font:3rem Georgia,serif;color:var(--teal)}.level-track h3{margin:.4rem 0}.level-track p{color:var(--muted);font-size:.9rem}.declaration{padding:1.2rem 1.5rem;background:var(--lime);margin-top:1rem}.declaration p{margin:.2rem 0}.activity{background:var(--mint);max-width:none}.activity>*{max-width:var(--max);margin-left:auto;margin-right:auto}.activity-head{display:flex;justify-content:space-between;gap:2rem;align-items:end}.meta{display:flex;gap:.4rem;flex-wrap:wrap}.meta span{background:var(--ink);color:white;padding:.35rem .65rem;border-radius:99px;font-size:.78rem}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#8db8ad;margin-top:3rem;border:1px solid #8db8ad}.steps article{padding:1.3rem;background:var(--mint)}.steps h3{font:1.35rem Georgia,serif}.steps p{font-size:.91rem}.verification{margin-top:2.5rem;background:white;padding:1.5rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:white}th,td{border:1px solid var(--line);padding:.8rem;text-align:left;vertical-align:top}thead th{background:var(--ink);color:white}tbody tr:nth-child(even){background:#f1f5f3}.verification tbody td{height:62px}.evidence-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem}.check-list{list-style:none;padding:0}.check-list li{padding:.6rem 0;border-bottom:1px solid var(--line)}.check-list li:before{content:'✓';color:var(--teal);font-weight:800;margin-right:.8rem}.interactive-check{background:white;padding:1.5rem 1.7rem;box-shadow:0 10px 35px #173d4620}.interactive-check label{display:block;padding:.52rem 0;border-bottom:1px solid #e8eeec;cursor:pointer}.interactive-check input{accent-color:var(--teal);margin-right:.7rem}.progress{height:10px;background:#e3ebe8;border-radius:10px;margin-top:1.5rem;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--teal);transition:width .25s}.progress-label{font-size:.82rem;color:var(--muted)}.source-list{border-top:1px solid var(--line)}.source-list a{display:grid;grid-template-columns:180px 1fr 30px;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;align-items:center}.source-list a:hover strong{color:var(--teal)}.source-list span{font-size:.75rem;text-transform:uppercase;color:var(--muted);font-weight:800}.source-list b{font-size:1.3rem}footer{padding:2rem max(4vw,2rem);background:var(--ink);color:white;display:flex;justify-content:space-between}footer div{display:flex;gap:.8rem}footer span{color:#b9ccca}footer a{color:var(--lime)}
@media(max-width:900px){nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--paper);padding:1rem;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:4rem}.hero-visual{min-height:430px}.intro-grid,.evidence-grid{grid-template-columns:1fr}.uses{grid-template-columns:1fr 1fr}.level-track,.steps{grid-template-columns:1fr 1fr}.activity-head{display:block}.meta{margin-bottom:1rem}}
@media(max-width:600px){body{font-size:16px}.hero{padding:3.5rem 1.2rem}.section{padding:4rem 1.2rem}.hero h1{font-size:3.1rem}.hero-visual{transform:scale(.78);margin:-2rem}.principles,.rules,.compare{grid-template-columns:1fr}.rules li:nth-child(odd){border-right:0}.uses,.level-track,.steps{grid-template-columns:1fr}.source-list a{grid-template-columns:1fr 25px}.source-list span{grid-column:1/-1}.topbar{padding:.65rem 1rem}footer,footer div{flex-direction:column}.dark{padding-left:1.2rem;padding-right:1.2rem}}
@media print{.topbar,.hero-actions,.menu,.interactive-check,.skip{display:none!important}.hero{min-height:auto;padding:2rem}.section{padding:2rem}.dark{background:white;color:var(--ink)}.dark .section-heading>p:last-child,.principles details div{color:var(--ink)}.principles details{background:white}.principles{display:block}.activity{background:white}.level-track,.steps{grid-template-columns:repeat(2,1fr)}a{color:var(--ink)}footer{background:white;color:var(--ink)}}
