/* V53: approved public design. No admin styles, matching or business logic. */
.atmosphere {
 --bg:#e5edf1;--surface:#fff;--surface-2:#e4edf1;--line:#cbdadf;
 --accent-text:#984c2d;--atmosphere-copper:#ae5734;
 --atmosphere-card-shade:0 7px 20px rgb(15 44 58 / .075);
}
[data-theme=dark] .atmosphere {
 --bg:#0d1c24;--surface:#142b36;--surface-2:#1d3946;--line:#345260;
 --accent-text:#e0a078;
 --atmosphere-card-shade:0 8px 22px rgb(0 0 0 / .16);
}
.atmosphere .site-header nav a {position:relative;font-weight:550}
.atmosphere .site-header nav a::after {content:'';position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--accent-text);transition:right .2s}
.atmosphere .site-header nav a:hover::after,.atmosphere .site-header nav a[aria-current]::after {right:0}
.atmosphere .eyebrow {font-size:.75rem;letter-spacing:.12em;font-weight:700}
.atmosphere .button {border-radius:5px;min-height:44px}
.atmosphere .button.copper:not(#random-book-button) {background:var(--atmosphere-copper);border-color:var(--atmosphere-copper);color:#fff!important}
.atmosphere .button.copper:not(#random-book-button):hover {background:#8d4328;border-color:#8d4328}
/* The photograph is intact. In light mode its left edge becomes a mineral title surface. */
.atmosphere.home-page .hero {background:#e7eef2;min-height:470px}
.atmosphere .hero::before {background:linear-gradient(90deg,#e7eef2 0%,#e7eef2 30%,rgb(231 238 242 / .96) 39%,rgb(231 238 242 / .1) 65%,rgb(7 25 34 / .17) 100%)}
.atmosphere .hero-layer img {filter:saturate(1.08);object-position:65% 50%}
.atmosphere .hero-inner {width:min(1280px,calc(100% - 80px));min-height:470px;padding:58px 0 86px;gap:24px}
.atmosphere .hero-copy {max-width:740px;position:relative}
.atmosphere .hero h1 {font-size:clamp(2.6rem,4.7vw,4.75rem);line-height:1.04;letter-spacing:-.045em;color:#102c39;max-width:19ch;margin-bottom:24px}
.atmosphere .hero h1 em {color:#a55231;text-decoration:underline;text-decoration-color:rgb(165 82 49 / .24);text-decoration-thickness:3px;text-underline-offset:8px}
.atmosphere .hero-copy>p {color:#354f5b;max-width:42ch;font-size:1.03rem;line-height:1.65;margin-bottom:26px}
.atmosphere .hero-aside {font-size:1.2rem;line-height:1.45;letter-spacing:-.015em;width:auto;max-width:230px;margin:0 0 6px;padding:16px 0 16px 22px;border-left:2px solid #cf835d;font-weight:650;color:#fff;text-shadow:0 1px 5px #06141a,0 0 16px #06141a}
.atmosphere .hero-aside span {display:block}
.atmosphere .hero-aside::after {content:none}
[data-theme=dark] .atmosphere.home-page .hero {background:#10232e}
[data-theme=dark] .atmosphere .hero::before {background:linear-gradient(90deg,#10232e 0%,#10232e 29%,rgb(16 35 46 / .96) 39%,rgb(16 35 46 / .18) 65%,rgb(7 25 34 / .25))}
[data-theme=dark] .atmosphere .hero h1 {color:#f3f7f8}
[data-theme=dark] .atmosphere .hero h1 em {color:#e8a482;text-decoration-color:rgb(232 164 130 / .3)}
[data-theme=dark] .atmosphere .hero-copy>p {color:#d4e2e7}
/* A white working surface with a more defined instrument area, rather than a dark app panel. */
.atmosphere .compass-section {margin-top:-34px;padding-bottom:42px}
.atmosphere .compass-panel {border:0;border-top:3px solid var(--accent-text);box-shadow:0 16px 38px rgb(16 39 51 / .1);padding:32px;border-radius:8px;background:var(--surface)}
.atmosphere .quiz-top h2 {font-size:1.4rem}
.atmosphere .quiz-top {padding-bottom:19px;border-color:var(--line)}
.atmosphere #quiz .question-header h3 {font-size:clamp(1.4rem,2.1vw,1.85rem);line-height:1.27;letter-spacing:-.035em}
.atmosphere #quiz progress::-webkit-progress-value {background:#24667a}
.atmosphere #quiz progress::-moz-progress-bar {background:#24667a}
.atmosphere #quiz .quiz-choice {background:var(--surface);border-color:var(--line);border-radius:7px}
.atmosphere #quiz .age-art,.atmosphere #quiz .mood-art {background:var(--surface-2);color:var(--accent-text)}
.atmosphere #quiz .quiz-choice:hover {border-color:#387286;background:var(--surface-2)}
.atmosphere #quiz .quiz-choice.selected {border-color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-text);background:var(--surface-2)}
.atmosphere .compass-visual {position:relative;border-left:0;border-radius:6px;background-color:#cfdee6;background-image:repeating-radial-gradient(circle at 50% 210px,transparent 0 38px,rgb(38 88 105 / .085) 39px,transparent 40px);padding:25px 24px}
[data-theme=dark] .atmosphere .compass-visual {background-color:#1b3947;background-image:repeating-radial-gradient(circle at 50% 210px,transparent 0 38px,rgb(170 204 217 / .075) 39px,transparent 40px)}
.atmosphere .compass-caption h3 {font-size:1.2rem;font-weight:700}
.atmosphere .compass-caption p {font-size:.9rem;color:var(--ink);opacity:.8}
.atmosphere .direction {color:var(--ink);font-weight:700}
.atmosphere #random-book-button {background:#d7a44d;border-color:#b8822e;color:#102733!important;min-height:48px;font-weight:750}
.atmosphere #random-book-button:hover {background:#e6b865;border-color:#b8822e}
/* New arrivals stay light: six real covers are the colour, with more space and presence. */
.atmosphere .newest-stage {background:#d3e1e7;border-block:1px solid #c9dce4}
[data-theme=dark] .atmosphere .newest-stage {background:#142d39;border-color:#304e5c}
.atmosphere .newest-section {padding-block:40px 44px}
.atmosphere .section-heading {align-items:flex-end;margin-bottom:30px}
.atmosphere .section-heading h2 {font-size:clamp(1.85rem,2.9vw,2.8rem);line-height:1.12;letter-spacing:-.04em;margin-top:7px}
.atmosphere .newest-section .section-heading h2 {color:var(--ink)}
.atmosphere .newest-section .section-heading p {font-size:.95rem;margin-bottom:0;color:var(--muted)}
.atmosphere .newest-grid {gap:24px}
.atmosphere .newest-card {grid-template-columns:118px minmax(0,1fr);gap:21px;padding:24px 22px;background:var(--surface);border:0;border-radius:7px;box-shadow:var(--atmosphere-card-shade);position:relative;align-items:start}
.atmosphere .newest-card .book-cover {width:100%;height:auto;border-radius:1px;box-shadow:4px 9px 16px rgb(0 0 0 / .22)}
.atmosphere .newest-card h3 {font-size:1.2rem;line-height:1.28;letter-spacing:-.02em;margin:12px 0 10px}
.atmosphere .newest-card .book-author {font-size:.875rem;margin-bottom:14px}
.atmosphere .newest-card .button {font-size:.82rem;margin-top:10px;border-color:#b6cbd5}
.atmosphere .newest-badge a {font-size:.68rem;color:var(--accent-text)}
.atmosphere .newest-all a {color:var(--ink)}
.atmosphere .tags a {font-size:.75rem;padding:4px 8px;border-radius:5px}
.atmosphere .recommendations {padding-block:42px 48px}
.atmosphere .before-results {background:var(--surface);border:0;border-left:3px solid var(--accent-text);padding:30px;box-shadow:var(--atmosphere-card-shade)}
.atmosphere .result-card {border:0;border-top:2px solid var(--accent-text);grid-template-columns:128px minmax(0,1fr);padding:24px 22px;gap:22px;box-shadow:var(--atmosphere-card-shade)}
.atmosphere .result-card h3 {font-size:1.3rem;line-height:1.28}
.atmosphere .match-value strong {font-size:1.9rem;color:var(--accent-text)}
.atmosphere .result-card .book-author {font-size:.875rem}
.atmosphere .result-card .match-value span {font-size:.8rem}
.atmosphere .result-card details {font-size:.875rem}
.atmosphere .profile-result h3 {font-size:clamp(1.6rem,2.4vw,2.3rem);letter-spacing:-.035em}
/* An editorial information strip, with breathing room instead of three dashboard boxes. */
.atmosphere .trust-section {background:var(--surface);padding-block:40px;border:0}
.atmosphere .trust-section>.container {display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,2fr);gap:12px 38px;align-items:center}
.atmosphere .trust-section>.container>.eyebrow {grid-column:1;grid-row:1;align-self:end}
.atmosphere .trust-section>.container>h2 {grid-column:1;grid-row:2;font-size:1.9rem;line-height:1.16;align-self:start;margin:0;max-width:20ch}
.atmosphere .trust-section .ux-three {grid-column:2;grid-row:1/span 2;gap:0}
.atmosphere .trust-section .ux-card {border:0;border-left:1px solid var(--line);background:none;box-shadow:none;border-radius:0;padding:5px 24px}
.atmosphere .trust-section .ux-card h3 {font-size:1.02rem;margin:12px 0 9px;line-height:1.3}
.atmosphere .trust-section .ux-card p {font-size:.875rem;line-height:1.6;margin:0}
.atmosphere .trust-section .ux-icon {color:var(--accent-text)}
.atmosphere .authors-teaser {background-image:linear-gradient(90deg,rgb(9 28 39 / .98) 10%,rgb(9 28 39 / .86) 52%,rgb(9 28 39 / .37)),url('/assets/images/hero/hero-night-figure-desktop-1440.avif');background-position:center;position:relative}
.atmosphere .teaser-inner {padding-block:58px;gap:48px}
.atmosphere .authors-teaser h2 {font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.045em}
.atmosphere .authors-teaser blockquote {font-size:1.18rem;line-height:1.55;border-left:2px solid #b77350}
/* All exported public subpages share a light masthead and a photograph at the right edge. */
.atmosphere .page-intro {position:relative;isolation:isolate;overflow:hidden;padding:40px 42px;margin-top:30px;margin-bottom:28px;min-height:250px;background:var(--surface);border-radius:6px;border-left:3px solid var(--accent-text);max-width:1360px}
.atmosphere .page-intro::after {content:'';position:absolute;z-index:-2;inset:0 0 0 52%;background:url('/assets/images/hero/hero-forest-silhouette-desktop-1440.avif') center/cover}
.atmosphere .page-intro::before {content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--surface) 0%,var(--surface) 47%,color-mix(in srgb,var(--surface) 92%,transparent) 57%,transparent 90%)}
.atmosphere .page-intro h1 {font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.045em;max-width:20ch;margin:12px 0 19px}
.atmosphere .page-intro>p {max-width:52ch;margin-bottom:0;font-size:1rem;line-height:1.65}
.atmosphere[data-intro-photo=hero-cabin-rain] .page-intro::after {background-image:url('/assets/images/hero/hero-cabin-rain-desktop-1440.avif')}
.atmosphere .catalog-layout {gap:30px}
.atmosphere .filter-panel {background:var(--surface);border:0;border-top:2px solid var(--accent-text);box-shadow:var(--atmosphere-card-shade)}
.atmosphere .catalog-card {border:0;grid-template-columns:130px minmax(0,1fr);background:var(--surface);padding:25px;gap:25px;box-shadow:var(--atmosphere-card-shade)}
.atmosphere .catalog-card h2 {font-size:1.4rem;line-height:1.2;letter-spacing:-.035em;margin-bottom:9px}
.atmosphere .catalog-card .book-author {font-size:.9rem;margin-bottom:14px}
.atmosphere .catalog-card img.book-cover {border-radius:1px;box-shadow:4px 9px 18px rgb(0 0 0 / .2)}
/* Cover-coloured stage, but white/mineral reading surfaces in light mode. */
.atmosphere.plus-cover-background {--ink:#102733;background:color-mix(in srgb,var(--page-cover-main,#365665) 18%,#e7eef2)}
[data-theme=dark] .atmosphere.plus-cover-background {--ink:#f3f7f8;background:color-mix(in srgb,var(--page-cover-main,#365665) 22%,#0d1c24)}
.atmosphere .book-page {padding-top:28px}
.atmosphere .book-page-plus .book-stage {border:0;border-radius:7px;padding:60px 60px 52px;gap:50px;background:linear-gradient(100deg,#f8fafb 0%,#f8fafb 35%,color-mix(in srgb,var(--stage-main) 18%,#f8fafb) 53%,var(--stage-main) 83%);box-shadow:0 14px 38px rgb(16 39 51 / .12)}
.atmosphere .book-stage-depth {background:linear-gradient(90deg,#f8fafb 0%,#f8fafb 32%,rgb(248 250 251 / .9) 47%,transparent 72%)}
.atmosphere .book-stage-abstraction {opacity:1;filter:saturate(1.25);mask-image:linear-gradient(90deg,transparent 20%,#000 66%);mix-blend-mode:multiply}
.atmosphere .book-page-plus .book-stage h1 {font-size:clamp(2.4rem,4.7vw,4.5rem);letter-spacing:-.05em;max-width:16ch;line-height:1.03}
.atmosphere .book-page-plus .book-stage .book-hero-cover {width:min(100%,290px);filter:drop-shadow(0 23px 20px rgb(5 15 21 / .35))}
.atmosphere .book-page-plus .book-stage .book-cover {transform:none;border-radius:1px;box-shadow:none;max-height:430px}
.atmosphere .book-page-plus .book-stage .book-hero-cover::before {content:none}
.atmosphere .book-page-plus .book-stage .detail-author {font-size:1.14rem;margin-bottom:16px}
.atmosphere .book-page-plus .book-stage .book-facts {font-size:.875rem}
.atmosphere .book-stage .book-hero-copy .tags a {font-size:.75rem}
[data-theme=dark] .atmosphere .book-page-plus .book-stage {background:linear-gradient(100deg,#112935 0%,#112935 33%,var(--stage-dark) 55%,var(--stage-main) 85%)}
[data-theme=dark] .atmosphere .book-stage-depth {background:linear-gradient(90deg,#112935 0%,#112935 32%,rgb(17 41 53 / .92) 47%,transparent 72%)}
[data-theme=dark] .atmosphere .book-stage-abstraction {mix-blend-mode:normal;opacity:.75}
[data-theme=dark] .atmosphere .book-page-plus .book-stage h1,[data-theme=dark] .atmosphere .book-page-plus .book-stage .detail-author,[data-theme=dark] .atmosphere .book-page-plus .book-stage .book-description {color:#f3f7f8}
.atmosphere .book-section-nav {gap:6px;padding:17px 0;margin:0 0 14px;border-bottom:1px solid var(--line)}
.atmosphere .book-section-nav a {font-size:.875rem;border-radius:4px}
.atmosphere .book-page-plus .book-editorial-intro {border:0;border-left:3px solid var(--accent-text);background:var(--surface);padding:32px 34px}
.atmosphere .book-page-plus .book-editorial-intro>h2 {font-size:clamp(1.65rem,2.8vw,2.2rem);line-height:1.15;letter-spacing:-.035em}
.atmosphere .book-page-plus .tension-portrait {background:var(--surface-2);border:0;padding:28px 30px;box-shadow:none}
.atmosphere .book-page-plus .tension-portrait h2 {font-size:1.6rem}
.atmosphere .book-page-plus .book-fit-panel,.atmosphere .book-page-plus .book-media-panel {border:0;background:var(--surface);box-shadow:var(--atmosphere-card-shade)}
.atmosphere .book-page-plus .book-side-column .author-panel {border:0;border-top:2px solid var(--accent-text);background:var(--surface);box-shadow:var(--atmosphere-card-shade)}
.atmosphere .book-page-plus .book-side-column>.details-card,.atmosphere .book-page-plus .book-main-column>.plus-sections>.profile-card {border:0;background:var(--surface);box-shadow:var(--atmosphere-card-shade)}
.atmosphere .book-page-plus .book-media-panel blockquote {position:relative;margin:22px 0;padding:18px 22px;border-left:2px solid var(--accent-text);background:var(--surface-2)}
.atmosphere .independence-note {border:0;border-top:2px solid var(--accent-text);background:var(--surface);padding:28px 32px;border-radius:6px}
.atmosphere .ux-package {border:0;box-shadow:var(--atmosphere-card-shade);background:var(--surface);padding:36px 38px}
.atmosphere .ux-package-plus {border-top:3px solid var(--accent-text);padding-top:33px}
.atmosphere .ux-package .price {font-size:2.8rem;letter-spacing:-.04em;color:var(--ink)}
.atmosphere .ux-package .price small {font-size:.875rem;letter-spacing:0}
.atmosphere .ux-package h2 {font-size:1.85rem;letter-spacing:-.035em}
.atmosphere .ux-packages {gap:26px}
.atmosphere .ux-steps .ux-card {border:0;border-top:2px solid var(--accent-text);box-shadow:none;background:var(--surface);border-radius:5px}
.atmosphere .ux-step-number {font-size:2rem;font-weight:700;letter-spacing:-.035em;color:var(--accent-text)}
.atmosphere .ux-statement {border-left:3px solid var(--accent-text);background:var(--surface);padding:34px 38px;border-radius:4px;margin-block:28px}
.atmosphere .ux-founder h1 {font-size:clamp(2.2rem,4.3vw,4rem);letter-spacing:-.04em;line-height:1.08}
.atmosphere .ux-cta {border:0;border-top:2px solid var(--accent-text);background:var(--surface);border-radius:4px}
.atmosphere .ux-compare-head {background:#173c4d;color:#fff}
.atmosphere .ux-compare [role=row]:not(.ux-compare-head):nth-child(odd) {background:var(--surface-2)}
@media(max-width:1100px) {
 .atmosphere .hero h1 {font-size:clamp(2.6rem,5.1vw,4rem)}
 .atmosphere .hero-copy {max-width:640px}
 .atmosphere .hero-aside {font-size:1rem;max-width:180px}
 .atmosphere .compass-panel {padding:26px}
 .atmosphere .newest-card {grid-template-columns:118px minmax(0,1fr)}
 .atmosphere .trust-section>.container {grid-template-columns:1fr;gap:12px}
 .atmosphere .trust-section>.container>.eyebrow,.atmosphere .trust-section>.container>h2,.atmosphere .trust-section .ux-three {grid-column:1;grid-row:auto}
 .atmosphere .trust-section>.container>h2 {max-width:none;margin-bottom:16px}
 .atmosphere .trust-section .ux-card:first-child {border-left:0;padding-left:0}
 .atmosphere .book-page-plus .book-stage {padding:42px 38px;gap:30px}
 .atmosphere .catalog-card {grid-template-columns:110px minmax(0,1fr);padding:22px;gap:20px}
}
@media(max-width:850px) {
 .atmosphere .hero h1 {font-size:3rem}
 .atmosphere .hero-inner {width:calc(100% - 40px);min-height:430px}
 .atmosphere .hero::before {background:linear-gradient(90deg,#e7eef2 0%,rgb(231 238 242 / .98) 30%,rgb(231 238 242 / .8) 55%,rgb(231 238 242 / .1))}
 [data-theme=dark] .atmosphere .hero::before {background:linear-gradient(90deg,#10232e 0%,rgb(16 35 46 / .98) 30%,rgb(16 35 46 / .8) 55%,rgb(16 35 46 / .1))}
 .atmosphere .page-intro {padding:30px;min-height:240px}
 .atmosphere .page-intro::before {background:linear-gradient(90deg,var(--surface),color-mix(in srgb,var(--surface) 94%,transparent) 58%,color-mix(in srgb,var(--surface) 65%,transparent))}
 .atmosphere .trust-section .ux-three {grid-template-columns:1fr}
 .atmosphere .trust-section .ux-card {display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;border-left:0;border-top:1px solid var(--line);padding:18px 0}
 .atmosphere .trust-section .ux-card:first-child {border-top:0}
 .atmosphere .trust-section .ux-icon {grid-row:1/3}
 .atmosphere .trust-section .ux-card h3 {margin:0 0 8px}
 .atmosphere .book-page-plus .book-stage {grid-template-columns:minmax(0,1.3fr) minmax(180px,.8fr);gap:25px;padding:34px}
 .atmosphere .book-page-plus .book-stage h1 {font-size:2.8rem}
}
@media(max-width:680px) {
 .atmosphere.home-page .hero {min-height:0}
 .atmosphere .hero-inner {width:calc(100% - 40px);padding:42px 0 48px;min-height:0}
 .atmosphere .hero h1 {font-size:clamp(2rem,8.7vw,2.85rem);max-width:18ch;line-height:1.05}
 .atmosphere .hero-copy>p {font-size:.96rem;max-width:35ch;line-height:1.6}
 .atmosphere .hero::before {background:linear-gradient(90deg,rgb(231 238 242 / .99) 0%,rgb(231 238 242 / .96) 40%,rgb(231 238 242 / .78) 75%,rgb(231 238 242 / .65))}
 [data-theme=dark] .atmosphere .hero::before {background:linear-gradient(90deg,rgb(16 35 46 / .99) 0%,rgb(16 35 46 / .95) 40%,rgb(16 35 46 / .7) 75%,rgb(16 35 46 / .5))}
 .atmosphere .compass-section {margin-top:-14px;padding-bottom:26px}
 .atmosphere .compass-panel {padding:21px 16px;border-top-width:2px}
 .atmosphere .quiz-top h2 {font-size:1.2rem}
 .atmosphere #quiz .question-header h3 {font-size:1.4rem}
 .atmosphere .compass-panel>.compass-visual,.atmosphere .compass-panel.has-results>.compass-visual {background-color:var(--surface-2);background-image:none;padding:23px 14px;border:0;border-radius:6px}
 .atmosphere .newest-section {padding-block:30px 32px}
 .atmosphere .newest-card {grid-template-columns:104px minmax(0,1fr);padding:22px 18px;gap:20px}
 .atmosphere .newest-card h3 {font-size:1.12rem;margin-top:10px}
 .atmosphere .section-heading h2 {font-size:1.95rem}
 .atmosphere .section-heading {margin-bottom:25px}
 .atmosphere .recommendations {padding-block:30px 32px}
 .atmosphere .result-card {grid-template-columns:100px minmax(0,1fr);padding:20px 16px;gap:18px}
 .atmosphere .result-card h3 {font-size:1.15rem}
 .atmosphere .match-value strong {font-size:1.6rem}
 .atmosphere .trust-section {padding-block:32px}
 .atmosphere .trust-section>.container>h2 {font-size:1.8rem}
 .atmosphere .teaser-inner {padding-block:38px}
 .atmosphere .authors-teaser h2 {font-size:2.3rem}
 .atmosphere .authors-teaser {background-image:linear-gradient(90deg,rgb(9 28 39 / .94),rgb(9 28 39 / .83)),url('/assets/images/hero/hero-night-figure-mobile-768.avif')}
 .atmosphere .page-intro {padding:26px 22px;margin-top:20px;margin-bottom:22px;min-height:0}
 .atmosphere .page-intro h1 {font-size:2.2rem;line-height:1.1;margin-bottom:16px;max-width:18ch}
 .atmosphere .page-intro>p {font-size:.96rem;line-height:1.6}
 .atmosphere .page-intro::after {inset:0 0 0 28%}
 .atmosphere .page-intro::before {background:linear-gradient(90deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 95%,transparent) 48%,color-mix(in srgb,var(--surface) 88%,transparent))}
 .atmosphere .catalog-layout {gap:18px}
 .atmosphere .catalog-card {grid-template-columns:92px minmax(0,1fr);padding:20px 16px;gap:18px}
 .atmosphere .catalog-card h2 {font-size:1.2rem;line-height:1.25}
 .atmosphere .book-page-plus .book-stage {grid-template-columns:minmax(0,1fr);grid-template-areas:'cover' 'copy';padding:30px 24px;gap:28px;background:linear-gradient(180deg,var(--stage-main) 0%,color-mix(in srgb,var(--stage-main) 32%,#f8fafb) 32%,#f8fafb 54%)}
 .atmosphere .book-stage-depth {background:linear-gradient(180deg,transparent 0%,rgb(248 250 251 / .1) 21%,#f8fafb 49%)}
 .atmosphere .book-stage-abstraction {mask-image:linear-gradient(180deg,#000 0%,#000 20%,transparent 48%);mix-blend-mode:multiply}
 .atmosphere .book-page-plus .book-stage .book-hero-cover {width:min(60%,200px)}
 .atmosphere .book-page-plus .book-stage h1 {font-size:2.45rem;max-width:17ch;line-height:1.03;margin-top:18px}
 .atmosphere .book-page-plus .book-stage .book-facts {font-size:.8rem}
 .atmosphere .book-page-plus .book-stage .detail-author {font-size:1.04rem}
 [data-theme=dark] .atmosphere .book-page-plus .book-stage {background:linear-gradient(180deg,var(--stage-main) 0%,var(--stage-dark) 30%,#112935 54%)}
 [data-theme=dark] .atmosphere .book-stage-depth {background:linear-gradient(180deg,transparent 0%,rgb(17 41 53 / .1) 21%,#112935 49%)}
 .atmosphere .book-page-plus .book-editorial-intro {padding:26px 24px}
 .atmosphere .book-page-plus .book-editorial-intro>h2 {font-size:1.6rem}
 .atmosphere .book-page-plus .tension-portrait {padding:24px 20px}
 .atmosphere .ux-package {padding:28px 25px}
 .atmosphere .ux-package-plus {padding-top:25px}
 .atmosphere .ux-package h2 {font-size:1.7rem}
 .atmosphere .ux-statement {padding:26px 22px}
 .atmosphere .ux-founder h1 {font-size:2.4rem}
}
@media(max-width:360px) {
 .atmosphere .newest-card,.atmosphere .catalog-card {grid-template-columns:82px minmax(0,1fr);gap:14px;padding:18px 14px}
 .atmosphere .result-card {grid-template-columns:78px minmax(0,1fr);gap:14px;padding:16px 12px}
 .atmosphere .book-page-plus .book-stage {padding:26px 18px}
 .atmosphere .book-page-plus .book-stage h1 {font-size:2.1rem}
}
@media(prefers-reduced-motion:reduce) {.atmosphere .site-header nav a::after {transition:none}}

/* Let the real photograph remain crisp; the title has its own light or dark surface. */
.atmosphere .hero .hero-layer {left:49%;width:51%}
.atmosphere .hero::before {background:linear-gradient(90deg,#e7eef2 0%,#e7eef2 49%,rgb(231 238 242 / .95) 53%,transparent 63%,rgb(7 25 34 / .16) 100%)}
[data-theme=dark] .atmosphere .hero::before {background:linear-gradient(90deg,#10232e 0%,#10232e 49%,rgb(16 35 46 / .96) 53%,transparent 63%,rgb(7 25 34 / .2) 100%)}
.atmosphere .hero-copy {width:57%}
.atmosphere .hero-aside {position:relative;z-index:1}
@media(min-width:681px) and (max-width:900px) {
 .atmosphere .header-inner {gap:16px}
 .atmosphere .site-header .brand {font-size:1.3rem;gap:8px}
 .atmosphere .site-header nav {gap:17px}
 .atmosphere .site-header nav a {font-size:.8rem}
 .atmosphere .catalog-layout {gap:18px}
}
@media(max-width:850px) {
 .atmosphere .hero-copy {width:66%}
 .atmosphere .hero::before {background:linear-gradient(90deg,#e7eef2 0%,#e7eef2 51%,rgb(231 238 242 / .94) 59%,transparent 80%)}
 [data-theme=dark] .atmosphere .hero::before {background:linear-gradient(90deg,#10232e 0%,#10232e 51%,rgb(16 35 46 / .94) 59%,transparent 80%)}
}
@media(max-width:680px) {
 .atmosphere .hero .hero-layer {left:0;width:100%;top:auto;bottom:0;height:130px}
 .atmosphere .hero-copy {width:100%}
 .atmosphere .hero-inner {padding-bottom:160px}
 .atmosphere .hero::before,[data-theme=dark] .atmosphere .hero::before {background:none}
 .atmosphere .hero-copy>p {max-width:none}
 .atmosphere .hero .stage-motion {background:#f5f8f9;color:#102733;border-color:#bdced6}
 [data-theme=dark] .atmosphere .hero .stage-motion {background:#10232e;color:#f3f7f8;border-color:#587482}
}
@media(min-width:681px) and (max-width:900px) {
 .atmosphere .menu-button {display:flex;margin-left:auto;order:2;width:38px;height:38px;border:1px solid var(--line);background:none;padding:9px;border-radius:5px;flex-direction:column;gap:5px;justify-content:center}
 .atmosphere .menu-button span {display:block;width:18px;height:1px;background:var(--ink)}
 .atmosphere .site-header nav {display:none;position:absolute;top:73px;left:0;width:100%;background:var(--surface);padding:18px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:18px}
 .atmosphere .site-header.menu-open nav {display:flex}
 .atmosphere .site-header nav a {font-size:1rem}
 .atmosphere .theme-picker {order:3;flex-shrink:0;margin-left:0}
 .atmosphere.home-page .site-header nav {background:#e7eef2}
 [data-theme=dark] .atmosphere.home-page .site-header nav {background:#10232e}
}
.atmosphere .catalog-results-header .catalog-display-details>summary {display:block;list-style:none;padding:7px 0 7px 8px}
.atmosphere .catalog-results-header .catalog-display-details>summary::-webkit-details-marker {display:none}
[data-theme=dark] .atmosphere .newest-card {background:#1c3945}

/* A stable header slot avoids layout jumps while the sticky bar contracts slightly. */
.public-header-slot {height:74px;position:sticky;top:0;z-index:60;pointer-events:none}
.atmosphere .site-header {height:74px;position:relative;top:auto;pointer-events:auto;transition:height .18s ease,background-color .18s ease,box-shadow .18s ease}
.atmosphere .site-header.is-scrolled {height:64px}
.atmosphere .site-header .brand {transition:font-size .18s ease}
.atmosphere .site-header.is-scrolled .brand {font-size:1.43rem}
.atmosphere .site-header .brand-mark {transition:width .18s ease,height .18s ease,flex-basis .18s ease}
.atmosphere .site-header.is-scrolled .brand-mark {width:32px;height:32px;flex-basis:32px}
.atmosphere .site-header nav {top:100%}
/* Real photos are selected by the existing route, never by replacing a cover or adding assets. */
.atmosphere:not([data-intro-photo]) .page-intro::before,
.atmosphere:not([data-intro-photo]) .page-intro::after {content:none}
.atmosphere[data-intro-photo] .page-intro::after {content:'';background-image:linear-gradient(rgb(7 23 32 / .3),rgb(7 23 32 / .3)),var(--intro-photo);background-position:center;background-size:cover}
.atmosphere[data-intro-photo=hero-night-bus] {--intro-photo:url('/assets/images/hero/hero-night-bus-desktop-1440.avif')}
.atmosphere[data-intro-photo=hero-cabin-rain] {--intro-photo:url('/assets/images/hero/hero-cabin-rain-desktop-1440.avif')}
.atmosphere[data-intro-photo=hero-blue-room] {--intro-photo:url('/assets/images/hero/hero-blue-room-desktop-1440.avif')}
.atmosphere[data-intro-photo=hero-forest-silhouette] {--intro-photo:url('/assets/images/hero/hero-forest-silhouette-desktop-1440.avif')}
.atmosphere[data-intro-photo=hero-masked-hood] {--intro-photo:url('/assets/images/hero/hero-masked-hood-desktop-1440.avif')}
.atmosphere[data-intro-photo] .page-intro::before {background:linear-gradient(90deg,var(--surface) 0%,var(--surface) 42%,color-mix(in srgb,var(--surface) 87%,transparent) 57%,transparent 86%)}
[data-theme=dark] .atmosphere[data-intro-photo] .page-intro::after {background-image:linear-gradient(rgb(7 23 32 / .38),rgb(7 23 32 / .38)),var(--intro-photo)}
@media(max-width:900px) {
 .atmosphere .site-header.is-scrolled .brand {font-size:1.2rem}
}
@media(max-width:850px) {
 .atmosphere[data-intro-photo] .page-intro::before {background:linear-gradient(90deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 96%,transparent) 43%,color-mix(in srgb,var(--surface) 78%,transparent) 69%,color-mix(in srgb,var(--surface) 33%,transparent))}
}
@media(max-width:680px) {
 .public-header-slot,.atmosphere .site-header {height:64px}
 .atmosphere .site-header.is-scrolled {height:58px}
 .atmosphere .site-header.is-scrolled .brand {font-size:1.08rem}
 .atmosphere .site-header.is-scrolled .brand-mark {width:26px;height:26px;flex-basis:26px}
 .atmosphere[data-intro-photo] .page-intro::before {background:linear-gradient(90deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 96%,transparent) 44%,color-mix(in srgb,var(--surface) 83%,transparent))}
 .atmosphere .page-intro::after {background-position:65% 50%}
}
@media(prefers-reduced-motion:reduce) {
 .atmosphere .site-header,.atmosphere .site-header .brand,.atmosphere .site-header .brand-mark {transition:none}
}

/* V54: full photographic opening; the public light surfaces continue below it. */
.atmosphere.home-page .hero {background:#122630}
.atmosphere.home-page .hero .hero-layer {inset:0;width:100%;height:100%}
.atmosphere.home-page .hero::before {background:linear-gradient(90deg,rgb(5 19 28 / .86) 0%,rgb(8 24 32 / .68) 43%,rgb(8 24 32 / .28) 78%,rgb(8 24 32 / .37))}
[data-theme=dark] .atmosphere.home-page .hero::before {background:linear-gradient(90deg,rgb(4 15 23 / .9),rgb(5 20 28 / .73) 43%,rgb(5 20 28 / .4) 80%)}
.atmosphere.home-page .hero h1 {color:#f5f8fa;text-shadow:0 2px 16px rgb(0 0 0 / .18)}
.atmosphere.home-page .hero h1 em {color:#f5f8fa;text-decoration-color:#c98460}
.atmosphere.home-page .hero-copy>p {color:#e6eff3}
.atmosphere.home-page .hero-copy {width:auto;max-width:740px}
.atmosphere.home-page .hero-inner {padding-block:58px 86px}
.atmosphere.home-page .hero .stage-motion {background:rgb(7 25 34 / .76);border-color:#8ea5b0;color:#f5f8fa}

/* Edge-to-edge split mastheads, with text aligned to the existing content grid. */
.atmosphere .page-intro,.atmosphere .ux-page .page-intro {width:100%;max-width:none;margin-top:0;border:0;border-radius:0;padding-inline:max(32px,calc((100% - 1280px)/2));box-shadow:inset 0 -1px 0 var(--line)}
.atmosphere .ux-founder {width:100%;max-width:none;margin-top:0;padding:48px max(32px,calc((100% - 1280px)/2));background:var(--surface);border-bottom:1px solid var(--line)}
.atmosphere .compass-scope {max-width:1120px;margin-block:32px;padding:0 0 26px;border-bottom:1px solid var(--line)}
.atmosphere .compass-scope h2 {font-size:clamp(1.7rem,2.5vw,2.3rem);letter-spacing:-.035em;margin-block:10px 18px}
.atmosphere .compass-scope p {max-width:82ch;line-height:1.7}

/* The book's cover-coloured stage docks directly to the header, without a card frame. */
.atmosphere .book-page {padding-top:0}
.atmosphere .book-page-plus .book-stage {width:100%;margin-top:0;border:0;border-radius:0;padding:54px max(40px,calc((100% - 1280px)/2));box-shadow:inset 0 -1px 0 var(--line)}
.atmosphere .book-page-basis .basis-hero {width:100%;max-width:none;margin-top:0;border-radius:0;padding:44px max(40px,calc((100% - 1280px)/2));background:var(--surface);border-bottom:1px solid var(--line)}
.atmosphere .book-page-content {padding-top:24px}
.atmosphere .book-back-link {display:inline-block;margin-bottom:6px;font-size:.875rem}
.atmosphere .book-page-plus .book-stage .book-hero-cover {width:min(100%,280px);filter:drop-shadow(0 12px 17px rgb(5 15 21 / .27))}
.atmosphere .book-page-plus .book-stage .book-cover {border:0;padding:0;background:transparent;border-radius:2px;box-shadow:0 0 0 1px rgb(255 255 255 / .15)}
.atmosphere .book-page-plus .book-stage-abstraction {inset:0;width:100%;height:100%;max-width:none;animation-name:atmosphere-cover-zoom;transform:scale(1);filter:saturate(1.15);transform-origin:75% 50%}
.atmosphere .book-stage[data-motion=running] .book-stage-abstraction {animation-play-state:running}
@keyframes atmosphere-cover-zoom {from {transform:scale(1)}to {transform:scale(1.045)}}
@media(max-width:850px) {
 .atmosphere.home-page .hero-copy {max-width:620px}
 .atmosphere.home-page .hero::before {background:linear-gradient(90deg,rgb(5 19 28 / .87),rgb(8 24 32 / .74) 58%,rgb(8 24 32 / .38))}
 .atmosphere .page-intro,.atmosphere .ux-page .page-intro {padding-inline:30px}
 .atmosphere .book-page-plus .book-stage {padding:38px 30px}
 .atmosphere .book-page-basis .basis-hero {padding:32px 30px}
}
@media(max-width:680px) {
 .atmosphere.home-page .hero .hero-layer {inset:0;width:100%;height:100%}
 .atmosphere.home-page .hero-inner {padding-block:48px 54px}
 .atmosphere.home-page .hero::before,[data-theme=dark] .atmosphere.home-page .hero::before {background:linear-gradient(90deg,rgb(5 19 28 / .88),rgb(8 24 32 / .74))}
 .atmosphere.home-page .hero-layer img {object-position:62% 50%}
 .atmosphere .page-intro,.atmosphere .ux-page .page-intro {padding:30px 20px;margin-top:0}
 .atmosphere .ux-founder {padding:30px 20px}
 .atmosphere .book-page-plus .book-stage {padding:52px 20px 30px}
 .atmosphere .book-page-basis .basis-hero {padding:30px 20px}
 .atmosphere .book-page-plus .book-stage .book-hero-cover {width:168px}
 .atmosphere .book-page-content {padding-top:20px}
}
@media(prefers-reduced-motion:reduce) {
 .atmosphere .book-page-plus .book-stage-abstraction {animation:none!important;transform:none!important}
}

/* V55: white comparison rows in light mode; the existing dark header remains. */
.atmosphere .ux-compare {background:#fff}
.atmosphere .ux-compare [role=row]:not(.ux-compare-head):nth-child(n) {background:#fff;color:#102733}
[data-theme=dark] .atmosphere .ux-compare {background:var(--surface)}
[data-theme=dark] .atmosphere .ux-compare [role=row]:not(.ux-compare-head):nth-child(n) {background:var(--surface);color:var(--ink)}
.atmosphere .compass-scope {max-width:1360px;padding:0 0 28px}
.atmosphere .ux-page .ux-packages,.atmosphere .ux-page .package-comparison {max-width:1360px}
.atmosphere .package-comparison>.ux-compare,.atmosphere .package-comparison>h2,.atmosphere .package-comparison>.package-media-note {max-width:none;width:100%}
.atmosphere .compass-scope .scope-intro {max-width:70ch;margin-bottom:26px}
.atmosphere .scope-spectrum {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0 0 26px;gap:0}
.atmosphere .scope-spectrum li {min-width:0;border-left:1px solid var(--line);padding:0 24px}
.atmosphere .scope-spectrum li:first-child {padding-left:0;border-left:0}
.atmosphere .scope-spectrum li:last-child {padding-right:0}
.atmosphere .scope-icon {display:block;width:28px;height:28px;color:var(--accent-text);margin-bottom:12px}
.atmosphere .scope-icon svg {width:100%;height:100%}
.atmosphere .scope-spectrum h3 {font-size:1rem;margin:0 0 8px;line-height:1.35}
.atmosphere .scope-spectrum p {font-size:.9rem;line-height:1.6;margin:0;max-width:26ch}
.atmosphere .compass-scope .scope-note {max-width:none;margin:0;padding-top:18px;border-top:1px solid var(--line);font-size:.9rem;line-height:1.65;color:var(--muted)}

/* A clear split keeps the photograph free of a white wash. */
.atmosphere[data-intro-photo] .page-intro::before {inset:0 48% 0 0;background:var(--surface)}
.atmosphere[data-intro-photo] .page-intro::after {inset:0 0 0 52%;background-image:linear-gradient(rgb(7 23 32 / .3),rgb(7 23 32 / .3)),var(--intro-photo)}
[data-theme=dark] .atmosphere[data-intro-photo] .page-intro::after {background-image:linear-gradient(rgb(7 23 32 / .38),rgb(7 23 32 / .38)),var(--intro-photo)}
.atmosphere[data-intro-photo] .page-intro>h1 {max-width:min(20ch,46%)}
.atmosphere[data-intro-photo] .page-intro>p {max-width:min(52ch,45%)}

/* Existing cover-detail files fill the image half, avoiding full-screen enlargement. */
.atmosphere .book-page-plus .book-stage-abstraction {inset:0 0 0 48%;width:52%;height:100%;mask-image:none;object-position:center;transform-origin:center;filter:saturate(1.1)}
.atmosphere .book-page-plus .book-stage .book-hero-cover {padding:4px;border:1px solid #5b7480;background:rgb(246 249 250 / .85);border-radius:4px;filter:drop-shadow(0 10px 16px rgb(5 15 21 / .2));box-sizing:border-box}
.atmosphere .book-page-plus .book-stage .book-hero-cover .book-cover {border:0;padding:0;border-radius:1px;box-shadow:none}
[data-theme=dark] .atmosphere .book-page-plus .book-stage .book-hero-cover {border-color:#a1b4be;background:rgb(14 32 43 / .9)}
@keyframes atmosphere-cover-zoom {from {transform:scale(1)}to {transform:scale(1.025)}}
@media(max-width:850px) {
 .atmosphere .scope-spectrum {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}
 .atmosphere .scope-spectrum li:nth-child(odd) {padding-left:0;border-left:0}
 .atmosphere .scope-spectrum li:nth-child(even) {padding-right:0}
}
@media(max-width:680px) {
 .atmosphere .compass-scope {padding:0 0 24px}
 .atmosphere .scope-spectrum {gap:22px 0}
 .atmosphere .scope-spectrum li {padding-inline:14px}
 .atmosphere .scope-spectrum h3 {font-size:.95rem}
 .atmosphere .scope-spectrum p {font-size:.875rem}
 .atmosphere[data-intro-photo] .page-intro {padding-bottom:150px}
 .atmosphere[data-intro-photo] .page-intro::before {inset:0 0 110px;background:var(--surface)}
 .atmosphere[data-intro-photo] .page-intro::after {inset:auto 0 0;height:110px;background-position:center 55%}
 .atmosphere[data-intro-photo] .page-intro>h1,.atmosphere[data-intro-photo] .page-intro>p {max-width:none}
 .atmosphere .book-page-plus .book-stage-abstraction {inset:0 0 auto;width:100%;height:275px;mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent);object-position:center}
 /* Mobile questions follow their content. The desktop frame stays stable. */
 .atmosphere .compass-panel:not(.has-results) #quiz {min-height:0;height:auto}
 .atmosphere .compass-panel:not(.has-results) #quiz>[role=group] {flex:none}
 .atmosphere #quiz .quiz-actions {margin-top:16px}
 .atmosphere #quiz #quiz-feedback:empty {display:none}
}

/* V56: homepage accent and unobtrusive motion controls. */
.atmosphere.home-page .hero h1 em {color:#cf805d;text-decoration-color:#fff}
.atmosphere .hero .stage-motion,.atmosphere .book-stage .stage-motion {display:none!important}

/* V57: restore the soft V53/V54 book transition; keep the current camera motion. */
.atmosphere .book-page-plus .book-stage {background:linear-gradient(100deg,#f8fafb 0%,#f8fafb 35%,color-mix(in srgb,var(--stage-main) 18%,#f8fafb) 53%,var(--stage-main) 83%);color:var(--ink)}
.atmosphere .book-page-plus .book-stage-abstraction {inset:0;width:100%;height:100%;mask-image:linear-gradient(90deg,transparent 20%,#000 66%);mix-blend-mode:multiply;opacity:1;object-position:center;transform-origin:75% 50%;animation:atmosphere-book-camera 32s linear infinite alternate;animation-play-state:paused}
.atmosphere .book-stage[data-motion=running] .book-stage-abstraction {animation-play-state:running}
.atmosphere .book-stage-depth {background:linear-gradient(90deg,#f8fafb 0%,#f8fafb 32%,rgb(248 250 251 / .9) 47%,transparent 72%);opacity:1}
[data-theme=dark] .atmosphere .book-page-plus .book-stage {background:linear-gradient(100deg,#112935 0%,#112935 33%,var(--stage-dark) 55%,var(--stage-main) 85%)}
[data-theme=dark] .atmosphere .book-stage-depth {background:linear-gradient(90deg,#112935 0%,#112935 32%,rgb(17 41 53 / .92) 47%,transparent 72%)}
[data-theme=dark] .atmosphere .book-page-plus .book-stage-abstraction {mix-blend-mode:normal;opacity:.85}
.atmosphere .book-page-plus .book-stage h1,.atmosphere .book-page-plus .book-stage .subtitle,.atmosphere .book-page-plus .book-stage .detail-author,.atmosphere .book-page-plus .book-stage .detail-author a,.atmosphere .book-page-plus .book-stage .book-description,.atmosphere .book-page-plus .book-stage .blurb-full summary,.atmosphere .book-page-plus .book-stage .blurb-full p,.atmosphere .book-page-plus .book-stage .book-match {color:var(--ink)}
.atmosphere .book-page-plus .book-stage .book-facts,.atmosphere .book-page-plus .book-stage .muted,.atmosphere .book-page-plus .book-stage .affiliate-label,.atmosphere .book-page-plus .book-stage .book-match small {color:var(--muted)}
.atmosphere .book-stage .book-hero-copy {text-shadow:none}
@keyframes atmosphere-book-camera {from {transform:scale(1)}to {transform:scale(1.065)}}
@media(max-width:680px) {
 .atmosphere .book-page-plus .book-stage {background:linear-gradient(180deg,var(--stage-main) 0%,color-mix(in srgb,var(--stage-main) 32%,#f8fafb) 32%,#f8fafb 54%)}
 .atmosphere .book-page-plus .book-stage-abstraction {inset:0;width:100%;height:100%;mask-image:linear-gradient(180deg,#000 0%,#000 20%,transparent 48%);object-position:62% 50%}
 .atmosphere .book-stage-depth {background:linear-gradient(180deg,transparent 0%,rgb(248 250 251 / .1) 21%,#f8fafb 49%)}
 [data-theme=dark] .atmosphere .book-page-plus .book-stage {background:linear-gradient(180deg,var(--stage-main) 0%,var(--stage-dark) 30%,#112935 54%)}
 [data-theme=dark] .atmosphere .book-stage-depth {background:linear-gradient(180deg,transparent 0%,rgb(17 41 53 / .1) 21%,#112935 49%)}
}
@media(prefers-reduced-motion:reduce) {
 .atmosphere .book-page-plus .book-stage-abstraction {animation:none!important;transform:none!important}
}

/* V58: keep the original cover hue, without a pale grey/rose wash. */
.atmosphere.plus-cover-background {background:color-mix(in srgb,var(--page-cover-main,#365665) 72%,#7a8b91)}
[data-theme=dark] .atmosphere.plus-cover-background {background:color-mix(in srgb,var(--page-cover-main,#365665) 30%,#0d1c24)}
:root:not([data-theme=dark]) .atmosphere.plus-cover-background .book-back-link {background:#f8fafb;color:#102733;padding:6px 10px;border-radius:4px}
:root:not([data-theme=dark]) .atmosphere.plus-cover-background>.affiliate-disclosure {background:#f8fafb;color:#102733;padding:14px 20px;border-radius:5px}
:root:not([data-theme=dark]) .atmosphere.plus-cover-background>.affiliate-disclosure a {color:#102733}

/* The actions follow the answers, on desktop as well as mobile. */
.atmosphere .compass-panel:not(.has-results) #quiz {min-height:0;height:auto}
.atmosphere .compass-panel:not(.has-results) #quiz>[role=group] {flex:none}
.atmosphere #quiz #quiz-feedback:empty {display:none}
.atmosphere #quiz .quiz-actions {margin-top:16px}

/* A small public-header entry to the existing submission form. */
.atmosphere .site-header nav {gap:18px}
.atmosphere .site-header nav a.header-submit {display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;border:1px solid #ae5734;border-radius:5px;background:#ae5734;color:#fff;text-decoration:none;white-space:nowrap;font-weight:650}
.atmosphere .site-header nav a.header-submit:hover {background:#8d4328;border-color:#8d4328}
.atmosphere .site-header nav a.header-submit::after {content:none}
[data-theme=dark] .atmosphere .site-header nav a.header-submit {background:#ae5734;border-color:#ae5734}
@media(min-width:901px) and (max-width:1150px) {
 .atmosphere .header-inner {gap:20px}
 .atmosphere .site-header .brand {font-size:1.4rem}
 .atmosphere .site-header nav {gap:14px}
 .atmosphere .site-header nav a {font-size:.82rem}
}
@media(min-width:901px) and (max-width:980px) {
 .atmosphere .menu-button {display:flex;margin-left:auto;order:2;width:38px;height:38px;border:1px solid var(--line);background:none;padding:9px;border-radius:5px;flex-direction:column;gap:5px;justify-content:center}
 .atmosphere .menu-button span {display:block;width:18px;height:1px;background:var(--ink)}
 .atmosphere .site-header nav {display:none;position:absolute;top:100%;left:0;width:100%;background:var(--surface);padding:18px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:18px}
 .atmosphere .site-header.menu-open nav {display:flex}
 .atmosphere .site-header nav a {font-size:1rem}
 .atmosphere .theme-picker {order:3;flex-shrink:0;margin-left:0}
}

/* V59: soften V58 slightly while keeping the same cover hue. */
.atmosphere.plus-cover-background {background:color-mix(in srgb,var(--page-cover-main,#365665) 60%,#7a8b91)}
[data-theme=dark] .atmosphere.plus-cover-background {background:color-mix(in srgb,var(--page-cover-main,#365665) 26%,#0d1c24)}

/* Plain section links dock below the hero, then below the shrinking public header. */
.atmosphere .book-page-plus>.book-section-nav {position:sticky;top:74px;z-index:40;display:flex;flex-wrap:nowrap;align-items:center;gap:24px;height:44px;width:100%;margin:0;padding:0 max(40px,calc((100% - 1280px)/2));border:0;border-bottom:1px solid var(--line);background:var(--surface);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-padding-inline:20px;transition:top .18s ease}
.atmosphere .book-page-plus>.book-section-nav::-webkit-scrollbar {display:none}
.atmosphere:has(.site-header.is-scrolled) .book-page-plus>.book-section-nav {top:64px}
.atmosphere .book-page-plus>.book-section-nav>a {flex:0 0 auto;min-height:44px;padding:8px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ink);font-size:.875rem;text-decoration:none;white-space:nowrap;scroll-margin-inline:20px}
.atmosphere .book-page-plus>.book-section-nav>a:hover {background:none;text-decoration:underline;text-decoration-color:var(--accent-text);text-underline-offset:5px}
.atmosphere .book-page-plus>.book-section-nav>a:focus-visible {outline:2px solid var(--accent-text);outline-offset:-4px}
.atmosphere .book-stage .tags a.book-hero-back {padding:0;margin-right:12px;border:0;border-radius:0;background:none;color:var(--ink);font-size:.85rem;text-decoration:underline}
.atmosphere .book-page-plus .book-page-content {padding-top:24px}
html:has(body.atmosphere.plus-cover-background) {scroll-padding-top:112px}
.atmosphere .book-page-plus .book-page-content [id] {scroll-margin-top:16px}
@media(min-width:801px) {
 .atmosphere .book-page-plus .book-side-column {top:128px}
}
@media(max-width:850px) {
 .atmosphere .book-page-plus>.book-section-nav {padding-inline:30px;gap:22px}
}
@media(max-width:680px) {
 .atmosphere .book-page-plus>.book-section-nav {top:64px;padding-inline:20px;gap:20px}
 .atmosphere:has(.site-header.is-scrolled) .book-page-plus>.book-section-nav {top:58px}
 html:has(body.atmosphere.plus-cover-background) {scroll-padding-top:106px}
 .atmosphere .book-page-plus .book-page-content {padding-top:20px}
}
@media(prefers-reduced-motion:reduce) {
 .atmosphere .book-page-plus>.book-section-nav {transition:none}
}

/* V60: remove the inherited book-detail bottom margin at the docked navigation. */
.atmosphere .book-page-plus .book-stage {margin-bottom:0}
.atmosphere .book-page-plus .book-stage .book-hero-copy>a.book-hero-back {display:inline-block;margin:0 0 10px;padding:0;border:0;border-radius:0;background:none;color:var(--ink);font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
.atmosphere .book-page-plus .book-stage .book-status-tags {gap:6px;align-items:center}
.atmosphere .book-page-plus .book-stage .book-status-tags a {color:var(--ink);background:var(--surface);border:1px solid var(--line);font-size:.75rem;line-height:1.5;padding:5px 8px;border-radius:5px}
.atmosphere .site-header nav a.header-submit {min-height:36px;padding:6px 11px;font-size:.82rem;font-weight:600}
@media(max-width:900px) {
 .atmosphere .site-header nav a.header-submit {min-height:44px}
}

/* V61: align partner status with its neighbouring tag, without inherited label spacing. */
.atmosphere .book-page-plus .book-stage .book-status-tags>.partner-label {display:flex;align-items:center;margin:0;padding:0;border:0;background:transparent;color:inherit;max-width:100%;min-width:0}
.atmosphere .book-page-plus .book-stage .book-status-tags>a,.atmosphere .book-page-plus .book-stage .book-status-tags>.partner-label>a {max-width:100%;overflow-wrap:anywhere}

/* V62: a quiet action module within the existing submission flow. */
.atmosphere .promotion-panel {padding:18px 20px;margin:18px 0;border:1px solid var(--line);border-left:3px solid var(--accent-text);border-radius:5px;background:var(--surface)}
.atmosphere .promotion-panel label {max-width:340px}
.atmosphere .promotion-panel p {font-size:.875rem;margin:8px 0;line-height:1.6}
.atmosphere .promotion-panel [data-promotion-price] {font-size:.875rem;line-height:1.7}
.atmosphere .promotion-panel [hidden] {display:none}
.atmosphere .promotion-panel input {text-transform:uppercase}
.atmosphere [data-package-promotion] {font-size:.875rem}
@media(max-width:680px) {.atmosphere .promotion-panel {padding:16px}}

/* V64: approved single-line wordmark; compass replaces the o. */
.brand-wordmark{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap;font:inherit;letter-spacing:inherit}
.brand-wordmark .wordmark-compass{display:inline-block;width:.73em;height:.73em;flex:0 0 .73em;margin-inline:.025em;transform:translateY(.04em);overflow:visible;color:inherit}
.wordmark-compass circle:first-child{fill:none;stroke:currentColor;stroke-width:3}
.wordmark-compass path{fill:currentColor;stroke:none}
.wordmark-compass .needle{fill:#ae5734}
.wordmark-compass .hub{fill:var(--surface)}
[data-theme=dark] .wordmark-compass .needle{fill:#e0a078}

/* V65: slightly larger complete wordmark, including compact header. */
.atmosphere .site-header .brand,.atmosphere .site-footer .brand{font-size:1.8rem}
@media(max-width:680px){.atmosphere .site-header .brand{font-size:clamp(1.1rem,5vw,1.48rem)}}
@media(max-width:370px){.atmosphere .site-header .brand{font-size:1.08rem}.atmosphere .header-inner{column-gap:4px}}

/* V72: increase only the header wordmark; footer sizing stays unchanged. */
.atmosphere .site-header .brand{font-size:1.96rem}
.atmosphere .site-header.is-scrolled .brand{font-size:1.76rem}
@media(min-width:901px) and (max-width:1180px){
 .atmosphere .site-header .brand{font-size:1.86rem}
 .atmosphere .site-header.is-scrolled .brand{font-size:1.67rem}
 .atmosphere .header-inner{gap:12px}
 .atmosphere .site-header nav{gap:14px}
}
@media(max-width:760px){
 .atmosphere .site-header .brand{font-size:clamp(1.18rem,5.3vw,1.57rem)}
 .atmosphere .site-header.is-scrolled .brand{font-size:clamp(1.12rem,4.8vw,1.42rem)}
}
@media(max-width:360px){
 .atmosphere .site-header .brand{font-size:1.16rem}
 .atmosphere .site-header.is-scrolled .brand{font-size:1.1rem}
}
.atmosphere .catalog-total{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}