/* V50: public presentation only. Existing structure and modern UI typography. */
.public-editorial {
 --bg:#eaf0f2;
 --surface-2:#e6eef1;
 --line:#d2dfe4;
 --shadow:0 9px 26px rgb(16 39 51 / .055);
}
[data-theme=dark] .public-editorial {
 --bg:#0c1820;
 --surface-2:#172e38;
 --line:#2c4651;
 --shadow:0 9px 26px rgb(0 0 0 / .14);
}
/* One modern type family. Hierarchy comes from weight, scale and spacing. */
.public-editorial .hero h1,
.public-editorial .section-heading h2,
.public-editorial .trust-section h2,
.public-editorial .authors-teaser h2,
.public-editorial .page-intro h1,
.public-editorial .book-detail-hero h1,
.public-editorial .ux-section h2 {
 font-family:var(--font-modern);
 font-weight:700;
 letter-spacing:-.035em;
 line-height:1.16;
 text-wrap:balance;
}
.public-editorial .eyebrow {
 font-size:.68rem;letter-spacing:.13em;font-weight:650;color:var(--accent-text);
}
/* Real photography and deep petrol give the hero its atmosphere in both modes. */
.public-editorial .hero {min-height:420px;background-color:#102733;overflow:hidden}
.public-editorial .hero::before {
 background:linear-gradient(90deg,rgba(9,27,36,.96) 0%,rgba(9,27,36,.86) 32%,rgba(9,27,36,.48) 65%,rgba(9,27,36,.6));
}
[data-theme=dark] .public-editorial .hero::before {
 background:linear-gradient(90deg,rgba(7,20,27,.97) 0%,rgba(7,20,27,.86) 32%,rgba(7,20,27,.48) 65%,rgba(7,20,27,.6));
}
.public-editorial .hero-inner {
 width:min(1200px,calc(100% - 80px));padding:52px 0 86px;min-height:420px;align-items:center;gap:48px;
}
.public-editorial .hero-copy {max-width:740px}
.public-editorial .hero h1 {
 font-size:clamp(2.75rem,4.5vw,4.1rem);max-width:21ch;margin-bottom:21px;color:#f6f8f8;line-height:1.07;
}
.public-editorial .hero h1 em {font-style:normal;font-weight:inherit;color:#d7a65f}
.public-editorial .hero-copy>p {font-size:1.02rem;max-width:48ch;line-height:1.75;margin-bottom:25px;color:#e1ebee}
.public-editorial .hero-aside {
 color:#f6f8f8;font-size:.92rem;line-height:1.65;font-style:normal;max-width:210px;
 align-self:flex-end;margin-bottom:27px;text-shadow:0 1px 5px #102733;
}
.public-editorial .hero-aside::after {width:42px;height:2px;background:#d7a65f;margin-top:17px}
.public-editorial .hero-particles {display:none}
.public-editorial .hero .stage-motion {
 top:16px;right:20px;min-height:36px;font-size:.65rem;background:#102733;color:#e1ebee;border-color:#718993;
}
.public-editorial .button {
 border-radius:6px;box-shadow:none;transition:background-color .16s,border-color .16s,color .16s;
}
.public-editorial .button:hover {transform:none;box-shadow:none}
.public-editorial .button.copper {background:var(--copper);border-color:var(--copper);color:#172329!important}
.public-editorial .button.copper:hover {background:var(--copper-light);border-color:var(--copper-light)}
/* The existing white compass block is retained, with a mineral side panel. */
.public-editorial .compass-section {position:relative;padding-block:0 28px;margin-top:-34px;z-index:2}
.public-editorial .compass-panel {
 padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);
}
.public-editorial .quiz-top {padding-bottom:17px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.public-editorial .quiz-top h2 {font-size:1.26rem;letter-spacing:-.02em}
.public-editorial .quiz-top p {font-size:.8rem;line-height:1.6}
.public-editorial .compass-visual {
 padding:20px 20px 22px 28px;background:var(--surface-2);border-left:1px solid var(--line);border-radius:0 7px 7px 0;
}
.public-editorial .compass-caption h3 {font-size:1.14rem;line-height:1.4}
.public-editorial .compass-caption p,.public-editorial .random-note {color:var(--muted);line-height:1.65}
.public-editorial .compass-dial {filter:none}
.public-editorial #quiz .question-header h3 {font-size:clamp(1.3rem,1.85vw,1.65rem);line-height:1.35;letter-spacing:-.02em}
.public-editorial #quiz .quiz-choice {
 border-width:1px;border-radius:8px;box-shadow:none;transition:background-color .16s,border-color .16s;
}
.public-editorial #quiz .quiz-choice:hover {border-color:var(--petrol);box-shadow:none;transform:none}
.public-editorial #quiz .quiz-choice.selected {
 border-color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-text);background:var(--surface-2);
}
.public-editorial #quiz .quiz-choice svg,
.public-editorial #quiz .quiz-choice:hover svg,
.public-editorial #quiz .quiz-choice.selected svg {transform:none;transition:none}
.public-editorial #quiz .age-art,.public-editorial #quiz .mood-art {background:var(--surface-2)}
/* Six real new books, using the established filled cards and original grid. */
.public-editorial .newest-section {padding-block:34px 48px}
.public-editorial .section-heading {margin-bottom:24px}
.public-editorial .section-heading h2 {font-size:clamp(1.65rem,2.2vw,2.15rem)}
.public-editorial .newest-section .section-heading p {font-size:.91rem;line-height:1.65}
.public-editorial .newest-grid {gap:20px}
.public-editorial .newest-card {
 padding:22px;grid-template-columns:104px minmax(0,1fr);gap:18px;
 background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 13px rgb(16 39 51 / .035);
}
.public-editorial .newest-card img.book-cover {width:100%;height:auto;object-fit:contain;border:0;border-radius:2px;box-shadow:0 7px 14px rgb(16 39 51 / .15)}
.public-editorial .newest-card h3 {font-size:1.06rem;line-height:1.4;margin:10px 0 7px}
.public-editorial .newest-card h3 a {color:var(--ink);text-decoration:none}
.public-editorial .newest-card .book-author {font-size:.82rem}
.public-editorial .newest-card .button {font-size:.76rem;padding:9px 12px;min-height:40px}
.public-editorial .tags {gap:5px;line-height:1.5}
.public-editorial .tags a {border-radius:6px;font-size:.7rem;padding:4px 7px}
.public-editorial .newest-badge a {font-size:.64rem;font-weight:650;letter-spacing:.03em}
.public-editorial .recommendations {padding-block:26px 52px;border:0}
.public-editorial .before-results {
 background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:27px 30px;box-shadow:var(--shadow);
}
.public-editorial .before-results p {font-size:.96rem;line-height:1.75}
.public-editorial .result-grid {gap:20px}
.public-editorial .result-card {
 padding:20px;grid-template-columns:120px minmax(0,1fr);gap:20px;background:var(--surface);
 border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);animation:none;
}
.public-editorial .result-card>.book-cover {width:100%;height:auto;object-fit:contain;border:0;border-radius:2px;box-shadow:0 7px 14px rgb(0 0 0 / .14)}
.public-editorial .result-card h3 {font-size:1.12rem;line-height:1.4;margin-bottom:7px;letter-spacing:-.02em}
.public-editorial .match-value {display:flex;gap:8px;align-items:baseline;margin:0 0 11px}
.public-editorial .match-value strong {font-size:1.52rem;line-height:1;color:var(--accent-text);font-weight:700;font-variant-numeric:tabular-nums}
.public-editorial .match-value span {font-size:.7rem;color:var(--muted)}
.public-editorial .result-card .book-author {font-size:.82rem;margin-bottom:12px}
.public-editorial .result-card .button {margin-top:14px;font-size:.8rem;min-height:42px}
.public-editorial .result-card details {padding-top:14px;margin-top:15px;border-top:1px solid var(--line);font-size:.8rem;line-height:1.65}
.public-editorial .result-card summary {font-weight:600;color:var(--ink);cursor:pointer}
.public-editorial .catalog-card {padding:24px;gap:22px;box-shadow:var(--shadow);border-color:var(--line);border-radius:8px}
.public-editorial .catalog-card h2 {font-size:1.22rem;line-height:1.4}
.public-editorial .catalog-card img.book-cover {box-shadow:0 7px 16px rgb(16 39 51 / .14);border:0;border-radius:2px}
.public-editorial .page-intro {padding-block:48px 30px;max-width:1200px}
.public-editorial .page-intro h1 {font-size:clamp(2.1rem,3.6vw,3.2rem);max-width:25ch}
.public-editorial .page-intro>p {font-size:1.02rem;line-height:1.75;max-width:68ch}
/* Preserve the three filled information modules and make the surrounding band distinct. */
.public-editorial .trust-section {padding-block:46px 48px;background:#dce7eb;border-block:1px solid #cfdee4}
[data-theme=dark] .public-editorial .trust-section {background:#172e38;border-color:#2c4651}
.public-editorial .trust-section>.container>h2 {font-size:clamp(1.75rem,2.3vw,2.2rem);margin:13px 0 27px}
.public-editorial .trust-section .ux-three {gap:22px}
.public-editorial .trust-section .ux-card {
 background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:none;padding:25px;
}
.public-editorial .trust-section .ux-icon {color:var(--accent-text)}
.public-editorial .trust-section .ux-card h3 {font-size:1.08rem;line-height:1.4;margin:12px 0 8px}
.public-editorial .trust-section .ux-card p {font-size:.9rem;line-height:1.75;margin-top:10px}
/* Existing local photograph, used only as a subdued background to the author section. */
.public-editorial .authors-teaser {
 background-color:#102733;
 background-image:linear-gradient(90deg,rgba(12,31,41,.98),rgba(12,31,41,.9)),url('/assets/images/hero/hero-night-figure-desktop-960.avif');
 background-size:cover;background-position:center 55%;color:#f3f4f2;
}
.public-editorial .teaser-inner {padding-block:43px;gap:40px}
.public-editorial .authors-teaser .eyebrow {color:#d7a65f}
.public-editorial .authors-teaser h2 {font-size:clamp(1.8rem,2.5vw,2.4rem);margin:11px 0 14px}
.public-editorial .authors-teaser p {font-size:.91rem;line-height:1.75;color:#c8d6dc;max-width:52ch}
.public-editorial .authors-teaser blockquote {
 font-family:var(--font-modern);font-weight:400;font-style:normal;font-size:1.02rem;line-height:1.65;
 border-left:1px solid #647e89;padding-left:24px;max-width:31ch;
}
.public-editorial .book-stage-beam,.public-editorial .book-stage-light {display:none}
.public-editorial .book-page-plus .book-stage {box-shadow:0 10px 34px rgb(16 39 51 / .09)}
.public-editorial .book-stage-abstraction {filter:saturate(1.06)}
.public-editorial .book-page .book-description {line-height:1.85}
.public-editorial .profile-card,.public-editorial .details-card,.public-editorial .plus-content {box-shadow:none;border-color:var(--line)}
.public-editorial .ux-package {box-shadow:none;border-color:var(--line);border-radius:8px}
.public-editorial .ux-package h2 {font-size:1.6rem;line-height:1.3}
@media(max-width:1100px) {
 .public-editorial .compass-panel {padding:26px}
 .public-editorial .compass-visual {padding:20px}
 .public-editorial .hero-aside {max-width:175px;font-size:.85rem}
 .public-editorial .newest-card {grid-template-columns:98px minmax(0,1fr);padding:20px;gap:16px}
 .public-editorial .result-card {padding:17px;grid-template-columns:102px minmax(0,1fr);gap:16px}
 .public-editorial .teaser-inner {gap:24px}
 .public-editorial .teaser-inner blockquote {display:none}
}
@media(max-width:850px) {
 .public-editorial .hero-inner {gap:24px}
 .public-editorial .hero h1 {font-size:2.9rem}
 .public-editorial .hero-aside {display:none}
 .public-editorial .trust-section .ux-three {grid-template-columns:1fr}
 .public-editorial .trust-section .ux-card {display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:20px;padding:22px}
 .public-editorial .trust-section .ux-icon {grid-row:1/3}
 .public-editorial .trust-section .ux-card h3 {margin:0 0 8px}
 .public-editorial .trust-section .ux-card p {margin:0}
}
@media(max-width:680px) {
 .public-editorial .hero {min-height:0}
 .public-editorial .hero-inner {width:calc(100% - 40px);padding:43px 0 53px;min-height:0}
 .public-editorial .hero-copy {max-width:none}
 .public-editorial .hero h1 {font-size:clamp(2rem,8.6vw,2.8rem);margin-bottom:18px;line-height:1.1;max-width:20ch}
 .public-editorial .hero-copy>p {font-size:.91rem;line-height:1.7;margin-bottom:22px}
 .public-editorial .hero-copy>p br {display:none}
 .public-editorial .hero .stage-motion {top:9px;right:11px;padding:5px 9px;font-size:.59rem;min-height:30px}
 .public-editorial .hero::before {background:linear-gradient(90deg,rgba(9,27,36,.93),rgba(9,27,36,.76) 65%,rgba(9,27,36,.5))}
 [data-theme=dark] .public-editorial .hero::before {background:linear-gradient(90deg,rgba(7,20,27,.94),rgba(7,20,27,.78) 65%,rgba(7,20,27,.55))}
 .public-editorial .compass-section {margin-top:-15px;padding-block:0 20px}
 .public-editorial .compass-panel {padding:20px 16px;gap:24px;border-radius:9px}
 .public-editorial .quiz-top {padding-bottom:15px}
 .public-editorial .quiz-top h2 {font-size:1.13rem}
 .public-editorial .compass-visual {padding:20px 14px;border-left:0;border-top:1px solid var(--line);border-radius:7px}
 .public-editorial #quiz .question-header h3 {font-size:1.25rem}
 .public-editorial #quiz .quiz-photo {height:156px}
 .public-editorial #quiz .quiz-photo strong {font-size:.94rem}
 .public-editorial #quiz .quiz-photo .photo-label {left:12px;bottom:12px;right:10px}
 .public-editorial #quiz .quiz-choice small {font-size:.73rem;line-height:1.45}
 .public-editorial .newest-section {padding-block:24px 35px}
 .public-editorial .newest-grid {gap:15px}
 .public-editorial .newest-card {grid-template-columns:90px minmax(0,1fr);gap:16px;padding:18px}
 .public-editorial .newest-card h3 {font-size:1.02rem}
 .public-editorial .section-heading h2 {font-size:1.65rem}
 .public-editorial .recommendations {padding-block:22px 35px}
 .public-editorial .before-results {padding:21px}
 .public-editorial .result-grid {gap:18px}
 .public-editorial .result-card {grid-template-columns:92px minmax(0,1fr);gap:16px;padding:16px}
 .public-editorial .result-card h3 {font-size:1.08rem}
 .public-editorial .match-value strong {font-size:1.4rem}
 .public-editorial .result-card .button {font-size:.75rem;padding:10px 12px}
 .public-editorial .catalog-card {padding:17px;gap:17px;grid-template-columns:90px minmax(0,1fr)}
 .public-editorial .catalog-card h2 {font-size:1.12rem}
 .public-editorial .trust-section {padding-block:33px 36px}
 .public-editorial .trust-section>.container>h2 {font-size:1.65rem;margin-bottom:24px}
 .public-editorial .trust-section .ux-three {gap:15px}
 .public-editorial .trust-section .ux-card {padding:20px 16px;column-gap:14px}
 .public-editorial .teaser-inner {padding-block:34px;display:block}
 .public-editorial .authors-teaser {background-image:none}
 .public-editorial .authors-teaser h2 {font-size:1.8rem}
 .public-editorial .authors-teaser .button {margin-top:16px}
 .public-editorial .page-intro {padding-block:32px 23px}
 .public-editorial .page-intro h1 {font-size:2.2rem}
 .public-editorial .page-intro>p {font-size:.95rem}
 .public-editorial .book-page .book-detail-hero h1 {font-size:2rem;line-height:1.15}
}
@media(max-width:360px) {
 .public-editorial .hero h1 {font-size:1.95rem}
 .public-editorial .result-card {grid-template-columns:76px minmax(0,1fr);padding:12px;gap:13px}
 .public-editorial .newest-card {grid-template-columns:76px minmax(0,1fr);padding:14px;gap:13px}
 .public-editorial .catalog-card {grid-template-columns:78px minmax(0,1fr);padding:13px;gap:14px}
}
@media(prefers-reduced-motion:reduce) {
 .public-editorial .hero-layer img,.public-editorial .book-stage-abstraction {animation:none!important;transform:none!important}
 .public-editorial .button,.public-editorial #quiz .quiz-choice {transition:none}
}

/* V49: a continuous petrol header / hero on the homepage. */
.public-editorial.home-page .site-header {
 --ink:#f5f8f9;--muted:#d4e1e6;--surface:#102733;--surface-2:#244451;
 --line:#516c78;--accent-text:#d7a65f;
 color:var(--ink);background:#102733;border-bottom:1px solid #37515f;
}
/* The existing local-cover colour also tints the Plus header, in both themes. */
.public-editorial.plus-cover-background .site-header {
 --cover-header:rgb(255 255 255 / .88);
 --cover-divider:rgb(16 39 51 / .18);
 --ink:#172329;--muted:#354a55;--surface:transparent;
 --surface-2:#e9eff2;
 --line:rgb(16 39 51 / .2);
 --accent-text:#674319;
 color:var(--ink);background:var(--cover-header);border-bottom:1px solid var(--cover-divider);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
[data-theme=dark] .public-editorial.plus-cover-background .site-header {
 --cover-header:rgb(11 21 27 / .9);
 --cover-divider:rgb(226 237 242 / .18);
 --ink:#f5f8f9;--muted:#e0e9ed;
 --surface-2:#243a45;
 --line:rgb(226 237 242 / .23);
 --accent-text:#d7a65f;
}
.public-editorial.home-page .site-header nav a:hover,
.public-editorial.home-page .site-header nav a[aria-current],
.public-editorial.plus-cover-background .site-header nav a:hover,
.public-editorial.plus-cover-background .site-header nav a[aria-current] {
 color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-text);text-underline-offset:6px;
}
.public-editorial.home-page .site-header.is-scrolled {background:#102733}
.public-editorial.plus-cover-background .site-header.is-scrolled {background:var(--cover-header)}
.public-editorial.home-page .site-header a:focus-visible,
.public-editorial.home-page .site-header button:focus-visible,
.public-editorial.plus-cover-background .site-header a:focus-visible,
.public-editorial.plus-cover-background .site-header button:focus-visible {
 outline:2px solid var(--ink);outline-offset:4px;
}

/* V50: quiet photographic motion, using existing assets and pause controls. */
.public-editorial .hero-layer img,.public-editorial .book-stage-abstraction {
 animation-name:tk-photo-approach;animation-duration:32s;animation-timing-function:ease-in-out;
 animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:paused;
}
.public-editorial .hero[data-motion=running] .hero-layer img,
.public-editorial .book-stage[data-motion=running] .book-stage-abstraction {animation-play-state:running}
.public-editorial .hero .hero-particles,.public-editorial .book-stage .hero-particles {display:block}
.public-editorial .hero-particles i {
 width:2px;height:2px;background:#e0e9e8;box-shadow:none;animation-name:tk-quiet-dust;
}
.public-editorial .hero-particles i:nth-child(n+5) {display:none}
@keyframes tk-photo-approach {from{transform:scale(1.025)}to{transform:scale(1.09)}}
@keyframes tk-quiet-dust {0%,100%{opacity:0;transform:translateY(10px)}30%,65%{opacity:.33}90%{opacity:0;transform:translate(12px,-26px)}}
@media(max-width:680px){.public-editorial .hero-particles i:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){
 .public-editorial .hero .hero-particles,.public-editorial .book-stage .hero-particles {display:none}
 .public-editorial .hero-layer img,.public-editorial .book-stage-abstraction {animation:none!important;transform:none!important}
}
@media(max-width:680px){
 .public-editorial.plus-cover-background .site-header nav {
  background:var(--cover-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 }
}

/* V51: stronger cover identity without tinting the content cards. */
.public-editorial.plus-cover-background {--ink:#07151b;background:color-mix(in srgb,var(--page-cover-main,var(--bg)) var(--page-cover-strength,65%),var(--bg))}
[data-theme=dark] .public-editorial.plus-cover-background {background:color-mix(in srgb,var(--page-cover-main,var(--bg)) 65%,var(--bg))}
.public-editorial.plus-cover-background .site-header {
 --cover-header:color-mix(in srgb,var(--page-cover-main,var(--bg)) 22%,rgb(255 255 255 / .82));
}
[data-theme=dark] .public-editorial.plus-cover-background .site-header {
 --cover-header:color-mix(in srgb,var(--page-cover-main,var(--bg)) 28%,rgb(11 21 27 / .86));
}
.public-editorial .book-page-plus .book-stage {
 background:linear-gradient(110deg,#f4f8fa 20%,color-mix(in srgb,var(--stage-main) 80%,#f4f8fa) 72%,var(--stage-main));
}
[data-theme=dark] .public-editorial .book-page-plus .book-stage {
 background:linear-gradient(110deg,#0b151b 18%,var(--stage-dark) 52%,var(--stage-main));
}
.public-editorial .book-stage-abstraction {filter:saturate(1.25);opacity:.9}
[data-theme=dark] .public-editorial .book-stage-abstraction {opacity:.85}
/* The real photo extends behind the sticky homepage header; the content position stays unchanged. */
.public-editorial.home-page .hero {margin-top:-73px;padding-top:73px}
.public-editorial.home-page .site-header,
.public-editorial.home-page .site-header.is-scrolled {
 --surface:transparent;background:rgb(29 61 73 / .82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
/* Visible within a few seconds, before the existing 11-second photo change. */
.public-editorial .hero-layer img {animation-duration:12s;animation-timing-function:linear}
.public-editorial .book-stage-abstraction {animation-duration:18s;animation-timing-function:linear}
@keyframes tk-photo-approach {from{transform:scale(1.025)}to{transform:scale(1.16)}}
.public-editorial .hero-particles i {
 width:3px;height:3px;animation-duration:14s;animation-timing-function:linear;
 background:rgb(243 245 242 / .9);border:1px solid rgb(36 62 72 / .2);
}
.public-editorial .hero-particles i:nth-child(n) {display:block;animation-duration:14s}
.public-editorial .hero-particles i:nth-child(2n) {animation-duration:18s}
.public-editorial .hero-particles i:nth-child(n+7) {display:none}
@keyframes tk-quiet-dust {
 0%{opacity:0;transform:translate(0,22px)}
 15%{opacity:.65}75%{opacity:.65}
 100%{opacity:0;transform:translate(24px,-70px)}
}
/* Reserve the actual tallest collapsed question for this viewport; answers do not resize the stage. */
.public-editorial .compass-panel:not(.has-results) #quiz {
 display:flex;flex-direction:column;min-height:var(--quiz-frame-height,560px);
}
.public-editorial #quiz .question-header,.public-editorial #quiz .quiz-options {animation:none}
.public-editorial .compass-panel:not(.has-results) #quiz>[role=group] {flex:1}
.public-editorial #quiz.quiz-measure {min-height:0!important;height:auto!important}
.public-editorial #quiz.quiz-measure>[role=group] {flex:none}
@media(max-width:680px) {
 .public-editorial.home-page .hero {margin-top:-64px;padding-top:64px}
 .public-editorial.home-page .site-header nav {background:rgb(29 61 73 / .96)}
 .public-editorial .hero-particles i:nth-child(n+5) {display:none}
}
@media(prefers-reduced-motion:reduce) {
 .public-editorial .hero .hero-particles,.public-editorial .book-stage .hero-particles {display:none}
 .public-editorial .hero-layer img,.public-editorial .book-stage-abstraction {animation:none!important;transform:none!important}
}

.public-editorial.home-page .hero .stage-motion {top:89px}
@media(max-width:680px){.public-editorial.home-page .hero .stage-motion {top:73px}}

.public-editorial.plus-cover-background .book-page-plus>.text-link,
.public-editorial.plus-cover-background .independence-note p,
.public-editorial.plus-cover-background .affiliate-disclosure {color:var(--ink)}
[data-theme=dark] .public-editorial.plus-cover-background {--ink:#f3f4f2}

/* V52: the homepage header follows the chosen theme. Plus cover headers stay unchanged. */
:root:not([data-theme=dark]) .public-editorial.home-page .site-header,
:root:not([data-theme=dark]) .public-editorial.home-page .site-header.is-scrolled {
 --ink:#172329;--muted:#354a55;--surface:transparent;--surface-2:#e6eef1;
 --line:#bdcdd4;--accent-text:#674319;
 background:rgb(244 248 250 / .93);border-bottom-color:rgb(16 39 51 / .18);
}
@media(max-width:680px){
 :root:not([data-theme=dark]) .public-editorial.home-page .site-header nav {background:rgb(244 248 250 / .98)}
}
/* A precision instrument: concentric target rings, cardinal marks and the existing compass needle. */
.public-editorial .dial-svg .target-face {fill:#112b36;stroke:#496471;stroke-width:1.4}
.public-editorial .dial-svg circle:not(.target-face):not(.dial-pin),
.public-editorial .dial-svg .target-ticks {fill:none;stroke:#809ba5;stroke-width:.85}
.public-editorial .dial-svg .target-ticks {stroke-width:1.5}
.public-editorial .dial-svg .dial-lines {stroke:#91a9af;opacity:.28}
.public-editorial .dial-svg .rose {fill:none;stroke:#b6c9cf;stroke-width:1;opacity:.35}
.public-editorial .dial-svg .rose-small {display:none}
.public-editorial .dial-svg .profile-polygon {fill:rgb(89 160 167 / .15);stroke:#7ab8bc}
.public-editorial .dial-svg .compass-needle path:last-child {fill:#294a57;stroke:#92a8b1}
.public-editorial .dial-svg .dial-pin {fill:#112b36;stroke:#d7a65f}
/* Keep progress visible while answering a long question. A single scroll correction includes it. */
.public-editorial .compass-panel:not(.has-results) #quiz {position:relative}
.public-editorial #quiz .progress-row {
 position:sticky;top:calc(var(--quiz-header-height,74px) + 8px);z-index:3;
 background:var(--surface);padding-block:11px;margin-bottom:20px;
 border-bottom:1px solid var(--line);
}
.public-editorial #quiz progress {height:7px}
.public-editorial #quiz progress::-webkit-progress-value {background:var(--accent-text)}
.public-editorial #quiz progress::-moz-progress-bar {background:var(--accent-text)}
@media(max-width:680px){.public-editorial #quiz .progress-row {top:calc(var(--quiz-header-height,64px) + 8px)}}
/* Camera movement and passing shadows replace decorative floating dust. */
.public-editorial .hero-layer img {animation-duration:11s;animation-timing-function:linear}
.public-editorial .book-stage-abstraction {animation-duration:13s;animation-timing-function:linear}
@keyframes tk-photo-approach {
 from{transform:scale(1.06) translate(0,0)}
 to{transform:scale(1.24) translate(-1.8%,.6%)}
}
.public-editorial .hero-particles i {display:none!important}
.public-editorial .hero-particles::before {
 content:"";position:absolute;inset:-15% -40% -15% 35%;
 background:linear-gradient(108deg,transparent 15%,rgb(4 13 19 / .32) 37%,rgb(4 13 19 / .32) 44%,transparent 65%);
 animation:tk-shadow-passage 10s linear infinite alternate;animation-play-state:paused;
 pointer-events:none;
}
.public-editorial [data-motion=running] .hero-particles::before {animation-play-state:running}
.public-editorial .hero-particles {mask-image:linear-gradient(90deg,transparent 32%,#000 64%)}
@keyframes tk-shadow-passage {from{transform:translateX(24%)}to{transform:translateX(-52%)}}
@media(max-width:680px){.public-editorial .hero-particles {mask-image:linear-gradient(90deg,transparent 15%,#000 55%)}}
@media(prefers-reduced-motion:reduce){
 .public-editorial .hero .hero-particles,.public-editorial .book-stage .hero-particles {display:none}
 .public-editorial .hero-particles::before {animation:none!important}
 .public-editorial .hero-layer img,.public-editorial .book-stage-abstraction {animation:none!important;transform:none!important}
}

.public-editorial .compass-dial .dial-svg {inset:0 15%;width:70%}
.public-editorial .compass-dial .direction {font-size:.8rem}
@media(max-width:680px){.public-editorial .compass-dial .direction {font-size:.74rem}}