/* TWB v3 — primitives, semantic roles, then existing component adapters.
   Approved visual source: twb-blue-orange-v2, Jimmy 2026-10-24. */
:root {
  --twb-paper:#f7efdf; --twb-paper-light:#fff8ec; --twb-blue:#1235c5;
  --twb-orange:#e84420; --twb-orange-text:#c23916; --twb-navy:#09283f;
  --twb-reading:#183d74; --twb-muted:#526078; --twb-rule:#1235c52b;
  --twb-body:'Microsoft YaHei','Microsoft JhengHei',system-ui,sans-serif;
  --twb-heading:'Noto Serif TC','PMingLiU','Songti TC',Georgia,serif;
  --twb-ground:var(--twb-paper); --twb-ink:var(--twb-blue);
  --twb-emphasis:var(--twb-orange-text); --twb-focus:var(--twb-blue);
  --twb-gutter:clamp(22px,4.45vw,80px); --twb-max:1280px;
}
html {scroll-padding-top:110px}
body {background:var(--twb-ground);color:var(--twb-reading);font-family:var(--twb-body)}
body #app .publication-v3 {
  --v3-paper:var(--twb-paper);--v3-paper-light:var(--twb-paper-light);
  --v3-ink:var(--twb-blue);--v3-muted:var(--twb-muted);--v3-rule:var(--twb-rule);
  --v3-red:var(--twb-emphasis);--v3-green:var(--twb-blue);--v3-blue:var(--twb-blue);--v3-gold:var(--twb-emphasis);
  --v3-display:var(--twb-heading);--v3-body:var(--twb-body);
  --paper:var(--twb-paper);--paper-warm:var(--twb-paper);--cream:var(--twb-paper-light);
  --ink:var(--twb-blue);--muted:var(--twb-muted);--rule:var(--twb-rule);
  --accent:var(--twb-blue);--color-accent:var(--twb-blue);
  --font-body:var(--twb-body);--font-display:var(--twb-heading);
  --member-green:var(--twb-blue);--member-green-dark:var(--twb-blue);
  --member-paper:var(--twb-paper);--member-paper-light:var(--twb-paper-light);
  --member-ink:var(--twb-blue);--member-muted:var(--twb-muted);--member-rule:var(--twb-rule);
  background-color:var(--twb-paper);color:var(--twb-reading);font-family:var(--twb-body);font-weight:700;
  background-image:radial-gradient(#b8794315 .7px,transparent .7px);background-size:5px 5px;
}
#app .publication-v3 .portal-page {position:relative;isolation:isolate;min-height:60vh}
#app .publication-v3 .portal-page::before,#app .publication-v3 .portal-page::after {
  content:'';position:absolute;z-index:-1;pointer-events:none;width:min(48vw,600px);height:600px;
  background:url('/illustrated/coffee-digest.png') center/contain no-repeat;opacity:.045;
  left:0;top:550px;transform:translateX(-45%) rotate(-12deg);
}
#app .publication-v3 .portal-page::after {left:auto;right:0;top:1650px;background-image:url('/illustrated/energy-digest.png');transform:translateX(40%) rotate(10deg)}
#app .publication-v3 .portal-stage {overflow:clip;min-width:0}
#app .publication-v3.ambient-scent .portal-page::before {background-image:url('/illustrated/scent-digest.png')}
#app .publication-v3.ambient-pharma .portal-page::before {background-image:url('/illustrated/pharma-digest.png')}
#app .publication-v3.ambient-energy .portal-page::before {background-image:url('/illustrated/energy-digest.png')}
#app .publication-v3 :is(.desk-coffee,.desk-scent,.desk-pharma,.desk-energy) {--accent:var(--twb-blue);--desk-accent:var(--twb-blue);--desk-soft:var(--twb-paper-light);--accent-soft:var(--twb-paper-light)}
#app .publication-v3 :is(h1,h2,h3,h4) {font-family:var(--twb-heading);color:var(--twb-blue);font-weight:800;text-wrap:balance;overflow-wrap:anywhere}
#app .publication-v3 :is(h1,h2,h3,h4) a {color:inherit}
#app .publication-v3 h1 {font-size:clamp(38px,4.5vw,66px);line-height:1.45}
#app .publication-v3 h2 {font-size:37px;line-height:1.6}
#app .publication-v3 h3 {font-size:30px;line-height:1.6}
#app .publication-v3 p {line-height:1.85}
#app .publication-v3 :is(p,li,input,select,textarea,button) {font-family:var(--twb-body)}
#app .publication-v3 :is(.v3-kicker,.eyebrow,.meta,.label,.brief-meta,.v3-breadcrumb,.crumb,.brief-number) {font-family:var(--twb-body);font-size:16px;line-height:1.7;letter-spacing:.025em}
#app .publication-v3 :is(button,[role=button],summary,input,select) {min-height:44px}
#app .publication-v3 :is(input,select,textarea) {font-size:17px;line-height:1.6;color:var(--twb-navy);background:var(--twb-paper-light)}
#app .publication-v3 :is(button,a,summary,input,select,textarea):focus-visible {outline:3px solid var(--twb-focus);outline-offset:4px}
#app .publication-v3 :is(a,summary) {text-underline-offset:7px;text-decoration-color:var(--twb-orange)}
#app .publication-v3 a:hover,#app .publication-v3 summary:hover {text-decoration-line:underline;text-decoration-color:var(--twb-orange);text-decoration-thickness:2px}
/* Each link keeps its own base ink on hover, including links with differently colored children. */
#app .publication-v3 :is(a,summary) {transition:text-decoration-color 160ms,background-color 160ms}
#app .publication-v3 :is(.v3-button,.btn,.button,.btn-primary,.publication-subscribe) {background:var(--twb-blue);color:var(--twb-paper-light);border-color:var(--twb-blue);border-radius:2px;box-shadow:none;font-size:17px;min-height:48px}
#app .publication-v3 :is(.v3-button,.btn,.button,.btn-primary,.publication-subscribe):hover {background:var(--twb-blue);color:var(--twb-paper-light);box-shadow:none}
#app .publication-v3 :is(.v3-button-secondary,.btn-secondary) {background:transparent;color:var(--twb-blue)}
#app .publication-v3 :is(.v3-button-secondary,.btn-secondary):hover {background:transparent;color:var(--twb-blue)}
#app .publication-v3 .publication-header {background:#f7efdfed;border-bottom:1px solid var(--twb-rule);box-shadow:none;backdrop-filter:none}
#app .publication-v3 .publication-header-main {max-width:1440px;margin:auto;padding:18px var(--twb-gutter);gap:18px 24px;display:grid;grid-template-columns:1fr auto}
#app .publication-v3 .publication-brand {grid-column:1;grid-row:1;min-width:0}
#app .publication-v3 .publication-actions {grid-column:2;grid-row:1}
#app .publication-v3 .publication-primary-nav {grid-column:1/-1;grid-row:2;justify-content:center}
#app .publication-v3 .publication-primary-nav :is(a,summary),#app .publication-v3 .publication-actions>a {white-space:nowrap}
#app .publication-v3 .publication-brand strong {font:800 clamp(25px,2.4vw,34px)/1.3 var(--twb-heading);letter-spacing:-.035em;color:var(--twb-blue)}
#app .publication-v3 .publication-brand small {font-size:14px;color:var(--twb-muted);line-height:1.7}
#app .publication-v3 .publication-brand-mark {display:none}
#app .publication-v3 .publication-primary-nav {gap:18px}
#app .publication-v3 .publication-primary-nav>a,#app .publication-v3 .publication-primary-nav summary,#app .publication-v3 .publication-actions>a {font-size:16px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;color:var(--twb-blue)}
#app .publication-v3 .publication-actions .publication-subscribe {color:var(--twb-paper-light)}
#app .publication-v3 .publication-primary-nav .is-active {text-decoration:underline;text-decoration-color:var(--twb-orange);text-decoration-thickness:3px;text-underline-offset:7px;color:var(--twb-blue)}
#app .publication-v3 .publication-nav-group>div {background:var(--twb-paper-light)}
#app .publication-v3 .publication-menu-button {font-size:17px;color:var(--twb-blue)}
#app .publication-v3 .portal-sidebar {background:var(--twb-paper-light);color:var(--twb-blue)}
#app .publication-v3 .portal-sidebar :is(a,p,button) {font-size:17px;line-height:1.6;color:var(--twb-blue)}
#app .publication-v3 .portal-sidebar .is-active {background:#e8dfcf;color:var(--twb-blue)}
#app .publication-v3 :is(.v3-page-hero,.reader-hero,.briefing,.article-controls,.article-results,.archive-groups,.v3-section,.news-index,.news-article,.about-page,.simple-page) {max-width:var(--twb-max);margin-inline:auto}
#app .publication-v3 .v3-page-hero {padding:56px var(--twb-gutter) 48px;background:transparent;gap:42px}
#app .publication-v3 .v3-page-hero :is(p,.v3-page-deck) {font-size:21px;color:var(--twb-reading);font-weight:700;line-height:1.9}
#app .publication-v3 .v3-page-hero h1 {margin-block:18px 24px}
#app .publication-v3 .v3-page-hero-media {background:var(--twb-paper-light);box-shadow:none;aspect-ratio:3/2}
#app .publication-v3 .v3-page-hero-media img {object-fit:contain;width:100%;height:100%}
#app .publication-v3 :is(.brief-cover,.article-cover) {background:var(--twb-paper-light)}
#app .publication-v3 :is(.brief-cover,.article-cover) img {object-fit:contain}
#app .publication-v3 :is(.brief-item,.article-index-item,.vol-group,.v3-panel) {background:transparent;box-shadow:none;border-color:var(--twb-rule);border-radius:0}
#app .publication-v3 :is(.brief-title,.brief-title-zh) {font-size:28px;line-height:1.65}
#app .publication-v3 :is(.brief-deck,.brief-desc,.article-index-desc) {font-size:20px;line-height:1.9;font-weight:700;color:var(--twb-reading)}
#app .publication-v3 .reader-hero {max-width:1100px;padding:44px var(--twb-gutter) 20px;text-align:center;background:transparent}
#app .publication-v3 .reader-hero .v3-breadcrumb {text-align:left;font-size:17px;margin-bottom:32px}
#app .publication-v3 .reader-hero .crumb {justify-content:center;font-size:17px}
#app .publication-v3 .reader-hero h1 {font-size:clamp(38px,4.4vw,58px);line-height:1.5;margin:22px 0;color:var(--twb-blue)}
#app .publication-v3 .reader-hero>h2 {font-size:22px;color:var(--twb-muted);margin:0 0 22px}
#app .publication-v3 .reader-hero .deck {font-size:22px;font-family:var(--twb-body);font-weight:700;line-height:1.9;max-width:800px;margin:0 auto;color:var(--twb-reading)}
#app .publication-v3 .byline-row {justify-content:center;gap:24px;margin-block:25px;font-size:16px}
#app .publication-v3 .byline-row :is(span,strong) {font-size:16px;line-height:1.8;color:var(--twb-reading)}
#app .publication-v3 .reader-cover {max-width:850px;margin:0 auto 50px;padding:0 22px;aspect-ratio:3/2;background:none}
#app .publication-v3 .reader-cover img {width:100%;height:100%;max-height:540px;object-fit:contain}
#app .publication-v3 .reader-artwash {display:none}
#app .publication-v3 .reader-grid {display:grid;grid-template-columns:250px minmax(0,740px);gap:64px;max-width:1100px;margin:auto;padding:0 22px 60px;background:transparent}
#app .publication-v3 .reader-body {font:700 22px/1.95 var(--twb-body);letter-spacing:.01em;color:var(--twb-reading);background:#f7efdfdc;min-width:0}
#app .publication-v3 .reader-body :is(p,li) {font:inherit;color:inherit;line-height:1.95}
#app .publication-v3 .reader-body p {margin:0 0 28px}
#app .publication-v3 .reader-body h2 {font:800 37px/1.65 var(--twb-heading);color:var(--twb-blue);margin:64px 0 28px;scroll-margin-top:130px}
#app .publication-v3 .reader-body h3 {font:800 30px/1.65 var(--twb-heading);color:var(--twb-blue);margin:36px 0 20px}
#app .publication-v3 .reader-body strong {color:var(--twb-emphasis);font-weight:800}
#app .publication-v3 .reader-body :is(a,a:hover) {color:var(--twb-blue);text-decoration:underline;text-decoration-color:var(--twb-orange);text-underline-offset:5px}
#app .publication-v3 .reader-aside {position:sticky;top:120px;align-self:start;background:transparent;padding:24px 0}
#app .publication-v3 .reader-aside :is(a,li,.label,.val) {font-size:17px;line-height:1.8;color:var(--twb-blue)}
#app .publication-v3 .reader-outline-list a {display:block;padding-block:10px;min-height:44px}
#app .publication-v3 .reader-media {margin:40px 0 56px;background:var(--twb-paper-light);padding:20px 14px}
#app .publication-v3 .reader-media img {object-fit:contain;width:100%;height:auto}
#app .publication-v3 .reader-media figcaption {font:700 17px/1.8 var(--twb-body);color:var(--twb-muted);padding-top:14px;text-align:left}
#app .publication-v3 .reader-table-scroll {overflow:auto;max-width:100%;border:1px solid var(--twb-rule)}
#app .publication-v3 .reader-body table {font-size:18px;line-height:1.7}
#app .publication-v3 :is(.reader-preview,.reader-access-gate,.reader-notice) {background:var(--twb-paper-light);border:1px solid var(--twb-rule);padding:28px}
#app .publication-v3 :is(.article-course-card,.ai-course-announcement) {background:#efdcc1;color:var(--twb-reading);border-color:var(--twb-rule)}
#app .publication-v3 :is(.auth-card,.auth-panel,.member-hub,.dashboard-panel,.dashboard-card,.admin-panel,.ai-perfume-shell,.ai-perfume-card) {background:var(--twb-paper-light);color:var(--twb-reading);box-shadow:none;--member-green:var(--twb-blue);--member-paper:var(--twb-paper);--member-ink:var(--twb-blue);--member-muted:var(--twb-muted)}
#app .publication-v3 :is(.auth-shell,.auth-page,.member-hub,.dashboard-hero,.ai-perfume-hero) {background:transparent;color:var(--twb-blue)}
#app .publication-v3 :is(.auth-card,.auth-panel,.member-hub,.dashboard-panel,.admin-panel,.ai-perfume-card) :is(p,label,li) {font-size:17px;line-height:1.8}
#app .publication-v3 :is(.dashboard-hero,.ai-perfume-hero) h1 {font-size:42px}
#app .publication-v3 :is(.dashboard-panel,.admin-panel,.member-hub,.auth-card,.auth-panel,.ai-perfume-card) h2 {font-size:28px}
#app .publication-v3 :is(.dashboard-panel,.admin-panel,.member-hub,.auth-card,.auth-panel,.ai-perfume-card) h3 {font-size:23px}
#app .publication-v3 .site-footer {background:var(--twb-navy);color:var(--twb-paper);padding:48px var(--twb-gutter)}
#app .publication-v3 .site-footer :is(a,p,strong,h2,h3) {color:var(--twb-paper)}
#app .publication-v3 .site-footer a:hover {color:var(--twb-paper)}
#app .publication-v3 .illustrated-home {--paper:var(--twb-paper);--blue:var(--twb-blue);--reading-font:var(--twb-body);--reading-ink:var(--twb-reading);--sans:var(--twb-body);--serif:var(--twb-heading);--accent-text:var(--twb-emphasis);font-weight:700;background:transparent}
#app .publication-v3 .illustrated-home .lead h1 {font-size:clamp(60px,5.9vw,82px);line-height:1.28}
#app .publication-v3 .illustrated-home .lead h1 .ink-underline {color:var(--twb-emphasis)}
#app .publication-v3 .illustrated-home .motion-art video {filter:url(#video-ink-palette);mix-blend-mode:multiply}
#app .publication-v3 .illustrated-home .subscribe {background:var(--twb-navy)}
#app .publication-v3 .illustrated-home .subscribe :is(h2,p) {color:var(--twb-paper)}
#app .publication-v3 .illustrated-news {max-width:var(--twb-max);margin:50px auto;padding-inline:var(--twb-gutter)}
.video-color-defs {position:absolute;pointer-events:none}
#app .publication-v3 img {max-width:100%}
#app .publication-v3 [hidden] {display:none!important}
@media(max-width:1200px) {
  #app .publication-v3 .publication-primary-nav {display:none}
  #app .publication-v3 .publication-menu-button {display:inline-flex}
  #app .publication-v3 .publication-header-main {display:flex;flex-wrap:nowrap;justify-content:space-between}
  #app .publication-v3 .reader-grid {grid-template-columns:210px minmax(0,1fr);gap:32px}
}
@media(max-width:780px) {
  #app .publication-v3 .publication-signin,#app .publication-v3 .publication-subscribe {display:none!important}
  #app .publication-v3 .publication-header-main {padding:14px 22px;gap:12px}
  #app .publication-v3 .publication-brand strong {font-size:25px}
  #app .publication-v3 .publication-brand small {display:none}
  #app .publication-v3 .publication-actions {gap:14px}
  #app .publication-v3 h1 {font-size:38px}
  #app .publication-v3 h2 {font-size:32px}
  #app .publication-v3 h3 {font-size:28px}
  #app .publication-v3 .v3-page-hero {padding:32px 22px;display:flex;flex-direction:column;gap:24px}
  #app .publication-v3 .v3-page-hero :is(p,.v3-page-deck) {font-size:20px}
  #app .publication-v3 .v3-page-hero-media {width:100%;max-height:360px}
  #app .publication-v3 .reader-grid {display:block;padding-inline:22px}
  #app .publication-v3 .reader-aside {display:none}
  #app .publication-v3 .reader-mobile-toc {display:block;background:var(--twb-paper-light);padding:18px;margin:0 0 30px}
  #app .publication-v3 .reader-mobile-toc :is(a,summary,small) {font-size:17px;line-height:1.8}
  #app .publication-v3 .reader-hero {padding:28px 22px 10px;text-align:left}
  #app .publication-v3 .reader-hero h1 {font-size:38px}
  #app .publication-v3 .reader-hero>h2 {font-size:20px}
  #app .publication-v3 .reader-hero .deck {font-size:20px}
  #app .publication-v3 .reader-hero .crumb,#app .publication-v3 .byline-row {justify-content:start;flex-wrap:wrap;gap:14px}
  #app .publication-v3 .byline-row {display:grid;grid-template-columns:1fr 1fr}
  #app .publication-v3 .reader-cover {margin-bottom:25px}
  #app .publication-v3 .reader-body {font-size:20px}
  #app .publication-v3 .reader-body h2 {font-size:32px;margin-top:50px}
  #app .publication-v3 .reader-body h3 {font-size:28px}
  #app .publication-v3 .reader-media {margin-block:32px;padding:12px}
  #app .publication-v3 .briefing-grid {grid-template-columns:1fr!important}
  #app .publication-v3 :is(.dashboard-hero,.ai-perfume-hero) h1 {font-size:34px}
  #app .publication-v3 .illustrated-home .lead h1 {font-size:clamp(48px,13vw,60px)}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}#app .publication-v3 *,#app .publication-v3 *::before,#app .publication-v3 *::after {animation:none!important;transition:none!important}}
.motion-reduced {scroll-behavior:auto}
.motion-reduced #app .publication-v3 * {animation:none!important;transition:none!important}
@media print {.publication-header,.portal-sidebar,.reader-aside,.reader-mobile-toc,.motion-toggle {display:none!important}#app .publication-v3 .reader-grid {display:block}#app .publication-v3 .reader-body {font-size:12pt;background:white}#app .publication-v3 .portal-page::before,#app .publication-v3 .portal-page::after {display:none}}
/* Contain legacy oversize hero art inside its grid column. */
#app .publication-v3 .v3-page-hero-media {width:100%;min-width:0;margin:0;transform:none}
#app .publication-v3 img[src^="/illustrated/"] {mix-blend-mode:multiply}
#app .publication-v3 .reader-cover {border:0}
#app .publication-v3 :is(.brief-meta,.v3-kicker,.eyebrow,.meta,.label,.crumb,.brief-number) {font-size:17px}
#app .publication-v3 .illustrated-home :is(.section-label,.desk-meta,.reading-meta,.source-note,.brief-bottom>span,.archive-category,.archive-actions,.text-link) {font-size:17px;line-height:1.8}
#app .publication-v3 .illustrated-home :is(.desk-brief>p,.lead-deck) {font:700 22px/1.9 var(--twb-body);color:var(--twb-reading)}
#app .publication-v3 .illustrated-home .archive-row h3 {font-size:28px}
@media(max-width:780px){#app .publication-v3 .illustrated-home :is(.desk-brief>p,.lead-deck){font-size:20px}}
#app .publication-v3 .publication-header {background:var(--twb-paper)}
#app .publication-v3 .reader-aside {top:190px;max-height:calc(100dvh - 212px);overflow:auto}
#app .publication-v3 .reader-body section[id] {scroll-margin-top:190px}
@media(min-width:1201px){html{scroll-padding-top:190px}}
@media(max-width:1200px){#app .publication-v3 .reader-aside{top:100px;max-height:calc(100dvh - 122px)}#app .publication-v3 .reader-body section[id]{scroll-margin-top:110px}}
/* Supporting pages share the publication grid and approved illustration library. */
#app .publication-v3 .v3-page-hero {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:0}
#app .publication-v3 .v3-page-hero::before,#app .publication-v3 .v3-page-hero::after {display:none}
#app .publication-v3 .v3-page-hero-copy {width:100%;max-width:none;padding:0;min-width:0}
#app .publication-v3 .v3-page-hero-art {display:block;position:relative;inset:auto;width:100%;height:auto;min-height:0;opacity:1;mask-image:none;z-index:0;overflow:visible;transform:none}
#app .publication-v3 .v3-page-hero-art img {width:100%;height:auto;min-height:0;object-fit:contain;opacity:1;mask-image:none;filter:none;transform:none}
#app .publication-v3 {--v3-ambient-art:url('/illustrated/coffee-digest.png')}
#app .publication-v3 .portal-page::before {inset:auto;left:0;top:600px;background-position:center;background-size:contain;filter:none;mask-image:none}
#app .publication-v3 .portal-page::after {inset:auto;right:0;top:1700px;background-position:center;background-size:contain;filter:none;mask-image:none}
@media(max-width:780px){#app .publication-v3 .v3-page-hero{display:flex;flex-direction:column;align-items:stretch}#app .publication-v3 .v3-page-hero-art {max-width:480px;margin:auto}}
/* Legible secondary copy across library, news and account pages. */
#app .publication-v3 :is(p,li) {font-size:20px;font-weight:700;line-height:1.85}
#app .publication-v3 :is(label,small,button,summary,.filter-label,.news-eyebrow,.news-meta,.news-read-link,.filter-group>span,.article-search label,.article-search p,.v3-episode-meta,.v3-issue-meta) {font-size:17px;line-height:1.7}
#app .publication-v3 :is(.news-deck,.news-story-body p,.news-article-body p,.about-page p,.privacy-page p) {font:700 22px/1.95 var(--twb-body);color:var(--twb-reading)}
#app .publication-v3 .news-page-header p {font-size:20px;max-width:480px}
#app .publication-v3 .news-meta {color:var(--twb-muted)}
#app .publication-v3 .news-meta span:first-child {color:var(--twb-emphasis)}
@media(max-width:780px){#app .publication-v3 :is(.news-deck,.news-story-body p,.news-article-body p,.about-page p,.privacy-page p){font-size:20px}}
#app .publication-v3 .mag-library-hero {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1280px;margin:auto;padding:50px var(--twb-gutter);background:transparent;min-height:0}
#app .publication-v3 .mag-library-hero-copy {width:100%;padding:0;max-width:none}
#app .publication-v3 .mag-library-hero-art {position:relative;inset:auto;width:100%;height:auto;opacity:1;mask-image:none;z-index:0}
#app .publication-v3 .mag-library-hero-art img {width:100%;height:auto;object-fit:contain;mask-image:none}
#app .publication-v3 .mag-library-hero::after {display:none}
#app .publication-v3 :is(.mag-library-hero dt,.mag-reader-toolbar,.mag-kicker,.news-text-link,.news-breadcrumb,.news-byline) {font-size:17px;line-height:1.8}
#app .publication-v3 .news-body {font:700 22px/1.95 var(--twb-body);color:var(--twb-reading)}
#app .publication-v3 .news-body p {font:inherit}
@media(max-width:780px){#app .publication-v3 .mag-library-hero{grid-template-columns:1fr;padding:32px 22px}#app .publication-v3 .news-body{font-size:20px}}
/* Compact, readable workspaces; actions stay near the page title. */
#app .publication-v3 :is(.member-overview-masthead,.dashboard-hero,.ai-course-hero-v2,.ai-perfume-hero) {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;max-width:1280px;min-height:0;height:auto;margin:0 auto;padding:44px var(--twb-gutter);background:transparent}
#app .publication-v3 :is(.member-dashboard-header,.dashboard-hero-copy,.ai-course-hero-copy,.ai-perfume-hero-copy) {position:relative;z-index:1;width:100%;max-width:none;min-height:0;padding:0;margin:0;background:transparent}
#app .publication-v3 :is(.v3-member-hero-art,.v3-dashboard-art,.ai-course-hero-art,.ai-perfume-hero-art) {display:block;position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:420px;margin:0;opacity:1;mask-image:none;z-index:0;border:0;overflow:hidden}
#app .publication-v3 :is(.v3-member-hero-art,.v3-dashboard-art,.ai-course-hero-art,.ai-perfume-hero-art) img {display:block;width:100%;height:auto;max-height:390px;object-fit:contain;opacity:1;mask-image:none;filter:none;transform:none}
#app .publication-v3 :is(.member-overview-masthead,.dashboard-hero,.ai-course-hero-v2,.ai-perfume-hero)::before,#app .publication-v3 :is(.member-overview-masthead,.dashboard-hero,.ai-course-hero-v2,.ai-perfume-hero)::after {display:none}
#app .publication-v3 :is(.dashboard-kicker,.member-hub-kicker,.member-plan-summary small,.ai-perfume-hero h1 span) {color:var(--twb-emphasis);font-size:17px}
#app .publication-v3 .member-plan-summary {background:transparent;border-color:var(--twb-rule);margin-top:24px}
#app .publication-v3 :is(.member-plan-summary span,.product-card-labels,.member-workspace-number,.ai-hero-facts dd,.ai-perfume-hero-art figcaption) {font-size:17px;line-height:1.8}
#app .publication-v3.route-ai-perfume {--ai-rose:var(--twb-emphasis);--ai-rose-soft:#efdcc1;--ai-leaf:var(--twb-blue);--ai-paper:var(--twb-paper)}
#app .publication-v3.route-ai-perfume .portal-page::before {background-image:url('/illustrated/scent-digest.png')}
#app .publication-v3 .ai-perfume-hero-copy .v3-breadcrumb {margin-bottom:22px}
#app .publication-v3.route-admin .issue-header {padding:40px var(--twb-gutter);background:transparent;min-height:0;max-width:1280px;margin:auto}
#app .publication-v3.route-admin .issue-header::before,#app .publication-v3.route-admin .issue-header::after {display:none}
#app .publication-v3.route-admin .issue-header h1 {font-size:42px}
@media(max-width:780px){#app .publication-v3 :is(.member-overview-masthead,.dashboard-hero,.ai-course-hero-v2,.ai-perfume-hero){grid-template-columns:1fr;padding:30px 22px;gap:24px}#app .publication-v3 :is(.v3-member-hero-art,.v3-dashboard-art,.ai-course-hero-art,.ai-perfume-hero-art) {max-width:460px;margin:auto;max-height:300px}#app .publication-v3 :is(.v3-member-hero-art,.v3-dashboard-art,.ai-course-hero-art,.ai-perfume-hero-art) img{max-height:280px}}
#app .publication-v3 .auth-portal-visual {background:var(--twb-paper);color:var(--twb-blue);padding:35px 40px}
#app .publication-v3 .auth-portal-slide picture {position:relative;display:block;inset:auto;width:100%;height:auto;max-height:55vh;margin-top:50px}
#app .publication-v3 .auth-portal-slide picture img {width:100%;height:auto;max-height:55vh;object-fit:contain;filter:none;opacity:1}
#app .publication-v3 .auth-portal-slide::after {display:none}
#app .publication-v3 .auth-portal-slide figcaption {position:relative;inset:auto;max-width:660px;background:transparent;padding:20px 20px 80px;margin:auto}
#app .publication-v3 .auth-portal-slide figcaption h2 {font-size:34px;line-height:1.65;color:var(--twb-blue)}
#app .publication-v3 .auth-portal-slide figcaption span {font:700 18px/1.8 var(--twb-body);color:var(--twb-reading)}
#app .publication-v3 .auth-portal-panel {background:var(--twb-paper-light);color:var(--twb-reading)}
#app .publication-v3 .auth-portal-panel :is(.eyebrow,.auth-signed-in .eyebrow,.auth-language-link) {color:var(--twb-emphasis)}
#app .publication-v3 .auth-portal-panel :is(a,label,input) {font-size:17px}
#app .publication-v3 .auth-portal-panel input {min-height:48px}
#app .publication-v3 .auth-portal-panel-brand strong {color:var(--twb-blue);font-family:var(--twb-heading)}
#app .publication-v3 .auth-portal-mark,#app .publication-v3 .auth-portal-visual-mark {display:none}
#app .publication-v3 .auth-signed-in {background:var(--twb-paper);border-color:var(--twb-rule);padding:20px}
#app .publication-v3 .auth-portal-panel a {color:var(--twb-blue)}
#app .publication-v3 .auth-portal-panel a.button {color:var(--twb-paper-light)}
#app .publication-v3 .portal-sidebar :is(summary,strong,small) {color:var(--twb-blue)}
#app .publication-v3 .portal-sidebar .member-sidebar-mark {display:none}
#app .publication-v3 .portal-sidebar .member-sidebar-brand strong {display:block;font:800 23px/1.3 var(--twb-heading)}
#app .publication-v3 .portal-sidebar .member-sidebar-brand small {font-size:13px}
#app .publication-v3 .portal-sidebar summary {font-size:17px;min-height:48px}
#app .publication-v3 .portal-sidebar .member-sidebar-brand>a>span:last-child {display:block}
#app .publication-v3 :is(.plan.dark,.subscribe-plan-featured) {background:var(--twb-blue);color:var(--twb-paper-light)}
#app .publication-v3 :is(.plan.dark,.subscribe-plan-featured) :is(h2,h3,h4,p,li,strong,small,span,a) {color:var(--twb-paper-light)}
#app .publication-v3 .mag-button {font-size:17px;min-height:48px}
#app .publication-v3 .mag-button.is-primary {background:var(--twb-blue);color:var(--twb-paper-light)}
#app .publication-v3 :is(.mag-reader-controls button,.mag-reader-chapter-nav a) {font-size:17px}
#app .publication-v3 button:hover {text-decoration:underline;text-decoration-color:var(--twb-orange);text-underline-offset:5px}