/* pwp-authored-additional-v1-20261028: technical foundation only */
@layer pwp-runtime-foundation {
  :root {
    --bg:#F8FAFC; --text:#1E40AF;
    --surface:#FFFFFF; --text-muted:#475569;
    --primary:#1E3A8A; --primary-fg:#FFFFFF;
    --border:#BFDBFE;
  }
  *, *::before, *::after { box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { margin:0; background:var(--bg); color:var(--text); }
  img, video { max-inline-size:100%; block-size:auto; }
  button, input, select, textarea { font:inherit; }
  button, summary { cursor:pointer; }
  :where(a,button,input,select,textarea,summary):focus-visible { outline:2px solid currentColor; outline-offset:4px; }
  .skip { position:fixed; inset-block-start:-10rem; inset-inline-start:1rem; z-index:10000; padding:.75rem; background:var(--bg); color:var(--text); }
  .skip:focus { inset-block-start:1rem; }
  /* Legal prose is a separate utility; never constrain the author's main site. */
  .legal-container { max-inline-size:76ch; margin-inline:auto; padding:clamp(1rem,4vw,3rem); }
  .legal-body { line-height:1.7; overflow-wrap:anywhere; }
  .legal-body p + p, .legal-body section + section { margin-block-start:1.25em; }
  .legal-body table { display:block; overflow-x:auto; max-inline-size:100%; }
  .legal-body h1, .legal-body h2, .legal-body h3, .legal-title { line-height:1.2; }
  [data-cookie-fallback] { position:fixed; inset-inline:1rem; inset-block-end:1rem; z-index:9999; max-inline-size:34rem; padding:1rem; border:1px solid var(--border); background:var(--bg); color:var(--text); }
  [data-cookie-fallback] .cookie-text { font:14px/1.5 system-ui,sans-serif; }
  [data-cookie-fallback] .cookie-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-block-start:.75rem; }
  [data-cookie-fallback] button { min-block-size:44px; padding:.6rem 1rem; border:1px solid var(--border); background:var(--surface); color:var(--text); }
  [data-cookie-fallback] [data-action="accept-cookie"] { background:var(--primary); color:var(--primary-fg); }
}
/* Required state, not a visual layout. Expanded pages may be grid/flex/block. */
[hidden], .cookie-banner.hidden { display:none !important; }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* === AUTHOR-OWNED SITE STYLES === */
:root{--bg:#f5f3ed;--text:#172d30;--surface:#fffefa;--text-muted:#536765;--primary:#863f36;--primary-fg:#fff;--border:#cbd2cb;--sand:#e5d5ba;--deep:#193c3b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--primary)}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b76c40;outline-offset:4px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Newsreader",serif;font-weight:500;line-height:1.05;letter-spacing:-.025em}h1{font-size:clamp(3rem,6.5vw,6.7rem)}h2{font-size:clamp(2.1rem,4vw,4rem)}h3{font-size:1.7rem}p{max-width:70ch}.wrap{width:min(100% - 3rem,1380px);margin-inline:auto}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{min-height:88px;display:flex;align-items:center;gap:2rem;justify-content:space-between}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:.7rem;font-size:1.4rem;font-weight:800;letter-spacing:-.07em;white-space:nowrap}.brand-mark{width:32px;height:32px;background:var(--primary);color:#fff;display:grid;place-items:center;font-family:"Newsreader",serif;font-size:1.5rem;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);font-size:.94rem;font-weight:700}.nav-links a{text-decoration:none}.nav-links .nav-contact{border:1px solid var(--text);padding:.65rem 1rem}.page[hidden],[hidden]{display:none!important}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.hero-copy{background:var(--sand);padding:clamp(3rem,7vw,7rem) clamp(1.5rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:1.5rem}.hero h1{max-width:9ch;margin-bottom:1.4rem}.lead{font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.55;max-width:36rem}.hero-image{min-height:500px;position:relative}.hero-image img{height:100%;position:absolute;inset:0}.image-caption{position:absolute;bottom:0;left:0;background:var(--deep);color:white;padding:.7rem 1rem;font-size:.8rem}.button-link{display:inline-flex;align-items:center;gap:2rem;width:max-content;max-width:100%;background:var(--deep);color:white;text-decoration:none;padding:1rem 1.25rem;margin-top:1rem;font-weight:700}.button-link:hover{background:var(--primary);color:white}.intro{padding:6rem 0 3rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.intro h2{max-width:12ch}.intro p{font-size:1.15rem}.topics{padding:0 0 7rem}.topic-row{display:grid;grid-template-columns:80px 1fr 1fr auto;align-items:start;gap:2rem;border-top:1px solid var(--border);padding:1.7rem 0;text-decoration:none}.topic-row:last-child{border-bottom:1px solid var(--border)}.topic-row .num{color:var(--primary);font-size:.85rem;font-weight:700}.topic-row h3{margin:0}.topic-row p{margin:0;color:var(--text-muted)}.arrow{font-size:1.5rem;line-height:1}.feature-band{display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:white}.feature-band img{height:100%;min-height:390px}.feature-copy{padding:clamp(3rem,6vw,6rem);align-self:center}.feature-copy .eyebrow{color:#e2bca9}.feature-copy p{color:#d5e2dc}.feature-copy a{display:inline-block;margin-top:1rem;font-weight:700}.page-head{background:var(--sand);padding:clamp(4rem,7vw,7rem) 0}.page-head h1{max-width:15ch;margin-bottom:1.25rem}.page-head .lead{max-width:50rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(3rem,8vw,9rem);padding:5rem 0 7rem}.article-body{max-width:760px;font-size:1.08rem}.article-body h2{font-size:2.4rem;margin:3.5rem 0 1rem}.article-body h2:first-child{margin-top:0}.article-body h3{margin:2rem 0 .7rem}.article-body li{margin-bottom:.7rem}.article-body a,.source-box a{color:var(--primary);font-weight:700}.source-box{border-top:4px solid var(--primary);padding-top:1.2rem;align-self:start;font-size:.95rem}.source-box h2{font-family:"DM Sans",sans-serif;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.source-box ul{padding-left:1.1rem}.source-box li{margin-bottom:1rem}.notice{background:#e7ebe3;padding:1.5rem 1.7rem;margin:2rem 0;border-left:4px solid var(--deep)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:5rem 0 7rem}.contact-grid h2{font-size:2.6rem}.contact-detail{border-top:1px solid var(--border);padding:1.3rem 0}.contact-detail strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.35rem}.site-footer{background:#102f30;color:#edf2ea;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3rem}.footer-grid .brand{margin-bottom:1rem}.footer-grid p{color:#c4d2cb;font-size:.95rem}.footer-grid h2{font:700 .8rem "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:.55rem 0}.footer-grid a:hover{color:#f1bba6}.footer-bottom{border-top:1px solid #52706b;margin-top:3rem;padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem}.footer-bottom button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:0}.cookie-banner{position:fixed;z-index:20;bottom:1rem;right:1rem;width:min(550px,calc(100% - 2rem));background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 40px #102f302e;padding:1.5rem}.cookie-banner h2{font-size:1.8rem;margin-bottom:.5rem}.cookie-banner p{font-size:.95rem}.cookie-actions{display:flex;gap:.75rem;flex-wrap:wrap}.cookie-actions button{padding:.75rem 1rem;cursor:pointer;border:1px solid var(--deep);background:var(--deep);color:white;font-weight:700}.cookie-actions button+button{background:transparent;color:var(--deep)}.document{max-width:800px;margin:0 auto;padding:5rem 1.5rem}.document h1{font-size:clamp(3rem,5vw,5rem)}.document h2{font-size:2rem;margin-top:2.5rem}
@media(max-width:800px){.header-inner{padding:1rem 0;align-items:flex-start;flex-direction:column;gap:1rem}.nav-links{width:100%;gap:.8rem 1.2rem;flex-wrap:wrap}.nav-links .nav-contact{padding:.35rem .65rem}.hero,.feature-band{grid-template-columns:1fr}.hero{min-height:0}.hero-copy{padding:4rem 1.5rem}.hero-image{min-height:360px}.intro{grid-template-columns:1fr;gap:.5rem;padding-top:4rem}.topic-row{grid-template-columns:38px 1fr auto;gap:.8rem}.topic-row p{grid-column:2/3}.topic-row .arrow{grid-column:3;grid-row:1}.feature-band img{min-height:300px;max-height:420px}.article-layout{grid-template-columns:1fr;padding:3.5rem 0 5rem}.source-box{max-width:760px}.contact-grid,.footer-grid{grid-template-columns:1fr;gap:2rem}.topics{padding-bottom:4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* === OPEN NAVIGATION SURFACE SAFETY === */
/* Position, shadows, borders and scroll treatment belong to the author.
   Only an OPEN mobile menu gets a mandatory opaque readable surface. */
header.site-header[data-pwp-nav-open] {
  background-color: var(--bg, #ffffff) !important;
  isolation: isolate;
}
[data-pwp-mobile-menu][data-pwp-menu-open] {
  background-color: var(--bg, #ffffff);
  color: var(--text, #0f172a);
  max-block-size: var(--pwp-nav-available-height, calc(100dvh - 6rem));
  overflow-y: auto;
  overscroll-behavior: contain;
}
.pwp-source-note {
  margin-block-start: 1rem;
  font-size: .875em;
  line-height: 1.5;
}
.pwp-source-note a { text-decoration: underline; text-underline-offset: .2em; }
