/* FBC reference: Control art book, printed pp.48 and 389–391.
   Wayfinding: regular sans. Display: true condensed face. Records: monospace.
   Red identifies the current destination or selection; rules share one weight.
   Open fonts are substitutes for the reference's Interstate and OCR-B. */
@font-face { font-family:"FBC Wayfinding"; src:url('/fonts/overpass.ttf') format('truetype'); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"FBC Condensed"; src:url('/fonts/robotocondensed.ttf') format('truetype'); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"FBC Record"; src:url('/fonts/overpassmono.ttf') format('truetype'); font-weight:300 700; font-style:normal; font-display:swap; }
:is(html[data-design="magazine"],body[data-identity="fbc"]) {
  --sans:"FBC Wayfinding","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --display:"FBC Condensed","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --mono:"FBC Record","Noto Sans SC",Consolas,monospace;
  --paper:#eeeee9; --paper-deep:#e1e1dc; --ink:#181917;
  --ink-soft:#545650; --muted:#545650; --line:#a5a79e;
  --accent:#b52b25; --signal:#b52b25; --symbol-paper:var(--paper);
  --unit:8px; --rule:1px solid var(--ink);
}
html[data-design="magazine"][data-tone="coal"],html[data-theme="dark"] body[data-identity="fbc"] {
  --paper:#171816; --paper-deep:#242622; --ink:#ebebe5;
  --ink-soft:#b5b8ad; --muted:#b5b8ad; --line:#666a5e; --accent:#ff8171;
}
.nav-symbol,.masthead-directory { display:none; }
.header nav .nav-label { display:block; font:inherit; }
.direction-arrow { display:block; width:24px; height:24px; fill:currentColor; }
.direction-down { transform:rotate(90deg); }
.direction-left { transform:rotate(180deg); }
.direction-up { transform:rotate(-90deg); }
.feature-en[hidden],.index-name small[hidden] { display:none; }
.feature-meta>div { display:grid; gap:6px; }
.feature-meta small { display:none; }

/* The same sign grid runs through the landing page and all inner destinations. */
[data-design="magazine"] .header,body[data-identity="fbc"] .brutal-header .header-inner {
  display:flex; align-items:center; gap:24px; min-height:96px; border:0; border-bottom:var(--rule);
}
[data-design="magazine"] .identity,body[data-identity="fbc"] .brutal-brand {
  display:flex; flex-shrink:0; gap:16px; padding:0; width:auto; letter-spacing:0;
}
[data-design="magazine"] .site-logo,body[data-identity="fbc"] .site-logo { width:48px; height:48px; }
[data-design="magazine"] .identity>span,body[data-identity="fbc"] .brutal-brand>span { font:600 12px/1.4 var(--sans); letter-spacing:0; }
[data-design="magazine"] .header nav,body[data-identity="fbc"] .brutal-header nav {
  display:flex; flex:1; width:auto; align-self:center; align-items:center; justify-content:flex-end; gap:0; margin:0; padding:0; border:var(--rule);
}
[data-design="magazine"] .header nav>a,body[data-identity="fbc"] .brutal-header nav>a {
  display:flex; align-items:center; justify-content:flex-start; flex:1 1 0; min-width:0;
  min-height:56px; padding:8px 10px; gap:8px; border:0; border-right:var(--rule);
  color:var(--ink); font:600 13px/1.25 var(--sans); letter-spacing:0; white-space:nowrap;
}
[data-design="magazine"] .header nav>a:last-child { border-right:0; }
[data-design="magazine"] .header nav .nav-symbol,body[data-identity="fbc"] .brutal-header nav .nav-symbol {
  display:flex; flex:0 0 28px; width:28px; height:32px; align-items:center; justify-content:center;
}
.nav-symbol svg { display:block; width:24px; height:24px; fill:currentColor; }
[data-design="magazine"] .header nav .nav-label,body[data-identity="fbc"] .brutal-header nav .nav-label { display:block; font:inherit; }
[data-design="magazine"] .header nav .nav-index,body[data-identity="fbc"] .brutal-header nav .nav-index { display:none; }
[data-design="magazine"] .header nav .nav-active:before { display:none; }
[data-design="magazine"] .header nav>a.nav-active,body[data-identity="fbc"] .brutal-header nav>a.active { background:none; color:var(--ink); }
[data-design="magazine"] .header nav>a.nav-active .nav-symbol,body[data-identity="fbc"] .brutal-header nav>a.active .nav-symbol {
  background:var(--signal); color:#fff; --symbol-paper:var(--signal);
}
[data-design="magazine"] .header nav>a:hover,body[data-identity="fbc"] .brutal-header nav>a:hover { color:var(--paper); background:var(--ink); --symbol-paper:var(--ink); }
body[data-identity="fbc"] .brutal-header .nav-utilities { flex:0 0 44px; border:0; align-self:stretch; }
body[data-identity="fbc"] .brutal-header .nav-utilities>:is(a,button) { min-height:27px; font:500 11px/1 var(--sans); }
body[data-identity="fbc"] .brutal-header .nav-utilities>:last-child { border-top:var(--rule); }
body[data-identity="fbc"] .brutal-header .preview-note,[data-design="magazine"] .study-tools { font:11px/1.4 var(--sans); letter-spacing:0; }

