@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--surface:#fdffffe6;--line-color:#d9e7e7;--text-strong:#1d3f51;--text-normal:#537183}*{box-sizing:border-box}body{color:var(--text-normal);background:radial-gradient(1100px 600px at 95% -10%,#6ebccd33,#0000 55%),radial-gradient(820px 500px at -10% 20%,#97d2bb33,#0000 50%),linear-gradient(170deg,#f8fcfd 0%,#f3f9f8 45%,#f7fbfc 100%);margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;line-height:1.6}#root{min-height:100vh}.page{width:min(1120px,92vw);margin:1.4rem auto 3rem;animation:.8s ease-out fade-in}.topbar{z-index:20;border:1px solid var(--line-color);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:.8rem;box-shadow:0 14px 36px #38596e24}.brand{color:var(--text-strong);letter-spacing:.02em;font-family:Fraunces,Georgia,serif;font-size:1.12rem;text-decoration:none}.nav-links{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.route-link{color:var(--text-normal);background:#f6fbfb;border:1px solid #d8e6e7;border-radius:999px;padding:.44rem .75rem;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .22s}.route-link:hover{color:var(--text-strong);background:#edf7f7;border-color:#bcd5d7}.route-link-active{color:#f5fbfb;background:linear-gradient(120deg,#2f8598,#4ca991);border-color:#2f8598}.hero{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}main{gap:1rem;display:grid}.hero-content,.hero-panel,.dimension-section,.topic-shell,.source-block{border:1px solid var(--line-color);background:var(--surface);border-radius:22px;box-shadow:0 20px 38px #3d5f711f}.hero-content{padding:clamp(1.4rem,2vw,2.2rem)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#4e8794;margin:0;font-size:.74rem;font-weight:700}.hero-content h1{letter-spacing:-.025em;color:var(--text-strong);margin:.7rem 0;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,5vw,3.35rem);line-height:1.05}.hero-content p{max-width:55ch;color:var(--text-normal);margin:0}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.btn{border-radius:999px;padding:.62rem 1rem;font-weight:700;text-decoration:none;transition:transform .22s,box-shadow .22s,background-color .22s}.btn-primary{color:#f4f9fa;background:linear-gradient(115deg,#2d8598,#4eaa8d);box-shadow:0 12px 26px #469b8a3d}.btn-secondary{color:#295f70;background:#ecf7f6;border:1px solid #c7e0dd}.btn:hover{transform:translateY(-2px)}.hero-panel{background:radial-gradient(circle at 85% 18%, #7ab9d22e, transparent 55%), var(--surface);padding:1.3rem}.hero-panel h2{color:var(--text-strong);margin:0;font-family:Fraunces,Georgia,serif;font-size:1.35rem}.hero-panel p{color:var(--text-normal);margin:.8rem 0 0}.hero-panel ul{gap:.6rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.hero-panel li{color:var(--text-normal);background:#f5fbfb;border:1px solid #d6e5e4;border-radius:12px;padding:.65rem .75rem}.topic-shell,.dimension-section{margin-top:1rem;padding:1.2rem}.topic-shell h1{color:var(--text-strong);margin:.55rem 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.15}.topic-intro{color:var(--text-normal);max-width:72ch;margin:.9rem 0 0}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:.8rem;margin-top:1.1rem;display:grid}.topic-card{background:linear-gradient(#fff,#f4fbfa);border:1px solid #d6e6e5;border-radius:16px;padding:1rem;transition:transform .22s,box-shadow .22s,border-color .22s}.topic-card:hover{border-color:#afd1d4;transform:translateY(-3px);box-shadow:0 14px 24px #4a777e29}.topic-card h3{color:#275666;margin:0 0 .35rem}.topic-card p{color:#516e7f;margin:0}.source-block{margin-top:1rem;padding:1rem}.source-block h2{color:var(--text-strong);margin:0;font-family:Fraunces,Georgia,serif;font-size:1.2rem}.source-grid{flex-wrap:wrap;gap:.55rem;margin-top:.8rem;display:flex}.source-pill{color:#2f6072;background:#edf7f6;border:1px solid #c7dfdd;border-radius:999px;margin:0;padding:.42rem .7rem;font-size:.83rem;font-weight:600;text-decoration:none;transition:transform .22s,border-color .22s,background-color .22s;display:inline-block}.source-pill:hover{background:#e3f2f0;border-color:#a9cecb;transform:translateY(-2px)}.section-heading h2{color:var(--text-strong);margin:.52rem 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,3vw,2.1rem)}.dimension-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;margin-top:1.05rem;display:grid}.quick-reference-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dimension-card{background:linear-gradient(#fff,#f4fbfa);border:1px solid #d6e6e5;border-radius:16px;padding:1rem;transition:transform .22s,box-shadow .22s,border-color .22s}.dimension-card:hover{border-color:#afd1d4;transform:translateY(-3px);box-shadow:0 14px 24px #4a777e29}.dimension-card h3{color:#275666;margin:.1rem 0 .35rem}.dimension-card p{color:#516e7f;margin:0}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.topbar{flex-direction:column;align-items:flex-start}.hero{grid-template-columns:1fr}.quick-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{flex-wrap:nowrap;width:100%;padding-bottom:.2rem;overflow-x:auto}}@media (width<=500px){.page{width:min(1120px,94vw)}.hero-content,.hero-panel,.dimension-section,.topic-shell,.source-block{border-radius:18px}.quick-reference-grid{grid-template-columns:1fr}}