/*
Theme Name: NPH Site
Description: Number Plate Hub theme with native page/product content and editable WordPress menus.
Version: 0.2.7
Requires PHP: 8.2
Text Domain: nph-site
*/

:root { color-scheme: light; font-family: system-ui, -apple-system, sans-serif; color: #202126; background: #f5f5f7; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; text-underline-offset: .2em; }
a:focus-visible { outline: 3px solid #4b50db; outline-offset: 5px; }
.nph-shell { width: min(100% - 2rem, 70rem); margin-inline: auto; }
/* Builder pages get a wider shell; ordinary page copy keeps its reading width. */
body:has(.nph-material) .nph-shell { width: min(100% - clamp(2rem, 5vw, 6rem), 100rem); }
.nph-header { padding-block: 1.5rem; border-bottom: 1px solid #d9d9e0; }
.nph-brand { font-weight: 750; text-decoration: none; }
.nph-main { padding-block: clamp(2rem, 6vw, 5rem); min-height: 60vh; }
.nph-main h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.1; letter-spacing: -.035em; }
.nph-main p { line-height: 1.65; max-width: 65ch; }
.nph-footer { padding-block: 1.5rem; border-top: 1px solid #d9d9e0; color: #575965; }
.nph-preview-placeholder { padding: clamp(1rem, 4vw, 2.5rem); border: 1px solid #d9d9e0; border-radius: 1rem; background: white; }
.nph-preview-placeholder h2 { margin-top: 0; }
.nph-skip { position: absolute; top: -10rem; left: 1rem; padding: .75rem; background: white; z-index: 999; }
.nph-skip:focus { top: 1rem; }