/* Display lettering carries the masthead, without artificial horizontal scaling. */
[data-design="magazine"] .masthead { display:grid; grid-template-columns:minmax(0,1fr) 180px; padding-top:16px; }
[data-design="magazine"] .masthead-kicker { grid-column:1/-1; padding-bottom:12px; border-bottom:1px solid var(--line); font:12px/1.4 var(--mono); letter-spacing:0; }
[data-design="magazine"] .masthead h1 { grid-column:1; display:flex; align-self:center; gap:0; margin:20px 0; font:700 clamp(58px,8.7vw,136px)/1 var(--display); letter-spacing:.005em; }
[data-design="magazine"] .masthead-directory { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:20px 0 20px 24px; padding-left:24px; border-left:var(--rule); font:600 15px/1.4 var(--sans); }
[data-design="magazine"] .masthead-directory .direction-arrow { width:40px; height:40px; flex-shrink:0; }
[data-design="magazine"] .masthead-directory:hover { color:var(--accent); }
[data-design="magazine"] .masthead-foot { grid-column:1/-1; border-block:var(--rule); min-height:44px; padding:10px 0; font:12px/1.4 var(--mono); }
[data-design="magazine"] .feature { gap:32px; padding-top:32px; }
[data-design="magazine"] .feature-side { padding-top:0; }
[data-design="magazine"] .feature[data-layout="portrait"] { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); max-width:1320px; margin-inline:auto; gap:clamp(32px,6vw,88px); }
[data-design="magazine"] .feature[data-layout="portrait"] .feature-photo img { width:auto; max-width:100%; height:min(65vw,740px); }
[data-design="magazine"] .feature h2,body[data-identity="fbc"] .reading-intro h1 { text-wrap:balance; }
[data-design="magazine"] .feature-number { gap:8px; padding-bottom:12px; border-bottom:var(--rule); font:12px/1.4 var(--mono); color:var(--ink); }
[data-design="magazine"] .feature-number::before { content:attr(data-label); margin-right:auto; font:500 12px/1.4 var(--sans); color:var(--ink-soft); }
[data-design="magazine"] #feature-order { font:500 14px/1.4 var(--mono); color:var(--ink); }
[data-design="magazine"] .feature-title-wrap { padding:24px 0; }
[data-design="magazine"] .feature-en { font:600 20px/1.25 var(--display); letter-spacing:.035em; text-transform:uppercase; margin-bottom:16px; }
[data-design="magazine"] .feature h2 { font:700 clamp(36px,4.2vw,64px)/1.14 var(--sans); letter-spacing:0; }
html[lang="en"][data-design="magazine"] .feature h2 { font:600 clamp(36px,4.4vw,66px)/1.08 var(--display); letter-spacing:0; }
[data-design="magazine"] .feature-bottom>p { font:400 17px/1.85 var(--sans); margin-bottom:24px; }
[data-design="magazine"] .feature-meta { display:grid; grid-template-columns:1fr 1fr; padding:0; gap:0; border:var(--rule); border-bottom:0; }
[data-design="magazine"] .feature-meta>div { padding:12px; gap:8px; }
[data-design="magazine"] .feature-meta>div+div { border-left:var(--rule); }
[data-design="magazine"] .feature-meta small { display:block; font:12px/1.3 var(--sans); color:var(--ink-soft); }
[data-design="magazine"] .feature-meta span { font:13px/1.4 var(--mono); color:var(--ink); }
[data-design="magazine"] .series-link { display:flex; min-height:52px; margin:0; padding:0 0 0 12px; border:var(--rule); font:600 15px/1.4 var(--sans); }
[data-design="magazine"] .series-link>span { display:flex; width:52px; min-height:50px; align-items:center; justify-content:center; border-left:var(--rule); }
[data-design="magazine"] .series-link:hover { color:var(--paper); background:var(--ink); }
[data-design="magazine"] .project-stepper { margin-top:16px; border:0; gap:16px; }
[data-design="magazine"] .project-stepper button { font:500 13px/1.4 var(--sans); border-bottom:1px solid var(--line); }
[data-design="magazine"] .feature-photo figcaption,[data-design="magazine"] .opening-grid figcaption {
  display:flex; align-items:center; min-height:40px; padding:10px 0; margin-top:12px; border-top:var(--rule); font:12px/1.6 var(--mono); color:var(--ink-soft);
}
[data-design="magazine"] .opening { padding-top:56px; }
[data-design="magazine"] .section-label { align-items:center; padding:16px 0; border-block:var(--rule); }
[data-design="magazine"] .section-label h3 { font:600 16px/1.4 var(--sans); }
[data-design="magazine"] .section-label>span { font:500 20px/1.2 var(--display); letter-spacing:.035em; color:var(--ink); }
[data-design="magazine"] .opening-grid { gap:48px 32px; }
[data-design="magazine"] .opening-grid[data-arrangement="triptych"] { grid-template-columns:1fr 1.4fr 1fr; align-items:end; }
[data-design="magazine"] .opening-grid figcaption { justify-content:flex-start; align-items:baseline; gap:16px; }
[data-design="magazine"] .opening-grid figcaption>span:first-child { flex-shrink:0; }
[data-design="magazine"] .opening-grid figcaption>span:last-child { font:400 14px/1.6 var(--sans); }
[data-design="magazine"] .opening-grid figure[data-spread="wide"] { width:100%; }
[data-design="magazine"] .opening-grid figure[data-spread="wide"] img { max-height:76svh; }

