body{background:#fbfbfa;color:#263238}.topbar{padding:20px 30px;border-bottom:1px solid #e6e7e6;max-width:1120px}.logo-icon{background:#3f5261}.topbar nav a,.local-indicator{color:#64717a}main{max-width:1040px}.hero{text-align:center;padding:42px 0 25px}.hero h1{font-size:36px;letter-spacing:-1px;margin:5px 0 10px;font-weight:550}.hero h1 span{color:#63829c}.hero p{font-size:13px}.checker{margin:0 auto 25px;max-width:900px}.url-input{border:1px solid #cbd2d5;box-shadow:none;border-radius:5px;padding:10px 14px}.url-input:focus-within{border-color:#6a8a9f;box-shadow:0 0 0 2px #6a8a9f13}.url-input input{font-size:16px}.url-input button{background:transparent}.input-bottom{font-size:10px}.examples{justify-content:center;gap:12px;margin-top:10px}.examples button{border:0;border-bottom:1px dotted #a9b7bf;border-radius:0;padding:2px 3px;font:12px ui-monospace,monospace;color:#59778c}.examples button:hover{background:#edf2f5}.explanation{position:relative;padding:0 0 15px;margin:0 auto;isolation:isolate}.explanation-toolbar{display:flex;gap:10px;align-items:center;justify-content:center;margin:18px 0 10px}.explanation-toolbar .tag{margin-left:0;font-size:10px}.explanation-toolbar>span:last-child{font-size:10px;color:#879096}.explained-url{padding:22px 16px 20px;text-align:center;font:600 clamp(18px,2.8vw,29px)/2.15 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;position:relative;z-index:2;direction:ltr;unicode-bidi:isolate}.url-context{color:#94a0a7;font-weight:400}.explained-url .char{font:inherit;border:0;background:transparent;color:inherit;padding:2px 0;margin:0;border-radius:2px;outline:0;line-height:inherit;box-decoration-break:clone;vertical-align:baseline}.explained-url button.char{cursor:pointer}.explained-url .nonascii{background:#fbeaf0;color:#9e3156;border-bottom:2px solid #b85b7b}.explained-url .similar{background:#fff0cf;color:#725013;border-bottom:2px solid #b48b31}.explained-url .nonascii.similar{background:#fbeaf0;color:#9e3156}.explained-url .reference-segment{border-bottom:1px solid #a7b8ba}.explained-url .char.active,.explained-url .char:focus-visible{background:#f6dbac;color:#513708;box-shadow:0 0 0 2px #b2893d33}.explained-url .nonascii.active{background:#f3cfdd;color:#8c2447;box-shadow:0 0 0 2px #b13d6522}.explain-notes{padding:50px 0 0 80px;position:relative;z-index:1}.explain-note{--note:#a97618;position:relative;border:1px solid #d4c39e;border-left:3px solid var(--note);background:#fffdf8;border-radius:3px;padding:15px 20px;margin-bottom:16px;outline:0;transition:background .12s,border-color .12s}.explain-note.nonascii{--note:#b13d65;background:#fffafb;border-color:#e3bdca}.explain-note.suffix{--note:#567e9a;background:#fafcfd;border-color:#c2d1da}.explain-note.reference{--note:#6c8580;background:#fcfdfc;border-color:#cdd8d5}.explain-note.active,.explain-note:focus-visible{background:#fff5df;border-color:var(--note);box-shadow:0 0 0 2px #a976180d}.explain-note.nonascii.active{background:#fff0f5}.explain-note.suffix.active{background:#eff6fa}.explain-note.reference.active{background:#f0f6f4}.explain-note h2{font-size:13px;margin:0 0 6px;font-weight:650}.explain-note p{font-size:12px;color:#647079;line-height:1.8;margin:4px 0 9px}.character-code{font:11px/1.9 ui-monospace,monospace;color:#996078;overflow-wrap:anywhere}.explain-note .diff-line{font-size:15px}.explain-note .match-domain{font-size:11px;color:#77838a;display:inline-block;margin:7px 20px 0 0}.explain-note a{font-size:10px;color:#637f90}.explain-note .diff-line>span:first-child{font-size:10px}.explain-note::before{content:'';position:absolute;left:-6px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--note)}#connections{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:visible}#connections path{fill:none;stroke-width:1.2;opacity:.5;vector-effect:non-scaling-stroke}#connections path.active{opacity:1;stroke-width:2}.raw-details{font-size:11px;border:0;margin:22px 0 0;padding:0}.raw-details summary{color:#80909a;font-size:11px}.more-candidates{margin-bottom:18px;font-size:12px}.explain-empty{text-align:center;color:#8b979d;font-size:12px;padding:28px 0}.explain-notes .no-match{font-size:12px;margin-top:0}.explanation .mono-box{font-size:11px}.report-status{background:transparent;border:0;border-top:1px solid #e0e5e7;border-bottom:1px solid #e0e5e7;border-radius:0;padding:14px 0;margin:30px 0}.report-status .section-number{display:none}.coverage{margin-top:30px;border:0;border-radius:0;padding:0}.coverage .eyebrow,.report-section .eyebrow{display:none}.coverage h2{font-size:16px;margin:0}.coverage-intro>p{font-size:11px}.dataset-stats{margin:16px 0;gap:38px}.dataset-stats strong{font-size:22px}.coverage details{font-size:11px}.report-section{gap:50px;margin:40px 0}.report-section h2{font-size:20px;letter-spacing:0;margin-top:0}.report-section .panel{border-radius:5px}.report-section>div>p{font-size:12px}footer{max-width:984px;font-size:10px}.small{font-size:10px}@media(max-width:760px){.topbar{padding:15px 18px}.hero{padding:30px 0 22px}.hero h1{font-size:29px}.hero p{font-size:12px}.explanation-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:6px}.explanation-toolbar>span:last-child{width:100%;font-size:10px}.explained-url{padding:14px 0 20px;font-size:19px;text-align:left}.explain-notes{padding:36px 0 0 55px}.explain-note{padding:13px 13px;margin-bottom:18px}.explain-note h2{font-size:12px}.explain-note p{font-size:11px}.explain-note .diff-line{font-size:13px}.report-status h2{font-size:12px}.coverage{margin-top:25px}.report-section{gap:20px}.examples{justify-content:flex-start;gap:6px}.examples button{font-size:10px}.dataset-stats{gap:20px}.dataset-stats strong{font-size:20px}.raw-details{font-size:10px}.raw-details .mono-box{font-size:10px}.explained-url .char{padding:2px 0}}
/* Minimal tool surface: input → annotated URL → explanation. */
main{max-width:920px;min-height:calc(100vh - 70px)}.hero{padding:70px 0 28px}.hero h1{font-size:28px;letter-spacing:-1px;margin:0;font-weight:600;color:#344b5b}.checker{max-width:800px;margin-bottom:15px}.url-input{padding:9px 13px}.url-input input{font-size:15px}.examples{margin-top:14px;gap:20px}.examples button{font-size:11px;border-bottom:0;color:#89969f}.explanation{margin-top:35px}.explained-url{padding-top:10px}.explain-notes{padding-top:36px}.explain-note{padding:13px 17px}.explain-note h2{font-size:12px}.explain-note p{font-size:11px;margin-bottom:4px}.explain-note .match-domain{margin:9px 14px 0 0;font-size:10px}.explain-note a{font-size:10px;color:#91a0a8}.note-detail{border:0;padding:0;margin:7px 0 4px}.note-detail summary{font-size:10px;color:#91a0a8}.note-detail .character-code{font-size:10px}.raw-details{margin:12px 0 0}.raw-details summary{font-size:10px;color:#a3adb3}.explain-note.reference{background:transparent;border-color:#e2e7e7}.utilities{display:flex;justify-content:center;gap:24px;align-items:flex-start;flex-wrap:wrap;margin:45px auto 0;padding:18px 0 0;border-top:1px solid #edf0ef}.utility-panel{border:0;margin:0;padding:0;font-size:11px;color:#819096}.utility-panel>summary{list-style:none;cursor:pointer;font-size:11px;color:#8e9ca4}.utility-panel>summary::-webkit-details-marker{display:none}.utility-panel[open]{flex:1 0 100%;order:1}.utility-panel[open]>summary{color:#3b5667;margin-bottom:15px}.utility-content{padding:10px 0 15px;max-width:800px;margin:auto}.utility-content>p{font-size:12px}.utility-content .coverage-intro>p{font-size:11px}.utility-content .dataset-stats{gap:30px}.utility-content .dataset-stats strong{font-size:18px}#dataset-status{font-size:11px;color:#83929b}.utility-content.report-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 auto}.report-section h2{font-size:15px}.report-section>div>p{font-size:11px}.report-section .panel{padding:18px}footer{max-width:864px;text-align:center;border:0;padding:20px 0;font-size:10px;color:#a0aaaf}.blacklist-alert{font-size:12px;padding:10px 13px;border-radius:4px;margin:15px 0}.no-match{font-size:12px!important}.raw-details .small{font-size:10px}@media(max-width:760px){main{min-height:calc(100vh - 60px);padding:0 18px}.hero{padding:45px 0 24px}.hero h1{font-size:25px}.url-input input{font-size:13px}.examples{gap:12px;justify-content:center}.examples button{font-size:10px}.explanation{margin-top:30px}.explain-notes{padding-top:28px;padding-left:45px}.explained-url{font-size:18px}.utilities{margin-top:30px}.utility-content.report-section{grid-template-columns:1fr;gap:12px}.explain-note{padding:12px}.explain-note .diff-line{font-size:12px}.explain-note h2{font-size:12px}}
.utility-panel,.utility-content{min-width:0;max-width:100%;overflow-wrap:anywhere}.utility-content input{max-width:100%}.company-row{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto}@media(max-width:760px){.company-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
#connections{max-width:100%}

.hero{position:relative}.brand-heading{display:flex;align-items:center;justify-content:center;gap:12px}.loupe-logo{width:46px;height:46px;color:#344b5b;flex:none}.language-switch{position:absolute;right:0;top:24px;border:0;background:transparent;color:#819096;font-size:11px;padding:6px;cursor:pointer}@media(max-width:760px){.loupe-logo{width:38px;height:38px}.language-switch{top:12px}}
.diff-line>span:first-child{width:64px;white-space:nowrap;word-break:normal}