:root{--bg:#070707;--panel:#0d0d0d;--ink:#f0eee8;--muted:#a9a59c;--line:#242424;--accent:#e69322;--accent2:#ffb44f;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:20;background:rgba(7,7,7,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:.04em;font-size:1.22rem}.brand .slashes{color:var(--accent)}nav{display:flex;gap:28px;align-items:center;font-size:.84rem;text-transform:uppercase;letter-spacing:.16em}nav a{color:#d4d1c9}nav a:hover{color:var(--accent)}.menu{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:8px 10px}.hero{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;border-bottom:1px solid var(--line)}.hero-copy{padding:96px 0 70px;display:flex;flex-direction:column;justify-content:center}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.26em;font-size:.78rem;font-weight:700}h1{font-size:clamp(3.8rem,8vw,7.7rem);line-height:.88;margin:.25em 0 .18em;letter-spacing:-.055em}.subhead{font-size:clamp(1.05rem,2vw,1.45rem);color:#ddd8cf;letter-spacing:.08em;text-transform:uppercase}.lede{max-width:700px;font-size:1.15rem;color:#c3bfb6;margin:30px 0}.btns{display:flex;gap:14px;flex-wrap:wrap}.btn{border:1px solid var(--accent);padding:13px 20px;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.btn.primary{background:var(--accent);color:#111;font-weight:700}.hero-art{min-height:560px;position:relative;overflow:hidden;background:radial-gradient(circle at 52% 48%,rgba(230,147,34,.16),transparent 31%),linear-gradient(135deg,#080808,#151515)}.orb{position:absolute;width:min(60vw,500px);height:min(60vw,500px);border:1px solid rgba(230,147,34,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.cube{position:absolute;left:50%;top:50%;width:220px;height:220px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #777;background:linear-gradient(135deg,#1c1c1c,#050505);box-shadow:0 0 80px rgba(230,147,34,.16)}.cube:after{content:"";position:absolute;inset:34px;background:radial-gradient(circle,#ffb64c 0,#e69322 7%,rgba(230,147,34,.3) 22%,transparent 62%);transform:rotate(-45deg)}.section{padding:82px 0;border-bottom:1px solid var(--line)}.section h2{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1;margin:0 0 22px;letter-spacing:-.04em}.section-intro{max-width:800px;color:#bdb9b0;font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.card{border:1px solid var(--line);background:linear-gradient(180deg,#0c0c0c,#090909);padding:26px;min-height:220px}.card .eyebrow{font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:.18em}.card h3{font-size:1.5rem;margin:.55rem 0}.card p{color:#aaa69e;margin-bottom:0}.feature{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:start}.feature blockquote{font-size:2rem;line-height:1.25;margin:0;border-left:3px solid var(--accent);padding-left:22px}.topic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:32px}.topic{border:1px solid var(--line);padding:22px 14px;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;min-height:92px;display:flex;align-items:center;justify-content:center}.article{max-width:820px;margin:auto;padding:78px 0}.article h1{font-size:clamp(3rem,7vw,6rem)}.article h2{font-size:2rem;margin-top:2.2em}.article p,.article li{font-size:1.06rem;color:#d0ccc4}.article .meta{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}.sourcebox{margin:34px 0;padding:22px;border:1px solid var(--line);background:#0b0b0b}.sourcebox a{color:var(--accent2);text-decoration:underline}.newsletter{display:grid;grid-template-columns:1fr auto;gap:14px;margin-top:24px}.newsletter input{background:#0b0b0b;border:1px solid var(--line);padding:14px;color:white;min-width:260px}.newsletter button{background:var(--accent);border:0;padding:14px 20px;font-weight:700}footer{padding:42px 0;color:#88847d;font-size:.85rem}.small{font-size:.84rem;color:#8f8b83}hr{border:0;border-top:1px solid var(--line);margin:2rem 0}@media(max-width:900px){nav{display:none;position:absolute;top:76px;left:0;right:0;background:#090909;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:72px 0 42px}.hero-art{min-height:400px}.grid{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.newsletter{grid-template-columns:1fr}.newsletter input{min-width:0}}

/* POST HUMAN brand identity: approved PH monogram + wordmark */
.nav .brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  font-size: 1.12rem;
  font-weight: 800;
  white-space: nowrap;
}
.nav .brand::before {
  content: "";
  display: block;
  width: 40px;
  height: 48px;
  flex: 0 0 40px;
  background: url("ph-monogram.svg") center / contain no-repeat;
}

