:root{--ink:#18313e;--muted:#6d7e87;--line:#dce6ea;--paper:#edf3f5;--blue:#2f7896;--shadow:0 16px 50px rgba(23,55,69,.075)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;background:radial-gradient(circle at 0 0,rgba(47,120,150,.08),transparent 28%),linear-gradient(180deg,#f8fafb,#edf3f5)}
.rx-page{max-width:1220px;margin:auto;padding:30px 24px 70px}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:950;color:#5d8292}
.rx-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding:31px 33px;background:linear-gradient(128deg,#102b39,#17475b 66%,#235d70);color:#fff;border-radius:23px;box-shadow:var(--shadow)}.rx-hero .eyebrow{color:#acd4e2}.rx-hero h1{font-size:clamp(44px,7vw,72px);letter-spacing:-.06em;line-height:.95;margin:0}.rx-hero p:not(.eyebrow){max-width:760px;color:#d3e4ea;font-size:12px;line-height:1.55;margin:12px 0 0}.rx-period{font-size:9px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);padding:8px 10px;border-radius:9px;white-space:nowrap}
.rx-featured{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:13px 0}.rx-feature{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;min-height:125px}.rx-feature .ico svg{width:18px;height:18px}.rx-feature span{display:block;font-size:8px;text-transform:uppercase;font-weight:900;color:var(--muted);margin-top:8px}.rx-feature b{display:block;font-size:21px;margin-top:3px}.rx-feature small{display:block;color:var(--muted);font-size:9px;margin-top:4px;line-height:1.3}
.rx-main,.rx-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:0 8px 30px rgba(23,55,69,.04)}.rx-main{margin-top:13px}.rx-main-head,.rx-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.rx-main-head h2,.rx-panel h2{margin:0;font-size:25px;letter-spacing:-.035em}.rx-categories{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.rx-category{appearance:none;border:1px solid #dce7eb;background:#f7fafb;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:850;color:#58717d;cursor:pointer}.rx-category svg{width:14px;height:14px;vertical-align:-3px}.rx-category.is-active{background:#e5f0f4;border-color:#93b9c8;color:#1e5f77}
.rx-record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.rx-record-grid.compact{grid-template-columns:repeat(2,1fr)}.rx-record{border:1px solid #e1eaed;background:#fafcfd;border-radius:12px;padding:12px;min-height:105px;position:relative}.rx-record .badge{position:absolute;right:8px;top:8px;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:900;background:#eef3f5;color:#68808b}.rx-record .badge.derived{background:#f7edd3;color:#876b2b}.rx-record span{display:block;padding-right:58px;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:850;line-height:1.35}.rx-record b{display:block;font-size:22px;margin-top:5px}.rx-record small{display:block;color:var(--muted);font-size:9px;margin-top:4px;line-height:1.35}
.rx-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.rx-panel select{border:1px solid #d7e3e7;background:#f8fafb;border-radius:8px;padding:7px 9px;font-size:9px;color:var(--ink)}
.rx-rankings-panel{margin-top:12px}.rx-ranking-list{margin-top:12px}.rx-rank{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:8px 4px;border-top:1px solid #edf2f4}.rx-rank:first-child{border-top:0}.rx-rank-num{font-size:17px;font-weight:950;color:#aab7bd}.rx-rank-date{font-size:10px}.rx-rank-value{font-size:13px;font-weight:900}
.rx-streaks{display:grid;gap:7px;margin-top:12px}.rx-streak{display:flex;justify-content:space-between;gap:15px;padding:9px 10px;background:#f8fafb;border-radius:9px}.rx-streak span{font-size:9px;color:var(--muted)}.rx-streak b{font-size:12px;text-align:right}.rx-streak small{font-weight:500;color:var(--muted)}
.rx-archive-links{display:grid;gap:7px;margin-top:12px}.rx-archive-links a{text-decoration:none;border:1px solid #e1e9ec;background:#fafcfd;border-radius:10px;padding:11px;color:inherit}.rx-archive-links b,.rx-archive-links span{display:block}.rx-archive-links b{font-size:11px}.rx-archive-links span{font-size:9px;color:var(--muted);margin-top:2px}
.rx-recent{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.rx-recent-item{background:#f8fafb;border-radius:9px;padding:10px}.rx-recent-item b,.rx-recent-item span{display:block}.rx-recent-item b{font-size:12px}.rx-recent-item span{font-size:9px;color:var(--muted);margin-top:3px}
.rx-method{margin-top:12px}.rx-method details{background:#fff;border:1px solid var(--line);border-radius:14px}.rx-method summary{padding:14px 16px;font-size:10px;font-weight:900;cursor:pointer}.rx-method details>div{padding:0 16px 15px;color:var(--muted);font-size:10px;line-height:1.55}.rx-method code{background:#eef3f5;padding:2px 4px;border-radius:4px}
footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:13px;border-top:1px solid #d8e3e7;color:#75848c;font-size:8px}
@media(max-width:1000px){.rx-featured{grid-template-columns:repeat(3,1fr)}.rx-record-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.rx-page{padding:12px 10px 48px}.rx-hero{display:block;padding:25px 20px}.rx-period{display:inline-flex;margin-top:14px}.rx-main-head,.rx-panel-head{display:block}.rx-categories{justify-content:flex-start;margin-top:11px}.rx-split{grid-template-columns:1fr}.rx-record-grid,.rx-record-grid.compact{grid-template-columns:1fr 1fr}.rx-recent{grid-template-columns:1fr}.rx-panel select{margin-top:9px}footer{display:block}footer span{display:block;margin-top:3px}}
@media(max-width:480px){.rx-featured{grid-template-columns:1fr 1fr}.rx-record-grid,.rx-record-grid.compact{grid-template-columns:1fr}}
/* v2.1 visual refinement */
.rx-main,.rx-panel{box-shadow:0 7px 22px rgba(23,55,69,.03)}.rx-feature{box-shadow:none}.rx-record span,.rx-feature span{font-size:9px}.rx-record small,.rx-feature small,.rx-archive-links span{font-size:9px}.rx-category{font-size:10px}