/* The directory uses the same rules and record typography as the photo captions. */
[data-design="magazine"] .index { margin-inline:0; padding:0; background:none; color:var(--ink); }
[data-design="magazine"] .index-heading { padding:20px 0 28px; border-top:var(--rule); }
[data-design="magazine"] .index h2 { font:700 36px/1.15 var(--sans); letter-spacing:0; }
[data-design="magazine"] .index h2 span { font:600 25px/1 var(--display); letter-spacing:.035em; }
[data-design="magazine"] .index-note { font:13px/1.4 var(--sans); }
[data-design="magazine"] .index-row { border-color:var(--line); gap:24px; padding-inline:12px; }
[data-design="magazine"] .index-row[aria-pressed="true"] { background:var(--paper-deep); box-shadow:inset 4px 0 0 var(--signal); }
[data-design="magazine"] .index-row:hover { color:var(--ink); background:var(--paper-deep); }
[data-design="magazine"] .index-order,[data-design="magazine"] .index-year,[data-design="magazine"] .index-count { font:13px/1.4 var(--mono); }
[data-design="magazine"] .index-name { font:600 clamp(23px,2.25vw,34px)/1.25 var(--sans); letter-spacing:0; }
[data-design="magazine"] .index-name small { font:500 16px/1.4 var(--display); letter-spacing:.02em; }
[data-design="magazine"] .index-year,[data-design="magazine"] .index-count { padding-left:12px; border-left:1px solid var(--line); }
[data-design="magazine"] .index-count small { font:12px/1.5 var(--sans); }
[data-design="magazine"] footer { margin-top:48px; padding:24px 0; border-top:var(--rule); }
[data-design="magazine"] .footer-mark { font:700 48px/1 var(--sans); letter-spacing:0; }
[data-design="magazine"] footer>div { font:500 18px/1.25 var(--display); letter-spacing:.03em; }

