@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--ink:#122f39;--muted:#566970;--paper:#f7f5ee;--white:#fffdf9;--line:#d7dedb;--accent:#d9a45a;--teal:#347c76;--light:#e8efeb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 'DM Sans',system-ui,sans-serif}a{color:#176b69;text-underline-offset:3px}a:hover{color:#954e21}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1,h2{font-family:'Libre Baskerville',Georgia,serif}h1{font-size:clamp(2.6rem,5vw,5.1rem);letter-spacing:-.055em}h2{font-size:clamp(1.6rem,2.5vw,2.15rem);letter-spacing:-.035em}p{max-width:70ch}.site-shell{max-width:1600px;margin:auto;background:var(--white);min-height:100vh;box-shadow:0 0 80px #1732380b}.skip{position:absolute;left:-9999px;background:white;padding:1rem;z-index:20}.skip:focus{left:1rem;top:1rem}.site-header{display:flex;align-items:center;gap:2rem;padding:1.2rem max(4vw,24px);border-bottom:1px solid var(--line);background:var(--white)}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;font-size:1.2rem;font-weight:700;letter-spacing:.11em;line-height:1}.brand small{display:block;font-size:.47rem;letter-spacing:.26em;color:var(--teal);margin-top:.45rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;color:var(--accent);background:var(--ink);font-family:Georgia,serif;font-size:1.5rem;letter-spacing:0}.site-header nav{display:flex;gap:1.55rem;align-items:center;margin-left:auto}.site-header nav a,.header-link{font-size:.78rem;font-weight:700;text-decoration:none;color:var(--ink);white-space:nowrap}.site-header nav a[aria-current]{color:var(--teal);border-bottom:2px solid var(--teal);padding-bottom:4px}.header-link{border:1px solid var(--ink);padding:.7rem 1rem;border-radius:100px}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);min-height:470px;background:var(--ink);color:#f6f3e9;overflow:hidden}.hero-copy{padding:clamp(3rem,6vw,6.5rem) max(4vw,28px);align-self:center}.hero h1{max-width:840px;margin:.85rem 0 1.2rem}.hero-answer{font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.65;max-width:770px;color:#d9e4df}.eyebrow,.section-label,.side-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.eyebrow{color:#ead1a8;display:flex;align-items:center;gap:.65rem}.eyebrow-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.hero-meta{display:flex;gap:1.5rem;flex-wrap:wrap;color:#a9c0bd;font-size:.76rem;margin-top:2.5rem}.hero-meta span+span:before{content:'•';margin-right:1.5rem}.hero-art{position:relative;display:grid;place-items:end center;min-height:350px;background:radial-gradient(circle at 70% 55%,#346c6b 0,#1a4650 43%,#122f39 80%);overflow:hidden}.hero-art span{z-index:2;margin-bottom:2.2rem;color:#dce8df;text-transform:uppercase;letter-spacing:.18em;font-size:.67rem}.art-ring{position:absolute;border:1px solid #c9d6c766;border-radius:50%;aspect-ratio:1}.ring-one{width:80%;top:13%;left:15%}.ring-two{width:53%;top:28%;left:29%}.art-cross{position:absolute;top:18%;right:17%;font-family:Georgia,serif;font-size:13rem;font-weight:100;color:#e7b97099;line-height:1}.reader{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:clamp(2rem,5vw,5rem);padding:4.8rem max(4vw,28px) 5rem}.main-column{min-width:0}.content-section{display:grid;grid-template-columns:52px minmax(0,1fr);gap:1.3rem;padding:2rem 0 2.8rem;border-top:1px solid var(--line)}.content-section:first-child{border-top:0;padding-top:0}.content-section h2{margin-bottom:1.2rem}.content-section p:last-child{margin-bottom:0}.section-index{font:700 .75rem/1 'DM Sans',sans-serif;letter-spacing:.08em;color:var(--teal);padding-top:.58rem}.content-section ul,.content-section ol{padding-left:1.25rem}.steps{list-style:none!important;padding:0!important;counter-reset:step;display:grid;gap:0}.steps li{counter-increment:step;position:relative;padding:1rem 0 1rem 3.3rem;border-bottom:1px solid var(--line)}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:1.1rem;color:var(--teal);font-size:.76rem;font-weight:700;letter-spacing:.05em}.steps strong{color:var(--ink)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature-card{display:flex;flex-direction:column;min-height:200px;padding:1.45rem;border:1px solid var(--line);background:#f4f8f5;text-decoration:none;border-radius:8px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #18323815}.feature-card span,.feature-card small{color:var(--muted);font-size:.74rem}.feature-card span{text-transform:uppercase;letter-spacing:.13em;font-weight:700}.feature-card strong{color:var(--ink);font:700 1.18rem/1.3 'Libre Baskerville',Georgia,serif;margin:.7rem 0}.feature-card small{line-height:1.55;margin-top:auto}.side-panel{display:flex;flex-direction:column;gap:1.1rem;align-self:start;position:sticky;top:2rem}.side-card{background:var(--light);padding:1.6rem;border-radius:8px}.side-card h2{font-size:1.3rem;margin:.7rem 0}.side-card p{font-size:.86rem;line-height:1.6;margin:0}.side-kicker{color:var(--teal)}.side-card-dark{background:var(--ink);color:#f4f2eb}.side-card-dark .side-kicker{color:var(--accent)}.side-card-dark a{display:inline-block;color:var(--ink);background:var(--accent);border-radius:100px;padding:.6rem 1rem;text-decoration:none;font-size:.8rem;font-weight:700;margin-top:1.2rem}.faqs,.sources{border-top:1px solid var(--line);padding:2.8rem 0}.faqs h2,.sources h2{margin:.6rem 0 1.5rem}.section-label{color:var(--teal)}details{border-top:1px solid var(--line);padding:1rem 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;list-style:none;padding-right:2rem;position:relative}summary:after{content:'+';position:absolute;right:0;color:var(--teal)}details[open] summary:after{content:'−'}details p{font-size:.92rem;margin:.8rem 0 0}.sources p{font-size:.89rem;color:var(--muted)}.sources ul{columns:2;list-style:none;padding:0;gap:1.2rem}.sources li{break-inside:avoid;font-size:.83rem;line-height:1.5;margin:0 0 .7rem}.text-link{font-weight:700;font-size:.87rem}.related{padding:3rem max(4vw,28px) 5rem;background:#eaf0ec}.related h2{margin:.6rem 0 1.6rem}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.related-grid a{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:8px;min-height:160px;padding:1.2rem;text-decoration:none;position:relative}.related-grid small{text-transform:uppercase;font-size:.66rem;font-weight:700;letter-spacing:.14em;color:var(--teal)}.related-grid strong{font:700 1.12rem/1.35 'Libre Baskerville',Georgia,serif;color:var(--ink);margin:.7rem 1rem 0 0}.related-grid span{position:absolute;bottom:1rem;right:1.2rem}footer{background:#0c2730;color:#a8bebd;padding:3rem max(4vw,28px);display:grid;grid-template-columns:1fr auto;gap:2rem}footer .brand{color:#f6f3e9}footer p{font-size:.8rem;max-width:420px;margin:1rem 0 0}footer>div:nth-child(2){display:flex;gap:1.6rem;align-items:flex-start}footer a{color:#e5ece8;text-decoration:none;font-size:.8rem}.footer-fine{grid-column:1/-1;border-top:1px solid #34515b;padding-top:1.3rem;font-size:.7rem}@media(max-width:1050px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;margin:0;overflow:auto;padding-bottom:.35rem}.header-link{margin-left:auto}.reader{grid-template-columns:1fr}.side-panel{position:static;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:690px){body{font-size:16px}.site-header{gap:1rem}.site-header nav{gap:1rem}.site-header nav a{font-size:.72rem}.header-link{font-size:.7rem;padding:.5rem .7rem}.hero{grid-template-columns:1fr}.hero-copy{padding:3.4rem 25px}.hero-art{min-height:190px}.art-cross{font-size:8rem}.ring-one{width:230px;left:50%;margin-left:-115px;top:-20px}.ring-two{width:155px;left:50%;margin-left:-77px;top:20px}.hero-meta{gap:.5rem;margin-top:1.5rem}.hero-meta span+span:before{margin-right:.5rem}.reader{padding:3rem 24px}.content-section{grid-template-columns:1fr;gap:.35rem}.section-index{padding:0}.card-grid,.side-panel,.related-grid{grid-template-columns:1fr}.feature-card{min-height:160px}.sources ul{columns:1}.related{padding:3rem 24px}footer{grid-template-columns:1fr;padding:2.5rem 24px}footer>div:nth-child(2){flex-wrap:wrap}.footer-fine{grid-column:1}}
