.page--tool main>section[data-theme=white]{background:var(--white);color:var(--black)}.page--tool main>section[data-theme=black]{background:var(--black);color:var(--white)}.tlh{min-height:92svh;padding:clamp(6.5rem, 14vh, 8.5rem) var(--gutter) clamp(3rem, 8vh, 5rem);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.tlh--hub{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:86svh}.tlh__stage{min-width:0;height:min(64svh,38rem);position:relative}.tlh__cv{width:100%;height:100%;display:block}.tlh__copy{gap:1.4rem;min-width:0;display:grid}.tlh .crumb{font-family:var(--f-code);color:#bcbcbc;margin:0;font-size:.82rem}.tlh .crumb a{color:var(--white)}.tlh__title{--col:calc((100vw - 9rem) * .5);font-family:var(--f-display);text-transform:uppercase;font-weight:850;font-stretch:100%;font-size:min(clamp(2.8rem, .8rem + 6vw, 8rem), calc(var(--col) / (var(--len,10) * .7)));letter-spacing:-.025em;line-height:.86}.tlh--hub .tlh__title{--col:calc((100vw - 9rem) * .5)}.tlh__title .line{display:block}.tlh__title .line:last-child{color:var(--nf)}.tlh--hub .tlh__title .line:last-child{color:var(--white)}.tlh__title .wd{white-space:nowrap}.tlh__lead{font-size:var(--t-lead);color:#d0d0d0;max-width:36rem;line-height:1.45}.tlf{grid-template-columns:minmax(0,1fr);gap:.9rem;min-width:0;display:grid}.tlf__label{font-family:var(--f-code);text-transform:uppercase;letter-spacing:.08em;color:#bcbcbc;font-size:.78rem}.tlf__row{border:2px solid var(--white);box-shadow:8px 8px 0 var(--nf);background:var(--black);align-items:stretch;display:flex}.tlf__row:focus-within{outline:3px solid var(--amber);outline-offset:4px}.tlf__pre{font-family:var(--f-code);color:#7a7a7a;place-items:center;padding:0 0 0 1rem;font-size:.9rem;display:grid}.tlf input[name=domain]{min-width:0;color:var(--white);font-family:var(--f-display);background:0 0;border:0;outline:none;flex:1;padding:1rem .6rem;font-size:clamp(1.2rem,.9rem + 1vw,1.8rem);font-weight:750}.tlf input[name=domain]::placeholder{color:#5a5a5a}.tlf__go{isolation:isolate;cursor:pointer;background:var(--nf);color:var(--black);font-family:var(--f-display);border:0;flex:none;padding:0 1.6rem;font-size:1.1rem;font-weight:800;transition:color .25s;position:relative;overflow:hidden}.tlf__go:before{content:"";z-index:-1;background:var(--white);transform-origin:bottom;transition:transform .35s steps(6,end);position:absolute;inset:0;transform:scaleY(0)}.tlf__go:hover:before,.tlf__go:focus-visible:before{transform:scaleY(1)}.tlf__go[disabled]{cursor:progress}.tlf__err{color:#ff6b6b;min-height:0;font-size:.95rem}.tlf__err:empty{display:none}.tlf__scan{width:100%;min-width:0;max-width:100%;height:clamp(4.5rem,10vh,7rem);margin-top:.8rem;display:block}.tlf__note{font-family:var(--f-code);color:#9a9a9a;font-size:.75rem}.tlf__more summary{cursor:pointer;color:#d0d0d0;font-weight:700}.tlf__more summary small{color:#9a9a9a;font-weight:400}.tlf__more .field{margin-top:.8rem}.tlf__more label{color:#bcbcbc;font-size:.9rem;font-weight:400}.tlf__more input{color:var(--white);font-family:var(--f-code);background:0 0;border-bottom-color:#5a5a5a}.tlf__more input:focus{border-color:var(--nf);background:#111}.tlr{padding:clamp(4rem, 10vh, 7rem) var(--gutter);outline:none;gap:clamp(2rem,5vh,3rem);scroll-margin-top:4rem;display:grid}.tlr__head{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:1.2rem;display:grid}.tlr__px{aspect-ratio:1;background:var(--v);grid-row:span 3;align-self:start;width:clamp(2.4rem,4vw,3.6rem);margin-top:.4rem}.tlr__head[data-v=ok]{--v:#00c853}.tlr__head[data-v=warn]{--v:var(--amber)}.tlr__head[data-v=bad]{--v:#e00000}.tlr__grade{aspect-ratio:1;background:var(--g);min-width:clamp(5.5rem,10vw,8.5rem);color:var(--black);box-shadow:8px 8px 0 var(--black);font-family:var(--f-display);letter-spacing:-.03em;grid-row:span 3;align-content:center;align-self:start;place-items:center;margin-right:.4rem;padding:.4rem;font-size:clamp(2.8rem,1.6rem + 3.6vw,5rem);font-weight:850;line-height:.9;display:grid}.tlr__grade small{font-family:var(--f-code);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:400}.tlr__grade[data-g=A]{--g:#00c853}.tlr__grade[data-g=B]{--g:#87d700}.tlr__grade[data-g=C]{--g:var(--amber)}.tlr__grade[data-g=D]{--g:#ff5f00}.tlr__grade[data-g=F]{--g:#e00000;color:var(--white)}.tlr__host{font-family:var(--f-code);color:var(--ink-soft);font-size:.85rem}.tlr__title{font-family:var(--f-display);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(2rem,1rem + 3.4vw,4.4rem);font-weight:850;line-height:.92}.tlr__sub{font-size:var(--t-lead);margin-top:.4rem}.tlr__list{border-bottom:2px solid var(--black)}.tlc{border-top:2px solid var(--black);grid-template-columns:1.1rem minmax(9rem,.35fr) minmax(0,1fr);align-items:baseline;gap:.35rem 1.2rem;padding:1.1rem 0;display:grid}.tlc__px{background:var(--s);align-self:center;width:.9rem;height:.9rem}.tlc[data-s=ok]{--s:#00c853}.tlc[data-s=warn]{--s:var(--amber)}.tlc[data-s=bad]{--s:#e00000}.tlc[data-s=info]{--s:var(--grey)}.tlc__label{font-family:var(--f-display);font-size:1.15rem;font-weight:800}.tlc__value{font-family:var(--f-code);overflow-wrap:anywhere;font-size:.9rem;line-height:1.5}.tlc__note{color:var(--ink-soft);grid-column:3}.tlr__meta{color:var(--ink-soft);font-size:.9rem}.tlr__copy{cursor:pointer;color:var(--black);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.tlr__help{background:var(--black);color:var(--white);box-shadow:10px 10px 0 var(--nf);gap:1rem;padding:clamp(1.6rem,4vw,3rem);display:grid}.tlr__help-k{font-family:var(--f-code);text-transform:uppercase;letter-spacing:.08em;color:var(--nf);font-size:.8rem}.tlr__help-t{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.8rem,1rem + 2.6vw,3.4rem);font-weight:850;line-height:.95}.tlr__help p{color:#d0d0d0;max-width:40rem}.tlr__help-a{flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:.6rem;display:flex}.tlr__help-l{font-family:var(--f-display);text-underline-offset:6px;font-weight:750}.tlw{padding:clamp(5rem, 12vh, 8rem) var(--gutter);gap:clamp(2.5rem,6vh,4rem);display:grid}.tlw__list{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem clamp(1.5rem,3vw,3rem);display:grid}.tlw__list li{border-top:2px solid #333;align-content:start;gap:.6rem;padding-top:1.2rem;display:grid}.tlw__n{font-family:var(--f-display);color:var(--nf);font-size:3rem;font-weight:850;font-stretch:75%;line-height:.85}.tl--hub .tlw__n{color:var(--white)}.tlw__list h3{font-family:var(--f-display);font-size:1.35rem;font-weight:800;line-height:1.1}.tlw__list p{color:#d0d0d0}@media (width<=900px){.tlh{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:6.5rem}.tlh__stage{order:-1;height:34svh;min-height:14rem;margin-bottom:1.4rem}.tlh--hub .tlh__title{--col:calc(100vw - 2 * var(--gutter))}.tlh__title{--col:calc(100vw - 2 * var(--gutter));font-size:min(clamp(2.5rem, 12vw, 4.6rem), calc(var(--col) / (var(--len,10) * .7)))}.tlf__row{box-shadow:5px 5px 0 var(--nf)}.tlf__pre{display:none}.tlf input[name=domain]{padding-left:.9rem}.tlf__go{padding:0 1.1rem}.tlc{grid-template-columns:.9rem minmax(0,1fr)}.tlc__value,.tlc__note{grid-column:2}}.wk{min-width:0}.wkf{border:2px solid var(--white);box-shadow:8px 8px 0 var(--nf);gap:1.2rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid}.wkf .field label{color:#bcbcbc;font-size:.9rem;font-weight:400}.wkf .field input{color:var(--white);font-family:var(--f-display);background:0 0;border-bottom-color:#5a5a5a;font-size:clamp(1.1rem,.9rem + .6vw,1.45rem);font-weight:700}.wkf .field input:focus{border-color:var(--nf);background:#111}.wkf .field input::placeholder{color:#5a5a5a}.wkf .field input[aria-invalid=true],.wkf__chk input[aria-invalid=true]+span{color:#ff6b6b;border-color:#ff6b6b}.wkf__hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.wkf__what{border:0;flex-wrap:wrap;gap:.6rem 1.6rem;margin:0;padding:0;display:flex}.wkf__what legend{color:#bcbcbc;margin-bottom:.6rem;padding:0;font-size:.9rem}.wkf__chk{cursor:pointer;align-items:center;gap:.6rem;font-weight:700;display:flex}.wkf__chk input{appearance:none;border:2px solid var(--white);cursor:pointer;background:0 0;flex:none;place-items:center;width:1.15rem;height:1.15rem;margin:0;display:grid}.wkf__chk input:after{content:"";background:var(--nf);width:.45rem;height:.45rem;transition:transform .2s steps(3,end);transform:scale(0)}.wkf__chk input:checked:after{transform:scale(1)}.wkf__chk input:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.wkf__go{isolation:isolate;cursor:pointer;background:var(--nf);color:var(--black);font-family:var(--f-display);border:0;justify-self:start;padding:1rem 1.6rem;font-size:1.2rem;font-weight:800;transition:color .25s;position:relative;overflow:hidden}.wkf__go:before{content:"";z-index:-1;background:var(--white);transform-origin:bottom;transition:transform .35s steps(6,end);position:absolute;inset:0;transform:scaleY(0)}.wkf__go:hover:before,.wkf__go:focus-visible:before{transform:scaleY(1)}.wkf__go[disabled]{cursor:progress}.wkf .tlf__note a{color:var(--white)}.wkr__box{border:2px solid var(--white);box-shadow:8px 8px 0 var(--v);gap:.9rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid}.wkr__box[data-v=ok]{--v:var(--nf)}.wkr__box[data-v=warn]{--v:var(--amber)}.wkr__box[data-v=bad]{--v:#e00000}.wkr__px{aspect-ratio:1;background:var(--v);width:2.2rem}.wkr__k{font-family:var(--f-code);text-transform:uppercase;letter-spacing:.08em;color:var(--v);font-size:.78rem}.wkr__t{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.8rem,1rem + 2.6vw,3.2rem);font-weight:850;line-height:.95}.wkr__p{color:#d0d0d0;max-width:34rem;line-height:1.55}.wkr__p b{color:var(--white);overflow-wrap:anywhere}.wkr__back{color:var(--white);font-family:var(--f-display);text-underline-offset:5px;margin-top:.8rem;font-weight:750;display:inline-block}.tlr__wk{border:2px solid var(--black);background:#ffffc4;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:1rem 1.2rem;display:flex}.tlr__wk b{font-family:var(--f-display);font-weight:800}.tlr__wk a{font-family:var(--f-display);color:var(--black);text-underline-offset:4px;font-weight:750}