/* Titles, forms and reading pages share the same identity outside the home page. */
body[data-identity="fbc"] { min-width:0; font-family:var(--sans); }
body[data-identity="fbc"] .brutal-title { border-bottom:var(--rule); margin-top:28px; }
body[data-identity="fbc"] .brutal-title-line { justify-content:flex-start; gap:24px; padding:8px 0 20px; }
body[data-identity="fbc"] .section-number { display:flex; width:64px; height:64px; align-items:center; justify-content:center; border:var(--rule); font:400 22px/1 var(--mono); }
body[data-identity="fbc"] .brutal-word { font:600 clamp(58px,7.4vw,108px)/1 var(--display); letter-spacing:.01em; }
body[data-identity="fbc"] .brutal-sub { border-top:1px solid var(--line); padding:12px 0; font:12px/1.5 var(--mono); }
body[data-identity="fbc"] .brutal-sub>:last-child { font-size:12px; }
body[data-identity="fbc"] .archive-filter-toggle,body[data-identity="fbc"] .archive-layout button,body[data-identity="fbc"] .archive-order button { font:500 13px/1.4 var(--sans); }
body[data-identity="fbc"] .archive-tools label { font:13px/1.5 var(--sans); }
body[data-identity="fbc"] .archive-tools :is(select,input,button) { font:14px/1.4 var(--sans); }
body[data-identity="fbc"] .brutal-film-title { font-family:var(--display); font-weight:600; letter-spacing:.01em; }
body[data-identity="fbc"] .film-kicker { border-bottom:var(--rule); }
body[data-identity="fbc"] .brutal-footer { border-top:var(--rule); font:12px/1.5 var(--mono); }
body[data-identity="fbc"] .brutal-footer>a:first-child { font:700 48px/1 var(--sans); letter-spacing:0; }
body[data-identity="fbc"] .reading-breadcrumb { border-bottom:1px solid var(--line); padding-bottom:12px; }
body[data-identity="fbc"] :is(.reading-breadcrumb,.reading-sequence-heading) a { gap:12px; }
body[data-identity="fbc"] :is(.reading-breadcrumb,.reading-sequence-heading) .direction-arrow { width:20px; height:20px; flex-shrink:0; }
body[data-identity="fbc"] .reading-intro { border-bottom:var(--rule); padding-top:28px; gap:40px; }
body[data-identity="fbc"] .reading-kicker { font:600 23px/1.25 var(--display); text-transform:uppercase; letter-spacing:.025em; margin-bottom:16px; }
body[data-identity="fbc"] .reading-intro h1 { font:700 clamp(42px,5vw,76px)/1.12 var(--sans); letter-spacing:0; }
html[lang="en"] body[data-identity="fbc"] .reading-intro h1 { font:600 clamp(44px,5.4vw,80px)/1.05 var(--display); letter-spacing:0; }
body[data-identity="fbc"] .reading-summary { border-left:var(--rule); padding-left:24px; }
body[data-identity="fbc"] .reading-summary p { font:400 17px/1.85 var(--sans); }
body[data-identity="fbc"] .reading-cover figcaption { border-block:var(--rule); padding:12px 0; margin-top:16px; font:12px/1.5 var(--mono); }
body[data-identity="fbc"] .reading-cover img { aspect-ratio:auto; }
body[data-identity="fbc"] .reading-cover[data-layout="portrait"] { max-width:860px; margin-inline:auto; }
body[data-identity="fbc"] .reading-cover[data-layout="portrait"] img { width:auto; height:min(80svh,860px); max-width:100%; margin-inline:auto; }
body[data-identity="fbc"] .reading-sequence-heading { border-block:var(--rule); padding:12px 0; margin-bottom:32px; }
body[data-identity="fbc"] .reading-sequence-heading h2 { font:600 20px/1.25 var(--sans); }
body[data-identity="fbc"] #archive-grid .reading-photo-number { font:13px/1.5 var(--mono); }
body[data-identity="fbc"][data-reading] #archive-grid .archive-item>span { border-top:var(--rule); margin-top:16px; padding:12px 0 0; }
body[data-identity="fbc"][data-reading] #archive-grid .archive-item small { font:12px/1.5 var(--mono); }
body[data-reading-count="1"] #archive-grid { grid-template-columns:1fr; }
body[data-reading-count="1"] #archive-grid .archive-item.portrait { width:min(100%,600px); }
body[data-identity="fbc"] .reading-pagination { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 40px; margin-top:72px; padding-top:24px; border-top:var(--rule); }
.reading-pagination .reading-adjacent { display:flex; align-items:center; gap:20px; padding:16px 0; min-width:0; color:var(--ink); }
.reading-adjacent.is-next { grid-column:2; }
.reading-adjacent img { width:80px; height:100px; object-fit:contain; flex-shrink:0; }
.reading-adjacent>span { flex:1; min-width:0; }
.reading-adjacent small { display:block; margin-bottom:10px; font:12px/1.4 var(--sans); color:var(--ink-soft); }
.reading-adjacent strong { display:block; font:600 clamp(22px,2.5vw,36px)/1.25 var(--sans); text-wrap:balance; }
html[lang="en"] .reading-adjacent strong { font-family:var(--display); }
.reading-adjacent .direction-arrow { flex-shrink:0; }
.reading-pagination .reading-adjacent:hover strong,.reading-pagination .reading-return:hover { color:var(--accent); }
.reading-pagination .reading-return { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; min-height:48px; padding-top:16px; border-top:1px solid var(--line); font:13px/1.5 var(--sans); }

