@charset "UTF-8";
 @font-face{font-display:swap;font-family:"Bricolage Grotesque";font-style:normal;font-weight:500 800;src:url(//namedaemon.com/wp-content/themes/namedaemon-retro/assets/fonts/bricolage-grotesque-var.woff2) format("woff2");}
@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:400 700;src:url(//namedaemon.com/wp-content/themes/namedaemon-retro/assets/fonts/inter-var.woff2) format("woff2");}
@font-face{font-display:swap;font-family:"Space Mono";font-style:normal;font-weight:400;src:url(//namedaemon.com/wp-content/themes/namedaemon-retro/assets/fonts/space-mono-400.woff2) format("woff2");}
@font-face{font-display:swap;font-family:"Space Mono";font-style:normal;font-weight:700;src:url(//namedaemon.com/wp-content/themes/namedaemon-retro/assets/fonts/space-mono-700.woff2) format("woff2");}
@layer reset, tokens, base, layout, components, tools, motion; @layer reset {
*,
*::before,
*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd, ul, ol{margin:0;}
ul[class],
ol[class]{list-style:none;padding:0;}
img, svg, video{display:block;height:auto;max-width:100%;}
input, button, textarea, select{color:inherit;font:inherit;}
button{cursor:pointer;}
[hidden]{display:none !important;}
table{border-collapse:collapse;}
summary{cursor:pointer;}
} @layer tokens {
:root{--bg:light-dark(oklch(0.965 0.020 85), oklch(0.170 0.025 270));--surface:light-dark(oklch(0.990 0.010 85), oklch(0.225 0.030 270));--surface-2:light-dark(oklch(0.935 0.025 85), oklch(0.280 0.035 270));--ink:light-dark(oklch(0.210 0.030 270), oklch(0.945 0.020 85));--muted:light-dark(oklch(0.430 0.030 270), oklch(0.760 0.030 85));--edge:light-dark(oklch(0.210 0.030 270), oklch(0.880 0.030 85));--accent:light-dark(oklch(0.730 0.165 60), oklch(0.820 0.150 75));--accent-strong:light-dark(oklch(0.520 0.170 50), oklch(0.820 0.150 75));--accent-ink:light-dark(oklch(0.200 0.030 270), oklch(0.200 0.030 270));--link:light-dark(oklch(0.480 0.130 225), oklch(0.830 0.110 200));--ok:light-dark(oklch(0.440 0.130 150), oklch(0.830 0.150 150));--warn:light-dark(oklch(0.470 0.120 65), oklch(0.830 0.140 80));--bad:light-dark(oklch(0.490 0.190 25), oklch(0.760 0.150 25));--tint-amber:oklch(0.82 0.15 75);--tint-cyan:oklch(0.82 0.10 200);--tint-coral:oklch(0.76 0.14 25);--shadow-c:light-dark(var(--edge), var(--accent));--hard:5px 5px 0 0 var(--shadow-c);--hard-lg:8px 8px 0 0 var(--shadow-c);--font-display:"Bricolage Grotesque", ui-rounded, "Segoe UI Variable Display", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--step--1:clamp(0.8rem, 0.78rem + 0.1vw, 0.875rem);--step-0:clamp(1rem, 0.96rem + 0.2vw, 1.125rem);--step-1:clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);--step-2:clamp(1.5rem, 1.25rem + 1.2vw, 2.1rem);--step-3:clamp(1.9rem, 1.4rem + 2.4vw, 3.2rem);--step-hero:clamp(2.7rem, 1.7rem + 5.2vw, 6rem);--gutter:clamp(1rem, 4vw, 2rem);--wrap:74rem;--wrap-narrow:46rem;--radius:14px;--radius-sm:10px;--bw:2px;--section:clamp(3rem, 7vw, 6rem);color-scheme:light dark;}:root[data-theme=light]{color-scheme:light;}:root[data-theme=dark]{color-scheme:dark;}
@media (prefers-contrast: more) {
:root{--bw:3px;}
}
} @layer base {
@media (prefers-contrast: more), (forced-colors: active) {
body::before{display:none;}
}
html{scroll-padding-top:5rem;}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;line-height:1.6;min-height:100dvh;text-rendering:optimizeLegibility;}
body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:overlay;opacity:0.07;pointer-events:none;position:fixed;z-index:100;}
h1, h2, h3, h4{font-family:var(--font-display);font-weight:750;letter-spacing:-0.02em;line-height:1.08;text-wrap:balance;}
h1{font-size:var(--step-3);}
h2{font-size:var(--step-2);}
h3{font-size:var(--step-1);}
p, li, dd {
text-wrap: pretty;
} a{color:var(--link);text-decoration-thickness:0.08em;text-underline-offset:0.2em;}
a:hover{text-decoration-thickness:0.16em;}:focus-visible{border-radius:4px;outline:3px solid var(--accent-strong);outline-offset:3px;}::selection{background:var(--accent);color:var(--accent-ink);}
mark{background:none;color:var(--accent-strong);text-decoration:underline wavy;text-decoration-thickness:0.07em;text-underline-offset:0.14em;}
code, kbd, samp, pre{font-family:var(--font-mono);font-size:0.92em;}
hr{border:0;border-top:var(--bw) dashed var(--edge);opacity:0.5;}
.visually-hidden{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;white-space:nowrap;width:1px;}
.skip-link{background:var(--accent);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);color:var(--accent-ink);font-weight:700;inset-block-start:0.5rem;inset-inline-start:0.5rem;padding:0.6rem 1rem;position:fixed;text-decoration:none;transform:translateY(-200%);z-index:200;}
.skip-link:focus{transform:none;}
.icon{flex:none;}
.mono-label{color:var(--muted);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:0.06em;text-transform:uppercase;}
} @layer layout {
.wrap{margin-inline:auto;width:min(100% - 2 * var(--gutter), var(--wrap));}
.wrap--narrow{width:min(100% - 2 * var(--gutter), var(--wrap-narrow));}
.site{display:flex;flex-direction:column;min-height:100dvh;}
.site-main{flex:1;outline:none;}
.section{padding-block:var(--section);}
.section--band{background:var(--surface);border-block:var(--bw) solid var(--edge);}
.section--more-tools{margin-top:0;padding-block-start:0;padding-top:0;}
.section__head{display:grid;gap:0.6rem;margin-block-end:clamp(1.5rem, 4vw, 2.75rem);max-width:42rem;}
.section__title{font-size:var(--step-3);}
.section__title--sm{font-size:var(--step-2);margin-block-end:1.25rem;}
.section__lede{color:var(--muted);font-size:var(--step-1);}
} @layer components { @media(min-width:52.01rem){
.nav-toggle{display:none !important;}
} @media(max-width:52rem){
html.js .site-nav{background:var(--surface);border-block-end:var(--bw) solid var(--edge);display:none;inset-inline:0;margin:0;padding:1rem var(--gutter) 1.25rem;position:absolute;top:100%;}
html.js .site-nav.is-open{display:block;}
html.js .site-nav__list{align-items:stretch;flex-direction:column;}
html.js .tools-menu__panel{border-width:0;box-shadow:none;grid-template-columns:1fr;padding:0.25rem 0 0.5rem 0.75rem;position:static;}
html.js .site-header__inner > .theme-toggle{margin-inline-start:auto;}
html.js .site-header .nav-toggle{order:3;}
}
@media(max-width:52rem){
.site-header__inner{flex-wrap:wrap;}
html:not(.js) .site-nav{margin:0;width:100%;}
}
@media(min-width:62rem){
.hero__grid{grid-template-columns:minmax(0, 1.15fr) minmax(0, 0.85fr);}
}
@container tools (min-width: 62rem) {
.tool-grid:not(.tool-grid--compact){grid-template-columns:repeat(4, 1fr);}
} @container tools (min-width: 62rem) {
.tool-grid:not(.tool-grid--compact):has(> :nth-child(6):last-child){grid-template-columns:repeat(3, 1fr);}
} @container tools (min-width: 62rem) {
.tool-grid:not(.tool-grid--compact):has(> :nth-child(5):last-child){grid-template-columns:repeat(6, 1fr);}
.tool-grid:not(.tool-grid--compact):has(> :nth-child(5):last-child) > *{grid-column:span 2;}
.tool-grid:not(.tool-grid--compact):has(> :nth-child(5):last-child) > :nth-child(n+4){grid-column:span 3;}
}
@container tools (min-width: 44rem) {
.tool-grid--compact{grid-template-columns:repeat(3, 1fr);}
}
@media(min-width:56rem){
.page-hero__cols{grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);}
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) .video-frame__img--light{display:none !important;}:root:not([data-theme]) .video-frame__img--dark{display:block !important;}
}
}
@layer components { .site-header{backdrop-filter:blur(12px) saturate(1.3);background:color-mix(in oklab, var(--bg) 84%, transparent);border-block-end:var(--bw) solid var(--edge);position:sticky;top:0;z-index:60;}
.site-header__inner{align-items:center;display:flex;gap:1rem;min-height:4.25rem;}
.brand{align-items:center;color:var(--ink);display:inline-flex;font-family:var(--font-display);font-size:1.3rem;font-weight:800;gap:0.6rem;letter-spacing:-0.03em;text-decoration:none;}
.brand__mark{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:50%;box-shadow:3px 3px 0 0 var(--shadow-c);color:var(--accent-strong);display:inline-grid;flex:none;height:2.75rem;padding:0;place-items:center;transition:translate 0.12s, box-shadow 0.12s;width:2.75rem;}
.brand__glyph{display:block;height:1.55rem;width:1.55rem;}
.brand:hover .brand__mark{box-shadow:4px 4px 0 0 var(--shadow-c);color:var(--ink);translate:-1px -1px;}
.site-nav{margin-inline-start:auto;}
.site-nav__list{align-items:center;display:flex;gap:0.25rem;list-style:none;margin:0;padding:0;}
.site-nav a, .tools-menu > summary{align-items:center;border-radius:var(--radius-sm);color:var(--ink);display:inline-flex;font-weight:600;gap:0.4rem;min-height:2.75rem;padding-inline:0.9rem;text-decoration:none;}
.site-nav a:hover, .tools-menu > summary:hover{background:var(--surface-2);}
.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:0.14em;text-underline-offset:0.35em;}
.site-nav .site-nav__cta a, .site-nav .site-nav__pro a{background:var(--accent);border:var(--bw) solid var(--edge);box-shadow:3px 3px 0 0 var(--shadow-c);color:var(--accent-ink);justify-content:center;min-height:2.5rem;padding-inline:1.1rem;text-decoration:none;white-space:nowrap;}
.site-nav .site-nav__cta a:hover, .site-nav .site-nav__pro a:hover{background:var(--accent);box-shadow:4px 4px 0 0 var(--shadow-c);color:var(--accent-ink);translate:-1px -1px;}
.site-nav .site-nav__cta a:active, .site-nav .site-nav__pro a:active{box-shadow:none;translate:3px 3px;}
.tools-menu{position:relative;}
.tools-menu > summary{list-style:none;}
.tools-menu > summary::-webkit-details-marker{display:none;}
.tools-menu > summary::after{border-block-end:2px solid currentColor;border-inline-end:2px solid currentColor;content:"";height:0.55em;rotate:45deg;translate:0 -0.15em;width:0.55em;}
.tools-menu[open] > summary::after{rotate:225deg;translate:0 0.1em;}
.tools-menu__panel{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:var(--hard);display:grid;gap:0.25rem;grid-template-columns:repeat(2, max-content);inset-inline-end:0;list-style:none;margin:0;padding:0.6rem;position:absolute;top:calc(100% + 0.6rem);z-index:70;}
.tools-menu__panel a{font-weight:500;justify-content:flex-start;white-space:nowrap;width:100%;}
.tools-menu__panel .icon{color:var(--accent-strong);}
.tools-menu__all{border-block-start:var(--bw) dashed color-mix(in oklab, var(--edge) 45%, transparent);grid-column:1/-1;padding-block-start:0.25rem;}
.nav-toggle, .theme-toggle{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);box-shadow:3px 3px 0 0 var(--shadow-c);display:inline-grid;height:2.75rem;padding:0;place-items:center;width:2.75rem;}
.nav-toggle:active, .theme-toggle:active{box-shadow:none;translate:3px 3px;}
.theme-toggle__icon{display:none;}:root[data-theme=dark] .theme-toggle__icon--light,
:root[data-theme=light] .theme-toggle__icon--dark{display:inline-flex;}
}
@layer components { .btn, .ndt-btn{align-items:center;background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);box-shadow:4px 4px 0 0 var(--shadow-c);color:var(--ink);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:0.5rem;justify-content:center;line-height:1.2;min-height:2.75rem;padding:0.55rem 1.1rem;text-decoration:none;transition:translate 0.12s, box-shadow 0.12s;}
.btn:hover, .ndt-btn:hover{box-shadow:5px 5px 0 0 var(--shadow-c);translate:-1px -1px;}
.btn:active, .ndt-btn:active{box-shadow:0 0 0 0 var(--shadow-c);translate:4px 4px;}
.btn--primary, .ndt-btn{background:var(--accent);color:var(--accent-ink);}
a.btn--primary, a.btn--primary:hover, a.btn--primary:focus-visible, a.btn--primary:visited, a.ndt-btn, a.ndt-btn:hover, a.ndt-btn:focus-visible, a.ndt-btn:visited{color:var(--accent-ink);}
.btn--lg{font-size:1.15rem;min-height:3.4rem;padding-inline:1.6rem;}
.btn:disabled, .ndt-btn:disabled{box-shadow:4px 4px 0 0 var(--shadow-c);cursor:not-allowed;opacity:0.6;translate:none;}
}
@layer components { .eyebrow{align-items:center;background:var(--surface);border:var(--bw) solid var(--edge);border-radius:999px;display:inline-flex;font-family:var(--font-mono);font-size:var(--step--1);gap:0.6rem;letter-spacing:0.06em;margin-block-end:1.1rem;padding:0.3rem 0.8rem;text-transform:uppercase;}
.eyebrow__dot{background:var(--ok);border-radius:50%;box-shadow:0 0 0 3px color-mix(in oklab, var(--ok) 25%, transparent);height:0.6rem;width:0.6rem;}
.window{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:var(--hard-lg);margin:0;overflow:hidden;}
.window__bar{align-items:center;background:var(--surface-2);border-block-end:var(--bw) solid var(--edge);display:flex;gap:0.9rem;min-height:2.4rem;padding-inline:0.9rem;}
.window__dots{background:var(--tint-coral);border-radius:50%;box-shadow:1.1rem 0 0 var(--tint-amber), 2.2rem 0 0 var(--tint-cyan);height:0.65rem;margin-inline-end:2.2rem;width:0.65rem;}
.window__title{color:var(--muted);font-family:var(--font-mono);font-size:var(--step--1);}
.window__body{display:grid;gap:0.75rem;padding:1.25rem;position:relative;}
.hero__demo .window__body::after{background:repeating-linear-gradient(to bottom, transparent 0 2px, color-mix(in oklab, var(--ink) 5%, transparent) 2px 3px);content:"";inset:0;pointer-events:none;position:absolute;}
.term{font-family:var(--font-mono);font-size:0.95rem;margin:0;}
.term__prompt{color:var(--accent-strong);font-weight:700;}
.term--dim{color:var(--muted);}
.cursor{background:var(--accent-strong);display:inline-block;height:1.05em;vertical-align:text-bottom;width:0.6em;}
.demo-list{display:grid;gap:0.5rem;list-style:none;margin:0;padding:0;}
.demo-list li{align-items:center;background:var(--bg);border:var(--bw) solid color-mix(in oklab, var(--edge) 35%, transparent);border-radius:var(--radius-sm);display:grid;gap:0.75rem;grid-template-columns:1fr auto auto;padding:0.55rem 0.75rem;}
.demo-list__name{font-family:var(--font-mono);font-weight:700;overflow-wrap:anywhere;}
.demo-list__score{color:var(--accent-strong);font-family:var(--font-mono);font-weight:700;}
.badge{border:1.5px dashed currentColor;border-radius:999px;color:var(--muted);display:inline-block;font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.04em;padding:0.1rem 0.6rem;text-transform:uppercase;white-space:nowrap;}
}
@layer components { .hero{isolation:isolate;overflow:clip;padding-block:clamp(2.5rem, 7vw, 6rem) clamp(1.75rem, 4vw, 3rem);position:relative;}
.hero::before{background-image:radial-gradient(color-mix(in oklab, var(--ink) 20%, transparent) 1px, transparent 1.6px);background-size:24px 24px;content:"";inset:0;mask-image:linear-gradient(to bottom, #000 60%, transparent);pointer-events:none;position:absolute;z-index:-1;}
.hero__grid{align-items:center;display:grid;gap:clamp(2rem, 5vw, 4rem);}
.hero__title{font-size:var(--step-hero);font-weight:800;letter-spacing:-0.045em;line-height:0.98;margin-block-end:1.25rem;}
.hero__lede{color:var(--muted);font-size:var(--step-1);margin-block-end:1.75rem;max-width:38rem;}
.hero__try{align-items:center;display:flex;flex-wrap:wrap;gap:0.35rem 0.9rem;margin-block-start:1.1rem;}
.hero__try a{font-family:var(--font-mono);font-weight:700;}
.cmd{align-items:stretch;background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:var(--hard);display:flex;flex-wrap:wrap;gap:0.5rem;max-width:40rem;padding:0.5rem;}
.cmd__prompt{color:var(--accent-strong);display:grid;font-family:var(--font-mono);font-size:1.2rem;font-weight:700;padding-inline:0.5rem;place-items:center;}
.cmd__select, .cmd__input{background:var(--bg);border:var(--bw) solid color-mix(in oklab, var(--edge) 55%, transparent);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-mono);font-size:1rem;min-height:2.75rem;padding-inline:0.7rem;}
.cmd__select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 1.05rem) 55%, calc(100% - 0.7rem) 55%;background-repeat:no-repeat;background-size:0.35rem 0.35rem;cursor:pointer;padding-inline-end:2rem;}
.cmd__input{flex:1 1 11rem;min-width:0;}
.cmd__input::placeholder{color:var(--muted);opacity:1;}
.cmd:focus-within{outline:3px solid var(--accent-strong);outline-offset:3px;}
.cmd :focus-visible{outline:none;}
}
@layer components { .tool-grid-wrap{container-name:tools;container-type:inline-size;}
.tool-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill, minmax(min(100%, 16.5rem), 1fr));list-style:none;margin:0;padding:0;}
.tool-card{--tint:var(--tint-amber);background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:var(--hard);display:flex;flex-direction:column;gap:0.6rem;padding:1.25rem 1.25rem 1.1rem;position:relative;transition:translate 0.15s, box-shadow 0.15s;}
.tool-card[data-tint=cyan]{--tint:var(--tint-cyan);}
.tool-card[data-tint=coral]{--tint:var(--tint-coral);}
.tool-card:hover{box-shadow:8px 8px 0 0 var(--shadow-c);translate:-2px -2px;}
.tool-card:has(a:focus-visible){outline:3px solid var(--accent-strong);outline-offset:3px;}
.tool-card__icon{background:var(--tint);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);color:var(--accent-ink);display:grid;height:3.25rem;place-items:center;width:3.25rem;}
.tool-card__icon .icon{height:1.75rem;width:1.75rem;}
.tool-card__no{color:var(--muted);font-family:var(--font-mono);font-size:var(--step--1);inset-block-start:1rem;inset-inline-end:1.1rem;position:absolute;}
.tool-card__title{font-size:1.3rem;margin-block-start:0.25rem;}
.tool-card__title a{color:var(--ink);text-decoration:none;}
.tool-card__title a::after{border-radius:var(--radius);content:"";inset:0;position:absolute;}
.tool-card__blurb{color:var(--muted);font-size:0.97rem;}
.tool-card__go{color:var(--accent-strong);margin-block-start:auto;padding-block-start:0.5rem;}
}
@layer components { .steps{counter-reset:step;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));list-style:none;margin:0;padding:0;}
.steps__item{align-content:start;border-block-start:var(--bw) dashed var(--edge);counter-increment:step;display:grid;gap:0.5rem;padding-block-start:1rem;}
.steps__item::before{color:var(--accent-strong);content:counter(step, decimal-leading-zero);font-family:var(--font-mono);font-size:2.6rem;font-weight:700;line-height:1;}
.steps__item p{color:var(--muted);}
.stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(13rem, 1fr));margin:0;}
.stats__item{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:var(--hard);display:flex;flex-direction:column-reverse;gap:0.25rem;padding:1.25rem 1.5rem;}
.stats dd{color:var(--accent-strong);font-family:var(--font-display);font-size:var(--step-3);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-0.03em;line-height:1;}
.stats dt{color:var(--muted);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:0.06em;text-transform:uppercase;}
.faq{display:grid;gap:0.75rem;}
.faq details{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);}
.section--band .faq details{background:var(--bg);}
.faq summary{align-items:center;display:flex;font-weight:650;gap:1rem;justify-content:space-between;list-style:none;padding:1rem 1.25rem;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{color:var(--accent-strong);content:"+";font-family:var(--font-mono);font-size:1.4rem;line-height:1;}
.faq details[open] summary::after{content:"−";}
.faq details[open] summary{border-block-end:var(--bw) dashed color-mix(in oklab, var(--edge) 45%, transparent);}
.faq details p{color:var(--muted);padding:1rem 1.25rem 1.25rem;}
.cta{background:var(--accent);border-block:var(--bw) solid var(--edge);color:var(--accent-ink);}
.cta__inner{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding-block:clamp(2.5rem, 6vw, 4.5rem);}
.cta__title{color:var(--accent-ink);font-size:var(--step-3);}
.cta .btn--primary{background:var(--accent-ink);border-color:var(--accent-ink);box-shadow:4px 4px 0 0 color-mix(in oklab, var(--accent-ink) 40%, transparent);color:var(--accent);}
.cta a.btn--primary, .cta a.btn--primary:hover, .cta a.btn--primary:focus-visible, .cta a.btn--primary:visited{color:var(--accent);}
.cta :focus-visible{outline-color:var(--accent-ink);}
}
@layer components { .page-hero{background-image:radial-gradient(color-mix(in oklab, var(--ink) 16%, transparent) 1px, transparent 1.6px);background-size:24px 24px;border-block-end:var(--bw) solid var(--edge);padding-block:clamp(2rem, 5vw, 4rem) clamp(1.5rem, 3vw, 2.5rem);}
.page-hero--plain{background-image:none;}
.page-hero__title{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--step-3);font-weight:800;gap:0.9rem;letter-spacing:-0.035em;margin-block:0.5rem 0.75rem;}
.page-hero__icon{background:var(--tint-amber);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);box-shadow:3px 3px 0 0 var(--shadow-c);color:var(--accent-ink);display:grid;height:3.2rem;place-items:center;width:3.2rem;}
.tool-page[data-tint=cyan] .page-hero__icon{background:var(--tint-cyan);}
.tool-page[data-tint=coral] .page-hero__icon{background:var(--tint-coral);}
.page-hero__icon .icon{height:1.8rem;width:1.8rem;}
.page-hero__cols{align-items:center;display:grid;gap:1.5rem 2.5rem;}
.video-frame{aspect-ratio:16/9;background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:6px 6px 0 0 var(--shadow-c);margin:0;overflow:hidden;position:relative;}
.video-frame iframe{border:0;height:100%;inset:0;position:absolute;width:100%;}
.video-frame--empty{align-content:center;background-image:linear-gradient(45deg, color-mix(in oklab, var(--edge) 6%, transparent) 25%, transparent 25% 50%, color-mix(in oklab, var(--edge) 6%, transparent) 50% 75%, transparent 75%);background-size:24px 24px;display:grid;gap:0.75rem;place-items:center;}
.video-frame--image img{display:block;height:100%;object-fit:contain;width:100%;}
.video-frame__img--dark{display:none !important;}:root[data-theme=dark] .video-frame__img--light{display:none !important;}:root[data-theme=dark] .video-frame__img--dark{display:block !important;}
.video-frame__play.video-frame__play--over{box-shadow:4px 4px 0 0 var(--shadow-c);height:4.5rem;inset:50% auto auto 50%;pointer-events:none;position:absolute;translate:-50% -50%;width:4.5rem;}
.video-frame__play{background:var(--accent);border:var(--bw) solid var(--edge);border-radius:50%;height:4rem;position:relative;width:4rem;}
.video-frame__play::after{border-color:transparent transparent transparent var(--accent-ink);border-style:solid;border-width:0.8rem 0 0.8rem 1.3rem;content:"";inset:50% auto auto 54%;position:absolute;translate:-50% -50%;}
.video-frame figcaption{color:var(--muted);margin:0;}
.video-title{margin:5rem 0 1rem 0;}
.page-hero__lede{color:var(--muted);font-size:var(--step-1);max-width:44rem;}
.crumbs{display:flex;font-family:var(--font-mono);font-size:var(--step--1);gap:0.5rem;margin-block-end:0.9rem;}
.crumbs a{color:var(--muted);}
.tool-body{padding-block:clamp(1.5rem, 4vw, 3rem) var(--section);}
.prose{padding-block:2rem var(--section);}
.prose > * + *{margin-block-start:1.1em;}
.prose h2{margin-block-start:1.8em;}
.prose ul, .prose ol{padding-inline-start:1.4em;}
.prose li + li{margin-block-start:0.4em;}
.prose img{border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);}
.prose blockquote{background:var(--surface);border-inline-start:4px solid var(--accent-strong);padding:0.5em 1.2em;}
.prose pre{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);overflow-x:auto;padding:1rem;}
.prose table{margin-top:1rem;width:100%;}
.prose th, .prose td{border:1px solid color-mix(in oklab, var(--edge) 40%, transparent);padding:0.5rem 0.75rem;text-align:start;}
.edit-link{font-family:var(--font-mono);font-size:var(--step--1);}
.post-list{display:grid;gap:1.25rem;padding-block:2rem var(--section);}
.post-card__title{font-size:var(--step-1);margin-block:0.25rem 0.5rem;}
.post-card__title a{color:var(--ink);}
.post-card__excerpt{color:var(--muted);}
.navigation, .nav-links{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-block-start:1.5rem;}
.page-numbers{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);color:var(--ink);display:inline-grid;min-height:2.75rem;min-width:2.75rem;padding-inline:0.7rem;place-items:center;text-decoration:none;}
.page-numbers.current{background:var(--accent);color:var(--accent-ink);font-weight:700;}
.search-form{display:flex;flex-wrap:wrap;gap:0.5rem;margin-block-start:1rem;max-width:30rem;}
.search-form__input{background:var(--bg);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);flex:1 1 12rem;min-height:2.75rem;padding-inline:0.8rem;}
}
@layer components { .site-footer{background:var(--surface);border-block-start:var(--bw) solid var(--edge);margin-block-start:auto;}
.site-footer__grid{display:grid;gap:2rem;grid-template-columns:repeat(3, minmax(0, 1fr));padding-block:3rem 2rem;}
.site-footer__tools{padding-block-end:2rem;}
.site-footer__tools h2{font-size:var(--step--1);margin-block-end:0.75rem;}
.site-footer__tools ul{display:flex;flex-wrap:wrap;font-size:0.95rem;gap:0.45rem 1.5rem;list-style:none;margin:0;padding:0;}
.site-footer__brand p{color:var(--muted);margin-block-start:0.75rem;max-width:22rem;}
.site-footer__col h2{font-size:var(--step--1);margin-block-end:0.75rem;}
.site-footer__col ul{color:var(--muted);display:grid;font-size:0.95rem;gap:0.45rem;list-style:none;margin:0;padding:0;}
.site-footer__base{border-block-start:var(--bw) dashed color-mix(in oklab, var(--edge) 40%, transparent);color:var(--muted);display:flex;flex-wrap:wrap;font-size:0.9rem;gap:0.5rem 2rem;justify-content:space-between;padding-block:1rem 2rem;}
.notice-box{align-items:flex-start;background:color-mix(in oklab, var(--accent) 22%, var(--surface));border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:4px 4px 0 0 var(--shadow-c);color:var(--ink);display:flex;gap:1rem;margin:2.25rem 0 0 0;padding:0.9rem 1.1rem;}
.notice-box--warn{background:color-mix(in oklab, var(--bad) 16%, var(--surface));}
.notice-box__text{flex:1;margin:0;}
.notice-box__close{background:transparent;border:0;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:grid;flex:none;font-size:1.5rem;height:2rem;line-height:1;padding:0;place-items:center;width:2rem;}
.notice-box__close:hover{background:color-mix(in oklab, var(--ink) 12%, transparent);}
.notice-box__close:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px;}
.site-nav__pro{display:none;}
.is-subscriber .site-nav__pro{display:list-item;}
.is-subscriber [data-pro-promo]{display:none !important;}
.site-footer__links ul{display:flex;flex-wrap:wrap;gap:0.25rem 1.25rem;list-style:none;margin:0;padding:0;}
.site-footer__links a{color:inherit;text-underline-offset:0.2em;}
.site-footer__links a:hover{color:var(--accent-strong);}
}
@layer components { .topbar{background:var(--accent);border-block-end:var(--bw) solid var(--edge);color:var(--accent-ink);font-size:0.95rem;}
.topbar[hidden],
.topbar-off .topbar{display:none;}
.topbar__inner{align-items:center;display:flex;flex-wrap:wrap;gap:0.25rem 1.25rem;justify-content:center;min-height:2.6rem;padding-block:0.35rem;position:relative;}
.topbar__text{margin:0;text-wrap:balance;}
.topbar__link{align-items:center;color:inherit;display:inline-flex;font-weight:700;gap:0.35rem;text-decoration:underline;text-decoration-thickness:0.12em;text-underline-offset:0.25em;}
.topbar__link:hover{text-decoration-thickness:0.2em;}
.topbar__close{background:transparent;border:0;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:grid;font-size:1.5rem;height:2.4rem;inset-inline-end:0;line-height:1;padding:0;place-items:center;position:absolute;top:50%;translate:0 -50%;width:2.4rem;}
.topbar__close:hover{background:color-mix(in oklab, var(--accent-ink) 14%, transparent);}
.topbar__close:focus-visible, .topbar__link:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px;}
.pro-fab{background:var(--accent);border:var(--bw) solid var(--edge);border-inline-end:0;border-radius:var(--radius) 0 0 var(--radius);box-shadow:-4px 4px 0 0 var(--shadow-c);color:var(--accent-ink);display:block;font-weight:800;inset-inline-end:0;letter-spacing:0.02em;padding:1rem 0.65rem;position:fixed;text-decoration:none;top:50%;transition:translate 0.15s, box-shadow 0.15s;translate:0 -50%;z-index:55;}
.pro-fab__text{display:block;rotate:180deg;white-space:nowrap;writing-mode:vertical-rl;}
.pro-fab:hover{box-shadow:-7px 7px 0 0 var(--shadow-c);translate:-3px -50%;}
.pro-fab:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px;}
.to-top{align-items:center;background:var(--accent);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);bottom:1.25rem;box-shadow:3px 3px 0 0 var(--shadow-c);color:var(--accent-ink);cursor:pointer;display:flex;height:2.9rem;inset-inline-end:1.25rem;justify-content:center;opacity:0;padding:0;position:fixed;transition:opacity 0.2s, translate 0.12s, box-shadow 0.12s;translate:0 0.5rem;width:2.9rem;z-index:54;}
.to-top[hidden]{display:none;}
.to-top.is-shown{opacity:1;translate:0 0;}
.to-top:hover{box-shadow:5px 5px 0 0 var(--shadow-c);translate:-2px -2px;}
.to-top:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px;}
.hero__promo{align-items:center;background:var(--surface);border:var(--bw) solid var(--edge);border-radius:999px;box-shadow:3px 3px 0 0 var(--shadow-c);display:inline-flex;flex-wrap:wrap;font-size:0.95rem;gap:0.4rem 0.6rem;margin-block:0 1rem;padding:0.4rem 0.9rem 0.4rem 0.5rem;}
.hero__promo a{align-items:center;color:var(--accent-strong);display:inline-flex;font-weight:700;gap:0.3rem;}
}
@layer components {
.bug-tab{align-items:center;background:var(--surface);border:var(--bw) solid var(--edge);border-inline-end:0;border-radius:var(--radius) 0 0 var(--radius);box-shadow:-4px 4px 0 0 var(--shadow-c);color:var(--ink);display:flex;flex-direction:column;font-size:var(--step--1);font-weight:700;gap:0.5rem;inset-inline-end:0;padding:0.8rem 0.5rem;position:fixed;text-decoration:none;top:50%;transition:translate 0.15s, box-shadow 0.15s;translate:0 -50%;z-index:53;}
.bug-tab__text{rotate:180deg;white-space:nowrap;writing-mode:vertical-rl;}
.bug-tab:hover{box-shadow:-7px 7px 0 0 var(--shadow-c);translate:-3px -50%;}
.bug-tab:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px;}
.bug-tab--low{top:72%;}
@media print {
.bug-tab{display:none;}
}
}
@layer components { .pro-grid{display:grid;gap:1.25rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0;}
@media(min-width:40rem){
.pro-grid{grid-template-columns:repeat(2, 1fr);}
}
@media(min-width:64rem){
.pro-grid{grid-template-columns:repeat(3, 1fr);}
}
.pro-card{align-content:start;background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:var(--hard);display:grid;gap:0.5rem;padding:1.25rem;}
.pro-card h3{font-size:1.2rem;}
.pro-card p{color:var(--muted);font-size:0.97rem;}
.pro-teaser{display:grid;gap:0.75rem;justify-items:start;}
}
@layer components { .plan{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:var(--hard-lg);display:grid;gap:0.75rem;padding:clamp(1.25rem, 3vw, 2rem);}
.plan__name{font-size:var(--step-1);}
.plan__price{align-items:baseline;display:flex;flex-wrap:wrap;gap:0.5rem;margin:0;}
.plan__amount{color:var(--accent-strong);font-family:var(--font-display);font-size:var(--step-hero);font-weight:800;letter-spacing:-0.04em;line-height:1;}
.plan__per{color:var(--muted);font-family:var(--font-mono);}
.plan__note{color:var(--muted);font-size:0.9rem;}
.plan__list{display:grid;gap:0.5rem;list-style:none;margin:0.5rem 0;padding:0;}
.plan__list li{padding-inline-start:1.6rem;position:relative;}
.plan__list li::before{color:var(--ok);content:"✓";font-weight:800;inset-inline-start:0;position:absolute;}
.plan__buy{border-block-start:var(--bw) dashed color-mix(in oklab, var(--edge) 45%, transparent);margin-block-start:0.75rem;padding-block-start:1rem;}
.plan--duo{gap:1.5rem;margin-inline:auto;max-width:66rem;}
.plan__col{align-content:start;display:grid;gap:0.75rem;min-width:0;}
.plan__col--pro{background:color-mix(in oklab, var(--accent) 16%, var(--surface));border:var(--bw) solid var(--accent-strong);border-radius:var(--radius);box-shadow:6px 6px 0 0 var(--accent-strong);padding:clamp(1.25rem, 3vw, 2rem);}
.plan__col--pro .plan__name{font-size:var(--step-2);}
.plan__col--pro .plan__amount{font-size:clamp(3.75rem, 2.5rem + 5vw, 6rem);}
.plan__col--pro .plan__per{font-size:var(--step-0);}
.plan__col--pro .plan__list{font-size:1.05rem;gap:0.65rem;}
.plan__col--pro .ndt-btn{font-size:1.1rem;min-height:3.25rem;}
.plan__col--team{font-size:0.95rem;padding-block:clamp(1.25rem, 3vw, 2rem);padding-inline:0.25rem;}
.plan__col--team .plan__name{font-size:var(--step-1);}
.plan__col--team .plan__amount{color:var(--muted);font-size:var(--step-2);}
.plan__tag{background:var(--surface-2);border:1.5px solid var(--edge);border-radius:999px;font-family:var(--font-mono);font-size:var(--step--1);justify-self:start;letter-spacing:0.06em;margin:0;padding:0.15rem 0.7rem;text-transform:uppercase;}
.plan__col--pro .plan__tag{background:var(--accent);border-color:var(--edge);color:var(--accent-ink);}
.plan__tba{color:var(--muted);margin:0;}
.compare-wrap{overflow-x:auto;}
.compare{background:var(--surface);border:var(--bw) solid var(--edge);border-collapse:collapse;width:100%;}
.compare th, .compare td{border-block-end:1.5px dashed color-mix(in oklab, var(--edge) 30%, transparent);padding:0.7rem 0.9rem;text-align:start;}
.compare thead th{background:var(--surface-2);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:0.06em;text-transform:uppercase;}
.compare tbody th{font-weight:600;}
.compare td{font-family:var(--font-mono);}
}
@layer components { .comments{margin-block:2rem;}
.comments__title{font-size:var(--step-1);margin-block-end:1rem;}
.comments__list{display:grid;gap:1rem;list-style:none;margin:0 0 1.5rem;padding:0;}
.comments__list .children{list-style:none;margin-block-start:1rem;padding-inline-start:1.25rem;}
.comments__list .comment-body{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);padding:1rem;}
.comments__list .avatar{border-radius:50%;float:inline-start;margin-inline-end:0.75rem;}
.comments .comment-form{display:grid;gap:0.75rem;}
.comments .comment-form input[type=text],
.comments .comment-form input[type=email],
.comments .comment-form input[type=url],
.comments .comment-form textarea{background:var(--bg);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);color:var(--ink);padding:0.6rem 0.8rem;width:100%;}
.comments .comment-form input[type=submit]{background:var(--accent);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);box-shadow:4px 4px 0 0 var(--shadow-c);color:var(--accent-ink);cursor:pointer;font-weight:700;justify-self:start;padding:0.7rem 1.2rem;}
}
@layer components {
@media(max-width:30rem){
.demo-list li{grid-template-columns:1fr auto;}
.demo-list .badge{grid-column:1/-1;justify-self:start;}
.demo-list__name{overflow-wrap:normal;}
}
@media(max-width:40rem){
.site-footer__grid{grid-template-columns:minmax(0, 1fr);}
}
@media(max-width:40rem){
.topbar__inner{justify-content:flex-start;padding-inline-end:2.6rem;}
}
@media(max-width:40rem){
.pro-fab{border-inline-end:var(--bw) solid var(--edge);border-radius:999px;bottom:0.75rem;box-shadow:3px 3px 0 0 var(--shadow-c);inset-inline-end:0.75rem;padding:0.7rem 1.1rem;top:auto;translate:none;}
.pro-fab__text{rotate:none;writing-mode:horizontal-tb;}
.pro-fab:hover{box-shadow:5px 5px 0 0 var(--shadow-c);translate:-2px -2px;}
}
@media print {
.topbar, .pro-fab{display:none;}
}
@media(min-width:48rem){
.plan--duo{align-items:stretch;gap:2rem;grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr);}
}
} @layer tools {
@media(max-width:38rem){
.ndt-table:not(.ndt-table--all) th:nth-child(3),
.ndt-table:not(.ndt-table--all) td:nth-child(3){display:none;}
}
@media(max-width:30rem){
.ndt-btn{width:100%;}
.ndt-slot{width:100%;}
} .ndt-tool{--pad:clamp(1rem, 3vw, 1.75rem);background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:var(--hard-lg);margin:0 0 2rem;padding:calc(2.4rem + var(--pad)) var(--pad) var(--pad);position:relative;}
.ndt-tool::before{background:var(--surface-2);border-block-end:var(--bw) solid var(--edge);border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0 0;content:"";height:2.4rem;inset:0 0 auto 0;position:absolute;}
.ndt-tool::after{background:var(--tint-coral);border-radius:50%;box-shadow:1.1rem 0 0 var(--tint-amber), 2.2rem 0 0 var(--tint-cyan);content:"";height:0.65rem;inset-inline-start:0.95rem;position:absolute;top:0.85rem;width:0.65rem;}
.ndt-form label{display:block;font-weight:650;margin-block-end:0.4rem;}
.ndt-form input, .ndt-form select, .ndt-form textarea{background:var(--bg);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);color:var(--ink);font-size:1rem;min-height:2.75rem;padding:0.6rem 0.8rem;width:100%;}
.ndt-form input::placeholder, .ndt-form textarea::placeholder{color:var(--muted);opacity:1;}
.ndt-form textarea{margin-block-end:0.75rem;resize:vertical;}
.ndt-form input, .ndt-form select{height:2.75rem;}
}
@layer tools { .ndt-form input:focus-visible, .ndt-form select:focus-visible, .ndt-form textarea:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px;}
.ndt-row{display:flex;flex-wrap:wrap;gap:0.6rem;}
.ndt-row input{flex:1 1 14rem;width:auto;}
.ndt-row select{width:auto;}
.ndt-grid{align-items:end;display:grid;gap:0.8rem;grid-template-columns:repeat(auto-fit, minmax(8.5rem, 1fr));}
.ndt-grid > div{min-width:0;}
.ndt-grid-btn .ndt-btn{width:100%;}
.ndt-hint, .ndt-note{color:var(--muted);font-size:0.85rem;line-height:1.55;}
.ndt-hint{margin-block-start:0.5rem;}
.ndt-note{border-block-start:var(--bw) dashed color-mix(in oklab, var(--edge) 35%, transparent);padding-block-start:1rem;}
.ndt-status{font-family:var(--font-mono);font-size:0.9rem;margin-block:1rem 0.5rem;min-height:1.5em;}
.ndt-status.ndt-error{color:var(--bad);font-weight:700;}
.ndt-out{display:block;}
.ndt-h{font-size:1.1rem;margin-block:1.6rem 0.6rem;}
.ndt-mut{color:var(--muted);}
.ndt-small{font-size:0.85rem;}
.ndt-r{text-align:end;}
.ndt-asof{white-space:nowrap;}
}
@layer tools { .ndt-results{border-block-start:var(--bw) solid var(--edge);list-style:none;margin:0.75rem 0 0;padding:0;}
.ndt-item{align-items:center;border-block-end:var(--bw) dashed color-mix(in oklab, var(--edge) 40%, transparent);display:flex;flex-wrap:wrap;gap:0.4rem 0.9rem;padding:0.7rem 0.15rem;}
.ndt-item[data-status=taken] .ndt-name{opacity:0.55;text-decoration:line-through;}
.ndt-name{flex:1 1 13rem;font-family:var(--font-mono);font-size:1.05rem;overflow-wrap:anywhere;}
.ndt-name strong{font-weight:700;}
.ndt-score{color:var(--muted);font-family:var(--font-mono);font-size:0.85rem;font-variant-numeric:tabular-nums;}
.ndt-slot{align-items:center;display:inline-flex;gap:0.5rem;}
.ndt-badge{background:color-mix(in oklab, currentColor 9%, transparent);border:1.5px solid currentColor;border-radius:999px;color:var(--muted);display:inline-block;font-size:0.78rem;font-weight:600;line-height:1.5;padding:0.1rem 0.65rem;white-space:normal;}
.ndt-badge.ndt-available{color:var(--ok);}
.ndt-badge.ndt-dropping{color:var(--warn);}
.ndt-badge.ndt-taken{color:var(--muted);}
.ndt-badge.ndt-unverified, .ndt-badge.ndt-unknown, .ndt-badge.ndt-checking{border-style:dashed;color:var(--muted);}
.ndt-copy{background:transparent;border:1.5px solid currentColor;border-radius:8px;color:var(--link);cursor:pointer;font-family:var(--font-mono);font-size:0.8rem;font-weight:700;min-height:2rem;padding:0.15rem 0.7rem;}
.ndt-copy:hover{background:var(--surface-2);}
.ndt-copy:disabled{cursor:default;opacity:0.55;}
.ndt-more{background:var(--surface);color:var(--ink);margin-block-start:1rem;}
.ndt-small-btn{font-size:0.9rem;min-height:2.25rem;padding:0.3rem 0.8rem;}
.ndt-reg{margin-block-start:1rem;}
.ndt-score-head{align-items:center;display:flex;gap:1.1rem;margin-block:0.5rem 1.25rem;}
.ndt-big{color:var(--accent-strong);font-family:var(--font-display);font-size:clamp(3rem, 2.2rem + 4vw, 5rem);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-0.04em;line-height:1;min-width:2.2em;}
.ndt-verdict{font-family:var(--font-display);font-size:var(--step-2);font-weight:750;line-height:1.1;}
.ndt-big-line{font-family:var(--font-display);font-size:var(--step-1);font-weight:750;margin-block:0.25rem;}
.ndt-brk{margin-block:0.9rem;}
.ndt-brk-top{display:flex;gap:0.75rem;justify-content:space-between;}
.ndt-tips{color:var(--warn);margin-block:1rem;padding-inline-start:1.2rem;}
}
@layer tools { meter.ndt-bar{background:var(--surface-2);border:0;border-radius:999px;display:block;height:0.7rem;margin-block:0.35rem;width:100%;}
meter.ndt-bar::-webkit-meter-bar{background:var(--surface-2);border:1.5px solid var(--edge);border-radius:999px;height:0.7rem;}
meter.ndt-bar::-webkit-meter-optimum-value, meter.ndt-bar::-webkit-meter-suboptimum-value, meter.ndt-bar::-webkit-meter-even-less-good-value{background:var(--accent-strong);border-radius:999px;}
meter.ndt-bar::-moz-meter-bar{background:var(--accent-strong);border-radius:999px;}
.ndt-chips{display:flex;flex-wrap:wrap;gap:0.4rem;list-style:none;margin:0.6rem 0;padding:0;}
.ndt-chips li{background:var(--surface-2);border:1.5px solid color-mix(in oklab, var(--edge) 40%, transparent);border-radius:8px;font-family:var(--font-mono);font-size:0.85rem;overflow-wrap:anywhere;padding:0.15rem 0.75rem;}
.ndt-table{font-size:0.95rem;width:100%;}
.ndt-table th, .ndt-table td{border-block-end:1.5px solid color-mix(in oklab, var(--edge) 25%, transparent);padding:0.6rem 0.5rem;text-align:start;vertical-align:middle;}
.ndt-table th{border-block-end:var(--bw) solid var(--edge);color:var(--muted);font-family:var(--font-mono);font-size:0.78rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;}
.ndt-table tbody tr:nth-child(even){background:color-mix(in oklab, var(--surface-2) 55%, transparent);}
.ndt-table td.ndt-r, .ndt-table th.ndt-r{font-variant-numeric:tabular-nums;text-align:end;}
.ndt-table .ndt-bar{margin-inline-start:auto;min-width:4rem;}
}
@layer tools {  .pro-help-body{max-width:none;}
.ndt-help-toc{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);margin-block-end:2rem;padding:1rem 1.25rem;}
.ndt-help-toc__list{columns:2 16rem;gap:1.5rem;list-style:none;margin:0;padding:0;}
.ndt-help-toc__list li{margin-block-end:0.35rem;}
.ndt-help-section{margin-block-end:clamp(2rem, 1.4rem + 3vw, 3.5rem);scroll-margin-block-start:5rem;}
.ndt-help-title{font-size:var(--step-2);margin-block-end:0.5rem;}
.ndt-help-intro{color:var(--muted);font-size:var(--step-1);margin-block-end:1rem;max-width:46rem;}
.ndt-help-fig{margin:0 0 1.25rem;}
.ndt-help-img{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:6px 6px 0 0 var(--shadow-c);display:block;height:auto;max-width:100%;}
.ndt-help-img--dark{display:none;}:root[data-theme=dark] .ndt-help-img--light{display:none;}:root[data-theme=dark] .ndt-help-img--dark{display:block;}
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) .ndt-help-img--light{display:none;}:root:not([data-theme]) .ndt-help-img--dark{display:block;}
}
.ndt-help-points{display:grid;gap:0.6rem;margin:0;max-width:46rem;padding-inline-start:1.25rem;}
.ndt-help-gate{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:6px 6px 0 0 var(--shadow-c);max-width:36rem;padding:1.5rem;}
}
@layer tools { .ndt-icon-picker{margin-block:1rem;}
.ndt-icon-picker__label{font-family:var(--font-mono);font-size:var(--step--1);margin:0 0 0.5rem;}
.ndt-icon-list{display:flex;flex-wrap:wrap;gap:0.5rem;list-style:none;margin:0;padding:0;}
.ndt-icon-item{margin:0;}
.ndt-icon-none{letter-spacing:-0.02em;}
.ndt-icon-btn{align-items:center;background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;display:inline-flex;font:700 0.9rem var(--font-mono);height:3rem;justify-content:center;padding:0;width:3rem;}
.ndt-icon-btn:hover{background:color-mix(in oklab, var(--accent) 22%, var(--surface));}
.ndt-icon-btn[aria-pressed=true]{background:var(--accent);box-shadow:3px 3px 0 0 var(--shadow-c);color:var(--accent-ink);}
.ndt-icon-btn:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px;}
.ndt-icon-svg{fill:currentColor;height:1.7rem;width:1.7rem;}
.ndt-icon-credit{margin:0.5rem 0 0;}
}
@layer tools { .tool-search{margin-block-end:clamp(1.5rem, 1rem + 2vw, 2.25rem);}
.tool-search__box{align-items:center;background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius);box-shadow:4px 4px 0 0 var(--shadow-c);display:flex;gap:0.6rem;max-width:36rem;padding:0.15rem 0.5rem 0.15rem 0.9rem;}
.tool-search__box:focus-within{outline:3px solid var(--accent-strong);outline-offset:2px;}
.tool-search__icon{color:var(--muted);display:grid;height:1.25rem;place-items:center;width:1.25rem;}
.tool-search__icon svg{height:100%;width:100%;}
.tool-search__input{background:transparent;border:0;color:var(--ink);flex:1;font:inherit;min-width:0;outline:0;padding:0.75rem 0;}
.tool-search__clear{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;display:grid;font-size:1.4rem;height:2rem;line-height:1;padding:0;place-items:center;width:2rem;}
.tool-search__clear:hover{background:color-mix(in oklab, var(--ink) 10%, transparent);color:var(--ink);}
.tool-search__status{margin:0.6rem 0 0;min-height:1.2em;}
.tool-search__empty{color:var(--muted);margin:0.5rem 0 0;}
.tool-card[hidden],
.tool-group[hidden]{display:none;}
.tool-group + .tool-group{margin-block-start:clamp(2rem, 1.4rem + 3vw, 3.5rem);}
.tool-group__head{align-items:baseline;display:flex;flex-wrap:wrap;gap:0.25rem 1rem;margin-block-end:1rem;}
.tool-group__title{font-size:var(--step-1);}
.tool-group__lede{color:var(--muted);font-size:0.95rem;margin:0;}
}
@layer tools { .ndt-panel{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);margin-block-start:1.25rem;padding:clamp(1rem, 0.6rem + 2vw, 1.5rem);}
.ndt-panel + .ndt-panel{margin-block-start:1.5rem;}
.ndt-panel > h3{font-size:var(--step-1);margin-block:0 0.5rem;}
.ndt-panel h4{color:var(--muted);font-family:var(--font-mono);font-size:0.8rem;font-weight:700;letter-spacing:0.06em;margin-block:1.6rem 0.6rem;text-transform:uppercase;}
.ndt-out-title{font-size:var(--step-1);margin-block:1.25rem 0.5rem;}
.ndt-result{border-block-end:var(--bw) dashed color-mix(in oklab, var(--edge) 40%, transparent);display:grid;gap:0.3rem;padding:0.75rem 0.15rem;}
.ndt-result-head{align-items:center;display:flex;flex-wrap:wrap;gap:0.35rem 0.8rem;}
.ndt-domain{font-family:var(--font-mono);font-size:1.05rem;overflow-wrap:anywhere;}
.ndt-hk-tld{color:var(--accent-strong);}
.ndt-hk-dot{color:var(--muted);}
.ndt-hack-check{align-items:center;display:flex;flex-wrap:wrap;gap:0.4rem 0.6rem;}
.ndt-tag{border:1.5px solid color-mix(in oklab, var(--edge) 45%, transparent);border-radius:8px;color:var(--muted);display:inline-block;font-family:var(--font-mono);font-size:0.75rem;line-height:1.6;padding:0.05rem 0.6rem;}
.ndt-tag-warn{border-color:currentColor;color:var(--warn);}
.ndt-restriction{color:var(--warn);}
.ndt-register{display:inline-flex;flex-wrap:wrap;gap:0.4rem 0.6rem;}
.ndt-reg-link{align-items:center;border:1.5px solid currentColor;border-radius:8px;color:var(--link);display:inline-flex;font-size:0.85rem;font-weight:700;min-height:2rem;padding:0.15rem 0.75rem;text-decoration:none;}
.ndt-reg-link:hover{background:var(--surface-2);}
.ndt-disclosure{background:var(--surface-2);border-inline-start:4px solid var(--accent-strong);color:var(--muted);font-size:0.85rem;margin-block-start:1rem;padding:0.6rem 0.8rem;}
.ndt-disclosure[hidden],
.ndt-kit[hidden],
.ndt-brand-more[hidden]{display:none;}
.ndt-badge.ndt-likely_available{border-style:dashed;color:var(--ok);}
.ndt-check{align-items:center;display:inline-flex;font-size:0.95rem;gap:0.5rem;margin-block-start:0.8rem;}
.ndt-check input{accent-color:var(--accent-strong);height:1.15rem;width:1.15rem;}
.ndt-form .ndt-check input{height:1.15rem;}
fieldset.ndt-chips{border:0;display:flex;flex-wrap:wrap;gap:0.4rem;margin:0.9rem 0;min-width:0;padding:0;}
fieldset.ndt-chips legend{font-weight:600;margin-block-end:0.4rem;padding:0;width:100%;}
.ndt-chip{align-items:center;background:var(--surface-2);border:1.5px solid color-mix(in oklab, var(--edge) 40%, transparent);border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:0.9rem;gap:0.35rem;min-height:2.25rem;padding:0.15rem 0.8rem;}
.ndt-chip:has(input:checked){background:color-mix(in oklab, var(--accent-strong) 14%, var(--surface-2));border-color:var(--accent-strong);}
.ndt-chip:has(input:focus-visible){outline:3px solid var(--accent-strong);outline-offset:2px;}
.ndt-chip input{accent-color:var(--accent-strong);height:1rem;width:1rem;}
.ndt-sr{clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;}
.ndt-table-wrap{margin-block:0.75rem;overflow-x:auto;}
.ndt-table--all th:nth-child(3),
.ndt-table--all td:nth-child(3){display:table-cell;}
}
@layer tools { .ndt-verdict-card{background:color-mix(in oklab, currentColor 8%, var(--bg));border:var(--bw) solid currentColor;border-radius:var(--radius-sm);margin-block:0.5rem 1rem;padding:1rem 1.2rem;}
.ndt-verdict-card .ndt-verdict{color:inherit;}
.ndt-verdict-card .ndt-verdict-summary{color:var(--ink);margin-block:0.4rem 0;}
.ndt-v-clear{color:var(--ok);}
.ndt-v-check{color:var(--warn);}
.ndt-v-risky{color:var(--bad);}
.ndt-findings{list-style:none;margin:0.5rem 0;padding:0;}
.ndt-finding{border:1.5px solid color-mix(in oklab, var(--edge) 35%, transparent);border-inline-start-width:6px;border-radius:8px;display:grid;gap:0.25rem;margin-block-end:0.6rem;padding:0.7rem 0.9rem;}
.ndt-sev-high{border-inline-start-color:var(--bad);}
.ndt-sev-medium{border-inline-start-color:var(--warn);}
.ndt-sev-low{border-inline-start-color:var(--muted);}
.ndt-finding .ndt-tag{justify-self:start;}
.ndt-finding-word{font-family:var(--font-mono);font-size:1.1rem;overflow-wrap:anywhere;}
.ndt-hit{background:color-mix(in oklab, var(--bad) 30%, transparent);border-radius:3px;color:var(--ink);padding:0 0.15rem;}
.ndt-findings-low .ndt-hit{background:var(--surface-2);}
.ndt-langs{margin-block-start:1.25rem;}
.ndt-langs summary{cursor:pointer;font-weight:600;}
}
@layer tools { .ndt-name-pick{background:none;border:0;border-block-end:2px dotted currentColor;border-radius:0;color:var(--link);cursor:pointer;font-family:var(--font-mono);font-size:1.05rem;font-weight:700;overflow-wrap:anywhere;padding:0.2rem 0.4rem;text-align:start;}
.ndt-name-pick:hover{background:var(--surface-2);}
.ndt-name-pick:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px;}
.ndt-brand-more{margin-block:0.75rem 0;}
.ndt-brand-own-form{border-block-start:var(--bw) dashed color-mix(in oklab, var(--edge) 35%, transparent);margin-block-start:1.5rem;padding-block-start:1rem;}
.ndt-kit{--brand-paper:var(--surface);--brand-ink:var(--ink);--brand-primary:var(--accent-strong);--brand-accent:var(--link);--brand-soft:var(--surface-2);--brand-on-primary:var(--bg);--brand-on-accent:var(--bg);--brand-heading:var(--font-display);--brand-body:var(--font-body);--brand-heading-weight:700;}
.ndt-kit-controls{align-items:center;display:flex;flex-wrap:wrap;gap:0.6rem;}
.ndt-kit-controls select{height:2.25rem;width:auto;}
.ndt-swatches{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit, minmax(7.5rem, 1fr));list-style:none;margin:0;padding:0;}
.ndt-swatch{display:grid;gap:0.15rem;}
.ndt-sw-chip{background:var(--sw, var(--surface-2));border:var(--bw) solid var(--edge);border-radius:8px;display:block;height:3.5rem;}
.ndt-sw-label{font-size:0.9rem;font-weight:600;}
.ndt-hex{color:var(--muted);font-size:0.8rem;}
.ndt-logos{display:grid;gap:0.9rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 14rem), 1fr));}
.ndt-logo{align-content:space-between;background:var(--brand-paper);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);color:var(--brand-ink);display:grid;gap:0.5rem;justify-items:center;margin:0;padding:1.25rem;}
.ndt-logo-svg{display:block;height:auto;max-height:9rem;max-width:20rem;width:100%;}
.ndt-logo-mark .ndt-logo-svg{max-width:7rem;}
.ndt-logo-svg .f-primary{fill:var(--brand-primary);}
.ndt-logo-svg .f-accent{fill:var(--brand-accent);}
.ndt-logo-svg .f-ink{fill:var(--brand-ink);}
.ndt-logo-svg .f-paper{fill:var(--brand-paper);}
.ndt-logo-svg .f-on_primary{fill:var(--brand-on-primary);}
.ndt-logo-svg .f-none{fill:none;}
.ndt-logo-svg .s-primary{stroke:var(--brand-primary);}
.ndt-logo-svg .s-accent{stroke:var(--brand-accent);}
.ndt-logo-svg .s-ink{stroke:var(--brand-ink);}
.ndt-logo figcaption{color:var(--brand-ink);opacity:0.7;}
.ndt-brand-preview{background:var(--brand-paper);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);color:var(--brand-ink);container-type:inline-size;font-family:var(--brand-body), system-ui, sans-serif;overflow:hidden;}
.ndt-bp-bar{align-items:center;background:var(--brand-soft);display:flex;flex-wrap:wrap;gap:0.5rem 1.25rem;padding:0.8rem 1.1rem;}
.ndt-bp-logo{display:block;margin-inline-end:auto;width:8.5rem;}
.ndt-bp-logo .ndt-logo-svg{max-height:2.25rem;max-width:none;}
.ndt-bp-link{font-size:0.9rem;}
.ndt-bp-cta{background:var(--brand-primary);border-radius:0.5rem;color:var(--brand-on-primary);display:inline-block;font-size:0.9rem;font-weight:700;padding:0.4rem 0.9rem;}
.ndt-bp-hero{display:grid;gap:0.8rem;justify-items:start;padding:clamp(1.5rem, 1rem + 4cqi, 3rem) 1.25rem;}
.ndt-bp-title{color:var(--brand-ink);font-family:var(--brand-heading), system-ui, sans-serif;font-size:clamp(1.8rem, 1rem + 6cqi, 3.2rem);font-weight:var(--brand-heading-weight);line-height:1.05;margin:0;overflow-wrap:anywhere;}
.ndt-bp-tag{color:var(--brand-ink);font-size:1.1rem;margin:0;opacity:0.8;}
.ndt-bp-cta-big{font-size:1.05rem;padding:0.7rem 1.4rem;}
.ndt-taglines{list-style:none;margin:0;padding:0;}
.ndt-tagline{align-items:center;display:flex;flex-wrap:wrap;gap:0.4rem 0.8rem;padding-block:0.35rem;}
.ndt-tagline-use{background:none;border:0;border-block-end:2px dotted var(--muted);border-radius:0;color:var(--ink);cursor:pointer;font-size:1rem;padding:0.15rem 0;text-align:start;}
.ndt-tagline-use:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px;}
.ndt-downloads{display:flex;flex-wrap:wrap;gap:0.5rem;}
.ndt-sale-form{margin-block-start:0.5rem;}
}
@layer tools { .ndt-stages{counter-reset:stage;display:grid;gap:0.35rem;list-style:none;margin:0.5rem 0 1rem;padding:0;}
.ndt-stages[hidden]{display:none;}
.ndt-stage{align-items:baseline;background:var(--surface-2);border-inline-start:4px solid var(--edge);border-radius:0 8px 8px 0;display:flex;flex-wrap:wrap;gap:0.15rem 0.5rem;padding:0.35rem 0.75rem;}
.ndt-stage-label{font-weight:600;}
.ndt-stage-running{border-inline-start-color:var(--accent-strong);}
.ndt-stage-done{border-inline-start-color:var(--ok);}
.ndt-stage-failed, .ndt-stage-skipped{border-inline-start-color:var(--warn);}
.ndt-stage-pending{opacity:0.65;}
.ndt-v-unknown{color:var(--muted);}
.ndt-sev-info{border-inline-start-color:var(--link);}
.ndt-finding-positive{border-inline-start-color:var(--ok);}
.ndt-finding-title{font-size:1rem;}
.ndt-finding .ndt-archive-link, .ndt-snap .ndt-archive-link{font-size:0.85rem;justify-self:start;}
.ndt-years{display:grid;gap:0.2rem;list-style:none;margin:0.5rem 0;padding:0;}
.ndt-year{align-items:center;display:grid;gap:0.6rem;grid-template-columns:3.2rem 1fr 3rem;}
.ndt-year-label{font-family:var(--font-mono);font-size:0.9rem;}
.ndt-year-count{color:var(--muted);font-family:var(--font-mono);font-size:0.85rem;font-variant-numeric:tabular-nums;text-align:end;}
.ndt-facts{display:grid;gap:0.4rem;list-style:none;margin:0.5rem 0;padding:0;}
.ndt-list-row{align-items:center;display:flex;flex-wrap:wrap;gap:0.3rem 0.7rem;}
.ndt-list-name{font-weight:600;min-width:7rem;}
.ndt-badge.ndt-listed{color:var(--bad);}
.ndt-snaps{display:grid;gap:0.75rem;list-style:none;margin:0.5rem 0;padding:0;}
.ndt-snap{border:1.5px solid color-mix(in oklab, var(--edge) 35%, transparent);border-radius:8px;display:grid;gap:0.3rem;padding:0.8rem 1rem;}
.ndt-snap-date{font-family:var(--font-mono);}
.ndt-snap-title{font-weight:600;overflow-wrap:anywhere;}
.ndt-archive-link{color:var(--link);}
}
@layer tools { .ndt-hd-summary{align-items:center;display:flex;gap:1.1rem;margin-block:0.5rem 0.75rem;}
.ndt-hd-list{border-block-start:var(--bw) solid var(--edge);list-style:none;margin:0.4rem 0 0;padding:0;}
.ndt-hd-row{align-items:center;border-block-end:var(--bw) dashed color-mix(in oklab, var(--edge) 40%, transparent);display:flex;flex-wrap:wrap;gap:0.3rem 0.8rem;padding:0.6rem 0.15rem;}
.ndt-hd-label{min-width:9.5rem;}
.ndt-hd-open{color:var(--link);font-size:0.85rem;margin-inline-start:auto;}
.ndt-w3-list{display:grid;gap:0.75rem;list-style:none;margin:0.75rem 0;padding:0;}
.ndt-w3-card{border:1.5px solid color-mix(in oklab, var(--edge) 35%, transparent);border-radius:8px;display:grid;gap:0.35rem;padding:0.9rem 1rem;}
.ndt-w3-card .ndt-hd-open{justify-self:start;margin-inline-start:0;}
.ndt-ap-list{list-style:disc;margin:0.25rem 0 0.75rem;padding-inline-start:1.2rem;}
.ndt-ap-list li{margin-block:0.25rem;}
.ndt-ap-weak{color:var(--warn);}
.ndt-ap-cols{display:grid;gap:0 2rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));}
.ndt-pitch{background:var(--surface-2);border-inline-start:4px solid var(--accent-strong);border-radius:0 8px 8px 0;margin-block:0.5rem 0.75rem;padding:1rem 1.2rem;}
.ndt-pitch-head{display:block;font-size:1.05rem;}
.ndt-pitch p{margin-block:0.5rem 0;}
}
@layer tools { .ndt-hl-facts{display:grid;gap:0.3rem;list-style:none;margin:0.4rem 0;padding:0;}
.ndt-hl-fact{border-block-end:1.5px dashed color-mix(in oklab, var(--edge) 30%, transparent);display:grid;gap:0.15rem 1rem;grid-template-columns:9rem 1fr;padding-block:0.3rem;}
.ndt-hl-key{font-weight:600;}
.ndt-hl-val{font-family:var(--font-mono);font-size:0.88rem;overflow-wrap:anywhere;}
.ndt-wl-trap{height:1px;inset-inline-start:-9999px;overflow:hidden;position:absolute;width:1px;}
.ndt-wl-field{margin-block-end:1rem;}
}
@layer tools { .cat-grid{display:grid;gap:1rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0;}
.cat-grid__item{align-content:start;background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);display:grid;gap:0.4rem;padding:1rem 1.15rem;}
.cat-grid__name{font-size:var(--step-1);margin:0;}
.cat-grid__desc{color:var(--muted);font-size:0.95rem;margin:0;}
.cat-grid__count{color:var(--muted);font-family:var(--font-mono);font-size:0.8rem;margin:0;}
.cat-select{display:none;gap:0.6rem;}
.cat-select__field{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);box-shadow:3px 3px 0 0 var(--shadow-c);color:var(--ink);font:inherit;min-height:2.9rem;padding:0.6rem 0.9rem;width:100%;}
.cat-select__field:focus-visible, .cat-select__go:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px;}
html.js .cat-select__go{display:none;}
.post-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill, minmax(min(100%, 19rem), 1fr));}
.post-card{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);box-shadow:var(--hard);display:grid;grid-template-rows:auto 1fr;margin:0;overflow:hidden;}
.post-card__media{aspect-ratio:1200/630;background:var(--surface-2);border-block-end:var(--bw) solid var(--edge);display:block;overflow:hidden;}
.post-card__img{display:block;height:100%;object-fit:cover;width:100%;}
.post-card__ph{background-image:radial-gradient(var(--edge) 1px, transparent 1px);background-size:14px 14px;display:block;height:100%;opacity:0.35;}
.post-card__body{align-content:start;display:grid;gap:0.45rem;padding:1rem 1.15rem 1.15rem;}
.post-card__title{font-size:var(--step-1);line-height:1.2;margin:0;}
.post-card__title a{text-decoration:none;}
.post-card__title a:hover, .post-card__title a:focus-visible{text-decoration:underline;}
.post-card__excerpt{color:var(--muted);margin:0;}
.post-card__meta{color:var(--muted);font-family:var(--font-mono);font-size:0.8rem;margin:0;}
.blog-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0, 1fr) minmax(15rem, 20rem);}
.blog-layout__side{position:sticky;top:1.5rem;}
.post-index{max-width:var(--wrap);}
.post-newsletter-form{padding:0 1rem 6rem 1rem;}
.post-newsletter-form aside{margin:0 auto;max-width:var(--wrap);}
.post-hero .mono-label a{text-decoration:none;}
.byline{color:var(--muted);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:0.85rem;gap:0.25rem 1rem;margin:0.75rem 0 0;}
.post-cover{margin:2rem 0 !important;}
}
@layer tools {
.post-cover__img{border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);box-shadow:var(--hard);display:block;height:auto;width:100%;}
.post-body{margin-block-end:2rem;}
.prose.post-body{padding-block-end:0;}
.post-body > p:first-of-type, .post-body > .toc + p{font-size:var(--step-1);line-height:1.5;}
.toc{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);margin-block:0 1.75rem;padding:1rem 1.25rem;}
.toc__list{display:grid;gap:0.35rem;margin:0.5rem 0 0;padding-inline-start:1.3rem;}
.callout{background:var(--surface-2);border-inline-start:6px solid var(--accent);border-radius:var(--radius-sm);margin-block:1.5rem;padding:0.9rem 1.2rem;}
.callout > :first-child{margin-block-start:0;}
.callout > :last-child{margin-block-end:0;}
.post-figure{margin-block:2rem !important;}
.post-figure img{border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);box-shadow:var(--hard);display:block;height:auto;width:100%;}
.post-figure figcaption{color:var(--muted);font-size:0.9rem;margin-block-start:0.5rem;}
.post-body table{border-collapse:collapse;display:block;overflow-x:auto;width:100%;}
.post-body th, .post-body td{border:1px solid var(--edge);padding:0.5rem 0.7rem;text-align:start;}
.post-body thead th{background:var(--surface-2);}
.post-after{display:grid;gap:1.5rem;margin-block:2rem;}
.post-cta, .newsletter-box, .author-box{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);display:grid;gap:0.5rem;padding:1.25rem 1.4rem;}
.post-cta{background:color-mix(in oklab, var(--accent) 18%, var(--surface));box-shadow:var(--hard);justify-items:start;}
.post-cta__title, .newsletter-box__title{font-size:var(--step-1);margin:0;}
.newsletter-box__text, .post-cta p, .author-box p{margin:0;}
.author-box__name{font-family:var(--font-display);font-size:var(--step-1);font-weight:700;}
.author-box__job{color:var(--muted);font-family:var(--font-mono);font-size:0.8rem;font-weight:400;margin-inline-start:0.5rem;}
.author-box__links{display:flex;flex-wrap:wrap;gap:0.25rem 1.25rem;}
.related-posts{margin-block-start:1rem;}
.post-nav{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));margin-block:2rem;}
.post-nav__link{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);display:grid;gap:0.25rem;padding:0.9rem 1.1rem;text-decoration:none;}
.post-nav__link--next{text-align:end;}
.post-nav__title{font-weight:650;}
}
@layer tools { .ndt-newsletter{min-width:0;}
.ndt-newsletter__row{display:flex;flex-wrap:wrap;gap:0.5rem;}
.ndt-newsletter__row input[type=email]{flex:1 1 14rem;min-width:0;}
.ndt-newsletter--compact .ndt-note{font-size:0.85rem;}
.site-footer__news{margin-block-end:1.25rem;max-width:34rem;}
.site-footer__news .mono-label{margin-bottom:1rem;}
}
@layer tools { .glossary-body{max-width:62rem;}
.glossary-az{display:flex;flex-wrap:wrap;gap:0.4rem;margin-block-end:1.5rem;}
.glossary-az a{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);font-family:var(--font-mono);min-width:2.2rem;padding:0.3rem 0.6rem;text-align:center;text-decoration:none;}
.glossary-group{margin-block:2rem;}
.glossary-list{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 24rem), 1fr));margin:1rem 0 0;}
.glossary-list__item{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);padding:0.9rem 1.1rem;}
.glossary-list__item dt{font-weight:700;margin:0 0 0.25rem;}
.glossary-list__item dd{color:var(--muted);margin:0;}
.glossary-term__body h2{margin-block-start:1.75rem;}
.glossary-links{display:grid;gap:0.6rem;list-style:none;margin:0.75rem 0 1rem;padding:0;}
.glossary-links a{font-weight:650;}
.glossary-links__note{color:var(--muted);display:block;font-size:0.92rem;}
}
@layer tools { .stats__more, .tools-note{margin:1.25rem 0 0;}
.stats__more{display:flex;gap:0.5rem;}
.state-body{max-width:74rem;}
.ndt-state{min-width:0;}
.ndt-state-summary{max-width:46rem;}
.ndt-state-lead{font-size:var(--step-1);font-weight:650;}
.ndt-state-stats{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 13rem), 1fr));margin-block:1.25rem 2rem;}
.ndt-state-stat{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);display:grid;gap:0.15rem;padding:0.9rem 1rem;white-space:nowrap;}
.ndt-state-stat__label{color:var(--muted);font-family:var(--font-mono);font-size:0.78rem;text-transform:uppercase;}
.ndt-state-stat__value{font-size:1.875rem;font-weight:750;overflow-wrap:anywhere;}
.ndt-state-stat__note{color:var(--muted);font-size:0.85rem;}
.ndt-state-block{margin-block:2.5rem;}
.ndt-state-block > h2{margin-block-end:0.5rem;}
.ndt-state-note{color:var(--muted);max-width:46rem;}
.ndt-state-chart{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);display:block;height:auto;margin-block:1rem;max-width:100%;width:100%;}
.ndt-state-line{stroke:var(--accent-strong);stroke-linejoin:round;stroke-width:2.5;}
.ndt-state-dot{fill:var(--accent-strong);}
.ndt-state-line--b{stroke:var(--link);}
.ndt-state-legend{display:flex;flex-wrap:wrap;gap:0.4rem 1.2rem;list-style:none;margin:0 0 1rem;padding:0;}
.ndt-state-legend li{align-items:center;display:flex;font-size:0.9rem;gap:0.45rem;}
.ndt-state-key{background:var(--accent-strong);border-radius:3px;display:inline-block;height:0.8rem;width:1.4rem;}
.ndt-state-key--b{background:var(--link);}
.ndt-state-bar{fill:var(--accent);}
.ndt-state-grid{stroke:var(--edge);stroke-width:1;}
.ndt-state-axis{fill:var(--muted);font-family:var(--font-mono);font-size:11px;}
.ndt-state-table{margin-block:1rem;overflow-x:auto;}
.ndt-state-table table{border-collapse:collapse;font-size:0.95rem;min-width:20rem;width:100%;}
.ndt-state-table caption{color:var(--muted);font-family:var(--font-mono);font-size:0.8rem;padding-block-end:0.4rem;text-align:start;text-transform:uppercase;}
.ndt-state-table th, .ndt-state-table td{border-block-end:1px solid color-mix(in oklab, var(--edge) 40%, transparent);padding:0.45rem 0.6rem;text-align:start;}
.ndt-state-table .num{font-variant-numeric:tabular-nums;text-align:end;}
.ndt-state-table tbody th{font-weight:600;}
.ndt-state-more > summary{cursor:pointer;font-weight:650;}
.ndt-state-method{display:grid;gap:0.5rem;max-width:46rem;padding-inline-start:1.2rem;}
.ndt-state-cite{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);margin-block:2rem 0;max-width:46rem;padding:1rem 1.25rem;}
.ndt-state-cite h3{margin:0 0 0.4rem;}
.ndt-state-cite code{overflow-wrap:anywhere;}
}
@layer tools { .page-hero__actions{margin:1.1rem 0 0;}
.ndt-watch-dialog{background:transparent;border:0;color:var(--ink);max-height:94vh;max-width:min(35rem, 100vw);overflow:auto;padding:0 12px 12px 0;width:100%;}
.ndt-watch-dialog::backdrop{backdrop-filter:blur(2px);background:oklch(0.2 0.03 270/0.7);}
.ndt-watch-dialog > .ndt-tool{margin:0;}
.ndt-watch__close{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:1.5rem;inset-block-start:0;inset-inline-end:0.3rem;line-height:2.4rem;padding:0 0.7rem;position:absolute;z-index:1;}
.ndt-watch__close:hover, .ndt-watch__close:focus-visible{color:var(--ink);}
.ndt-watch__title{font-size:1.3rem;margin:0 0 0.4rem;}
.ndt-watch__lede{color:var(--muted);margin:0 0 1.1rem;}
[data-status=available] .ndt-watch-btn{display:none;}
}
@layer tools { .ndt-contact-links{display:grid;gap:0.5rem;list-style:none;margin:0.25rem 0 0;padding:0;}
.ndt-contact-links li{align-items:baseline;background:var(--surface-2);border-radius:8px;display:flex;flex-wrap:wrap;gap:0.25rem 0.9rem;overflow-wrap:anywhere;padding:0.55rem 0.75rem;}
.ndt-contact-links .ndt-mut{font-family:var(--font-mono);font-size:0.85rem;letter-spacing:0.05em;min-width:5.5rem;text-transform:uppercase;}
.ndt-contact select{max-width:100%;}
}
@layer tools { .ndt-pro h3{margin-block-end:0.5rem;}
.ndt-pro h4{font-family:var(--font-mono);font-size:0.95rem;margin-block:1rem 0.35rem;}
.ndt-pro-list{display:grid;gap:0.4rem;list-style:none;margin:0.5rem 0 1rem;padding:0;}
.ndt-pro-item{align-items:center;background:var(--surface-2);border-radius:8px;display:flex;flex-wrap:wrap;gap:0.2rem 0.9rem;padding:0.5rem 0.75rem;}
.ndt-pro-item > :first-child{font-family:var(--font-mono);font-weight:700;margin-inline-end:auto;}
.ndt-pro-note{color:var(--muted);flex-basis:100%;font-size:0.9rem;}
.ndt-block{display:block;}
.ndt-pro-limits, .ndt-pro-toollinks{display:grid;gap:0.45rem;list-style:none;margin:0 0 0.9rem;padding:0;}
.ndt-pro-toollinks a{font-weight:650;}
.ndt-pro-summary{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 13rem), 1fr));margin-block-end:1.25rem;}
.ndt-pro-stat{align-content:start;background:var(--surface-2);border:1.5px solid color-mix(in oklab, var(--edge) 35%, transparent);border-radius:var(--radius-sm);display:grid;gap:0.15rem;min-width:0;padding:0.85rem 1rem;}
.ndt-pro-stat__label{color:var(--muted);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:0.06em;text-transform:uppercase;}
.ndt-pro-stat__value{font-family:var(--font-display);font-size:var(--step-2);font-weight:800;line-height:1.1;}
.ndt-pro-stat__hint{color:var(--muted);font-size:0.85rem;overflow-wrap:anywhere;}
.ndt-pro-banner{align-items:center;background:color-mix(in oklab, var(--warn) 14%, var(--surface));border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:0.5rem 1rem;justify-content:space-between;margin-block-end:1.25rem;padding:0.9rem 1.1rem;}
.ndt-pro-layout{column-gap:1.25rem;columns:26rem 2;}
.ndt-pro-layout > .ndt-panel{break-inside:avoid;margin:0 0 1.25rem;min-width:0;}
.ndt-pro-wide{column-span:all;margin-top:1.5rem !important;}
.ndt-pro-search{display:grid;gap:0.35rem;margin-block:0.5rem 1rem;max-width:34rem;}
.ndt-pro-search__label{font-family:var(--font-mono);font-size:var(--step--1);}
.ndt-pro-search__input{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);color:var(--ink);font:inherit;padding:0.7rem 0.9rem;}
.ndt-pro-search__input:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px;}
.ndt-pro-search p{margin:0;min-height:1.2em;}
.ndt-pro-drawer{background:var(--surface);border:var(--bw) solid var(--edge);border-radius:var(--radius-sm);margin-block-end:0.6rem;}
.ndt-pro-drawer[hidden],
.ndt-pro-item[hidden]{display:none;}
.ndt-pro-drawer__sum{align-items:baseline;cursor:pointer;display:flex;flex-wrap:wrap;gap:0.25rem 1rem;padding:0.7rem 0.9rem;}
.ndt-pro-drawer__date{font-family:var(--font-mono);font-weight:700;}
.ndt-pro-drawer[open] > .ndt-pro-drawer__sum{border-block-end:var(--bw) dashed color-mix(in oklab, var(--edge) 35%, transparent);}
.ndt-pro-scroll{max-height:18rem;overflow-y:auto;overscroll-behavior:contain;padding:0 0.9rem;}
.ndt-pro-wide .ndt-pro-list{grid-template-columns:repeat(auto-fill, minmax(min(100%, 19rem), 1fr));}
.ndt-pro-actions{align-items:center;display:flex;flex-wrap:wrap;gap:0.6rem;margin-block-start:0.85rem;}
.ndt-pro-signin{margin-inline:auto;max-width:32rem;}
}
@layer tools { @media(max-width:52rem){
.blog-layout{grid-template-columns:minmax(0, 1fr);}
.blog-layout__side{position:static;}
.cat-grid{display:none;}
.cat-select{display:grid;}
}
@container (max-width: 30rem) {
.ndt-hl-fact{grid-template-columns:1fr;}
}
@media(max-width:34rem){
.ndt-hl-fact{grid-template-columns:1fr;}
}
} @layer motion {
@media (prefers-reduced-motion: no-preference) {
@view-transition {
navigation: auto;
}
@keyframes blink {
50% {
opacity: 0;
}
} @supports (animation-timeline: view()) {
@keyframes rise {
from {
opacity: 0;
translate: 0 18px;
}
}
.tool-card, .steps__item, .stats__item, .faq details {
animation: rise linear both;
animation-range: entry 0% entry 30%;
animation-timeline: view();
}
}
html {
scroll-behavior: smooth;
}
.cursor {
animation: blink 1.1s steps(1) infinite;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}
@media (forced-colors: active) {
.btn, .ndt-btn, .tool-card, .window, .ndt-tool, .cmd {
border: 2px solid CanvasText;
}
meter.ndt-bar {
forced-color-adjust: none;
}
}
}