.site .pg-title.cssd-title{max-width:20ch;font-size:clamp(40px,5.6vw,92px)}.site .cssd-nowrap{white-space:nowrap}.site .cssd{--cssd-h:320px;gap:24px;display:grid}@media (max-width:559px){.site .cssd{--cssd-h:280px}}.site .cssd code{font:400 .9em/1.5 var(--mono);color:var(--fg);overflow-wrap:anywhere}.site .cssd-support{border:1px solid var(--line);color:var(--fg-2);margin:0;padding:10px 14px;font-size:13.5px;line-height:1.6}.site .cssd-support.is-off{border-left:2px solid var(--accent)}.site .cssd-panel{border:1px solid var(--line-2);min-width:0}.site .cssd-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px 20px;padding:16px;display:grid}.site .cssd-field{align-content:start;gap:6px;min-width:0;display:grid}.site .cssd-field.is-wide,.site .cssd .is-wide{grid-column:1/-1}.site .cssd-field>span,.site .cssd-edge-k,.site .cssd-edge-v{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .cssd select{appearance:none;border:1px solid var(--line-2);width:100%;min-width:0;font:400 13px/1.3 var(--mono);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:8px 12px}.site .cssd select:disabled{color:var(--fg-3);cursor:default}.site .cssd select:not(:disabled):hover,.site .cssd select:focus-visible{border-color:var(--fg);outline:0}.site .cssd option{background:var(--bg);color:var(--fg)}.site .cssd input[type=range]{width:100%;min-width:0;accent-color:var(--fg);margin:0}.site .cssd input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:7px;border-radius:0}.site .cssd-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.site .cssd-seg button{border:0;border-left:1px solid var(--line-2);font:500 11.5px/1.2 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;border-radius:0;padding:7px 6px}.site .cssd-seg button:first-child{border-left:0}.site .cssd-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .cssd-seg button:disabled{color:var(--fg-3);cursor:not-allowed;text-decoration:line-through}.site .cssd-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .cssd-hint{color:var(--fg-2);margin:0;font-size:13px;line-height:1.6}.site .cssd-range{gap:12px;min-width:0;display:grid}.site .cssd-picks{flex-wrap:wrap;gap:8px;display:flex}.site .cssd-picks button{border:1px solid var(--line-2);font:500 11.5px/1.2 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;border-radius:0;padding:7px 10px}.site .cssd-picks button[aria-pressed=true]{border-color:var(--fg);color:var(--fg)}.site .cssd-picks button:hover,.site .cssd-picks button:focus-visible{border-color:var(--fg);outline:0}.site .cssd-edge{grid-template-columns:88px 120px minmax(0,1fr) 40px;grid-template-areas:"k sel rng val";align-items:center;gap:8px 12px;display:grid}.site .cssd-edge-k{grid-area:k}.site .cssd-edge select{grid-area:sel}.site .cssd-edge input[type=range]{grid-area:rng}.site .cssd-edge-v{text-align:right;color:var(--fg);grid-area:val}@media (max-width:559px){.site .cssd-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.site .cssd-controls>.cssd-field:first-child{grid-column:1/-1}.site .cssd-picks{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site .cssd-edge{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"k val""sel rng";gap:6px 14px}}.site .cssd-stage{background:var(--panel);grid-template-columns:minmax(0,1fr) auto;display:grid}.site .cssd-frame{min-width:0}.site .cssd-box{height:var(--cssd-h);overscroll-behavior:contain;scroll-behavior:auto;overflow:hidden auto}.site .cssd-box:focus-visible{outline:1px solid var(--fg);outline-offset:-2px}.site .cssd-content{padding:0 16px;position:relative}.site .cssd-gap{height:var(--cssd-h);box-sizing:border-box;font:500 10px/1.4 var(--mono);color:var(--fg-3);justify-content:center;align-items:flex-start;padding:16px 0;display:flex}.site .cssd-gap.is-end{align-items:flex-end}.site .cssd-subj{border:1px solid var(--line-2);background:var(--bg);gap:10px;width:min(80%,320px);margin:0 auto 40px;padding:14px 16px 16px;display:grid}.site .cssd-subj-top{font:500 10px/1.4 var(--mono);color:var(--fg-3);justify-content:space-between;gap:8px;display:flex}.site .cssd-subj-l{background:var(--line-2);height:8px;display:block}.site .cssd-subj-l.is-short{width:58%}.site .cssd-subj.is-solid{border-color:var(--fg);background:var(--fg)}.site .cssd-subj.is-solid .cssd-subj-top{color:var(--bg)}.site .cssd-subj.is-solid .cssd-subj-l{background:var(--bg);opacity:.35}.site .cssd-content.is-page{padding:0}.site .cssd-bar{z-index:1;background:var(--fg);transform-origin:0;height:3px;transform:scaleX(var(--scroll-progress,0));position:sticky;top:0}.site .cssd-article{min-height:calc(var(--cssd-h) * 3);box-sizing:border-box;align-content:start;gap:14px;padding:24px 20px 40px;display:grid}.site .cssd-article-k{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .cssd-line{background:var(--line-2);height:9px;display:block}.site .cssd-line.is-break{background:0 0;height:6px}.site .cssd-track{border-left:1px solid var(--line);font:500 10px/1.4 var(--mono);color:var(--fg-3);grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:10px 12px;display:grid}.site .cssd-track-k,.site .cssd-track-v,.site .cssd-track-body{grid-auto-columns:36px;grid-auto-flow:column;display:grid}.site .cssd-track-k,.site .cssd-track-v{text-align:center}.site .cssd-track-v{color:var(--fg);font-variant-numeric:tabular-nums}.site .cssd-track-body{min-height:0;position:relative}.site .cssd-lane{position:relative}.site .cssd-lane:before{content:"";background:var(--line-2);width:1px;position:absolute;top:0;bottom:0;left:50%}.site .cssd-lane i{background:var(--fg-2);width:5px;position:absolute;left:calc(50% - 2px)}.site .cssd-head{border-top:1px solid var(--fg);pointer-events:none;position:absolute;top:0;left:-6px;right:-6px}.site .cssd-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.site .cssd-transport .cssd-seg{flex:0 260px}.site .cssd-btn{border:1px solid var(--line-2);font:500 12px/1 var(--mono);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:8px 14px}.site .cssd-btn:hover,.site .cssd-btn:focus-visible{border-color:var(--fg);outline:0}.site .cssd-scrub{flex:200px;gap:4px;min-width:0;display:grid}.site .cssd-scrub span{font:500 10px/1.4 var(--mono);color:var(--fg-3);font-variant-numeric:tabular-nums}.site .cssd-note{border-top:1px solid var(--line);color:var(--fg-2);margin:0;padding:12px 16px;font-size:13px;line-height:1.6}.site .cssd-code{min-width:0;display:grid}.site .cssd-files{gap:16px;min-width:0;display:grid}.site .cssd-tabs{flex-wrap:wrap;display:flex}.site .cssd-tab{border:1px solid var(--line-2);font:500 11.5px/1 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;border-bottom:0;border-left-width:0;border-radius:0;padding:8px 14px}.site .cssd-tab:first-child{border-left-width:1px}.site .cssd-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .cssd-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .cssd-code .code-box{margin-top:0}.site .cssd-verdict{border-top:1px solid var(--fg-3);gap:6px;padding-top:12px;display:grid}.site .cssd-verdict-k{font:500 11px/1.4 var(--mono);color:var(--fg);margin:0}.site .cssd-verdict-d{max-width:72ch;color:var(--fg-2);margin:0;font-size:13.5px;line-height:1.6}.site .cssd-scroll{overflow-x:auto}.site .cssd-table{border-collapse:collapse;width:100%;font-size:13.5px}.site .cssd-table th,.site .cssd-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.site .cssd-table th{font:500 10px/1.4 var(--mono);color:var(--fg-3);white-space:nowrap}.site .cssd-table td{color:var(--fg-2);line-height:1.6}.site .cssd-table td:first-child{font:400 12.5px/1.6 var(--mono);color:var(--fg);white-space:nowrap}.site .cssd-table td.is-mono{font:400 12px/1.6 var(--mono);color:var(--fg);white-space:nowrap}@media (max-width:559px){.site .cssd-table,.site .cssd-table tbody,.site .cssd-table tr,.site .cssd-table td{display:block}.site .cssd-table thead{display:none}.site .cssd-table tr{border-top:1px solid var(--line);padding:12px 0}.site .cssd-table th,.site .cssd-table td{border-top:0;padding:0}.site .cssd-table td:first-child,.site .cssd-table td.is-mono{white-space:normal}.site .cssd-table td+td{margin-top:8px}.site .cssd-table td[data-k]:before{content:attr(data-k);font:500 10px/1.4 var(--mono);color:var(--fg-3);display:block}}.site .cssdf svg{width:100%;height:auto;display:block}.site .cssdf-vp,.site .cssdf-el{color:var(--fg-3)}.site .cssdf-el.is-in{color:var(--fg);fill:currentColor}.site .cssdf-path{color:var(--fg-3)}.site .cssdf-guide{color:var(--line-2)}.site .cssdf-axis{color:var(--fg-3)}.site .cssdf-bar{color:var(--fg)}.site .cssdf-k{font:500 12px var(--mono);fill:var(--fg-2)}.site .cssdf-n{font:500 11px var(--mono);fill:var(--fg-3)}.site .cssdf-r{font:500 12px var(--mono);fill:var(--fg-2)}@media (max-width:559px){.site .cssdf-k{font-size:19px}.site .cssdf-n{font-size:16px}.site .cssdf-r{font-size:17px}}