/* Shared standalone tool chrome. Embed variants inherit no extra navigation. */
html { scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
header.hero.shell { padding-inline: 1.25rem; }
.tool-nav { display: flex; align-items: center; gap: .8rem; padding-block: 1.1rem; border-bottom: 1px solid var(--rule); font-size: .9rem; }
.tool-nav a { color: var(--accent); text-underline-offset: .2em; }
.tool-nav a:first-child { font-family: Georgia, serif; font-weight: 600; text-decoration: none; }
.tool-nav span { color: var(--faint); }
.tool-nav + header.hero { padding-top: 2rem; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, [tabindex="0"]:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.tool-skip { position: absolute; left: 1rem; top: -6rem; z-index: 10; padding: .6rem 1rem; background: var(--bg); color: var(--accent); }
.tool-skip:focus { top: .5rem; }
html.embed .tool-nav, html.embed .tool-skip { display: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  .tool-nav, .tool-skip, .actions, button { display: none !important; }
  html, body { background: white !important; color: black !important; }
  :root { --bg: #fff; --band: #fff; --card: #fff; --ink: #000; --muted: #333; --faint: #444; --rule: #aaa; --accent: #1f4e79; }
  header.hero.shell { padding-block: 1rem; }
}