.v8-deeper{margin:20px 0;border:1px solid #516981;border-radius:8px;background:#102339;color:#e0e7ed}
.v8-deeper>summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:18px 24px;cursor:pointer;color:#f2d397;font:500 1.25rem/1.4 var(--display);border-bottom:3px solid #634e2d;border-radius:8px;background:linear-gradient(#243f59,#152c42);box-shadow:inset 0 1px #ffffff21}
.v8-deeper>summary::after{content:'+';font-family:var(--body);font-size:1.3rem;flex:none}
.v8-deeper[open]>summary::after{content:'−'}
.v8-deeper>summary::-webkit-details-marker{display:none}
.v8-deeper>summary:hover{background:#29445d}
.v8-deeper-body{padding:24px}
.v8-deeper-body>.record-feature{padding:0;border:0;background:transparent;box-shadow:none}
.v8-deeper-body h2,.v8-deeper-body h3,.v8-deeper-body strong{color:inherit}
.v8-deeper-body .section-label{position:static}
.v8-case-scale{border-left:3px solid #c8a769;padding:12px 20px;background:#11243a}
.v8 .role-buttons{display:flex;flex-wrap:wrap;gap:12px}
.v8 .role-buttons a{border:1px solid #c8a769;border-bottom:3px solid #69522c;border-radius:6px;padding:12px 16px;background:linear-gradient(#2b435c,#132a40);color:#f4e6c3;box-shadow:inset 0 1px #ffffff21;text-decoration:none}
.v8 .role-buttons a:hover{background:#314f6a}
@media(max-width:800px){.v8-deeper>summary{padding:16px;font-size:1.2rem}.v8-deeper-body{padding:16px}.v8-deeper-body .evidence-cases,.v8-deeper-body .record-list{grid-template-columns:1fr}.v8 .role-buttons a{max-width:100%}}
/* Beta 5: legibility, page rhythm, FAQ and working-style publication */
.v8 .v8-eyebrow { letter-spacing: .12em; }
.v8 .site-header .brand small,.v8 .brand-subtitle {font-size:clamp(.78rem,.9vw,.92rem);font-weight:600;letter-spacing:.02em;opacity:1}
.v8 .v8-section {padding-block:clamp(2.3rem,3.4vw,3.6rem)}
.v8 .v8-section + .v8-section {margin-top:0}
.v8 .v8-document h2 {color:#132945;}
.v8 .v8-document h3 {color:#253f5b;}
.v8 .v8-working-link { margin-block:2.2rem; background:#11243b; border:1px solid #627487; border-radius:15px; padding:clamp(1.25rem,2.2vw,2rem);display:flex; align-items:center;gap:1.2rem;justify-content:space-between;flex-wrap:wrap }
.v8 .v8-working-link h2 {color:#f8f1e5;margin:0 0 .3rem;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.5rem,2.4vw,2rem)}
.v8 .v8-working-link p {color:#e3e9ef;margin:0;max-width:56ch}
.v8 .v8-working-link > a {color:#f7d882;border:1px solid #d6ad46;border-radius:8px;padding:.78rem 1rem;display:inline-flex;white-space:nowrap;font-weight:650}
.v8 .v8-working-link > a:focus-visible {outline:3px solid #fff;outline-offset:3px}
.v8 .page-working-with-me main {padding-top:1.6rem;padding-bottom:3rem}
.v8 .page-working-with-me .v8-document {max-width:900px;margin-inline:auto}
.v8 .page-working-with-me h1 {font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.65rem,5vw,4.1rem);color:#fff;margin:.5rem 0 2rem}
.v8 .page-working-with-me h2 {margin:2.4rem 0 1rem;color:#efcf82;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.6rem,2.65vw,2.2rem)}
.v8 .page-working-with-me .v8-document p,.v8 .page-working-with-me .v8-document li {color:#e8edf3;line-height:1.8;font-size:1.08rem}
.v8 .page-working-with-me .v8-document blockquote {padding:.8rem 1.6rem;border-left:3px solid #d7af46;margin:1.6rem 0;background:#1c3148}
.v8 .page-working-with-me .v8-document blockquote p {color:#fff;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.48rem}
.v8 .page-working-with-me .v8-document a.v8-button {display:inline-block;margin-top:1rem;text-decoration:none}
.v8 .v8-faq {max-width:1050px;margin-inline:auto;padding-block:2.5rem 3.5rem}
.v8 .v8-faq h1 {font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.5rem,4vw,3.8rem)}
.v8 .v8-faq-list {margin:2rem 0 3rem;display:grid;gap:.8rem}
.v8 .v8-faq-item {border:1px solid #bac6d0;border-radius:9px;background:#fff;overflow:hidden}
.v8 .v8-faq-item summary {cursor:pointer;color:#142c47;font-weight:680;padding:1.1rem 1.4rem;line-height:1.4}
.v8 .v8-faq-item summary:hover {background:#edf2f6}
.v8 .v8-faq-item summary:focus-visible {outline:3px solid #b98518;outline-offset:-4px}
.v8 .v8-faq-answer {border-top:1px solid #d9e0e8;padding:1.2rem 1.4rem;color:#263a4d}
.v8 .v8-faq-answer p {margin:.2rem 0 1rem;line-height:1.65}
.v8 .v8-faq-answer li {margin:.3rem 0}
.v8 .v8-role-dates,.v8 .v8-beta5-evidence {border-left:3px solid #b39044;padding:.65rem .95rem;background:rgba(205,188,143,.11);margin-block:1rem}
@media(max-width:860px) {.v8 .primary-nav ul {flex-wrap:wrap;gap:.35rem .85rem}.v8 .v8-working-link {display:block}.v8 .v8-working-link >a {margin-top:1rem}}
/* Final visual correction: the global canvas is navy, not pale. */
.v8 .v8-document h2 {color:#f4e9d9}
.v8 .v8-document h3 {color:#e5c886}
.v8.page-working-with-me main {padding-top:1.4rem;padding-bottom:3rem}
.v8.page-working-with-me .v8-document {max-width:900px;margin-inline:auto}
.v8.page-working-with-me .v8-document h1 {font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.65rem,5vw,4.1rem);color:#fff;margin:.5rem 0 2rem}
.v8.page-working-with-me .v8-document h2 {margin:2.3rem 0 1rem;padding-top:1.4rem;color:#efcf82;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.7rem,2.65vw,2.2rem)}
.v8.page-working-with-me .v8-document p,.v8.page-working-with-me .v8-document li {color:#e8edf3;line-height:1.8;font-size:1.08rem}
.v8.page-working-with-me .v8-document blockquote {padding:.8rem 1.4rem;border-left:3px solid #d7af46;margin:1.6rem 0;background:#1c3148}
.v8.page-working-with-me .v8-document blockquote p {color:#fff;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.45rem}
.v8.page-working-with-me .v8-document a.v8-button {display:inline-block;margin-top:1rem;text-decoration:none}
.v8 .nav-signature {font-size:1.02rem;font-weight:600;letter-spacing:.02em;color:#e6c77c}
.v8 .v8-home-hero {padding-bottom:22px}
@media(max-width:800px){.v8 .nav-signature {display:none}}

/* Beta 5 R1: 29 October user review. Gold identity; predictable navigation; compact rhythm. */
.v8 .v8-home-identity {display:flex;align-items:baseline;gap:.75rem 1.2rem;flex-wrap:wrap;margin-bottom:1.15rem!important;letter-spacing:0;text-transform:none}
.v8 .v8-home-name {font:600 clamp(1.95rem,3.2vw,2.65rem)/1.05 'Cormorant Garamond',Georgia,serif;color:#e9c979;letter-spacing:.005em}
.v8 .v8-home-postnominals {font:550 clamp(.9rem,1.15vw,1.04rem)/1.5 Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#e5c67b}
.v8 .nav-signature {font:500 clamp(1.22rem,1.8vw,1.48rem)/1.15 'Cormorant Garamond',Georgia,serif;letter-spacing:.012em;color:#edcc82;text-align:center;white-space:nowrap}
/* Restoring readable contrast to dark record and evidence fields; light document cards keep their own dark-text rules. */
.v8.page-record .record-feature .feature-grid p,
.v8.page-record .record-feature .feature-intro,
.v8.page-record .record-feature .record-feature-header p,
.v8.page-record .record-feature .case-grid p,
.v8.page-record .v8-deeper-body p,
.v8.page-record .v8-deeper-body li {color:#e6edf4!important;opacity:1}
.v8.page-record .record-feature .feature-grid h3 {color:#ecc879!important}
.v8.page-record .record-feature .feature-grid .meta,
.v8.page-record .record-feature .feature-grid .section-label {color:#e5ba67}
.v8.page-record .record-feature .feature-grid p {font-size:1rem;line-height:1.65}
.v8.page-evidence .evidence-key p,
.v8.page-evidence .evidence-note,
.v8.page-evidence .evidence-intro,
.v8.page-evidence .evidence-case dd {color:#e6edf3!important;opacity:1}
.v8.page-evidence .evidence-key span,
.v8.page-evidence .evidence-case dt {color:#edcb81!important}
/* Avoid overriding the high-contrast light cards and documents. */
.v8.page-evidence .document-card .document-note,
.v8.page-evidence .document-card .document-meta p {color:#35465a!important}
/* Contents must appear before the page has been read. */
.v8 .v8-toc-inline {padding:0;margin:0 0 1.4rem;width:100%}
.v8.page-working-with-me .v8-document {padding-top:.85rem}
.v8.page-working-with-me .v8-document h1 {margin-bottom:.95rem}
.v8.page-working-with-me .v8-toc-inline {padding:0 0 .85rem;margin:0}
.v8.page-working-with-me .v8-document h2 {margin-top:1.7rem;padding-top:.7rem}
/* Make the availability contents control visually part of the opening introduction. */
.v8.page-current-availability .availability-hero {padding:2.15rem 0 1.85rem}
.v8.page-current-availability .availability-hero-grid {gap:clamp(1.1rem,3vw,2.5rem)}
.v8.page-current-availability .availability-portrait {width:min(100%,245px)}
.v8.page-current-availability .v8-toc-hero {padding:.65rem 0 0;margin:0;width:100%;max-width:100%}
.v8.page-current-availability .v8-toc-hero summary {min-height:44px;padding:8px 15px}
.v8.page-current-availability .availability-status {padding:2.5rem 0}
/* The method page begins immediately after its modest hero, instead of another navy screen. */
.v8.page-philosophy .page-hero {padding:2.2rem 0 1.6rem}
.v8.page-philosophy .page-hero .v8-headline {margin-top:.6rem}
.v8.page-philosophy .page-hero .v8-intro {margin:1rem 0 .3rem}
.v8.page-philosophy .page-hero .v8-actions {margin:1.2rem 0 .35rem}
.v8.page-philosophy .v8-toc {padding:1rem 0 .3rem}
.v8.page-philosophy .v8-document {padding-top:.5rem;padding-bottom:1.5rem}
.v8.page-philosophy .v8-document>h2:first-child {margin-top:.4rem;padding-top:1.2rem}
.v8.page-philosophy .v8-document>h2 {margin-top:2.5rem;padding-top:1.25rem}
.v8.page-philosophy .v8-diagram {margin:1.4rem 0}
.v8.page-philosophy .v8-cycle {margin:1.2rem 0}
/* Less generic unused blue at the start of the dated record, without flattening sections. */
.v8.page-record .page-hero,.v8.page-evidence .page-hero {padding:2.4rem 0 2rem}
.v8.page-record .page-hero p,.v8.page-evidence .page-hero p {margin-top:1rem}
.v8.page-record .v8-toc,.v8.page-evidence .v8-toc {padding:1rem 0 .25rem}
@media(max-width:800px){
 .v8 .site-header {padding-top:13px}
 .v8 .nav-row {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .6rem}
 .v8 .brand {grid-column:1;grid-row:1}
 .v8 .brand-logo {width:min(170px,42vw)!important;max-width:100%}
 .v8 .menu-button {grid-column:2;grid-row:1}
 .v8 .nav-signature {display:block;grid-column:1 / -1;grid-row:2;white-space:normal;font-size:1.08rem;margin:.12rem 0 .22rem;line-height:1.1}
 .v8 .signature-rule {margin-top:.3rem}
 .v8 .v8-home-name {font-size:2rem}
 .v8 .v8-home-postnominals {font-size:.88rem}
 .v8.page-current-availability .availability-hero {padding:1.5rem 0 1.1rem}
 .v8.page-current-availability .availability-hero-grid {gap:.85rem}
 .v8.page-current-availability .availability-portrait {width:min(48%,170px);justify-self:center;margin:.2rem auto}
 .v8.page-current-availability .availability-status {padding:1.75rem 0}
 .v8.page-philosophy .page-hero {padding:1.55rem 0 1.1rem}
 .v8.page-philosophy .v8-document>h2 {margin-top:1.9rem;padding-top:.8rem}
 .v8.page-record .page-hero,.v8.page-evidence .page-hero {padding:1.7rem 0 1.25rem}
}
/* Mobile availability is an appointment-status page, not a portrait gallery.
   The image remains on desktop; removing its duplicate mobile footprint saves a scroll. */
@media(max-width:800px){.v8.page-current-availability .availability-portrait{display:none}}
