/* SJK Labs editorial system. Presentation only; page markup and behaviour stay local. */
html:root {
  --paper: #dcebe6; --paper-light: #fff; --surface: #fff; --surface-strong: #fff;
  --card: #fff; --white: #fff; --cream: #fff;
  --ink: #16181b; --muted: #46564f; --grey: #46564f; --line: #8ca399;
  --accent: #173a32; --accent-mid: #255548; --accent-soft: #dcebe6; --accent-light: #dcebe6;
  --green: #173a32; --green-mid: #255548; --green-soft: #dcebe6;
  --amber: #e65020; --amber-mid: #bc3b12; --amber-soft: #fbe6dd; --amber-light: #fbe6dd;
  --orange: #e65020; --highlight: #f28a62; --mint: #b9ddd1;
  --oxblood: #173a32; --oxblood-mid: #255548; --oxblood-soft: #dcebe6;
  --wine: #173a32; --wine-mid: #255548; --wine-soft: #dcebe6;
  --terra: #e65020; --terra-mid: #bc3b12; --terra-light: #fbe6dd;
  --max: 1360px; --prose: 800px; --r: 0; --r2: 0;
  --sans: Arial, Helvetica, sans-serif; --mono: 'Courier New', monospace;
}
html { scroll-padding-top: 150px; }
body[data-sjk-theme] { margin: 0; background: #fff; color: #16181b; font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: visible; }
body[data-sjk-theme]::before { display: none; }
body[data-sjk-theme]:not([data-sjk-page="mirra-instagram"]) *,
body[data-sjk-theme]:not([data-sjk-page="mirra-instagram"]) *::before,
body[data-sjk-theme]:not([data-sjk-page="mirra-instagram"]) *::after { border-radius: 0 !important; box-shadow: none; }
body[data-sjk-theme] .container { width: 100%; max-width: 1360px; padding-inline: 32px; }
body[data-sjk-theme] img { max-width: 100%; }
body[data-sjk-theme] :is(a,button,input,textarea,select,summary):focus-visible { outline: 3px solid #e65020; outline-offset: 4px; }
body[data-sjk-theme] :is(h1,h2,h3,h4) { font-family: Arial, Helvetica, sans-serif; color: #173a32; text-wrap: balance; }
body[data-sjk-theme] h1 { max-width: 21ch; margin-bottom: 26px; font-size: clamp(42px, 5.35vw, 76px); font-weight: 900; line-height: .99; letter-spacing: -.067em; }
body[data-sjk-theme] h2 { font-size: clamp(29px, 3.3vw, 46px); font-weight: 800; line-height: 1.06; letter-spacing: -.052em; }
body[data-sjk-theme] h3 { font-size: 24px; font-weight: 800; line-height: 1.16; letter-spacing: -.035em; }
body[data-sjk-theme] :is(h1,h2) :is(em,.accent-amber,.accent-oxblood),
body[data-sjk-theme] :is(.avn-title,.ab-title) span { color: #e65020; font-style: normal; }
body[data-sjk-theme] p { color: #46564f; line-height: 1.65; }
body[data-sjk-theme] :is(.lead,.hero-sub,.hero-lead,.ab-lead,.avn-lead,.hero-deck,.lede) { color: #243e34; font-size: clamp(19px, 1.8vw, 24px); line-height: 1.45; }
body[data-sjk-theme] :is(.eyebrow,.hero-eyebrow,.section-eyebrow,.section-label,.section-kicker,.card-label,.term-label,.faq-label,.offer-card-label,.hero-card-label,.aside-label,.hero-side-label,.quiz-side-label,.founder-kicker,.ab-kicker,.avn-kicker,.tool-tag,.empty-badge,.result-eyebrow,.form-eyebrow,.quiz-eyebrow,.method-kicker,.chart-kicker,.featured-label,.related-label,.post-category,.step-label,.blog-label,.label,.type-label) {
  font-family: 'Courier New', monospace; font-size: 11px; line-height: 1.5; font-weight: 700; letter-spacing: .085em; text-transform: uppercase; color: #b43b16;
}
body[data-sjk-theme] :is(.eyebrow,.hero-eyebrow,.ab-kicker,.avn-kicker) { margin-bottom: 26px; }
body[data-sjk-theme] :is(.ab-kicker,.avn-kicker,.empty-badge) { background: #dcebe6; border: 1px solid #8ca399; padding: 8px 12px; }

/* A consistent masthead, retaining every original navigation destination. */
body[data-sjk-theme] > header,
body[data-sjk-page="authority"] > nav { top: 0; background: #fff; border-top: 7px solid #16181b; border-bottom: 1px solid #16181b; backdrop-filter: none; }
body[data-sjk-theme] > header > .container { max-width: none; padding-inline: 26px; }
body[data-sjk-theme] header :is(.nav,.topbar) { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 70px; padding-block: 13px; }
body[data-sjk-theme] header > .nav { max-width: none; margin: 0; padding-inline: 26px; }
body[data-sjk-theme] header .brand,
body[data-sjk-page="authority"] .logo { font-family: Arial, Helvetica, sans-serif; color: #16181b; font-size: 30px; font-weight: 900; letter-spacing: -.075em; line-height: 1; white-space: nowrap; text-decoration: none; }
body[data-sjk-theme] header .brand em,
body[data-sjk-page="authority"] .logo span { color: #173a32; }
body[data-sjk-theme] header nav { min-width: 0; gap: 5px; }
body[data-sjk-theme] header :is(nav a,.back),
body[data-sjk-page="authority"] .nav-links a { color: #16181b; font-family: 'Courier New', monospace; font-size: 12px; line-height: 1.4; padding: 8px 10px; }
body[data-sjk-theme] header nav :is(a:hover,a[aria-current="page"]) { color: #173a32; background: #dcebe6; }
body[data-sjk-theme] header .btn { flex-shrink: 0; white-space: normal; font-size: 12px; padding: 11px 14px; }
body[data-sjk-theme] .dropdown-menu { left: auto; right: 0; min-width: 240px; max-width: calc(100vw - 40px); padding: 8px; background: #fff; border: 1px solid #16181b; box-shadow: 5px 5px 0 #b9ddd1; }
body[data-sjk-theme] .dropdown-menu a { white-space: normal; }

/* Original controls keep their elements, attributes, event handlers and states. */
body[data-sjk-theme] :is(.btn,.btn-quiz,.btn-terra,.nav-cta,.submit-btn,.pkg-cta,.btn-quiz-pop) { min-height: 44px; border: 1px solid #173a32; padding: 13px 18px; font-family: 'Courier New', monospace; font-size: 13px; font-weight: 700; line-height: 1.35; text-decoration: none; white-space: normal; text-align: center; }
body[data-sjk-theme] :is(.btn-green,.btn-amber,.btn-oxblood,.btn-primary,.btn-secondary,.btn-dark,.btn-accent,.btn-terra,.nav-cta,.submit-btn,.btn-quiz-pop) { background: #e65020; border-color: #e65020; color: #fff; }
body[data-sjk-theme] :is(.btn-green,.btn-amber,.btn-oxblood,.btn-primary,.btn-secondary,.btn-dark,.btn-accent,.btn-terra,.nav-cta,.submit-btn,.btn-quiz-pop):hover { background: #173a32; border-color: #173a32; color: #fff; filter: none; }
body[data-sjk-theme] :is(.btn-ghost,.btn-outline,.btn-light,.btn-white,.btn-white-ghost,.btn-outline-light) { color: #173a32; background: #fff; border-color: #173a32; }
body[data-sjk-theme] :is(.btn-ghost,.btn-outline,.btn-light,.btn-white,.btn-white-ghost,.btn-outline-light):hover { background: #dcebe6; color: #173a32; }
body[data-sjk-theme] :is(.hero-actions,.hero .cta-actions,.ab-actions,.avn-actions) { gap: 16px; margin-top: 30px; }
body[data-sjk-theme] :is(.hero-actions,.ab-actions,.avn-actions) :is(.btn-green,.btn-amber,.btn-quiz-pop) { box-shadow: 5px 5px 0 #173a32; }
body[data-sjk-theme] :is(.tiny-link,.inline-link,.top-link,.card-cta,.podcast-link,.jump-links a) { color: #173a32; text-underline-offset: 5px; }
body[data-sjk-theme] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),textarea,select) { min-width: 0; max-width: 100%; min-height: 48px; padding: 13px 14px; border: 1px solid #668578; background: #fff; color: #16181b; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
body[data-sjk-theme] :is(.field label,.field-label) { font-family: 'Courier New', monospace; color: #173a32; font-size: 11px; font-weight: 700; letter-spacing: .045em; line-height: 1.5; }
body[data-sjk-theme] :is(.hint,.field-hint,.form-note,.status) { font-size: 13px; color: #46564f; }
body[data-sjk-theme] .status.error { color: #a82d12; }
body[data-sjk-theme] :is(.toggle-btn.active-amber,.toggle-btn.active-green,.toggle-btn.active-oxblood) { background: #173a32; color: #fff; }
body[data-sjk-theme] .toggle-btn { padding: 12px 20px; font-family: 'Courier New', monospace; font-size: 13px; line-height: 1.4; }
body[data-sjk-theme] .show-toggle { background: #dcebe6; border: 1px solid #173a32; }
body[data-sjk-theme] :is(.option,.result-card,.success-msg) { border-color: #8ca399; }
body[data-sjk-theme] :is(.option.selected-amber,.option.selected-green) { border: 2px solid #173a32; background: #dcebe6; }
body[data-sjk-theme] :is(.option.selected-amber,.option.selected-green) .option-letter { background: #173a32; color: #fff; }

/* Open, white editorial introductions with a mint evidence column. */
body[data-sjk-theme] :is(.hero,.article-hero,.ab-hero,.avn-hero) { padding: 64px 0; background: #fff; border-bottom: 1px solid #16181b; text-align: left; }
body[data-sjk-theme] :is(.hero-grid,.hero-inner,.ab-hero-grid,.avn-hero-grid) { gap: 44px; align-items: start; }
body[data-sjk-theme] :is(.hero-shell,.hero-panel) { background: #fff; border: 1px solid #173a32; color: #173a32; padding: 38px; }
body[data-sjk-theme] :is(.hero-panel,.hero-shell) :is(h1,h2,h3,p,strong,.hero-kicker,.hero-deck,.hero-title) { color: #173a32; }
body[data-sjk-theme] :is(.hero-note,.hero-card,.hero-side,.hero-aside,.intro-panel) { padding: 30px; background: #dcebe6; border: 1px solid #173a32; border-top: 6px solid #173a32; }
body[data-sjk-theme] :is(.hero-note,.hero-card,.hero-side,.hero-aside,.intro-panel) :is(h2,h3) { font-size: 30px; line-height: 1.05; }
body[data-sjk-theme] :is(.hero-note,.hero-card,.hero-side,.hero-aside,.intro-panel) :is(p,li,strong) { color: #243e34; }
body[data-sjk-theme] .hero-note p { font-size: 16px; }
body[data-sjk-theme] :is(.hero-points span,.hero-highlight,.avn-chip,.ab-chip) { border: 1px solid #8ca399; background: #dcebe6; color: #173a32; }
body[data-sjk-theme] .hero-highlight { padding: 5px 9px; background: #f28a62; border: 0; }
body[data-sjk-theme] :is(.hero-panel,.hero-card,.hero-side,.hero-shell,.panel-empty-state,.window-panel,.quiz-panel-home,.quiz-panel-side,.layers-section,.score-aside,.quote-panel)::before,
body[data-sjk-theme] :is(.hero-panel,.hero-card,.hero-side,.hero-shell,.panel-empty-state,.window-panel,.quiz-panel-home,.quiz-panel-side,.layers-section,.score-aside,.quote-panel)::after { display: none; }
body[data-sjk-theme] .hero-orbits { display: none; }
body[data-sjk-theme] :is(.hero-stats,.hero-stat-list) { background: #dcebe6; border-top: 1px solid #173a32; }
body[data-sjk-theme] :is(.stat-value,.hero-stat-item strong,.stat strong) { color: #173a32; font-weight: 900; letter-spacing: -.065em; }
body[data-sjk-theme] :is(.stat-label,.hero-stat-item span) { color: #173a32; font-family: 'Courier New', monospace; }
body[data-sjk-theme] main > section:not(:is(.hero,.ab-hero,.avn-hero,.article-hero)) { padding: 58px 0; }
body[data-sjk-theme] main > section + section { border-top: 1px solid #8ca399; }
body[data-sjk-theme] .section-head { margin-bottom: 30px; }
body[data-sjk-theme] .prose { max-width: 800px; }
body[data-sjk-theme] .prose > h2 { margin-top: 44px; margin-bottom: 22px; }
body[data-sjk-theme] .prose > :is(ul,ol) { margin-block: 22px; }
body[data-sjk-theme] .article-body { padding-top: 46px; }

/* Shared evidence, service and article components. */
body[data-sjk-theme] :is(.card,.hero-card,.post-card,.topic-card,.term-card,.journey-card,.proof-card,.faq-item,.offer-card,.offer-step,.outcome-card,.problem-card,.ladder-card,.blog-card,.about-card,.quote-card,.note-card,.metric-card,.chart-card,.snapshot-card,.method-card,.category-card,.score-item,.ab-card,.ab-band-card,.ab-step,.avn-layer,.avn-outcome,.avn-step,.engagement,.addon,.pricing-tier,.meta-card,.panel,.panel-block,.result-header,.score-chip,.window-panel,.window-card,.truth-card,.pkg-card,.podcast-card,.answer-item,.token-card,.usage-card,.voice-card,.sample-card) {
  background: #fff; border-color: #8ca399; box-shadow: none;
}
body[data-sjk-theme] :is(.grid-2,.grid-3,.offer-grid,.offer-steps,.journey-grid,.card-grid,.post-grid,.topic-grid,.ab-grid,.ab-steps,.avn-layer-grid,.avn-timeline,.avn-outcomes) { gap: 18px; }
body[data-sjk-theme] :is(.card,.post-card,.topic-card,.offer-card,.term-card,.proof-card,.faq-item,.engagement,.ab-card,.avn-layer,.avn-outcome) { padding: 28px; border: 1px solid #8ca399; }
body[data-sjk-theme] :is(.card,.hero-card,.post-card,.topic-card,.term-card,.proof-card,.offer-card,.faq-item,.panel,.panel-block,.engagement,.ab-card,.avn-layer,.avn-outcome,.method-card,.meta-card,.pricing-tier,.pkg-card,.podcast-card,.sample-card,.usage-card,.voice-card) :is(h2,h3) { font-size: 27px; line-height: 1.12; }
body[data-sjk-theme] :is(.card,.post-card,.topic-card,.offer-card,.term-card,.proof-card,.faq-item,.engagement,.ab-card,.avn-layer,.avn-outcome) :is(p,li) { color: #46564f; }
body[data-sjk-theme] :is(.wide-panel,.method-panel,.quiz-panel-home,.offer-callout,.signal-box,.callout,.pull-quote,.scope-box,.related,.ab-warning,.avn-note,.note,.quiz-meta,.who-col--for,.who-col--not,.narrative-card,.panel-empty-state,.window-panel) { background: #dcebe6; border: 1px solid #8ca399; padding: 30px; }
body[data-sjk-theme] :is(.quote-card,.pull-quote,.callout,.scope-box) { border-left: 0; border-top: 5px solid #e65020; }
body[data-sjk-theme] :is(.card-num,.finding-num,.timeline-num,.journey-step,.offer-step-num,.ab-step-num,.avn-step-num,.num,.layer-num) { color: #b43b16; font-family: 'Courier New', monospace; }
body[data-sjk-theme] :is(.ab-stat-num,.avn-stat-num) { font-family: Arial, Helvetica, sans-serif; }
body[data-sjk-theme] :is(.card:hover,.post-card:hover,.topic-card:hover) { border-color: #173a32; background: #f0f6f3; box-shadow: none; }
body[data-sjk-theme] .featured { background: #dcebe6; border: 1px solid #173a32; }
body[data-sjk-theme] .featured-main { background: #173a32; }
body[data-sjk-theme] .featured-main :is(h2,h3,p,.featured-label,.meta,a) { color: #fff; }
body[data-sjk-theme] .featured-side { background: #dcebe6; }
body[data-sjk-theme] .bar-track,
body[data-sjk-theme] .platform-track { background: #dcebe6; }
body[data-sjk-theme] :is(.bar-fill,.platform-fill,.progress-fill) { background: #173a32; }
body[data-sjk-theme] .platform-fill { background: #173a32 !important; }
body[data-sjk-theme] .platform-bar:nth-child(4) .platform-fill { background: #e65020 !important; }
body[data-sjk-theme] :is(.bar-fill.amber,.fill-amber) { background: #e65020; }
body[data-sjk-theme] .table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid #173a32; }
body[data-sjk-theme] table { background: #fff; }
body[data-sjk-theme] th { background: #dcebe6; color: #173a32; font-family: 'Courier New', monospace; }

/* Intentional dark panels always carry a complete contrasting text palette. */
body[data-sjk-theme] :is(.avn-panel,.ab-panel,.method-side,.quiz-panel-side,.pricing-tier--featured,.avn-upsell,.proof-card.nbft,.proof-card.doom,.score-display,.cta-card,.cta-panel,.dark-band,.pkg-card.featured,.cta-section) { background: #173a32; color: #fff; border: 1px solid #173a32; }
body[data-sjk-theme] :is(.avn-panel,.ab-panel,.method-side,.quiz-panel-side,.pricing-tier--featured,.avn-upsell,.proof-card.nbft,.proof-card.doom,.score-display,.cta-card,.cta-panel,.dark-band,.pkg-card.featured,.cta-section) :is(h1,h2,h3,h4,p,li,strong,small,.card-label,.hero-card-label,.pricing-tier-label,.pricing-tier-note,.pricing-tier-price,.ab-stat-copy,.avn-stat-copy,.ab-stat-num,.avn-stat-num,.section-eyebrow,.pkg-number,.pkg-name,.pkg-price,.pkg-desc,.pkg-note,.eyebrow) { color: #fff; }
body[data-sjk-theme] :is(.avn-panel,.ab-panel,.method-side,.quiz-panel-side,.pricing-tier--featured,.avn-upsell,.proof-card.nbft,.proof-card.doom,.cta-card,.cta-panel,.dark-band,.cta-section) :is(.card-label,.eyebrow,.section-eyebrow,.hero-card-label) { color: #f28a62; }
body[data-sjk-theme] :is(.avn-stat,.ab-stat,.avn-upsell-card) { background: #255548; border: 1px solid #8ca399; }
body[data-sjk-theme] :is(.cta-panel,.cta-card,.dark-band,.cta-section) :is(.btn-green,.btn-amber,.btn-terra) { color: #16181b; background: #f28a62; border-color: #f28a62; }
body[data-sjk-theme] :is(.cta-panel,.cta-card,.dark-band,.cta-section) :is(.btn-light,.btn-white,.btn-white-ghost,.btn-ghost,.btn-outline-light) { background: #fff; color: #173a32; border-color: #fff; }
body[data-sjk-theme] .proof-card:is(.doom,.nbft) a { color: #fff; }
body[data-sjk-theme] :is(.cta-panel,.cta-card) { padding: 36px; }
body[data-sjk-theme] footer { border-top: 1px solid #16181b; background: #fff; color: #173a32; padding-block: 30px; }
body[data-sjk-theme] footer :is(p,a,.foot,.foot-links,.footer-note) { color: #46564f; font-size: 13px; }
body[data-sjk-theme] .foot-links { gap: 18px; }

/* Page families. */
body[data-sjk-theme] .hero :is(.hero-card,.hero-note,.hero-side,.hero-aside) { background: #dcebe6; border-color: #173a32; }
body[data-sjk-theme] .hero :is(.hero-card,.hero-note,.hero-side,.hero-aside) :is(h2,h3,p) { max-width: none; }
body[data-sjk-theme] .article-body .callout { background: #173a32; border-color: #173a32; border-top: 5px solid #e65020; }
body[data-sjk-theme] .article-body .callout :is(h2,h3,p,a,strong) { color: #fff; }
body[data-sjk-theme] .article-body .callout a.btn { background: #e65020; border-color: #e65020; color: #fff; }
body[data-sjk-page="authority"] .article :is(strong,li) { color: #173a32; }
body[data-sjk-page="authority"] .article .cta strong { color: #fff; }
body[data-sjk-theme] footer strong { color: #173a32; }
body[data-sjk-theme] .cta-panel :is(.btn-ghost,.btn-light,.btn-white,.btn-white-ghost,.btn-outline-light) { color: #173a32 !important; background: #fff; }
body[data-sjk-page="about"] .hero-grid { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); }
body[data-sjk-page="about"] .hero-copy { order: 0; }
body[data-sjk-page="about"] .founder-card { order: 1; background: #dcebe6; border: 1px solid #173a32; padding: 28px; }
body[data-sjk-page="about"] .founder-card > img { width: 100%; height: 330px; object-fit: cover; object-position: center 30%; filter: grayscale(1); margin-bottom: 24px; }
body[data-sjk-page="about"] .founder-card h2 { font-size: 38px; }
body[data-sjk-page="about"] .coverage-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
body[data-sjk-page="about"] .coverage-logo { max-height: 42px; width: 100%; object-fit: contain; }
body[data-sjk-page="coverage"] .hero-panel { background: #173a32; border-top: 6px solid #e65020; padding: 32px; }
body[data-sjk-page="coverage"] .hero-panel :is(.hero-panel-quote,.hero-panel-attr,em) { color: #fff; }
body[data-sjk-page="coverage"] .hero-panel-quote { font-family: Arial, Helvetica, sans-serif; font-size: 34px; letter-spacing: -.04em; line-height: 1.15; }
body[data-sjk-page="coverage"] .section-title { color: #173a32; font-size: clamp(30px,3.5vw,48px); font-weight: 800; letter-spacing: -.05em; }
body[data-sjk-page="coverage"] .card { padding: 26px; }
body[data-sjk-page="coverage"] .card-headline { color: #173a32; }
body[data-sjk-page="coverage"] .card-cta { font-family: 'Courier New',monospace; }
body[data-sjk-page="for-you"] .card a { background: #e65020; color: #fff; font-family: 'Courier New',monospace; }
body[data-sjk-page="for-you"] .hero-side { background: #dcebe6; }
body[data-sjk-theme] .tool-layout { grid-template-columns: minmax(0,380px) minmax(0,1fr); }
body[data-sjk-theme] .tool-layout > .panel { border-top: 6px solid #173a32; background: #dcebe6; }
body[data-sjk-theme] .results-shell .panel { border-top: 6px solid #e65020; }
body[data-sjk-theme] .hero-public .hero-panel { border: 0; padding: 0; }
body[data-sjk-theme] .hero-public .hero-grid { grid-template-columns: minmax(0,1.15fr) minmax(0,.7fr); }
body[data-sjk-theme] .window-icon { background: #dcebe6; color: #173a32; }
body[data-sjk-theme] .window-panel { padding: 24px; }
body[data-sjk-theme] .window-card { padding: 24px; }
body[data-sjk-theme] .markdown-box { color: #173a32; background: #f0f6f3; border: 1px solid #8ca399; }
body[data-sjk-page="answers"] .answer-item { border-top: 1px solid #173a32; }
body[data-sjk-page="answers"] .jump-links a { background: #dcebe6; border: 1px solid #8ca399; font-family: 'Courier New',monospace; font-size: 12px; }
body[data-sjk-page="authority"] > nav { padding: 22px 26px; }
body[data-sjk-page="authority"] .article { max-width: 850px; padding: 64px 26px; }
body[data-sjk-page="authority"] .article h2 { margin-top: 42px; }
body[data-sjk-page="authority"] .box { border-top: 5px solid #e65020; background: #dcebe6; padding: 28px; }
body[data-sjk-page="authority"] .cta { background: #173a32; padding: 30px; }
body[data-sjk-page="authority"] .cta :is(h2,p) { color: #fff; }
body[data-sjk-page="authority"] .cta a { color: #fff; background: #e65020; }
body[data-sjk-page="privacy"] main .container,
body[data-sjk-page="terms"] main .container { max-width: 900px; }
body[data-sjk-page="privacy"] main h2,
body[data-sjk-page="terms"] main h2 { font-size: 30px; margin-top: 36px; }
body[data-sjk-page$="thank-you"] { background: #dcebe6; border-top: 7px solid #16181b; min-height: 100vh; }
body[data-sjk-page$="thank-you"] .panel { max-width: 820px; background: #fff; border: 1px solid #173a32; border-top: 6px solid #173a32; padding: 44px; }
body[data-sjk-page$="thank-you"] .btn-dark { background: #173a32; border-color: #173a32; color: #fff; }
body[data-sjk-page$="thank-you"] h1 { font-size: clamp(38px,5vw,58px); }
body[data-sjk-page="guest"] .container,
body[data-sjk-page="quiz"] > .container { max-width: 960px; }
body[data-sjk-page="guest"] .form-panel { background: #dcebe6; border: 1px solid #173a32; padding: 36px; margin-bottom: 48px; }
body[data-sjk-page="guest"] .form-header { padding-bottom: 24px; border-bottom: 1px solid #8ca399; margin-bottom: 28px; }
body[data-sjk-page="quiz"] .quiz-intro { text-align: left; border-bottom: 1px solid #173a32; padding-bottom: 40px; }
body[data-sjk-page="quiz"] .quiz-intro :is(h1,h2,p) { margin-left: 0; margin-right: 0; }
body[data-sjk-page="quiz"] .quiz-panel { padding-block: 26px; }
body[data-sjk-page="quiz"] .question-title { color: #173a32; font-size: 32px; letter-spacing: -.04em; }
body[data-sjk-page="quiz"] .option { background: #fff; border: 1px solid #173a32; }
body[data-sjk-page="quiz"] .email-gate { background: #dcebe6; padding: 30px; }
body[data-sjk-page="mirra"] .hero-photo img,
body[data-sjk-page="mirra"] .about-photo img { filter: grayscale(1); }
body[data-sjk-page="mirra"] .hero-photo { background: #dcebe6; }
body[data-sjk-page="mirra"] .hero-payoff { background: #f28a62; padding: 10px 14px; color: #16181b; font-family: 'Courier New',monospace; font-size: 20px; line-height: 1.35; }
body[data-sjk-page="mirra"] .pkg-card.featured .pkg-cta { background: #f28a62; color: #16181b; }
body[data-sjk-page="mirra"] :is(.problem-section,.packages-section,.podcasts-section,.about-section) { border-top: 1px solid #8ca399; }
body[data-sjk-page="mirra"] .about-section { background: #dcebe6; }
body[data-sjk-page="brand-toolkit"] .hero-card { background: #dcebe6; }
body[data-sjk-page="brand-toolkit"] .logo-lockup { background: #dcebe6; border: 1px solid #173a32; }
body[data-sjk-page="brand-toolkit"] .quote { background: #dcebe6; border-top: 5px solid #e65020; }
body[data-sjk-page="brand-toolkit"] :is(.grid-2 > div,.type-scale,.type-line) { min-width: 0; max-width: 100%; }
body[data-sjk-page="brand-toolkit"] .type-line > div { overflow-wrap: anywhere; }
/* The social tiles are existing artwork. Theme their gallery, retaining the artwork itself. */
body[data-sjk-page="mirra-instagram"] { background: #dcebe6; border-top: 7px solid #16181b; }
body[data-sjk-page="mirra-instagram"] .instructions { max-width: 1120px; margin: 32px auto; background: #fff; color: #173a32; border: 1px solid #173a32; padding: 28px; }
body[data-sjk-page="mirra-instagram"] .instructions h2 { color: #173a32; font-size: 32px; }

@media (max-width:1100px) {
  body[data-sjk-theme] header :is(.nav,.topbar) { flex-wrap: wrap; gap: 10px 20px; }
  body[data-sjk-theme] header nav { flex: 1 1 500px; }
  body[data-sjk-theme] header .btn { margin-left: auto; }
  body[data-sjk-theme] :is(.hero-grid,.hero-inner,.ab-hero-grid,.avn-hero-grid) { gap: 30px; }
  body[data-sjk-theme] :is(.avn-title,.ab-title) { font-size: 60px; }
  body[data-sjk-theme] :is(.offer-steps,.journey-grid,.avn-timeline,.ab-steps) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:960px) {
  body[data-sjk-theme] :is(.hero-grid,.hero-inner,.ab-hero-grid,.avn-hero-grid,.tool-layout,.hero-public .hero-grid),
  body[data-sjk-page="about"] .hero-grid { grid-template-columns: minmax(0,1fr); }
  body[data-sjk-theme] .hero :is(.hero-card,.hero-note,.hero-side,.hero-aside) { max-width: none; }
  body[data-sjk-page="about"] .founder-card { display: block; }
  body[data-sjk-page="about"] .founder-card > img { height: 420px; }
}
@media (max-width:700px) {
  html { scroll-padding-top: 180px; }
  body[data-sjk-theme] .container { padding-inline: 22px; }
  body[data-sjk-theme] > header > .container { padding-inline: 20px; }
  body[data-sjk-theme] header :is(.nav,.topbar) { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px 12px; padding-block: 15px; }
  body[data-sjk-theme] header .brand { font-size: 27px; }
  body[data-sjk-theme] header :is(.nav,.topbar) > nav { grid-column: 1 / -1; grid-row: 2; display: flex; flex-wrap: wrap; gap: 4px 6px; }
  body[data-sjk-theme] header :is(.nav,.topbar) > .btn { grid-column: 2; grid-row: 1; margin: 0; max-width: 190px; }
  body[data-sjk-theme] header nav a { padding: 7px 6px; font-size: 11px; white-space: normal; }
  body[data-sjk-theme] header .btn { padding: 10px 12px; font-size: 11px; }
  body[data-sjk-theme] :is(.hero,.article-hero,.ab-hero,.avn-hero) { padding: 40px 0; }
  body[data-sjk-theme] h1,
  body[data-sjk-theme] :is(.avn-title,.ab-title,.hero-title) { font-size: clamp(39px,8.8vw,58px); max-width: 20ch; letter-spacing: -.06em; }
  body[data-sjk-theme] h2 { font-size: 33px; }
  body[data-sjk-theme] :is(.lead,.hero-sub,.hero-lead,.ab-lead,.avn-lead,.hero-deck,.lede) { font-size: 20px; }
  body[data-sjk-theme] :is(.hero-shell,.hero-panel,.hero-card,.hero-note,.hero-side,.hero-aside) { padding: 24px; }
  body[data-sjk-theme] :is(.hero-actions,.hero .cta-actions,.ab-actions,.avn-actions) { gap: 16px; }
  body[data-sjk-theme] main > section:not(:is(.hero,.ab-hero,.avn-hero,.article-hero)) { padding: 40px 0; }
  body[data-sjk-theme] :is(.grid-2,.grid-3,.card-grid,.post-grid,.topic-grid,.cards-grid,.offer-grid,.ab-grid,.ab-band,.avn-layer-grid,.avn-outcomes,.meta-grid,.snapshot-grid,.chart-grid,.method-grid,.pricing,.packages-grid,.podcasts-grid,.ventures) { grid-template-columns: minmax(0,1fr); }
  body[data-sjk-theme] :is(.card,.post-card,.topic-card,.offer-card,.term-card,.proof-card,.faq-item,.engagement,.ab-card,.avn-layer,.avn-outcome,.panel,.cta-panel,.cta-card,.wide-panel,.method-panel,.quiz-panel-home,.offer-callout,.signal-box,.callout,.pull-quote,.scope-box,.related,.ab-warning,.avn-note,.note,.quiz-meta,.who-col--for,.who-col--not) { padding: 24px; }
  body[data-sjk-theme] :is(.hero .btn,.ab-actions .btn,.avn-actions .btn) { max-width: 100%; }
  body[data-sjk-theme] .hero-public .hero-panel { padding: 0; }
  body[data-sjk-theme] .tool-layout { gap: 26px; }
  body[data-sjk-theme] .window-card { flex-direction: column; gap: 15px; }
  body[data-sjk-theme] .window-panel { padding: 16px; }
  body[data-sjk-theme] .window-card { padding: 20px; }
  body[data-sjk-theme] .result-title { align-items: flex-start; flex-wrap: wrap; }
  body[data-sjk-page="guest"] .form-panel { padding: 22px; }
  body[data-sjk-page="guest"] .show-toggle,
  body[data-sjk-page="quiz"] .show-toggle { display: flex; width: 100%; }
  body[data-sjk-page="guest"] .toggle-btn,
  body[data-sjk-page="quiz"] .toggle-btn { flex: 1; padding: 12px 10px; font-size: 12px; }
  body[data-sjk-page="quiz"] .email-row { grid-template-columns: minmax(0,1fr); flex-wrap: wrap; }
  body[data-sjk-page="quiz"] .email-row input { width: 100%; }
  body[data-sjk-page="about"] .founder-card { padding: 24px; }
  body[data-sjk-page="about"] .founder-card > img { height: 340px; }
  body[data-sjk-page$="thank-you"] .panel { padding: 28px; }
  body[data-sjk-page$="thank-you"] .actions { align-items: stretch; flex-direction: column; }
  body[data-sjk-page="authority"] > nav { padding: 18px 20px; gap: 10px; flex-wrap: wrap; }
  body[data-sjk-page="authority"] .article { padding: 40px 22px; }
  body[data-sjk-page="mirra"] .nav-right { gap: 12px; }
  body[data-sjk-page="mirra"] .nav-cta { padding: 10px; font-size: 11px; }
  body[data-sjk-page="mirra-instagram"] { padding: 20px; }
  body[data-sjk-page="mirra-instagram"] .instructions { margin: 0 0 24px; }
  body[data-sjk-page="mirra-instagram"] .grid { display: flex; flex-direction: column; align-items: center; gap: 24px; }
  body[data-sjk-page="mirra-instagram"] .post { zoom: .6; }
}
@media (max-width:380px) {
  body[data-sjk-theme] header .btn { max-width: 155px; font-size: 10px; }
  body[data-sjk-theme] :is(.offer-steps,.journey-grid,.avn-timeline,.ab-steps,.score-grid,.token-grid,.usage-grid,.voice-grid) { grid-template-columns: minmax(0,1fr); }
  body[data-sjk-page="mirra-instagram"] .post { zoom: .5; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  body[data-sjk-theme] *,body[data-sjk-theme] *::before,body[data-sjk-theme] *::after { transition: none !important; }
}