:root{--ink:#15213b;--navy:#172554;--blue:#2563eb;--cyan:#22d3ee;--paper:#f8fafc;--line:#1e293b;--gold:#fbbf24;--shadow:0 12px 30px rgba(15,23,42,.14)}
*{box-sizing:border-box}html{background:#eaf1fb}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 0,#dbeafe,transparent 32rem),var(--paper);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}header{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:1180px;margin:auto;padding:14px 24px 18px;border-bottom:1px solid #cbd5e1}.identity{display:block;width:min(100%,1050px);text-decoration:none}.identity img{display:block;width:100%;height:auto;max-height:350px;object-fit:contain}nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}nav a{padding:10px 18px;border:2px solid var(--line);border-radius:12px;background:#fff;font-weight:800;text-decoration:none;box-shadow:0 3px 0 var(--line)}nav a:hover{background:#e0f2fe}main{width:min(1120px,calc(100% - 28px));min-height:75vh;margin:auto;padding:55px 0 75px}main:focus{outline:none}.intro{max-width:850px;margin-bottom:38px}.eyebrow{margin:0 0 9px;color:#1d4ed8;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font:900 clamp(44px,8vw,82px)/.95 Georgia,serif;letter-spacing:-.035em}.intro>p:last-child{max-width:670px;font-size:21px;line-height:1.5}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.topic{position:relative;min-height:230px;padding:21px;border:0;border-radius:22px;background:#fff;box-shadow:0 8px 22px rgba(30,41,59,.13)}.topic:nth-child(4n+1){background:#e0f2fe}.topic:nth-child(4n+2){background:#fef3c7}.topic:nth-child(4n+3){background:#ede9fe}.topic.next{outline:6px solid #93c5fd;outline-offset:3px}.icon{font-size:40px}.subject{margin:9px 0 3px;color:#475569;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.topic h2{margin:0;font:850 27px Georgia,serif}.topic>p:not(.subject){line-height:1.4}.state{position:absolute;right:16px;bottom:15px;padding:5px 8px;border-radius:8px;background:var(--navy);color:#fff;font-size:11px;font-weight:850;text-transform:uppercase}.page{max-width:820px}.page h1{margin-bottom:32px}.panel{margin:17px 0;padding:24px;border:3px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.panel h2{margin-top:0;font:800 27px Georgia,serif}.panel p,.panel li{line-height:1.65}footer{padding:22px;text-align:center;color:#64748b;border-top:1px solid #cbd5e1}@media(max-width:800px){.topic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header{gap:10px;padding:8px 10px 14px}.identity{width:100%}nav{width:100%}nav a{flex:1;padding:8px 6px;text-align:center;font-size:12px}main{padding-top:34px}.topic-grid{grid-template-columns:1fr}.topic{min-height:190px}}