:root{--ink:var(--logo-ink,#102a43);--accent:var(--accent,#0f766e);--paper:var(--surface,#f6f7f4);--card:var(--surface-raised,#fff);--line:var(--hair,#d9dfdc);--muted:var(--text-2,#52606d)}*{box-sizing:border-box}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,#e8f5f2));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:760px;margin:14px 0 0}.facts{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.facts span,.model 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,.model 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(auto-fit,minmax(245px,1fr));gap:12px;display:grid}.component,.skill,.model>div{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:16px}.component-top{color:var(--accent);letter-spacing:.06em;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.component h2{margin:10px 0 3px;font-size:16px}.component>p{color:var(--muted);margin:0 0 13px;font-size:12px}.criteria{gap:6px;display:grid}.criterion-row{color:var(--muted);grid-template-columns:20px minmax(0,1fr) 20px;align-items:start;gap:6px;font-size:10.5px;display:grid}.criterion-row b{color:var(--accent)}.criterion-row em{text-align:right;color:var(--ink);font-style:normal}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.skill header{color:var(--muted);align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.criterion{background:var(--accent-bg,#e8f5f2);width:19px;height:19px;color:var(--accent);border-radius:5px;place-items:center;display:inline-grid}.skill h3{margin:10px 0 7px;font-size:15px}.skill p{color:var(--muted);min-height:58px;margin:0;font-size:12px;line-height:1.55}.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}.model{grid-template-columns:1fr 1fr;gap:12px;display:grid}.model>div{flex-wrap:wrap;align-content:flex-start;align-items:center;gap:7px;display:flex}.model .eyebrow,.model h2{width:100%}.boundary{border-left:4px solid var(--accent);background:var(--card);color:var(--muted);gap:5px;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<=900px){.skill-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){#app{padding:16px 14px 50px}.hero{padding:24px 20px}.component-grid,.skill-grid,.model{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:start}.skill p{min-height:0}}