:root{--ink:var(--logo-ink,#102a43);--accent:var(--accent,#4f46e5);--paper:var(--surface,#f5f7fb);--card:var(--surface-raised,#fff);--line:var(--hair,#d8dfeb);--muted:var(--text-2,#52606d)}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);font-family:var(--font-body,Inter, system-ui, sans-serif);margin:0}#app{max-width:1180px;margin:auto;padding:22px 22px 70px}nav{font:600 12px/1.4 var(--font-body,Inter, sans-serif);color:var(--muted);justify-content:space-between;gap:20px;margin-bottom:28px;display:flex}nav a{color:var(--accent);text-decoration:none}.hero{border:1px solid var(--line);background:linear-gradient(135deg, var(--card), var(--accent-bg,#eef0ff));border-radius:22px;padding:34px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 7px;font-size:11px;font-weight:800}.hero h1{max-width:820px;margin:0;font-size:clamp(28px,5vw,48px);line-height:1.06}.hero>p:not(.eyebrow){color:var(--muted);max-width:790px;margin:14px 0 0}.facts{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.facts span,.theme-grid span{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px}section{margin-top:42px}.section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.section-title h2{margin:0;font-size:21px}.hold{color:#8a5b00;background:#fff6d8;border:1px solid #efd78b;border-radius:999px;padding:5px 9px;font-size:11px}.component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.component,.skill,.theme-panel{background:var(--card);border:1px solid var(--line);border-radius:15px;min-width:0;padding:16px}.component-top{color:var(--accent);letter-spacing:.05em;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;display:flex}.component h3{margin:10px 0 3px;font-size:16px}.component>p{color:var(--muted);margin:0 0 12px;font-size:12px}.component dl{grid-template-columns:auto 1fr;gap:6px 10px;margin:0;font-size:11px;display:grid}.component dt{color:var(--muted)}.component dd{text-align:right;margin:0;font-weight:700}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.skill header{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.criterion{background:var(--accent-bg,#eef0ff);min-width:24px;height:19px;color:var(--accent);border-radius:5px;place-items:center;padding:0 4px;display:inline-grid}.skill h3{margin:10px 0 7px;font-size:15px}.skill p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.skill .evidence{border-left:3px solid var(--line);margin-top:10px;padding-left:9px}.skill footer{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.skill footer span{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:9px}.theme-panel h2{margin:0 0 13px;font-size:19px}.theme-grid{flex-wrap:wrap;gap:8px;display:flex}.boundary{border-left:4px solid var(--accent);background:var(--card);color:var(--muted);gap:6px;margin-top:24px;padding:15px 17px;font-size:12px;display:grid}.boundary strong{color:var(--ink)}.error{color:#8c1d1d;background:#fff;border:1px solid #e1a7a7;border-radius:15px;max-width:600px;margin:80px auto;padding:24px}@media (width<=1000px){.component-grid,.skill-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){#app{padding:16px 14px 50px}.hero{padding:24px 20px}.component-grid,.skill-grid{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:start}.component dl{grid-template-columns:1fr}.component dd{text-align:left}}