*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--canvas);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-3);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh}.page-shell{width:100%;max-width:none;min-height:100vh;padding:var(--sp-5) var(--sp-5) var(--sp-8);margin:0}suite-header~.page-shell,suite-header+main.page-shell{padding-top:var(--sp-5)}suite-header:has(~.page-shell)+*{padding-top:0}.top-nav{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);display:inline-flex}.brand-name{font-family:var(--font-mono);letter-spacing:var(--track-tight);font-weight:600;font-size:var(--fs-3);color:var(--text)}.brand-tag{font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:var(--track-eyebrow);color:var(--text-mute);text-transform:uppercase}.link-grid{gap:var(--sp-1);flex-wrap:wrap;display:flex}.link-grid a{border-radius:var(--r-sm);color:var(--text-dim);padding:var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-2);letter-spacing:.02em;transition:color var(--dur-2) var(--ease-standard), background var(--dur-2) var(--ease-standard);background:0 0;border:1px solid #0000;font-weight:500;text-decoration:none}.link-grid a:hover{color:var(--text);background:var(--surface-2)}.link-grid a:focus-visible{box-shadow:var(--focus-ring);outline:none}.link-grid a[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.tool-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:100%;padding:var(--sp-6);box-shadow:var(--sh-1)}.tool-head{margin-bottom:var(--sp-5)}.tool-title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-8);letter-spacing:var(--track-display);color:var(--text);margin:0}.tool-sub{margin:var(--sp-2) 0 0;font-size:var(--fs-4);color:var(--text-dim);font-family:var(--font-sans);line-height:var(--lh-body)}.seo{max-width:100%;margin:var(--sp-4) 0 0;padding:var(--sp-3) var(--sp-4);color:var(--text-dim);font-family:var(--font-sans);font-size:var(--fs-3);line-height:var(--lh-body);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.seo h2{margin:0 0 var(--sp-4);font-family:var(--font-display);font-weight:700;font-size:var(--fs-7);letter-spacing:var(--track-tight);color:var(--text)}.seo p{margin:0 0 var(--sp-4);font-size:var(--fs-4);max-width:75ch;line-height:1.7}.seo a{color:var(--accent);text-decoration:none}.seo a:hover{text-decoration:underline}.seo h3{margin:var(--sp-6) 0 var(--sp-3);font-family:var(--font-display);font-weight:600;font-size:var(--fs-5);color:var(--text)}.seo details{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);padding:var(--sp-4) var(--sp-5);margin:0 0 var(--sp-3);transition:border-color var(--dur-2) var(--ease-standard)}.seo details:hover{border-color:var(--border-strong)}.seo details>summary{cursor:pointer;font-weight:600;font-size:var(--fs-4);color:var(--text);list-style:none}.seo details>summary::-webkit-details-marker{display:none}.seo details[open]>summary{margin-bottom:var(--sp-3);color:var(--accent)}.seo details p:last-child{margin-bottom:0}.seo code{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);font-family:var(--font-mono);padding:1px 6px;font-size:.9em}@media (width<=980px){.page-shell{padding:var(--sp-4) var(--sp-4) var(--sp-6)}.top-nav{padding:var(--sp-3)}.tool-card{border-radius:var(--r-md);padding:var(--sp-5)}.seo{padding:var(--sp-4)}}@media (width<=720px){.top-nav,.link-grid{justify-content:center}}[data-fullscreen] suite-header,[data-fullscreen] suite-footer,[data-fullscreen] .top-nav,[data-fullscreen] .tool-head,[data-fullscreen] .seo{display:none!important}[data-fullscreen] .page-shell{min-height:100vh!important;padding:8px!important}[data-fullscreen] .tool-card{box-shadow:none!important;border:none!important;border-radius:0!important;min-height:calc(100vh - 16px)!important;padding:8px!important}