@media(max-width:1100px) {
  [data-design="magazine"] .identity>span,body[data-identity="fbc"] .brutal-brand>span { display:none; }
  [data-design="magazine"] .header,body[data-identity="fbc"] .brutal-header .header-inner { gap:20px; }
  [data-design="magazine"] .header nav>a,body[data-identity="fbc"] .brutal-header nav>a { padding-inline:8px; gap:5px; }
}
@media(max-width:760px) {
  [data-design="magazine"] .header,body[data-identity="fbc"] .brutal-header .header-inner { flex-wrap:wrap; flex-direction:row; gap:12px; padding:14px 0 16px; }
  [data-design="magazine"] .identity,body[data-identity="fbc"] .brutal-brand { width:100%; min-height:42px; justify-content:flex-start; }
  [data-design="magazine"] .identity>span,body[data-identity="fbc"] .brutal-brand>span { display:block; font:500 12px/1.3 var(--sans); }
  [data-design="magazine"] .site-logo,body[data-identity="fbc"] .site-logo { width:38px; height:38px; }
  [data-design="magazine"] .header nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; flex-basis:100%; }
  body[data-identity="fbc"] .brutal-header nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) 40px; width:100%; flex-basis:100%; }
  [data-design="magazine"] .header nav>a,body[data-identity="fbc"] .brutal-header nav>a { min-height:48px; padding:6px; gap:6px; font-size:12px; border:0; border-right:var(--rule); }
  [data-design="magazine"] .header nav>a:nth-child(3n) { border-right:0; }
  [data-design="magazine"] .header nav>a:nth-child(n+4),body[data-identity="fbc"] .brutal-header nav>a:nth-child(n+4) { border-top:var(--rule); }
  [data-design="magazine"] .header nav .nav-symbol,body[data-identity="fbc"] .brutal-header nav .nav-symbol { flex-basis:24px; width:24px; height:28px; }
  .nav-symbol svg { width:20px; height:20px; }
  html[lang="en"] [data-design="magazine"] .nav-label,html[lang="en"][data-design="magazine"] .header nav .nav-label,html[lang="en"] body[data-identity="fbc"] .brutal-header nav .nav-label { font-family:var(--display); font-size:14px; }
  body[data-identity="fbc"] .brutal-header .nav-utilities { grid-column:4; grid-row:1/3; align-self:stretch; }
  body[data-identity="fbc"] .brutal-header .nav-utilities>:is(a,button) { min-height:48px; font-size:10px; }
  [data-design="magazine"] .masthead { grid-template-columns:1fr; padding-top:12px; }
  [data-design="magazine"] .masthead-kicker { font-size:10px; padding-bottom:10px; }
  [data-design="magazine"] .masthead h1 { grid-column:1; margin:18px 0; font-size:13.5vw; letter-spacing:.01em; }
  [data-design="magazine"] .masthead-directory { display:none; }
  [data-design="magazine"] .masthead-foot { font-size:10px; min-height:36px; }
  [data-design="magazine"] .feature { padding-top:24px; gap:24px; }
  [data-design="magazine"] .feature[data-layout="portrait"] { gap:24px; }
  [data-design="magazine"] .feature[data-layout="portrait"] .feature-photo img { width:100%; height:auto; max-height:72svh; }
  [data-design="magazine"] .feature-title-wrap { padding-block:18px; }
  [data-design="magazine"] .feature-en { font-size:19px; }
  [data-design="magazine"] .feature h2 { font-size:38px; }
  html[lang="en"][data-design="magazine"] .feature h2 { font-size:40px; }
  [data-design="magazine"] .feature-bottom>p { font-size:16px; }
  [data-design="magazine"] .section-label>span { font-size:16px; }
  [data-design="magazine"] .section-label h3 { font-size:14px; }
  [data-design="magazine"] .opening { padding-top:40px; }
  [data-design="magazine"] .opening-grid { gap:32px; }
  [data-design="magazine"] .opening-grid[data-arrangement="triptych"] { grid-template-columns:1fr; }
  [data-design="magazine"] .index h2 { font-size:28px; }
  [data-design="magazine"] .index h2 span { font-size:20px; }
  [data-design="magazine"] .index-row { gap:12px; padding-inline:8px; }
  [data-design="magazine"] .index-name { font-size:22px; }
  [data-design="magazine"] .index-name small { font-size:14px; }
  [data-design="magazine"] .index-count { padding-left:8px; font-size:12px; }
  [data-design="magazine"] .index-count small { font-size:10px; }
  [data-design="magazine"] footer { margin-top:32px; }
  body[data-identity="fbc"] .brutal-title-line { gap:16px; padding-bottom:16px; }
  body[data-identity="fbc"] .section-number { width:42px; height:42px; font-size:16px; flex-shrink:0; }
  body[data-identity="fbc"] .brutal-word { font-size:13vw; }
  body[data-identity="fbc"] .brutal-sub { font-size:11px; }
  body[data-identity="fbc"] .brutal-sub>:last-child { font-size:10px; max-width:160px; }
  body[data-identity="fbc"] .reading-intro { padding-top:22px; gap:24px; }
  body[data-identity="fbc"] .reading-kicker { font-size:20px; }
  body[data-identity="fbc"] .reading-intro h1 { font-size:39px; }
  html[lang="en"] body[data-identity="fbc"] .reading-intro h1 { font-size:44px; }
  body[data-identity="fbc"] .reading-summary { border:0; border-top:1px solid var(--line); padding:16px 0 0; }
  body[data-identity="fbc"] .reading-summary p { font-size:16px; }
  body[data-identity="fbc"] .reading-cover figcaption { font-size:12px; }
  body[data-identity="fbc"] .reading-cover[data-layout="portrait"] { width:88%; }
  body[data-identity="fbc"] .reading-cover[data-layout="portrait"] img { width:100%; height:auto; max-height:none; }
  body[data-identity="fbc"] .reading-pagination { grid-template-columns:1fr; gap:16px; margin-top:48px; }
  .reading-adjacent.is-next { grid-column:1; }
  .reading-pagination .reading-adjacent { gap:16px; }
  .reading-adjacent img { width:64px; height:80px; }
}
@media(max-width:360px) {
  [data-design="magazine"] .header nav>a,body[data-identity="fbc"] .brutal-header nav>a { padding-inline:4px; gap:4px; font-size:11px; }
  [data-design="magazine"] .header nav .nav-symbol,body[data-identity="fbc"] .brutal-header nav .nav-symbol { flex-basis:20px; width:20px; }
  .nav-symbol svg { width:18px; height:18px; }
  html[lang="en"][data-design="magazine"] .header nav .nav-label,html[lang="en"] body[data-identity="fbc"] .brutal-header nav .nav-label { font-size:12px; }
  body[data-identity="fbc"] .brutal-header nav>a { padding-inline:3px; gap:3px; }
  body[data-identity="fbc"] .brutal-header nav .nav-symbol { flex-basis:16px; width:16px; }
  body[data-identity="fbc"] .brutal-header .nav-symbol svg { width:16px; height:16px; }
  [data-design="magazine"] .section-label>span { font-size:14px; }
}

