:root{--ink:#302b39;--blue:#49345f;--paper:#f5f4f7;--orange:#bcdad0;--line:#d7d1dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#68477c}a:focus-visible{outline:3px solid #b25913;outline-offset:5px}header,main,footer{max-width:1180px;margin:auto;padding:0 36px}header{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:26px;border-bottom:1px solid var(--line);gap:25px}.brand{font-weight:850;letter-spacing:-1.5px;font-size:30px;text-decoration:none;line-height:1.1}.brand span{display:block;letter-spacing:2px;font-size:10px;margin-top:9px}nav{display:flex;gap:24px;font-size:14px;font-weight:600}nav a{text-decoration:none}.skip{position:absolute;left:16px;top:-100px;padding:10px;background:white;z-index:10}.skip:focus{top:8px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding:85px 0 90px;align-items:center}.eyebrow,.tag,.number{font-size:11px;letter-spacing:2px;font-weight:750}.eyebrow{margin:0 0 20px}h1,h2,h3{line-height:1.13;letter-spacing:-1.5px}h1{font-size:clamp(38px,5.4vw,65px);margin:0 0 24px}h1 em{font-family:Georgia,serif;font-weight:500;color:var(--blue)}h2{font-size:36px;margin:0 0 20px}h3{font-size:29px;margin:20px 0 14px;letter-spacing:-.8px}.lead{font-size:19px;max-width:650px}.button{display:inline-flex;gap:35px;background:var(--blue);color:white;padding:14px 20px;margin-top:16px;text-decoration:none;font-weight:700;font-size:14px}.button:hover{background:#68477c;color:white}.notepad{position:relative;border:1px solid #c6ccd2;background:repeating-linear-gradient(#fffdf7,#fffdf7 35px,#e8edf1 36px);padding:46px 34px 28px;box-shadow:10px 10px 0 #dce5ee;transform:rotate(2deg)}.notepad ol{padding-left:25px;font-size:20px;line-height:1.8;font-weight:650}.notepad p:last-child{font-size:14px}.tape{position:absolute;top:-12px;left:35%;width:110px;height:26px;background:#f2c78cbf;transform:rotate(-5deg)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section-title p:last-child{font-size:14px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.card{display:block;position:relative;background:#ffffff;border:1px solid var(--line);padding:32px;text-decoration:none}.card:hover{box-shadow:0 5px 0 var(--blue);color:var(--ink)}.number{display:block;color:#5f5768;margin-bottom:32px}.tag{color:#67457a}.card p{font-size:16px}.read{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-size:14px;font-weight:700}.principles{margin:75px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 70px;border-top:2px solid var(--ink);padding-top:30px}.principles>.eyebrow{grid-column:1/-1}.principles p{margin-top:0}footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:45px}footer .brand{font-size:24px}footer p{font-size:14px}.small{font-size:12px;color:#5f5768;max-width:800px;margin-top:28px}article{max-width:800px;margin:55px auto 80px}article h1{font-size:clamp(36px,4.8vw,56px)}.back{display:inline-block;font-size:14px;margin-bottom:30px}.meta{font-size:12px;color:#5f5768;border-bottom:1px solid var(--line);padding-bottom:25px}.prose h2{font-size:28px;margin-top:42px;letter-spacing:-.7px}.prose li{margin:10px 0}.prose a{overflow-wrap:anywhere}.answer,blockquote{padding:24px;background:#eae4ef;border-left:4px solid var(--blue);margin:28px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;vertical-align:top;padding:14px;border:1px solid var(--line)}th{background:#eae4ef}.sources{border-top:1px solid var(--line);margin-top:45px}.sources p{font-size:14px}@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}header{align-items:flex-start;gap:20px}header .brand{font-size:25px}nav{gap:13px;flex-wrap:wrap;font-size:12px;justify-content:flex-end}.hero{grid-template-columns:1fr;gap:40px;padding:48px 0}.notepad{margin:0 9px}.section-title{display:block}.cards{grid-template-columns:1fr}.card{padding:25px}.principles{grid-template-columns:1fr;gap:10px;margin:50px 0}h2{font-size:30px}article{margin-top:35px}footer nav{justify-content:flex-start}.prose{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.connection{background:#302b39;color:#f7f4fa;padding:32px;border-radius:14px;box-shadow:14px 14px 0 #dcebe4}.connection>div{border:1px solid #82768e;border-radius:7px;padding:15px 20px}.connection b{display:block;font-size:10px;letter-spacing:2px;color:#c8e7db}.connection span{display:block;font-size:17px}.connection .connector{text-align:center;font-size:23px;color:#c8e7db;line-height:1.3}.connection p{font-size:11px;color:#d4cdda;margin:20px 0 0}.card{border-radius:12px}.button{border-radius:6px}.hero{gap:60px}.hero h1 em{font-family:inherit;font-style:normal;font-weight:750}.number{margin-bottom:24px}blockquote{margin-left:0;margin-right:0}.brand span{letter-spacing:1.6px}@media(max-width:700px){.connection{margin-right:12px;padding:25px}.hero{gap:35px}.connection span{font-size:16px}}