:root{--ink:#123d42;--teal:#14565a;--mint:#eaf4ef;--cream:#fbf8f0;--orange:#d97642;--line:#d7e4dd;--text:#263a3a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.65}a{color:var(--teal)}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.wrap,.top{width:min(1120px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:10px}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.top{min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;gap:12px;align-items:center;color:var(--ink)}.brand strong{display:block;font-size:13px;letter-spacing:1px}.brand small{display:block;color:#5c7473}.logo{background:var(--ink);color:white;border-radius:12px;padding:7px 15px;font:30px Georgia,serif}nav{display:flex;gap:20px}nav a{text-decoration:none;font-weight:650;font-size:14px}#menubtn{display:none}.hero{background:linear-gradient(120deg,#f8f5eb,#e5eee8);overflow:hidden}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:45px;padding:70px 0}.eyebrow{color:#9b4b29;font-size:12px;font-weight:850;letter-spacing:2px}.hero h1{font-family:Georgia,serif;font-size:clamp(58px,7vw,100px);line-height:.99;letter-spacing:-4px;color:var(--ink);margin:18px 0}.hero h1 em{color:var(--orange);font-weight:normal}.lead{font-size:22px}.hero blockquote{border-left:4px solid var(--orange);padding-left:18px;font:italic 21px Georgia,serif;margin:30px 0}.primary,.secondary{display:inline-block;border:0;border-radius:9px;padding:12px 22px;font-weight:750;text-decoration:none}.primary{background:var(--ink);color:#fff}.secondary{background:#e2eeea;color:var(--ink)}.art{height:350px;position:relative;background:linear-gradient(#e6c9a5,#f4e9d5);border-radius:50% 50% 12px 12px;overflow:hidden}.sun{position:absolute;top:45px;left:35%;height:170px;width:170px;border-radius:50%;background:#df925e}.temple{position:absolute;bottom:35px;left:10%;width:80%;height:155px;border-top:22px solid #244e4e;border-bottom:18px solid #244e4e;display:flex;justify-content:space-around}.temple i{display:block;width:24px;height:100%;background:#244e4e}.art-label{position:absolute;bottom:0;background:#244e4e;color:#fff;width:100%;text-align:center;font-size:12px;padding:6px}.section{padding:75px 0}.section h2{font:normal clamp(32px,4vw,47px) Georgia,serif;color:var(--ink);margin:8px 0 16px}.section h3{color:var(--ink);margin-top:38px}.tinted{background:var(--cream)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0}.metrics div,.steps article,.group-card,.resource-grid a,.role,.question{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.metrics b{font:42px Georgia,serif;color:var(--orange);display:block}.metrics span{display:block}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps b{color:var(--orange)}.steps h4{margin:4px 0}.timeline{border-left:3px solid var(--orange);padding-left:22px}.timeline div{padding:10px 0;display:flex;gap:25px}.timeline b{min-width:85px;color:var(--teal)}.group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:30px 0}.group-card{display:flex;flex-direction:column;align-items:start;text-align:left;width:100%;transition:transform .15s}.group-card:hover{transform:translateY(-2px)}.group-card strong{font:24px Georgia,serif;color:var(--ink)}.group-card span{font-size:13px;color:#6d6d6d}.group-card .num{font:36px Georgia,serif;color:var(--orange)}.group-detail{border-top:4px solid var(--orange);background:white;border-radius:14px;padding:25px;margin-top:20px}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.role h4{color:var(--ink);margin:0 0 8px}.role p{margin:6px 0}.role button{margin-top:8px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.resource-grid a{text-decoration:none;display:flex;flex-direction:column}.resource-grid span{color:#566c6c}.glossary details{border-bottom:1px solid var(--line);padding:12px}.glossary summary{cursor:pointer;font-weight:700}.question{margin:14px 0}.question legend{font-weight:700;padding:0 0 12px}.question label{display:block;padding:8px 0;cursor:pointer}.question input{margin-right:10px}.feedback{margin-top:10px;padding:10px;background:var(--mint);border-radius:8px}.rubric{max-width:720px}.rubric div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.rubric b{color:var(--teal)}.muted{color:#586c6c}footer{background:var(--ink);color:#fff;padding:35px 0}footer p{font-size:13px;color:#c9d9d7}#quizresult{margin:20px 0;font-size:19px;font-weight:700;color:var(--teal)}@media(max-width:800px){#menubtn{display:block;background:none;border:0;font-size:25px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:20px;flex-direction:column;box-shadow:0 8px 15px #0002}nav.show{display:flex}.hero-grid{grid-template-columns:1fr;padding:50px 0}.art{height:250px;max-width:420px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.metrics,.steps,.group-grid,.role-grid,.resource-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.section{padding:50px 0}.timeline div{display:block}.brand small{font-size:10px}}@media print{header,.primary,.secondary,#menubtn,nav,.group-grid,#quizbox,footer{display:none!important}.hero-grid{min-height:0;padding:0}.art{display:none}.section{padding:12px 0}.role{break-inside:avoid}.group-detail{border:0;padding:0}.tinted{background:white}}