@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600;700&display=swap');
/* Colors and typography sampled from WCP's current CADathon page. */
:root{--paper:#fff;--ink:#333;--muted:#67727d;--line:#e4e8ec;--green:#0075c9;--lime:#eaf5fd;--wcp-blue:#0075c9;--wcp-deep:#00528d}
body{font-family:Hind,Arial,sans-serif;font-size:16px;color:#333;background:#fff}
h1,h2,h3,.hero-strip strong,.probabilities strong,.match-timeline strong,td:last-child,.rule-id{font-family:Hind,Arial,sans-serif}
h1,h2,h3{letter-spacing:-.6px}h2{font-weight:700;font-size:38px}h3{font-weight:600}
.sidebar{background:#f6f7f9;border-color:#e2e7ec}
.brand{display:flex;align-items:flex-start;flex-direction:column;gap:12px;letter-spacing:0}
.brand img{display:block;width:190px;max-width:100%;height:auto}
.brand span{font-family:Hind,Arial,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;max-width:none;color:#687582;font-weight:600}
.edition{margin-top:28px;letter-spacing:1.3px;font-weight:600;color:#485461}
.edition span{background:#e2f1fc;color:#0066ae;border:1px solid #c6e4f9;border-radius:4px}
.search-label{font-size:12px;color:#64717e}.search-wrap{border-color:#bdcdd9}.search-wrap span{color:var(--wcp-blue)}.search-wrap input{font-size:13px}
nav a{font-size:13px;color:#5b6773;margin:3px 0;padding:9px 10px;border-radius:5px}
nav a span{color:#8b97a3}nav a.active{background:var(--wcp-blue);color:#fff}nav a.active span{color:#d0e9fc}nav a:hover:not(.active){background:#e9f2f9;color:var(--wcp-deep)}
.side-bottom p{color:#4f5e6d}.side-bottom small{color:#7b8793}
.topbar{background:rgba(255,255,255,.97);border-bottom-color:#e4e8ec}.topbar>span{color:#65717e;font-weight:600}.topbar b{color:#adb6be}.topbar button{color:#566472;font-size:12px}.topbar button:hover{color:var(--wcp-blue);background:#edf6fc}
section{border-color:#e4e8ec}.hero{overflow:visible;padding-top:38px}
.hero-panel{background:linear-gradient(135deg,#0075c9 0%,#00528d 100%);border-radius:18px;padding:42px 40px 28px;margin:0 0 34px;color:#fff;box-shadow:0 7px 24px #00528d0c}
.hero-panel h1{color:#fff;font-size:clamp(40px,4.7vw,64px);font-weight:700;line-height:1.08;letter-spacing:-1.4px;margin-bottom:24px}.hero-panel h1 em{color:#fff}
.hero-panel .section-tag{color:#d8edff;letter-spacing:1.5px;font-size:10px;font-weight:600}.hero-panel .section-tag:before{background:#afd8f7}
.hero-panel .intro{color:#edf7ff;font-size:18px;margin-bottom:22px;line-height:1.55}
.hero-meta{color:#daedfc;align-items:center;font-size:12px}.draft-badge{background:#ffffff24;border:1px solid #ffffff38;border-radius:20px;color:#fff;padding:4px 11px;font-size:10px;letter-spacing:.6px}
.hero-strip{border-color:#ffffff36;padding:19px 0 0;margin:24px 0 0;border-bottom:0}.hero-strip div{border-color:#ffffff36}.hero-strip strong{font-weight:600;color:#fff;font-size:34px}.hero-strip span{color:#dbedfc;font-size:12px}
.section-tag{color:var(--wcp-blue);font-weight:600;letter-spacing:1.3px}.section-tag:before{background:var(--wcp-blue)}.intro{color:#6a7580}
.callout{background:#f0f8fe;border-left:3px solid var(--wcp-blue);border-radius:0 6px 6px 0;color:#3d566b}.callout strong{color:#005b9c;font-size:13px}.callout p{font-size:14px;color:#536b7e}
.pending{background:#fcfcfd;border-color:#d9e0e6;color:#626e79}.pending strong{color:#4e5d6a;font-size:13px}.pending p{font-size:14px}.pending strong:before{background:#fff2dc;color:#89641d;border-radius:3px}
.rule-id{font-size:13px;color:var(--wcp-blue);font-weight:600}.rule h3{font-size:18px;color:#333}.rule p{font-size:15px;color:#53606b}.rule .status{background:#fff2dc;color:#89641d}.rule{border-color:#e4e8ec}
.seed{background:#f7f9fb;border-color:#e0e6ec;border-radius:9px}.seed h3{color:#333}.seed p,.seed small{color:#6c7884}
th{color:#788592;font-weight:600;border-color:#dce4ea}td{color:#52606d;border-color:#e4e8ec}td:last-child{color:var(--wcp-blue);font-weight:600}table caption{color:#74818d}
.cycle{background:#f4f7fa;border:1px solid #e1e7ed;border-radius:8px}.cycle-controls label{color:#4e5d6a;font-size:13px}.cycle-controls select{border-color:#cbd7e1;background:white;color:#333}.probabilities strong{color:#333;font-weight:600}.probabilities span{color:#485868}.probabilities small,.cycle-note{color:#75828f}
.match-timeline{background:#f1f6fa;border-color:#d9e5ed;border-radius:6px}.match-timeline>div{border-color:#d3e2ec}.match-timeline>div:last-child{background:#e1f0fc}.match-timeline strong{color:var(--wcp-blue);font-weight:600}.match-timeline span{color:#465b6c;font-size:12px}.match-timeline small{color:#738696}
.viewer{background:#f4f6f8;border-color:#dbe2e9;border-radius:10px}.viewer-head{background:#f8fafc;border-color:#dbe2e9}.viewer-head strong{color:#35485a;font-size:13px}.viewer-head span{color:#708495}.viewer-head>span{font-size:9px;letter-spacing:.5px}.viewer-note{color:#6c7b89}
.viewer-buttons button{background:white;border-color:#cdd9e3;color:#476174;font-size:11px}.viewer-buttons button:hover{border-color:var(--wcp-blue);color:var(--wcp-blue);background:#edf7ff}.viewer-info{background:#fff;border-color:#dbe2e9}.viewer-info strong{color:var(--wcp-deep)}.viewer-info p{color:#677987}.element-select{color:#607585}.element-select select{background:#fff;border-color:#cdd9e3;color:#35485a}
button{border-color:#d5dfe7;border-radius:5px}button:hover{background:#edf6fc}a{color:var(--wcp-blue)}.links a{border-color:#9ccceb;font-size:13px}.links a:hover{color:var(--wcp-deep)}.skip{background:var(--wcp-blue)}
footer{background:#f6f7f9;border-color:#e1e6eb;color:#74818d}footer a{color:var(--wcp-blue)}mark{background:#daefff}
dialog{background:#fff;border-color:#d5dfe8}dialog::backdrop{background:#183a5666}dialog textarea{background:#f7f9fb;border-color:#d7e1e9;color:#3e5364}.primary{background:var(--wcp-blue);color:#fff}.primary:hover{background:var(--wcp-deep)}.copy-state{background:#fff5dd;color:#805d18;border-radius:3px}
@media(max-width:1050px){.brand img{width:170px}.hero-panel{padding:32px 27px 24px}.hero-panel h1{font-size:48px}}
@media(max-width:720px){.brand{gap:8px}.brand img{width:160px}.brand span{font-size:10px;letter-spacing:1.6px}.edition{top:28px;max-width:145px;font-size:8px}.hero-panel{padding:28px 23px 22px;border-radius:13px;margin-bottom:26px}.hero-panel h1{font-size:38px}.hero-panel .intro{font-size:16px}.hero-meta{font-size:10px;flex-wrap:wrap;gap:8px}.hero-strip strong{font-size:28px}.hero-strip span{font-size:10px}.hero-strip div{padding:0 12px}h2{font-size:31px}.viewer-head>span{text-align:left}.match-timeline span{font-size:10px}.hero{padding-top:26px}}
@media print{body{background:#fff;color:#000}.hero-panel{background:#fff;border:1px solid #ddd;box-shadow:none;padding:20px;color:#000}.hero-panel h1,.hero-panel h1 em,.hero-strip strong{color:#000}.hero-panel .intro,.hero-meta,.hero-strip span,.hero-panel .section-tag{color:#444}.hero-strip,.hero-strip div{border-color:#ccc}.draft-badge{color:#333;border-color:#aaa;background:white}.callout{border-color:#0075c9;background:#fafafa}.rule p,.pending p{color:#333}.hero-panel h1{font-size:38pt}}