/* pwp-authored-additional-v1-20261028: technical foundation only */
@layer pwp-runtime-foundation {
  :root {
    --bg:#FFF7ED; --text:#0F172A;
    --surface:#FFFFFF; --text-muted:#475569;
    --primary:#EA580C; --primary-fg:#000000;
    --border:#FCEAE1;
  }
  *, *::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:#f2f0e8;--text:#142e31;--surface:#fffef8;--text-muted:#526668;--primary:#a93f2d;--primary-fg:#fff;--border:#bdc9c5;--lagoon:#a7c6bf;--ink:#173d40;--sand:#e5d8be}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--primary)}button{font:inherit}button,a,summary{touch-action:manipulation}*:focus-visible{outline:3px solid #c65b37;outline-offset:4px}img{display:block;max-width:100%;object-fit:cover}.page[hidden],[hidden]{display:none!important}.wrap{width:min(100% - 64px,1360px);margin:auto}.site-header{background:var(--bg);border-bottom:1px solid var(--border)}.header-top{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:12px;color:var(--text)}.brand-mark{width:38px;height:38px;flex:none}.brand-name{font-family:"Source Serif 4",serif;font-weight:700;font-size:22px;letter-spacing:-.06em;line-height:1}.brand-name span{display:block;font-family:"DM Sans",sans-serif;font-size:9px;letter-spacing:.19em;text-transform:uppercase;margin-top:5px}.header-right{display:flex;align-items:center;gap:34px}.language{display:flex;gap:10px;font-size:12px}.language a{text-decoration:none}.language a[aria-current]{font-weight:700;text-decoration:underline}.menu-toggle{display:none;background:none;border:1px solid var(--text);color:var(--text);padding:9px 15px;cursor:pointer}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--border);min-height:48px}.nav-links{display:flex;flex-wrap:wrap;gap:8px 28px}.nav-links a{text-decoration:none;font-size:13px;font-weight:700}.nav-note{font-family:"Source Serif 4",serif;font-style:italic;font-size:14px;color:var(--text-muted)}.hero{background:var(--lagoon)}.hero-grid{display:grid;grid-template-columns:43% 57%;min-height:590px}.hero-copy{padding:65px clamp(30px,5vw,85px) 55px max(32px,calc((100vw - 1360px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700}.hero h1,.article-head h1,.contact-head h1{font-family:"Source Serif 4",serif;font-weight:400;letter-spacing:-.055em;line-height:.98}.hero h1{font-size:clamp(55px,6vw,93px);margin:24px 0}.hero-copy p{max-width:390px;font-size:18px;margin:0 0 30px}.text-link{display:inline-flex;gap:22px;align-items:center;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:7px}.text-link span{font-size:20px}.hero-image{position:relative;min-height:500px}.hero-image img{width:100%;height:100%;position:absolute;inset:0}.image-caption{position:absolute;bottom:0;right:0;background:var(--bg);padding:12px 20px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:78px 0 66px;border-bottom:1px solid var(--border)}.section-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.intro h2,.section-heading h2,.practical h2{font-family:"Source Serif 4",serif;font-weight:400;letter-spacing:-.035em;line-height:1.1}.intro h2{font-size:clamp(32px,3.4vw,49px);max-width:760px;margin:0}.stories{padding:70px 0 90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading h2{font-size:43px;margin:8px 0 0}.section-heading p{max-width:350px;margin:0;color:var(--text-muted)}.story-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.story{border-top:1px solid var(--text);padding-top:12px}.story img{width:100%;height:230px;margin-bottom:20px}.story:first-child img{height:300px}.story .category,.article-meta{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--primary)}.story h3{font-family:"Source Serif 4",serif;font-size:27px;line-height:1.13;font-weight:500;margin:10px 0}.story h3 a{text-decoration:none}.story p{color:var(--text-muted);margin:0 0 18px}.more-stories{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.small-story{border-top:1px solid var(--text);padding:17px 0;display:flex;justify-content:space-between;gap:20px;text-decoration:none}.small-story strong{font-family:"Source Serif 4",serif;font-size:24px;font-weight:500}.small-story span{font-size:22px}.practical{background:var(--ink);color:#f5f4e9;padding:70px 0}.practical-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.practical h2{font-size:42px;margin:12px 0}.practical p{max-width:650px;color:#d6e2dd}.practical a{color:#fff}.article-head{padding:68px 0 52px;background:var(--lagoon)}.article-head .wrap{display:grid;grid-template-columns:1fr 2fr;gap:50px}.article-head h1,.contact-head h1{font-size:clamp(48px,6vw,80px);max-width:900px;margin:0 0 22px}.article-head p{font-size:19px;max-width:700px;margin:0}.back{text-decoration:none;font-size:13px;font-weight:700}.article-layout{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,2fr);gap:50px;padding-top:62px;padding-bottom:90px}.article-aside{font-size:13px;color:var(--text-muted)}.article-aside p{max-width:210px}.article-body{max-width:760px}.article-body h2,.document h2{font-family:"Source Serif 4",serif;font-weight:500;font-size:32px;line-height:1.15;margin:45px 0 14px}.article-body h2:first-child{margin-top:0}.article-body p,.article-body li{font-size:17px}.article-body li{margin:9px 0}.article-body a{color:var(--primary)}.route-list{list-style:none;padding:0;margin:25px 0}.route-list li{border-top:1px solid var(--border);padding:18px 0;display:grid;grid-template-columns:40px 1fr;gap:15px}.route-list b{color:var(--primary);font-family:"Source Serif 4",serif;font-size:24px}.route-list strong{display:block;font-size:19px}.note{background:#e2ebe5;border-left:4px solid var(--ink);padding:20px 24px;margin:30px 0}.note p{margin:0}.article-photo{width:100%;max-height:430px;margin:0 0 38px}.contact-head{background:var(--sand);padding:80px 0}.contact-head p{font-size:19px;max-width:580px}.contact-content{padding:65px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-content h2{font-family:"Source Serif 4",serif;font-size:30px;font-weight:500}.contact-content p{max-width:530px}.footer{background:#102f32;color:#eaf0e9;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer .brand{color:#fff}.footer h2{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.footer p,.footer a,.footer button{font-size:14px}.footer a{color:inherit}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer button{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}.footer-bottom{border-top:1px solid #557174;margin-top:45px;padding-top:18px;font-size:12px;color:#c5d4ce}.cookie{position:fixed;z-index:20;bottom:18px;left:18px;right:18px;max-width:720px;background:#fffef8;border:1px solid var(--text);box-shadow:0 8px 30px #102f3226;padding:22px;display:flex;gap:25px;align-items:center}.cookie p{margin:0;font-size:14px}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;flex:none}.cookie button{cursor:pointer;padding:10px 14px;border:1px solid var(--ink);background:var(--ink);color:white}.cookie button+button{background:transparent;color:var(--ink)}.document{max-width:760px;margin:70px auto;padding:0 25px 80px}.document h1{font-family:"Source Serif 4",serif;font-size:48px;font-weight:400}
@media(max-width:800px){.wrap{width:min(100% - 36px,1360px)}.header-top{min-height:72px}.header-right{gap:15px}.menu-toggle{display:block}.nav-row{display:block;padding:16px 0}.nav-row[hidden]{display:none}.nav-links{display:flex;flex-direction:column;gap:0}.nav-links a{padding:10px 0;border-bottom:1px solid var(--border)}.nav-note{display:block;margin-top:15px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:55px 22px}.hero-image{min-height:390px}.intro,.article-head .wrap,.article-layout,.practical-inner{grid-template-columns:1fr;gap:25px}.intro{padding:55px 0}.story-grid{grid-template-columns:1fr 1fr}.story:first-child{grid-column:1/-1}.story:first-child img{height:300px}.article-layout{padding-top:40px}.article-aside p{max-width:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.contact-content{grid-template-columns:1fr;gap:20px}.cookie{align-items:flex-start;flex-direction:column;gap:14px}}
@media(min-width:801px){.nav-row[hidden]{display:flex!important}}
@media(max-width:480px){.brand-name{font-size:19px}.language{gap:6px}.header-right{gap:10px}.hero h1{font-size:55px}.hero-image{min-height:310px}.story-grid,.more-stories{grid-template-columns:1fr}.story:first-child{grid-column:auto}.story img,.story:first-child img{height:240px}.section-heading{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.cookie{bottom:8px;left:8px;right:8px}.cookie-actions{width:100%}.cookie button{flex:1}}
@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; }
