/* Shared masthead. Research and interactive Atlas bodies retain their own UI. */
@font-face{font-family:"Plus Jakarta Sans";src:url("/atlas/assets/brand/plus-jakarta-sans-latin-v1.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
.mgw-site-header{--masthead-bg:#fcfcfd;--masthead-link:#526376;--masthead-active:#17324f;--masthead-rule:#e1e5e9;--masthead-gold:#9b6c25;box-sizing:border-box;display:block;width:100%;height:auto;min-height:0;max-width:none;margin:0;padding:0;position:relative;background:var(--masthead-bg);color:var(--masthead-active);border:0;border-bottom:1px solid var(--masthead-rule);font-family:var(--reading-font,"Segoe UI",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif);line-height:1.4}
.mgw-site-header[data-mgw-header-tone="dark"]{--masthead-bg:#17324f;--masthead-link:#dbe5ef;--masthead-active:#fff;--masthead-rule:#40566e;--masthead-gold:#d2a04c}
.mgw-site-header *{box-sizing:border-box}
.mgw-site-header .mgw-site-bar{width:100%;max-width:1240px;margin:0 auto;padding:12px 48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;min-height:76px}
.mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-bar{max-width:1640px;padding:8px 32px;min-height:64px}
.mgw-site-header .mgw-site-brand{display:flex;align-items:center;width:208px;margin:0;padding:0;border:0;text-decoration:none;background:none}
.mgw-site-header .mgw-site-brand img{display:block;width:100%;height:auto;aspect-ratio:223/50;max-width:none;margin:0;filter:none}
.mgw-site-header .mgw-site-primary{display:flex;align-items:stretch;justify-content:center;gap:28px;margin:0;padding:0;border:0;min-width:0}
.mgw-site-header a,.mgw-site-header button{color:var(--masthead-link);text-decoration:none;font-family:inherit;letter-spacing:0;font-size:16px;font-weight:500;line-height:1.5;border-radius:0;box-shadow:none;background:none;white-space:nowrap}
.mgw-site-header .mgw-site-primary>a{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 0;border:0;border-bottom:2px solid transparent}
.mgw-site-header .mgw-site-primary>a[aria-current]{color:var(--masthead-active);font-weight:700;border-bottom-color:var(--masthead-gold)}
.mgw-site-header .mgw-site-utilities{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:0;padding:0}
.mgw-site-header .mgw-site-utilities>a,.mgw-site-header .mgw-site-utilities>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:8px 0;border:0;cursor:pointer}
.mgw-site-header .mgw-site-utilities>[aria-current="page"]{color:var(--masthead-active);font-weight:700;box-shadow:inset 0 -2px var(--masthead-gold)}
.mgw-site-header a:hover,.mgw-site-header button:hover{color:var(--masthead-active)}
.mgw-site-header :is(a,button):focus-visible{outline:2px solid var(--masthead-gold);outline-offset:4px}
.mgw-site-header .mgw-method-symbol{display:none}
.mgw-site-header .mgw-site-method{gap:8px}
.mgw-site-header .mgw-site-context{display:flex;align-items:center;justify-content:flex-end;gap:24px;max-width:1144px;min-height:40px;margin:0 auto;padding:0 0 8px;border:0;flex-wrap:wrap}
.mgw-site-header .mgw-site-context>a,.mgw-site-header .mgw-site-context>button{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:6px 0;border:0;font-size:15px;cursor:pointer}
.mgw-site-header .mgw-site-context [aria-current]{color:var(--masthead-active);font-weight:700;border-bottom:1px solid var(--masthead-gold)}
@media screen{
 html:is(:lang(en),:lang(zh)) body:has(>.mgw-site-header){--paper:#fcfcfd;--page:#fcfcfd;min-height:100vh;background:#fcfcfd}
 /* Give the introductory text its own hierarchy without loosening the data workspace. */
 html:is(:lang(en),:lang(zh)) [data-mgw-view="atlas"] .intro{padding-block:28px 22px}
 html:is(:lang(en),:lang(zh)) [data-mgw-view="atlas"] .intro .eyebrow{font-size:14px;font-weight:500;line-height:1.6;letter-spacing:.06em;color:#526376}
 html:is(:lang(en),:lang(zh)) [data-mgw-view="atlas"] .intro h1{margin-block:10px 12px;line-height:1.3}
 html:is(:lang(en),:lang(zh)) [data-mgw-view="atlas"] .intro p{line-height:1.8;color:#42566a}
 html:is(:lang(en),:lang(zh)) [data-mgw-view="atlas"] .intro .atlas-hero-flow{margin-left:18px;padding-left:18px;font-size:15px}
 body[data-mgw-view="atlas"] .mgw-atlas-search .mgw-search-form>label{font-size:15px;font-weight:500;color:#42566a}
 body[data-mgw-view="atlas"] .mgw-atlas-search{margin-bottom:16px}
 body[data-mgw-view="atlas"] .mgw-search-samples{margin-top:7px}
}
@media(max-width:1000px){
 .mgw-site-header .mgw-site-bar,.mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-bar{grid-template-columns:1fr auto;gap:8px 20px;padding:12px 32px 0;min-height:0}
 .mgw-site-header .mgw-site-brand{width:198px}
 .mgw-site-header .mgw-site-primary{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--masthead-rule)}
 .mgw-site-header .mgw-site-primary>a{min-height:48px;padding:12px 4px}
 .mgw-site-header .mgw-site-context{margin:0 32px;padding:4px 0 8px;gap:24px}
 /* A two-column auth page cannot fit the full brand name at tablet widths. */
 body[data-mgw-view="auth"] .auth-main{width:min(calc(100% - 32px),520px);padding:40px 0 56px}
 body[data-mgw-view="auth"] .auth-layout{grid-template-areas:"intro" "panel";grid-template-columns:minmax(0,1fr);align-items:start;gap:32px}
 body[data-mgw-view="auth"] .auth-layout__intro{max-width:100%}
 body[data-mgw-view="auth"] .auth-layout.mgw-account-layout{grid-template-areas:"intro" "panel";grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:540px){
 .mgw-site-header .mgw-site-bar,.mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-bar{padding:10px 20px 0;gap:6px 8px}
 .mgw-site-header .mgw-site-brand{width:170px}
 .mgw-site-header .mgw-site-utilities{gap:10px}
 .mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-utilities{gap:2px}
 .mgw-site-header .mgw-site-utilities>a,.mgw-site-header .mgw-site-utilities>button{min-width:44px;min-height:44px}
 .mgw-site-header .mgw-site-method{width:44px}
 .mgw-site-header .mgw-method-label{display:none}
 .mgw-site-header .mgw-method-symbol{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-size:14px;font-weight:600}
 .mgw-site-header .mgw-site-utilities>a,.mgw-site-header .mgw-site-utilities>button{font-size:15px}
 .mgw-site-header .mgw-site-primary>a{font-size:16px;min-height:48px}
 .mgw-site-header .mgw-site-context{margin:0 20px;gap:20px;justify-content:flex-start}
}
@media(max-width:350px){.mgw-site-header .mgw-site-brand{width:140px}.mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-brand{width:130px}.mgw-site-header .mgw-site-utilities{gap:8px}.mgw-site-header .mgw-site-bar,.mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-bar{padding-left:12px;padding-right:12px}.mgw-site-header .mgw-site-primary>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mgw-site-header *{scroll-behavior:auto}}
@media print{.mgw-site-header{display:none}}

/* Account identity and access follow their page title at every narrow width. */
body[data-mgw-view="auth"] .auth-main:has(.mgw-account-layout){padding-top:40px;padding-bottom:64px}
body[data-mgw-view="auth"] .auth-layout.mgw-account-layout{align-items:start}
@media(max-width:540px){body[data-mgw-view="auth"] .auth-main:has(.mgw-account-layout){padding-top:28px}}

/* Member Atlas: local controls and native data, compact throughout the native single-column layout. */
.mgw-member-nav{display:none}
@media screen and (max-width:900px){
 main.mgw-member-compact{min-width:0}
 .mgw-member-compact .mgw-member-nav:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 18px;border-top:1px solid var(--bw-line,#dfe4ea);border-bottom:1px solid var(--bw-line,#dfe4ea)}
 .mgw-member-nav button{min-width:0;min-height:44px;padding:10px 4px;border:0;background:transparent;color:var(--bw-navy,#17324f);font:inherit;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;text-align:center}
 .mgw-member-nav button+button{border-left:1px solid var(--bw-line,#dfe4ea)}
 .mgw-member-nav button:hover{background:#edf2f5}
 .mgw-member-nav button:focus-visible,.mgw-member-basis>summary:focus-visible{outline:2px solid var(--bw-gold,#a87622);outline-offset:3px}
 /* The shared reading stylesheet qualifies this grid with html:lang(). Match
    that scope before the member class so its old areas cannot create columns. */
 html:is(:lang(en),:lang(zh)) main.mgw-member-compact .market-overview{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"watch-heading" "watch" "stocks-heading" "stocks" "basis";column-gap:0;row-gap:10px;margin-bottom:20px}
 .mgw-member-compact #supply-signal .watch-stories>.watch-story~.watch-story{display:none}
 .mgw-member-compact #supply-signal .watch-story{grid-template-columns:minmax(0,1fr) 14px;gap:8px 10px;padding:12px 10px}
 .mgw-member-compact #supply-signal .watch-story-main{grid-column:1/-1;gap:5px}
 .mgw-member-compact #supply-signal .watch-story-main>small{font-size:12px;line-height:1.5}
 .mgw-member-compact #supply-signal .watch-story-main>b{font-size:16px;line-height:1.45}
 .mgw-member-compact #supply-signal .watch-story-main>span{display:block;overflow:visible;font-size:12px;line-height:1.6;-webkit-line-clamp:unset}
 .mgw-member-compact #supply-signal .watch-story-value{grid-column:1;display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;max-width:none;text-align:left}
 .mgw-member-compact #supply-signal .watch-story-value strong{font-size:16px;letter-spacing:0;line-height:1.4}
 .mgw-member-compact #supply-signal .watch-story-value small{max-width:none;font-size:12px;line-height:1.5}
 .mgw-member-compact #supply-signal .watch-arrow{grid-column:2;align-self:center}
 .mgw-member-compact #supply-signal .watch-topline,.mgw-member-compact #supply-signal .watch-bottom{padding:4px 10px;gap:8px;min-height:52px}
 .mgw-member-compact #supply-signal :is(.watch-topline,.watch-bottom) button{min-height:44px;font-size:12px}
 .mgw-member-compact #supply-signal .watch-bottom{font-size:12px;line-height:1.5}
 .mgw-member-compact #supply-signal .watch-bottom>span{min-width:0}
 .mgw-member-compact #supply-signal .watch-bottom>span>button{font-size:12px!important;white-space:normal;text-align:left}
 .mgw-member-compact .market-reference #inventory-cards{display:flex!important;flex-direction:row;grid-template-columns:none;grid-template-rows:none;gap:0;align-items:stretch;max-width:100%;min-width:0;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8d9eaf #edf2f5;scroll-snap-type:x proximity;padding-bottom:8px}
 .mgw-member-compact #inventory-cards::-webkit-scrollbar{height:8px}
 .mgw-member-compact #inventory-cards::-webkit-scrollbar-track{background:#edf2f5}
 .mgw-member-compact #inventory-cards::-webkit-scrollbar-thumb{background:#8d9eaf;border-radius:4px}
 .mgw-member-compact .market-reference #inventory-cards>.metric{display:flex;flex-direction:column;flex:1 0 160px;min-width:160px;max-width:none;width:160px;min-height:0;grid-row:auto;grid-column:auto;grid-template-columns:none;grid-template-rows:none;justify-content:flex-start;align-content:normal;gap:0;padding:12px!important;scroll-snap-align:start;border-bottom:0}
 .mgw-member-compact .market-reference #inventory-cards>.metric+ .metric{border-left:1px solid var(--bw-line,#dfe4ea)}
 .mgw-member-compact .market-reference #inventory-cards .metric-value{font-size:26px;letter-spacing:-.7px;line-height:1.25;margin:7px 0;white-space:nowrap}
 .mgw-member-compact .market-reference #inventory-cards .metric-value>span{font-size:12px;margin-left:4px}
 .mgw-member-compact .market-reference #inventory-cards .inventory-week{min-height:18px;font-size:12px;line-height:1.5;flex-wrap:wrap}
 .mgw-member-compact .market-reference #inventory-cards .inventory-trend{width:100%;height:32px;flex:none;margin:6px 0}
 .mgw-member-compact .market-reference #inventory-cards .inventory-date-row{margin-top:7px;padding:0;gap:2px 5px;flex-wrap:wrap}
 .mgw-member-compact .market-reference #inventory-cards :is(.metric-top,.metric-bottom,.inventory-date-row,.inventory-date-row small,.inventory-footnote,.live-warrant,.live-warrant time,.live-warrant b){font-size:12px;line-height:1.5}
 .mgw-member-compact .market-reference #inventory-cards>.metric>small{font-size:12px;line-height:1.5;margin-top:10px}
 .mgw-member-compact .market-reference #inventory-cards .inventory-footnote{margin-top:5px;overflow-wrap:anywhere}
 .mgw-member-compact .market-reference #inventory-cards .live-warrant{margin-top:10px;gap:4px;flex-wrap:wrap}
 .mgw-member-compact .mgw-member-basis{grid-area:basis;min-width:0;margin:0;border-bottom:1px solid var(--bw-line,#dfe4ea);font-size:12px;color:var(--bw-muted,#536171)}
 .mgw-member-basis>summary{min-height:44px;padding:12px 0;cursor:pointer;line-height:1.6;color:var(--bw-navy,#17324f);font-weight:600}
 .mgw-member-basis[open]>summary{margin-bottom:8px}
 .mgw-member-compact .market-reference .mgw-member-basis>.data-note{padding:10px 0;line-height:1.6;align-items:flex-start}
 .mgw-member-compact .market-reference .mgw-member-basis>.live-review{padding:10px 0;margin:0;line-height:1.6}
 .mgw-member-basis :is(button,.link-button){min-height:44px}
 .mgw-member-compact #supply-timeline{order:0}
}


/* One screen reading family for search, Atlas, packs and account pages.
   This stylesheet is installed after each page's legacy styles. */
@media screen {
  html:is(:lang(en),:lang(zh)) body:has(>.mgw-site-header) {
    --reading-font: "Segoe UI", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
    font-family:var(--reading-font);
    font-size:18px;
    font-weight:400;
    line-height:1.8;
    -webkit-font-smoothing:auto;
    font-kerning:normal;
  }
  body:has(>.mgw-site-header) :is(h1,h2,h3,button,input,select,textarea) {font-family:inherit}
  body:has(>.mgw-site-header) h1 {font-weight:650;letter-spacing:-.025em}
  html:lang(zh) body:has(>.mgw-site-header) :is(h1,h2,h3) {letter-spacing:0}
  .mgw-search-box {font-family:inherit}
  .mgw-search-box :is(label,.mgw-search-samples),.mgw-search-status {font-size:16px;line-height:1.7;color:#42566a}
  .mgw-search-controls :is(input,button),.mgw-search-results a {font-size:17px;line-height:1.7}
  .mgw-search-controls input::placeholder {color:#526376;opacity:1}
  section.mgw-pack-entry .mgw-pack-copy p {font-size:17px;line-height:1.85;color:#42566a}
  .mgw-pack-actions small {font-size:15px;line-height:1.7;color:#526376}
  .mgw-pack-actions .mgw-pack-sample {font-size:16px;font-weight:500}
  /* The byte-pinned shop keeps its content; the shared shell supplies type. */
  body[data-checkout-open] :is(.meta,.small,.source,.boundary,.split p,.pack-workflow p,.pack-catalogue>p,.pack-combined p) {font-size:17px;line-height:1.8;color:#42566a}
  body[data-checkout-open] :is(.pack-item small,.pack-combined-count small,.pack-back,.eyebrow,footer) {font-size:15px;line-height:1.7;color:#526376}
  body[data-checkout-open] :is(.button,table,caption,dt) {font-size:16px;line-height:1.7}
  body[data-checkout-open] h1 {font-weight:650}
  body[data-checkout-open] h3 {font-size:21px;font-weight:600}
  body[data-checkout-open] .result {font-size:20px;line-height:1.8}
  body[data-checkout-open] .pack-item strong {font-weight:600}
}

/* A contained navy signature, with a quiet, aligned reading frame. */
.mgw-site-header {max-width:1240px;margin-inline:auto;background:transparent}
.mgw-site-header .mgw-site-bar,
.mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-bar {max-width:1240px;padding:14px 48px;min-height:80px}
.mgw-site-header .mgw-site-brand {width:204px;padding:7px 12px;background:#17324f;border-radius:8px}
/* The data workspace keeps its original wider proportions and compact rhythm.
   Marketing pages retain their narrower reading frame and contained logo. */
.mgw-site-header[data-mgw-header-layout="atlas"] {max-width:1640px}
.mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-bar {max-width:1640px;padding-inline:32px}
@media screen {
  html:is(:lang(en),:lang(zh)) [data-mgw-view="atlas"] .watch-story-main>span {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:16px;line-height:1.65}
  .mgw-research-footer {max-width:1240px;margin-inline:auto;padding-inline:48px}
}
@media(max-width:1000px) {
  .mgw-site-header .mgw-site-bar,.mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-bar {padding:18px 32px 0;min-height:0}
}
@media(max-width:540px) {
  .mgw-site-header .mgw-site-bar,.mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-bar {padding:14px 20px 0}
  .mgw-site-header .mgw-site-brand {width:174px;padding:6px 10px}
  .mgw-research-footer {padding-inline:22px}
}
@media(max-width:350px) {
  .mgw-site-header .mgw-site-brand {width:140px}
  .mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-brand {width:120px}
  .mgw-site-header .mgw-site-bar,.mgw-site-header[data-mgw-header-layout="atlas"] .mgw-site-bar {padding-inline:12px}
}
@media screen and (max-width:540px) {
  html:is(:lang(en),:lang(zh)) [data-mgw-view="atlas"] .intro .atlas-hero-flow {display:table;margin:6px 0 0;padding:0;border-left:0}
  .mgw-site-header .mgw-site-utilities {gap:8px}
  html:lang(en) .mgw-site-header .mgw-site-primary>a {font-size:clamp(13px,3.8vw,16px)}
  .research-section-title {align-items:baseline;flex-wrap:wrap;gap:8px 20px}
}

/* Compact member views retain readable prose and metadata after stacking. */
@media screen and (max-width:900px) {
  html:is(:lang(en),:lang(zh)) .mgw-member-compact #supply-signal .watch-story-main>b {font-size:18px;line-height:1.6}
  html:is(:lang(en),:lang(zh)) .mgw-member-compact #supply-signal .watch-story-main>span {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:16px;line-height:1.65}
  html:is(:lang(en),:lang(zh)) .mgw-member-compact #supply-signal :is(.watch-story-main>small,.watch-story-value small,.watch-bottom,.watch-topline button,.watch-bottom button) {font-size:14px;line-height:1.7}
  html:is(:lang(en),:lang(zh)) .mgw-member-compact #supply-signal .watch-bottom>span>button {font-size:14px!important}
  html:is(:lang(en),:lang(zh)) .mgw-member-compact .market-reference #inventory-cards :is(.metric-top,.metric-bottom,.inventory-date-row,.inventory-date-row small,.inventory-footnote,.live-warrant,.live-warrant time,.live-warrant b,.metric-value>span) {font-size:14px;line-height:1.65}
  html:is(:lang(en),:lang(zh)) .mgw-member-compact .market-reference #inventory-cards .metric-value {font-size:30px}
  html:is(:lang(en),:lang(zh)) .mgw-member-compact .market-reference #inventory-cards>.metric>small {font-size:14px;line-height:1.65}
  html:is(:lang(en),:lang(zh)) .mgw-member-compact .mgw-member-basis {font-size:14px;line-height:1.7}
}