:root{
  --bg1:#f7f9fc; --bg2:#eef3f8; --card:#ffffff; --ink:#17212b; --muted:#5b6877; --line:#d8e0e8;
  --c1:#1c7e9b; --c2:#b14462; --c3:#d8a11d; --c4:#2f8a5d; --c5:#7a52c9;
  --shadow:0 12px 30px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg1),var(--bg2));}
.hero{display:flex;gap:18px;align-items:flex-start;padding:34px 40px 18px}
.logo{display:grid;grid-template-columns:repeat(3,14px);grid-template-rows:repeat(2,14px);gap:6px;margin-top:8px}
.logo i{display:block;width:14px;height:14px;border-radius:4px}
.logo i:nth-child(1){background:var(--c1)}.logo i:nth-child(2){background:var(--c2)}.logo i:nth-child(3){background:var(--c3)}.logo i:nth-child(4){background:var(--c4)}.logo i:nth-child(5){background:var(--c5)}.logo i:nth-child(6){background:#94a3b8}
.eyebrow{margin:0 0 8px;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#677588;font-weight:800}.eyebrow.dark{color:#455466}
.hero h1{margin:0 0 10px;font-size:2.2rem;line-height:1.08}.hero p{margin:0;max-width:1100px;color:var(--muted);line-height:1.55}
main{padding:0 28px 26px}.panel{background:rgba(255,255,255,.82);border:1px solid rgba(216,224,232,.95);backdrop-filter:blur(8px);border-radius:24px;box-shadow:var(--shadow);padding:22px;margin-bottom:18px}
.heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.heading-row h2{margin:4px 0 8px;font-size:1.5rem}.help{margin:0 0 16px;color:var(--muted);line-height:1.55}.status{background:#e8f6ec;color:#166534;padding:10px 14px;border-radius:999px;font-weight:800;white-space:nowrap}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-card{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:16px;display:block;position:relative;min-height:224px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.article-card.selected{border-color:#9fb9ca;background:linear-gradient(180deg,#ffffff 0%,#f6fbfe 100%)}.article-card input{position:absolute;top:16px;right:16px;width:18px;height:18px}.article-card .num{font-size:.92rem;font-weight:800;color:#334155;margin-bottom:6px;padding-right:28px}.article-card h3{margin:0 0 8px;font-size:1.04rem;line-height:1.25}.article-card p{margin:0 0 10px;color:var(--muted);font-size:.94rem;line-height:1.45}.tag{display:inline-block;background:#eef3f7;border:1px solid #d9e2ea;border-radius:999px;padding:7px 11px;font-size:.84rem;color:#415364}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 18px}.tab{border:1px solid #cfd8e3;background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;color:#334155;cursor:pointer}.tab.active{background:#0f172a;color:#fff;border-color:#0f172a}
.layout{display:grid;grid-template-columns:1.18fr .82fr;gap:18px;align-items:start}.diagram-card,.details{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.05)}#venn{width:100%;height:auto;display:block}.note{margin:10px 0 12px;color:var(--muted);font-size:.95rem}.chips{display:flex;flex-wrap:wrap;gap:10px;max-height:228px;overflow:auto;padding-right:4px}.chip{border:1px solid #d7dee7;background:#fff;border-radius:999px;padding:9px 14px;font-weight:800;color:#334155;cursor:pointer}.chip.active{background:#0f172a;color:#fff;border-color:#0f172a}.details .kicker{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-weight:700;margin-bottom:10px}.details h3{margin:0 0 12px;font-size:1.35rem;line-height:1.25}.block{padding:14px 0;border-top:1px solid #e6ebf1}.block:first-of-type{padding-top:0;border-top:none}.block h4{margin:0 0 8px;font-size:1rem}.block p,.block li{color:#445164;line-height:1.55}.block ul{margin:0;padding-left:18px}.pdfs{display:flex;flex-wrap:wrap;gap:10px}.pdfs a{display:inline-flex;flex-direction:column;gap:2px;text-decoration:none;color:#0f172a;border:1px solid #d7dee7;padding:10px 12px;border-radius:14px;background:#fbfdff;font-weight:800}.pdfs a span{font-size:.82rem;color:#64748b;font-weight:600}
footer{padding:0 28px 30px;color:#64748b;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.legend span{display:inline-flex;align-items:center;gap:8px;border:1px solid #dde5ed;border-radius:999px;padding:6px 10px;font-size:.84rem;color:#46566a;background:#fbfdff}.legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.set-shape{stroke-width:3;cursor:pointer;transition:opacity .2s ease,stroke-width .2s ease}.set-shape.dimmed{opacity:.72}.set-shape.active{stroke-width:5}.set-label{font-size:18px;font-weight:800;fill:#1f2937}.set-label.small{font-size:16px}.center-pill{fill:#fff;stroke:#cbd5e1;stroke-width:2;cursor:pointer}.center-label{font-size:15px;font-weight:800;fill:#111827}.center-label.small{font-size:13px;font-weight:700;fill:#4b5563}.ellipse-copy-object{overflow:visible}.ellipse-copy{width:100%;height:100%;padding:5px 7px;border-radius:14px;overflow:hidden;color:#13212b;background:rgba(255,255,255,.28);backdrop-filter:blur(2px)}.ellipse-copy-heading{font-weight:800;font-size:10px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px}.ellipse-copy ul{margin:0;padding-left:13px}.ellipse-copy li{margin:0 0 2px 0;line-height:1.08}
@media (max-width:1080px){.layout{grid-template-columns:1fr}.hero{padding:28px 24px 16px;flex-direction:column}.article-grid{grid-template-columns:1fr}main{padding:0 16px 20px}.chips{max-height:none}}