/* Pandora's Box photographic hero: face and opening illuminated cube */
.hero-art {
  background:
    linear-gradient(90deg, rgba(7, 7, 7, .15) 0%, rgba(7, 7, 7, 0) 35%),
    url("pandora-hero.jpg") center 46% / cover no-repeat;
  border-left: 1px solid rgba(255, 255, 255, .08);
}
.hero-art .orb,
.hero-art .cube { display: none; }

@media (max-width: 900px) {
  .nav .brand { gap: 7px; font-size: 1rem; }
  .nav .brand::before { width: 33px; height: 42px; flex-basis: 33px; }
  .hero-art { min-height: 410px; background-position: center 42%; }
}
@media (max-width: 420px) {
  .nav .brand { font-size: .9rem; }
  .nav .brand::before { width: 29px; height: 38px; flex-basis: 29px; }
  .hero-art { min-height: 345px; }
}


/* NOV 2026: Locked PH monogram stacked above bold white POST HUMAN.
   Legacy inline text and orange slashes are visually replaced. */
.nav { height:98px; min-height:98px; }
.nav .brand {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center;
  gap:0 !important;
  flex:0 0 155px;
  width:155px;
  font-size:0 !important;
  line-height:0 !important;
  white-space:nowrap;
  text-align:center;
  color:#fff;
}
.nav .brand .slashes { display:none !important; }
.nav .brand::before {
  content:"";
  display:block;
  width:55px !important;
  height:60px !important;
  flex:0 0 60px !important;
  background:url("ph-monogram.svg") center/contain no-repeat;
}
.nav .brand::after {
  content:"POST HUMAN";
  display:block;
  font:900 13px/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:.1em;
  color:#fff;
}
@media (max-width:1050px) {
 nav { gap:12px; font-size:.72rem; }
 .nav .brand { flex-basis:130px; width:130px; }
}
@media (max-width:900px) {
 .nav { height:87px; min-height:87px; }
 nav { top:87px; }
 .nav .brand { flex-basis:126px; width:126px; }
 .nav .brand::before { width:43px !important; height:46px !important; flex-basis:46px !important; }
 .nav .brand::after { font-size:11px; }
}

