/* Tabnii theme: WordPress-only additions. Everything else is assets/site.css, shared with the approved concept. */

/* Skip link: hidden until it gets keyboard focus. */
.skip{position:fixed;left:12px;top:12px;z-index:100;padding:10px 16px;border-radius:999px;background:#fff;color:var(--ink);font-weight:500;text-decoration:none;transform:translateY(-200%);transition:transform .2s ease}
.skip:focus{transform:none;outline:2px solid var(--c2);outline-offset:2px}

/* The admin bar (signed-in editors only) sits above the fixed header. */
body.admin-bar .nav{top:calc(32px + env(safe-area-inset-top,0px))}
@media (max-width:782px){body.admin-bar .nav{top:calc(46px + env(safe-area-inset-top,0px))}}

/* The application's hidden field: people never see it, bots fill it. */
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* Plain pages (Privacy, Terms) and the not-found page: a short dark title band, then readable text. */
.page-hero{padding-bottom:clamp(64px,7vw,96px)}
.page-hero .h1{font-size:clamp(38px,5vw,72px)}
.nf{min-height:min(100svh,880px);display:grid;align-content:center}
.nf .lhero-in{gap:22px}
.prose-sec{background:var(--paper)}
.prose{max-width:46em;font-size:18px;line-height:1.65;color:var(--ink-2)}
.prose>*+*{margin-top:1.1em}
.prose h2,.prose h3,.prose h4{color:var(--ink);font-weight:500;letter-spacing:-.015em;line-height:1.2;margin-top:1.8em}
.prose h2{font-size:clamp(26px,2.4vw,32px)}
.prose h3{font-size:22px}
.prose h4{font-size:18px}
.prose a{color:var(--c2);text-underline-offset:3px}
.prose a:hover{color:var(--ink)}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.4em}
.prose strong,.prose b{color:var(--ink);font-weight:500}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--c1);color:var(--ink)}
.prose img,.prose video,.prose iframe{max-width:100%;height:auto;border-radius:18px}
.prose hr{border:0;height:1px;background:rgba(10,9,26,.12);margin:2.4em 0}
.prose table{width:100%;border-collapse:collapse;font-size:16px}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid rgba(10,9,26,.1);text-align:left}
.prose .alignleft{float:left;margin:.3em 1.4em 1em 0}
.prose .alignright{float:right;margin:.3em 0 1em 1.4em}
.prose .aligncenter{margin-inline:auto}
.prose .wp-caption-text,.prose figcaption{font-size:14px;color:var(--ink-2);margin-top:8px}