*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--canvas);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-3);line-height:var(--lh-body);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page-shell{width:100%;max-width:none;min-height:100vh;margin:0;padding:var(--sp-5) var(--sp-7) var(--sp-8)}.top-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;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)}.brand{display:inline-flex;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)}.brand-name{font-family:var(--font-mono);font-weight:600;letter-spacing:var(--track-tight);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{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.link-grid a{text-decoration:none;border-radius:var(--r-sm);border:1px solid transparent;color:var(--text-dim);background:transparent;padding:var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-2);letter-spacing:.02em;font-weight:500;transition:color var(--dur-2) var(--ease-standard),background var(--dur-2) var(--ease-standard)}.link-grid a:hover{color:var(--text);background:var(--surface-2)}.link-grid a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.link-grid a[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.tool-card{width:100%;max-width:100%;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--sh-1)}.tool-head{margin-bottom:var(--sp-5)}.tool-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--fs-8);letter-spacing:var(--track-display);color:var(--text)}.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:72ch;margin:var(--sp-9) auto 0;color:var(--text-dim);font-family:var(--font-sans);font-size:var(--fs-3);line-height:var(--lh-body)}.seo h2{margin:0 0 var(--sp-3);font-family:var(--font-display);font-weight:600;font-size:var(--fs-6);letter-spacing:var(--track-tight);color:var(--text)}.seo p{margin:0 0 var(--sp-3)}.seo a{color:var(--accent);text-decoration:none}.seo a:hover{text-decoration:underline}.seo h3{margin:var(--sp-5) 0 var(--sp-2);font-family:var(--font-display);font-weight:600;font-size:var(--fs-4);color:var(--text)}.seo details{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);padding:var(--sp-3) var(--sp-4);margin:0 0 var(--sp-2)}.seo details>summary{cursor:pointer;font-weight:600;color:var(--text);list-style:none}.seo details>summary::-webkit-details-marker{display:none}.seo details[open]>summary{margin-bottom:var(--sp-2)}.seo details p:last-child{margin-bottom:0}@media (max-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:0 var(--sp-1)}}@media (max-width: 720px){.top-nav,.link-grid{justify-content:center}}