/* Source-backed editorial figures in Manifesto 001 */
.evidence-figure { margin:42px 0; border:1px solid #38332c; background:radial-gradient(circle at 25% 18%,rgba(230,147,34,.08),transparent 52%),#0d0d0d; overflow:hidden; }
.figure-heading {padding:14px 22px;display:flex;gap:14px;align-items:center;justify-content:space-between;border-bottom:1px solid #322f2b}
.figure-heading b {color:var(--accent);font-size:.7rem;letter-spacing:.18em}
.figure-heading span {color:#ece6dd;font-size:.85rem;font-weight:800}
.evidence-figure svg {display:block;width:100%;height:auto}
.article .evidence-figure figcaption {border-top:1px solid #302c26;padding:17px 22px 20px;color:#aaa59d;font-size:.84rem;line-height:1.6}
.evidence-figure figcaption a {color:#ffba55;text-decoration:underline;text-underline-offset:3px}
.metric-visual {padding:24px}
.metric-line {margin:15px 0 23px}
.metric-label {display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:.92rem;color:#e2ddd4}
.metric-label strong {font-size:1.55rem;color:#e9931b}
.metric-track {margin-top:8px;height:12px;background:#282725}
.metric-fill {display:block;height:100%;background:linear-gradient(90deg,#7c4712,#e9931b)}
.framework-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:25px}
.framework-grid div {min-height:88px;padding:18px;border:1px solid #37312a;display:flex;gap:13px;align-items:flex-start}
.framework-grid small {font-size:.74rem;color:#e9931b;font-weight:800}
.framework-grid b {font-size:1rem;line-height:1.3;color:#f0ebe2}
.framework-levels {display:flex;align-items:center;justify-content:space-between;padding:0 25px 26px;gap:10px}
.framework-levels span {font-size:.72rem;letter-spacing:.12em;font-weight:800}
.framework-levels i {flex:1;height:1px;background:#ac741f}
.evidence-claim {padding:38px 20px 7px;text-align:center;color:#f0ebe2;font-size:clamp(1rem,3vw,1.9rem);font-weight:900;letter-spacing:.08em}
.evidence-claim em {font-style:normal;color:#e9931b;font-size:1.8em;margin:0 8px}
.article .evidence-note {text-align:center;padding:0 18px 27px;color:#b2aaa0;font-size:.92rem}
@media(max-width:600px) {
 .figure-heading {padding:13px 15px;align-items:flex-start;flex-direction:column;gap:3px}
 .article .evidence-figure figcaption {padding:14px 16px 19px}
 .framework-grid {grid-template-columns:1fr;padding:15px}
 .framework-levels {padding:0 15px 20px}
 .framework-levels span {font-size:.61rem}
 .metric-visual {padding:16px}
 .metric-label {font-size:.8rem}
}


/* Reader discussion: moderated comments with linked source references */
.discussion{margin:75px 0 10px;padding:36px 0 0;border-top:2px solid #3f3526}
.discussion-kicker{color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.2em}
.article .discussion h2{margin:14px 0 16px;font-size:clamp(2.2rem,5vw,3.4rem)}
.article .discussion-intro{font-size:1rem;color:#aba69d;max-width:780px}
.discussion-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;margin:32px 0 20px}
.comment-form,.comment-feed{border:1px solid #34302a;background:linear-gradient(170deg,#12100e,#090909);padding:24px}
.comment-form fieldset{margin:0;padding:0;border:0;min-width:0}
.comment-form fieldset:disabled{opacity:.55}
.comment-form label{display:block;font-size:.77rem;color:#e4dfd5;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin:0 0 8px}
.comment-form label span{color:#938a7f;font-weight:400;text-transform:none;letter-spacing:0}
.comment-form input,.comment-form textarea,.comment-form select{display:block;width:100%;margin:0 0 21px;padding:13px 14px;border:1px solid #413a30;background:#080808;color:#f5f2ec;border-radius:0;font:inherit;font-size:.95rem;line-height:1.5}
.comment-form input:focus,.comment-form textarea:focus,.comment-form select:focus{border-color:var(--accent);outline:2px solid #e9931b50;outline-offset:1px}
.discussion-fields-two{display:grid;grid-template-columns:130px 1fr;gap:14px}
.comment-form textarea{resize:vertical;min-height:140px}
.comment-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.comment-submit{background:var(--accent);color:#111;border:0;padding:14px 20px;cursor:pointer;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.comment-submit:hover{background:#ffb44f}
.article .discussion-help{font-size:.8rem;color:#99948c;margin:17px 0 0}
.article .comment-status{font-size:.88rem;color:#c9ad7d;margin:13px 0;min-height:1.3em}
.comment-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #38332d;padding-bottom:15px}
.comment-feed-head h3{font-size:1.15rem;margin:0}
.comment-feed-head span{color:var(--accent);font-weight:800}
.article .comment-empty{font-size:.93rem;color:#aaa39b;padding:24px 0}
.reader-comment{border-bottom:1px solid #312c26;padding:21px 0}
.reader-comment:last-child{border-bottom:0}
.reader-comment-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;font-size:.82rem}
.reader-comment-header strong{color:#f7f1e8}
.reader-comment-header time{color:#858078}
.article .reader-comment p{font-size:.95rem;line-height:1.6;margin:9px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}
.reader-comment a{display:inline-block;color:#eeb25e;font-size:.8rem;text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:780px){.discussion-grid{grid-template-columns:1fr}.discussion{margin-top:55px}.comment-form,.comment-feed{padding:18px}}
@media(max-width:410px){.discussion-fields-two{grid-template-columns:1fr}}


/* Multilingual POST HUMAN header — language control at far right. */
.ph-language{position:relative;flex:0 0 auto;align-self:center;margin-left:2px;z-index:50}
.ph-language-toggle{
  min-width:79px;display:flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid #49413a;background:#0d0c0a;color:#f6f2ec;
  padding:11px 10px;font:800 .77rem/1 Arial,Helvetica,sans-serif;letter-spacing:.07em;
  cursor:pointer;border-radius:2px;white-space:nowrap;
}
.ph-language-toggle:hover,.ph-language-toggle[aria-expanded="true"]{border-color:#e69322;background:#19140d}
.ph-language-icon{font-size:1.1rem;line-height:1;color:#e69322;transform:rotate(-20deg)}
.ph-language-menu{
 position:absolute;right:0;top:calc(100% + 10px);width:195px;padding:6px;
 background:#13110f;border:1px solid #56422e;box-shadow:0 12px 35px #000b;
 display:flex;flex-direction:column;gap:1px;
}
.ph-language-menu[hidden]{display:none!important}
.ph-language-menu button{
 width:100%;text-align:left;padding:12px 14px;background:transparent;border:0;color:#eee8de;
 cursor:pointer;font:600 .87rem/1.3 Arial,Helvetica,sans-serif;
}
.ph-language-menu button:hover,.ph-language-menu button.active{background:#322314;color:#ffb44f}
.ph-language button:focus-visible{outline:2px solid #ffb44f;outline-offset:2px}
html[lang="es"] .hero-copy h1,
html[lang="pt"] .hero-copy h1,
html[lang="fr"] .hero-copy h1,
html[lang="it"] .hero-copy h1 {
 font-size:clamp(2.75rem,6.5vw,6.25rem);line-height:.98;letter-spacing:-.055em;
}
html[lang="es"] .hero-copy,html[lang="pt"] .hero-copy,
html[lang="fr"] .hero-copy,html[lang="it"] .hero-copy{overflow-wrap:break-word;min-width:0}
html[lang="es"] .figure-heading,html[lang="pt"] .figure-heading,
html[lang="fr"] .figure-heading,html[lang="it"] .figure-heading{flex-wrap:wrap}
html[lang="es"] .figure-heading span,html[lang="pt"] .figure-heading span,
html[lang="fr"] .figure-heading span,html[lang="it"] .figure-heading span{line-height:1.4}
html[lang="es"] .framework-levels span,html[lang="pt"] .framework-levels span,
html[lang="fr"] .framework-levels span,html[lang="it"] .framework-levels span{overflow-wrap:anywhere}
@media(max-width:1100px){
  header nav{gap:12px;letter-spacing:.08em}
  .ph-language-toggle{min-width:67px;padding:10px 8px}
}
@media(max-width:900px){
  header .nav{gap:8px}
  header .menu{margin-left:auto}
  .ph-language{margin-left:0}
  .ph-language-menu{right:0}
  html[lang="es"] .hero-copy h1,
  html[lang="pt"] .hero-copy h1,
  html[lang="fr"] .hero-copy h1,
  html[lang="it"] .hero-copy h1{font-size:clamp(3.1rem,10vw,6.5rem)}
}
@media(max-width:480px){
  header .nav .brand{flex-basis:116px;width:116px}
  .ph-language-toggle{min-width:61px;padding:9px 7px;gap:5px}
  html[lang="es"] .hero-copy h1,
  html[lang="pt"] .hero-copy h1,
  html[lang="fr"] .hero-copy h1,
  html[lang="it"] .hero-copy h1{font-size:clamp(2.65rem,10.2vw,4rem)}
}


/* Brand update 2026-11: PH symbol with POST HUMAN below, no legacy slash wordmark. */
.nav .brand::after {content:none!important;display:none!important}
.nav .brand .brand-name{
  display:block;max-width:100%;font:900 13px/1.25 Arial,Helvetica,sans-serif;
  color:#fff;letter-spacing:.12em;text-align:center;white-space:nowrap;
}
.nav .brand .slashes{display:none!important}

/* Global editorial footer / social profiles */
.site-footer-social{
  margin-top:28px;padding-top:21px;border-top:1px solid #35312a;
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap
}
.social-lead{font-weight:800;text-transform:uppercase;font-size:.7rem;letter-spacing:.15em;color:#e3dcd1}
.social-platforms{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.social-platform{
 display:inline-flex;align-items:center;gap:9px;
 padding:9px 13px;border:1px solid #443a2f;color:#f2ece0;
 font-size:.83rem;font-weight:700;transition:border-color .15s,background .15s
}
.social-platform:hover{border-color:#e69322;background:#251a0f}
.social-glyph{display:inline-grid;place-items:center;min-width:23px;height:23px;border:1px solid #bd7822;color:#f9b85d;font-size:.6rem;letter-spacing:-.025em}
.social-privacy{font-size:.75rem;text-decoration:underline;text-underline-offset:3px;color:#a8a198}
.social-privacy:hover{color:#f5bc6d}

/* Working submission UI for Community and article discussion */
.community-contribute{border-top:1px solid #3c3228;margin:60px 0 0;padding:42px 0 10px}
.community-contribute h2{font-size:clamp(2rem,5vw,3.8rem)}
.community-contribute .section-intro{max-width:760px}
.community-form-shell{max-width:800px;margin-top:24px;border:1px solid #3d3329;background:#0e0d0c;padding:clamp(18px,3vw,30px)}
.community-form-shell fieldset{border:0;padding:0;margin:0;min-width:0}
.community-form-shell label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#e1d7c9;font-weight:800;margin:17px 0 8px}
.community-form-shell label span{font-weight:400;letter-spacing:0;color:#9f9589;text-transform:none}
.community-form-shell input,.community-form-shell textarea,.community-form-shell select{
 display:block;width:100%;padding:13px 14px;color:#f4efe7;background:#080807;
 border:1px solid #4c4035;border-radius:0;font:inherit;font-size:.96rem
}
.community-form-shell textarea{min-height:160px;resize:vertical}
.community-form-shell :is(input,textarea,select):focus{border-color:#e69322;outline:2px solid #b7782670;outline-offset:1px}
.community-form-shell .discussion-fields-two{grid-template-columns:1fr 1.7fr}
.community-form-shell .comment-submit{margin-top:20px}
.community-note{font-size:.82rem;color:#a89f92;margin:18px 0 4px}
.community-status{font-size:.9rem;color:#f1b866;min-height:1.2em;margin:12px 0}
.community-privacy-link{color:#e4a950;text-decoration:underline}
@media(max-width:900px){
 .nav .brand .brand-name{font-size:11px}
 .site-footer-social{align-items:flex-start;flex-direction:column;gap:15px}
}
@media(max-width:480px){
 .nav .brand .brand-name{font-size:10px}
 .community-form-shell .discussion-fields-two{grid-template-columns:1fr}
}


.community-feed{margin-top:34px;padding:23px 25px;border:1px solid #3d3329;background:#0c0b0a;max-width:800px}
.community-feed .comment-feed-head h3{font-size:1.3rem}
.community-feed .reader-comment{padding:18px 0}
.community-kind{font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;color:#e0a34e;border:1px solid #5f431e;padding:4px 6px}
.community-feed .reader-comment a{color:#eeb25e;display:inline-block;font-size:.8rem;text-decoration:underline}
@media(max-width:500px){.community-feed{padding:16px}.reader-comment-header{gap:6px}}


/* Locked P·H identity: always render the approved SVG as a real image.
   This corrects mobile browsers where the old CSS-generated monogram was hidden. */
header .nav > a.brand {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  flex:0 0 155px;
  width:155px;
  min-width:0;
  font-size:inherit !important;
  line-height:normal !important;
  gap:0 !important;
  text-decoration:none;
}
header .nav > a.brand::before,
header .nav > a.brand::after {
  content:none !important;
  display:none !important;
  background:none !important;
}
header .nav .brand img.brand-monogram {
  display:block !important;
  width:55px !important;
  height:60px !important;
  min-width:55px;
  flex:0 0 60px;
  object-fit:contain;
  visibility:visible !important;
  opacity:1 !important;
}
header .nav .brand .brand-name {
  display:block;
  color:#fff !important;
  font:900 13px/1.25 Arial,Helvetica,sans-serif !important;
  letter-spacing:.12em;
  text-align:center;
  white-space:nowrap;
}
@media(max-width:1050px) {
  header .nav > a.brand { flex-basis:130px;width:130px; }
}
@media(max-width:900px) {
  header .nav > a.brand { flex-basis:126px;width:126px; }
  header .nav .brand img.brand-monogram {
    width:43px !important;height:46px !important;min-width:43px;flex-basis:46px;
  }
  header .nav .brand .brand-name { font-size:11px !important; }
}
@media(max-width:480px) {
  header .nav > a.brand { flex-basis:116px;width:116px; }
  header .nav .brand img.brand-monogram {
    width:40px !important;height:43px !important;min-width:40px;flex-basis:43px;
  }
  header .nav .brand .brand-name { font-size:10px !important;letter-spacing:.09em; }
}


/* Reliable mobile navigation, independent from the language selector.
   CSS uses explicit data-open state rather than depending on a generic nav rule. */
header .nav {position:relative}
header .nav > .menu {cursor:pointer;touch-action:manipulation;position:relative;z-index:65;min-height:42px}
header .nav > .menu.is-open {border-color:var(--accent);color:var(--accent)}
@media (max-width:900px) {
  header .nav > nav {
    display:none !important;
    position:absolute !important;
    top:calc(100% + 1px) !important;
    left:-20px !important;
    right:auto !important;
    width:calc(100% + 40px) !important;
    padding:12px 20px 18px !important;
    margin:0;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    background:#0b0b0b !important;
    border:1px solid #383028;
    border-top:1px solid #d18d2a;
    box-shadow:0 18px 36px rgba(0,0,0,.8);
    z-index:60 !important;
    max-height:calc(100dvh - 95px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  header .nav > nav.open,
  header .nav > nav[data-open="true"] {display:flex !important}
  header .nav > nav > a {
    display:block;
    width:100%;
    padding:14px 8px;
    color:#f0eee8;
    border-bottom:1px solid #27231f;
    font-size:.86rem;
    line-height:1.4;
    text-decoration:none;
  }
  header .nav > nav > a:last-child {border-bottom:0}
  header .nav > nav > a:focus-visible {outline:2px solid var(--accent);outline-offset:-2px}
}
@media (min-width:901px) {
  header .nav > nav {display:flex !important}
}


/* POST HUMAN responsive mobile menu, native <details> disclosure.
   Native HTML opens on iOS Safari without relying on JavaScript. */
header .nav > details.ph-mobile-menu {display:none}
@media (max-width:900px) {
  header {overflow:visible !important}
  header .nav {position:relative;isolation:isolate}
  header .nav > nav#site-primary-navigation {display:none !important}
  header .nav > button.menu {display:none !important}
  header .nav > details.ph-mobile-menu {
    display:block !important;
    flex:0 0 auto;
    margin-left:auto;
    align-self:center;
    z-index:70;
  }
  header .nav > details.ph-mobile-menu > summary {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    cursor:pointer;
    list-style:none;
    padding:11px 13px;
    min-height:44px;
    min-width:80px;
    border:1px solid #57432b;
    background:#11100f;
    color:#f5f0e7;
    font:800 .74rem/1.2 Arial,Helvetica,sans-serif;
    letter-spacing:.09em;
    user-select:none;
    -webkit-user-select:none;
    touch-action:manipulation;
  }
  header .nav > details.ph-mobile-menu > summary::-webkit-details-marker {display:none}
  header .nav > details.ph-mobile-menu > summary::marker {content:""}
  header .nav > details.ph-mobile-menu[open] > summary {border-color:#e69322;color:#ffb44f;background:#21170b}
  header .nav > details.ph-mobile-menu > summary .ph-menu-chevron {transition:transform .15s ease;font-size:1rem}
  header .nav > details.ph-mobile-menu[open] > summary .ph-menu-chevron {transform:rotate(180deg)}
  header .nav > details.ph-mobile-menu:not([open]) > .ph-mobile-links {display:none !important}
  header .nav > details.ph-mobile-menu[open] > .ph-mobile-links {
    display:flex !important;
    position:absolute !important;
    left:-20px !important;
    right:-20px !important;
    top:100% !important;
    width:calc(100% + 40px) !important;
    padding:8px 20px 16px !important;
    margin:0 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    background:#0b0b0b !important;
    border-top:1px solid #e69322;
    border-bottom:1px solid #494038;
    box-shadow:0 18px 36px rgba(0,0,0,.85);
    z-index:90 !important;
    max-height:calc(100dvh - 94px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  header .nav > details.ph-mobile-menu .ph-mobile-links > a {
    display:block;
    width:100%;
    padding:13px 8px;
    min-height:44px;
    color:#f5f0e7 !important;
    border-bottom:1px solid #2e2924;
    font:.85rem/1.5 Arial,Helvetica,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    text-decoration:none;
  }
  header .nav > details.ph-mobile-menu .ph-mobile-links > a:last-child {border-bottom:0}
  header .nav > details.ph-mobile-menu .ph-mobile-links > a:hover,
  header .nav > details.ph-mobile-menu .ph-mobile-links > a:focus-visible,
  header .nav > details.ph-mobile-menu .ph-mobile-links > a[aria-current="page"] {color:#f9b35b !important;outline-offset:-3px}
  header .nav > details.ph-mobile-menu > summary:focus-visible {outline:2px solid #e69322;outline-offset:2px}
  header .nav > .ph-language {margin-left:0;flex:0 0 auto}
}
@media (max-width:390px) {
  header .nav > details.ph-mobile-menu > summary {min-width:68px;padding:10px 8px;font-size:.69rem}
}
@media (min-width:901px) {
  header .nav > details.ph-mobile-menu {display:none !important}
}


/* Public POST HUMAN customer contact (free Google Voice number) */
.ph-support-contact {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:16px;padding:22px 0 25px;margin-top:17px;border-top:1px solid #44382b;
}
.ph-support-label{display:block;color:#efae56;font-size:.69rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.ph-support-contact p{margin:6px 0 0;max-width:630px;color:#c8bfb0;font-size:.83rem;line-height:1.6}
.ph-support-number {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:45px;padding:11px 17px;border:1px solid #b47729;
  color:#fff6e9!important;background:#1d150e;text-decoration:none!important;
  white-space:nowrap;font:800 1rem/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.035em;
}
.ph-support-number:hover,.ph-support-number:focus-visible{background:#39230f;border-color:#e69322}
.ph-store-contact{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;padding:16px 0}
.ph-store-contact p{margin:0;color:#c8bfb0;font-size:.85rem;line-height:1.55}
@media(max-width:480px){
  .ph-support-contact{align-items:stretch;flex-direction:column}
  .ph-support-number{width:100%}
  .ph-store-contact{align-items:stretch}
}


/* Reading Room discovery; keep the expanded navigation within desktop widths. */
header .nav>nav{gap:clamp(10px,1.5vw,23px)}header .nav>nav a{font-size:.73rem;letter-spacing:.12em}
.rr-cta{border-block:1px solid #5e4323;padding:36px 0;background:#151008}.rr-cta .wrap{display:flex;gap:30px;justify-content:space-between;align-items:center}.rr-cta h2{font:2rem Georgia,serif;margin:0 0 8px;color:#f0e5d2}.rr-cta p{color:#c5b49c;max-width:700px;margin:0}.rr-cta a{white-space:nowrap;border-bottom:1px solid #efa632;color:#efb25a;padding:8px 0}@media(max-width:600px){.rr-cta .wrap{display:block}.rr-cta a{display:inline-block;margin-top:20px}}