html .page{padding-bottom:36px}
html .hero-site{font-size:clamp(28px,4vw,44px)}
html .site-shot{width:220px;margin-top:24px}
html .progress{font-size:28px;margin-top:20px}
html .sec{margin-top:28px}
html .sec h2{font-size:23px;border-bottom:2px solid var(--tx1);padding-bottom:10px}
html .site-foot{padding-bottom:28px}
:root{--bg1:#fff;--bg2:#f2f2f2;--bg3:#dedede;--tx1:#161616;--tx2:#606060;--cl1:#313131;--cl2:#161616;--fz1:18px;--tick-size:28px;--fh1:52px;--fh2:clamp(36px,4vw,60px);--fh3:clamp(36px,4vw,60px);--fh4:36px;--fh5:28px;--fh6:26px;--fh7:22px;--fh8:20px;--ff1:"IBM Plex Sans",sans-serif;--ff2:"IBM Plex Sans",sans-serif;--box:none;color-scheme:light}
html body{overflow-wrap:break-word}
html :is(.page,.site-foot){box-sizing:border-box;max-width:900px;margin-inline:auto}
html .site-head{box-sizing:border-box;width:100%;max-width:none;padding-block:14px;background:var(--tx1);position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0 24px}
html :is(.brand,.brand em,.head-link){color:var(--tx3)}
html .site-foot{justify-content:center}
html :is(h1,h2,.brand,.head-link,.mode-button,.progress,.scan-button){text-transform:none;letter-spacing:-.025em;line-height:1.15}
html .brand{grid-column:2;grid-row:1;font-size:26px}
html .head-link{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:17px}
html .head-link svg{width:24px;height:24px;flex:none}
html .page{min-width:0;padding-top:18px}
html .hero{line-height:1.07;letter-spacing:-.045em}
html .scan{gap:8px;margin-top:20px}
html :is(.scan-input,.scan-button){height:56px;font-size:20px}
html .scan-button{padding-inline:24px;letter-spacing:0}
html .mode{flex-wrap:wrap;gap:4px;margin-top:24px}
html .mode-button{min-height:44px;height:auto;padding:12px 16px;font-size:17px;letter-spacing:0}
html .mode-button[aria-pressed="true"]{background:var(--cl1);color:var(--tx3)}
html .item{padding-block:7px;border-bottom:2px solid var(--bg3)}
html .mode-1 .sec:has(.tier-1):not(:has(~.sec .tier-1)) .tier-1:not(:has(~.tier-1)),
html .mode-2 .sec:has(:is(.tier-1,.tier-2)):not(:has(~.sec :is(.tier-1,.tier-2))) .item:not(.tier-3):not(:has(~:is(.tier-1,.tier-2))),
html .mode-3 .sec:last-child .item:last-child{border-bottom:0}
html .item:hover .text a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
html .sec h2::before{color:var(--cl1)}
html .site-shot{max-width:100%}
html :is(.hero,.progress,.scan-status){text-align:center}
html .scan{max-width:700px;margin-inline:auto}
html :is(.site-shot,.shot-caption){margin-inline:auto}
html .mode{justify-content:center}
@media(max-width:699px){
html .sec{margin-top:20px}
html .mode-button{padding:12px 8px;flex:1 1 auto;font-size:16px}
}
@media(max-width:799px){
html .head-link{width:44px;justify-content:center;gap:0}
html .head-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:699px){
html .head-link{right:20px}
}