#directory{position:relative;isolation:isolate;padding:clamp(1rem,2.5vw,2.5rem);border:1px solid var(--line);border-radius:24px;background:linear-gradient(125deg,var(--surface),var(--paper));scroll-margin-top:7rem}
#directory:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(105,192,157,.035) 4px 5px)}
#directory .section-title{border:0;padding-top:0;gap:1rem}
.checker-overview{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:clamp(1rem,3vw,3rem);align-items:center;padding-bottom:1.6rem;border-bottom:1px solid var(--line)}
.checker-dial{position:relative;width:10rem;aspect-ratio:1;display:grid;place-items:center}
.checker-dial svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.checker-dial circle{fill:none;stroke:var(--line);stroke-width:5}
.checker-dial #check-ring{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .5s ease}
#check-percent{font-size:2rem;font-weight:750;font-variant-numeric:tabular-nums}
.checker-summary{min-width:0;display:grid;gap:.55rem}
.checker-summary h3{font-size:1rem;color:var(--muted);font-weight:500}
#check-responses{font-size:clamp(1.7rem,3vw,2.7rem);font-weight:750;color:var(--accent)}
.checker-summary p,.checker-foot{font-size:.8rem;color:var(--muted)}
.checker-counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding-block:1.3rem;font-size:.8rem;align-items:start}
.checker-counters b{font-size:1.1rem;color:var(--ink);font-variant-numeric:tabular-nums}
.checker-result-group{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:clip}
.checker-result-group>summary{display:flex;gap:.65rem;align-items:center;min-height:54px;padding:.85rem;cursor:pointer;list-style:none}
.checker-result-group>summary::-webkit-details-marker{display:none}
.checker-result-group>summary>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.checker-result-group>summary:after{content:'⌄';font-size:1rem;transition:transform .2s}
.checker-result-group[open]>summary:after{transform:rotate(180deg)}
.checker-result-group[open]>summary{border-bottom:1px solid var(--line)}
.checker-result-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.checker-result-marker{display:grid;place-items:center;flex:0 0 1.5rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--status-bg,#657480);color:var(--status-ink,#fff);font-weight:800;font-size:1rem}
[data-tone=green]{--status-bg:#26734d;--status-ink:#e2ffee}
[data-tone=yellow]{--status-bg:#ffdc7e;--status-ink:#382900}
[data-tone=red]{--status-bg:#a52e3e;--status-ink:#fff0f2}
.checker-result-list{margin:0;padding:0 .85rem;list-style:none;max-height:none;overflow:visible}
.checker-result-list>li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.25rem .6rem;align-items:start;padding:.9rem 0;border-bottom:1px solid var(--line);min-width:0}
.checker-result-list>li:last-child{border-bottom:0}
.checker-result-list a{display:grid;gap:.35rem;min-width:0;overflow-wrap:anywhere;min-height:44px;color:var(--ink)}
.checker-result-list strong{font-size:.83rem}
.checker-result-list small{font-size:.7rem;direction:ltr;unicode-bidi:isolate;color:var(--muted);overflow-wrap:anywhere}
.checker-result-status{grid-column:2;font-size:.72rem;color:var(--muted);overflow-wrap:anywhere}
.checker-result-empty{padding:1rem;color:var(--muted);font-size:.8rem}
.checker-result-empty[hidden]{display:none}
.checker-row[data-tone] a:before{background:var(--status-bg,var(--muted));width:9px;height:9px}
@media(max-width:700px){.checker-counters{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.checker-result-group>summary:after{transition:none}}
[data-motion=off] .checker-result-group>summary:after{transition:none}
@media(forced-colors:active){.checker-result-marker{border:1px solid CanvasText;background:Canvas;color:CanvasText}.checker-result-group{border-color:CanvasText}}
.checker-controls{display:flex;gap:.75rem 1rem;flex-wrap:wrap;align-items:center}
.checker-controls>label{font-size:.8rem;display:flex;align-items:center;gap:.6rem;cursor:pointer}
.checker-controls input{width:1.25rem;min-height:1.25rem;accent-color:var(--accent)}
.checker-controls>button:first-child{background:var(--accent);color:var(--paper);font-weight:700}
.checker-controls>button:first-child:hover{filter:brightness(1.1)}
.checker-foot{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-block:1rem}
.checker-foot a{color:var(--accent);min-height:44px;display:inline-flex;align-items:center}
#check-progress{display:block;width:100%;height:5px;accent-color:var(--accent);border:0;border-radius:10px;background:var(--line)}
#check-progress::-webkit-progress-bar{background:var(--line);border-radius:10px}
#check-progress::-webkit-progress-value{background:var(--accent);border-radius:10px}
#check-progress::-moz-progress-bar{background:var(--accent)}
#check-progress-text{display:block;font-size:.75rem;color:var(--muted);margin-block:.6rem 1rem}
#directory .search-label{flex-wrap:wrap;padding-block:1rem;border-top:1px solid var(--line)}
#directory .search-label input{flex:1;min-width:0}
.checker-group{margin-block:1.5rem}
.checker-group>h3{font-size:1rem;display:flex;gap:.7rem;align-items:center;margin-bottom:.5rem;color:var(--accent)}
.checker-group>h3:before{content:"";width:5px;height:1rem;background:var(--gold)}
.checker-group>h3 span{font-size:.7rem;color:var(--muted)}
.checker-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1.5rem}
.checker-row{min-width:0;padding:1rem 0;border-bottom:1px solid var(--line);position:relative}
.checker-row a{display:flex;flex-direction:column;min-height:44px;gap:.35rem;padding-inline-start:1rem}
.checker-row a:before{content:"";position:absolute;inset-inline-start:0;top:1.4rem;width:6px;height:6px;border-radius:50%;background:var(--muted)}
.checker-row strong{font-size:.85rem;overflow-wrap:anywhere}
.checker-row small{font-size:.68rem;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere;color:var(--muted)}
.checker-state{display:block;margin-top:.4rem;padding-inline-start:1rem;color:var(--muted);font-size:.7rem;overflow-wrap:anywhere}
.checker-row[data-state=verified] a:before{background:var(--accent)}
.checker-row[data-state=responseOnly] a:before{background:var(--gold)}
.checker-row[data-state=httpError] a:before{background:var(--secondary)}
.checker-row[data-state=checking] a:before{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}
#check-status{min-height:1.6em;font-size:.8rem;margin-top:.75rem;color:var(--accent)}
[data-news-locale=binary] #directory *{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:1000px){.checker-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.checker-list{grid-template-columns:minmax(0,1fr)}.checker-overview{grid-template-columns:5rem minmax(0,1fr);gap:.8rem}.checker-dial{width:5rem}#check-percent{font-size:1.2rem}.checker-summary p{grid-column:1/-1}.checker-controls>label{flex-basis:100%}.checker-summary h3{font-size:.8rem}.checker-foot{display:grid;gap:.2rem}#directory .section-title{align-items:start}#directory .search-label{display:grid}#directory .search-label input{width:100%}}
@media(prefers-reduced-motion:reduce){.checker-dial #check-ring{transition:none}}
@media(max-width:600px){.checker-summary{display:contents}.checker-dial{grid-column:1;grid-row:1/3}.checker-summary h3{grid-column:2;align-self:end}.checker-summary #check-responses{grid-column:2;align-self:start}.checker-summary p{grid-column:1/-1;margin-top:.5rem}}
[data-motion=off] .checker-dial #check-ring{transition:none}
@media(forced-colors:active){#directory{background:Canvas}.checker-dial circle{stroke:GrayText}.checker-dial #check-ring{stroke:Highlight}.checker-row a:before{background:CanvasText}.checker-controls>button:first-child{background:ButtonFace;color:ButtonText}}