@font-face{font-family:"Inter";src:url("inter-ascii.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0020-007E}
:root{--ink:#1d1d1f;--grey:#6e6e73;--line:#e8e8ed;--line-soft:#f0f0f3;--soft:#f5f5f7;--bg:#fff;--ok:#61bb46;--part:#fdb827;--miss:#e03a3e;--indigo:#5b52b0;
--seven:linear-gradient(90deg,#61bb46 0 14.29%,#fdb827 0 28.57%,#f5821f 0 42.86%,#e03a3e 0 57.14%,#963d97 0 71.43%,#5b52b0 0 85.71%,#009ddc 0);
--seven-down:linear-gradient(#61bb46 0 14.29%,#fdb827 0 28.57%,#f5821f 0 42.86%,#e03a3e 0 57.14%,#963d97 0 71.43%,#5b52b0 0 85.71%,#009ddc 0);
--mono:ui-monospace,"SF Mono",Menlo,"DejaVu Sans Mono",monospace;color-scheme:light}
:root[data-theme=dark]{--ink:#f5f5f7;--grey:#a1a1a6;--line:#2c2c2e;--line-soft:#1f1f21;--soft:#161618;--bg:#000;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Inter","Noto Sans Gujarati",system-ui,sans-serif}
a{color:inherit}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:24px;height:56px;padding:0 24px;background:var(--bg);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.02em;text-decoration:none}
.mark{width:18px;height:18px;background:var(--seven-down)}
.top nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:14px}.top .theme{border:0;padding:0;background:none;color:var(--grey);font-size:14px}.top .theme:hover{color:var(--ink)}.top nav a{color:var(--grey);text-decoration:none}.top nav a:hover{color:var(--ink)}
.horizon{height:3px;background:var(--seven);opacity:.7}
.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;padding:0 32px}
.side{position:sticky;top:59px;align-self:start;max-height:calc(100vh - 59px);overflow-y:auto;padding:32px 0}
.side ul,.side ol{list-style:none;margin:8px 0 24px;padding:0}
.side a{display:block;padding:5px 10px;border-left:2px solid transparent;color:var(--grey);font-size:14px;text-decoration:none}
.side a:hover{color:var(--ink)}.side a.active{border-image:var(--seven-down) 1;background:var(--soft);color:var(--ink);font-weight:500}
.label{display:block;font:12px/1.5 var(--mono);letter-spacing:.02em;color:var(--grey)}
.label::before{content:"[ "}.label::after{content:" ]"}
.menu{display:none}
.legend i{display:inline-block;width:8px;height:8px;margin:0 4px 0 10px}
.strip-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:12px}.strip-head .legend{margin:0}
.strip{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}
.strip a{position:relative;display:grid;place-items:center;height:44px;border:1px solid var(--line);font:12px var(--mono);color:var(--grey);text-decoration:none;overflow:hidden}
.strip a:hover{color:var(--ink);border-color:var(--grey)}.strip a.active{border-color:var(--ink);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--ink)}
.strip i{position:absolute;bottom:0;width:50%;height:5px}.strip i:first-of-type{left:0}.strip i:last-of-type{right:0}
i.ok{background:var(--ok)}i.part{background:var(--part)}i.miss{background:var(--miss)}
.legend{font-size:12px;color:var(--grey)}
.filters{display:flex;margin:8px 0 0}
button{font:inherit;font-size:13px;padding:6px 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
button+button{border-left:0}button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
main{min-width:0;padding:32px 0 96px}
.crumbs{font:12px var(--mono);color:var(--grey);margin:0}
h1{font-size:clamp(32px,4.5vw,48px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 12px}
h2{font-size:26px;letter-spacing:-.02em;margin:0 0 8px;line-height:1.25}
.lede{font-size:18px;color:var(--grey);max-width:70ch;margin:0 0 12px}.facts{color:var(--grey);font-size:14px}
.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;margin:24px 0 40px;background:var(--line);border:1px solid var(--line)}
.mode{background:var(--bg);padding:24px}
.big{font-size:52px;font-weight:600;letter-spacing:-.045em;margin:8px 0 0;line-height:1.05}.big span{font-size:22px;color:var(--grey);letter-spacing:0}.big small{font-size:13px;font-weight:400;color:var(--grey);letter-spacing:0}
.bar{display:block;height:5px;background:var(--soft);margin:6px 0 2px}.bar i{display:block;height:100%;background:var(--grey)}.bar.grape i{background:var(--seven)}
dl{margin:16px 0 0;font-size:14px}dt{color:var(--grey);margin-top:10px}dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}dd small{font-weight:400;color:var(--grey)}
.viewer{border:1px solid var(--line);padding:28px}.vbody{padding-top:24px;border-top:1px solid var(--line-soft)}
a:focus-visible,button:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
.vhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.runs{display:flex}
.expect{color:var(--grey);font-size:15px;margin:0 0 20px}
.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.ans{display:flex;flex-direction:column;border:1px solid var(--line)}
.ans-head{display:flex;justify-content:space-between;align-items:baseline;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--soft)}
.ans.grape .ans-head{background:var(--seven) top/100% 2px no-repeat,var(--soft)}
.verdict{font-size:13px}.ans.ok .verdict{color:var(--ok)}.ans.miss .verdict{color:var(--miss)}
.ans-text{margin:0;padding:16px;white-space:pre-wrap;flex:1}
.ans-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px 16px;margin:0;border-top:1px solid var(--line-soft);padding:12px 16px}
.ans-stats dt{margin:0;font-size:12px}.ans-stats dd{font-size:14px}
.searched{margin:0;padding:10px 16px;list-style:none;border-top:1px solid var(--line-soft);font:12px var(--mono);color:var(--grey)}
.pager{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.pager button{border-left:1px solid var(--line)}
.keys{font:12px var(--mono);color:var(--grey)}
.suites{display:grid;gap:16px;margin:24px 0 48px}
.suite-card{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:24px;border:1px solid var(--line);text-decoration:none}
.suite-card:hover{background:var(--soft)}.suite-card h2{font-size:20px}.suite-card p{margin:0;color:var(--grey);font-size:14px}
.duo{display:grid;gap:10px;align-content:center}.duo div{display:grid;grid-template-columns:90px 1fr 70px;gap:10px;align-items:center;font-size:13px}.duo b{text-align:right;font-variant-numeric:tabular-nums}.duo .bar{margin:0}
.method{max-width:72ch;padding-top:24px;border-top:1px solid var(--line-soft)}.method li{margin-bottom:8px}
@media (max-width:900px){.layout{grid-template-columns:1fr;gap:0}.side{position:static;max-height:none;padding:16px 0 0}
.menu{display:block;width:100%;text-align:left}.side-in{display:none;margin-top:12px}.side-in.open{display:block}.suite-card{grid-template-columns:1fr}.viewer{padding:16px}}