/* Chinese has its own spacing and weight; Latin keeps the wayfinding faces. */
html[lang^="zh"][data-design="magazine"] .feature h2,
html[lang^="zh"] body[data-identity="fbc"] .reading-intro h1 {
  font-weight:650; line-height:1.3; letter-spacing:.025em; word-break:normal; line-break:strict;
}
html[lang^="zh"][data-design="magazine"] .feature-en,
html[lang^="zh"] body[data-identity="fbc"] .reading-kicker { font-weight:500; letter-spacing:.02em; }
html[lang^="zh"][data-design="magazine"] .feature-bottom>p,
html[lang^="zh"] body[data-identity="fbc"] :is(.reading-summary p,.about-lead>p,.series-description) {
  font-size:17px; font-weight:400; line-height:1.95; letter-spacing:.025em; max-width:29em;
  line-break:strict; text-wrap:pretty;
}
html[lang^="zh"][data-design="magazine"] .index-name { font-weight:550; line-height:1.5; letter-spacing:.02em; }
html[lang^="zh"][data-design="magazine"] .index h2 { font-weight:650; line-height:1.35; }
html[lang^="zh"] body[data-identity="fbc"] :is(.about-lead h1,.series-intro h1) { font-weight:650; line-height:1.3; letter-spacing:.015em; }
html[lang^="zh"][data-design="magazine"] :is(.feature-photo figcaption,.opening-grid figcaption),
html[lang^="zh"] body[data-identity="fbc"] :is(.reading-cover figcaption,#archive-grid .archive-item small) {
  font-size:13px; line-height:1.7; letter-spacing:.015em;
}
html[lang^="zh"] :is(.header,.brutal-header) .nav-label { font-weight:500; }
@media(max-width:760px) {
  html[lang^="zh"][data-design="magazine"] .feature h2,
  html[lang^="zh"] body[data-identity="fbc"] .reading-intro h1 { font-size:clamp(32px,9vw,42px); }
  html[lang^="zh"][data-design="magazine"] .feature-bottom>p,
  html[lang^="zh"] body[data-identity="fbc"] :is(.reading-summary p,.about-lead>p,.series-description) { font-size:16px; line-height:1.9; }
}