/* Approved pairing: English / Barlow Condensed; Chinese / MiSans VF.
   Keep dates at the preceding 1.5x sizes. All font assets are local. */
:root{--ui-face:'Barlow Condensed','MiSans VF',sans-serif;--chapter-heading:var(--ui-face);--kucoo-face:'Barlow Condensed',sans-serif;--mono:'Barlow Condensed','MiSans VF',sans-serif}
body{font-family:var(--ui-face);font-weight:400}
#screen-anchor#screen-anchor .brand,#screen-anchor#screen-anchor h1 em,#loading .startup-logo,#loading .startup-cell{font-family:var(--kucoo-face);font-weight:900;font-style:normal;letter-spacing:.035em}
#screen-anchor#screen-anchor :is(h1,h2,h3),#module :is(h2,h3){font-family:var(--ui-face);font-weight:700;letter-spacing:.045em;line-height:1.35}
#screen-anchor#screen-anchor h1{line-height:1.22}
.headline-en{font-family:'Barlow Condensed',sans-serif;font-weight:900;letter-spacing:.045em}
#screen-anchor#screen-anchor :is(.skill strong,.browse-field strong){font-family:var(--ui-face);font-weight:700;letter-spacing:.055em;line-height:1.45}
#module .project-row strong{font-family:var(--ui-face);font-weight:650;letter-spacing:.04em;line-height:1.5}
#module .module-heading{gap:20px;align-items:flex-start}
#module .module-heading h2{min-width:0;overflow-wrap:anywhere;text-wrap:pretty}
#module .module-bar>span{display:flex;align-items:baseline;gap:12px}
#module .module-bar .module-label-zh{font-family:'MiSans VF',sans-serif;font-size:27px;font-weight:700;letter-spacing:.09em;color:var(--ink)}
#module .module-bar .module-label-en{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:600;letter-spacing:.1em}
/* Seven rows retain their stagger and timing, but now have actual breathing room. */
.chapter-words{container-type:size}
.chapter-words>div{height:14.2857%;flex:0 0 14.2857%}
.chapter-words b{font-family:'Barlow Condensed',sans-serif;font-weight:900;letter-spacing:.045em;line-height:.86;font-size:min(24vw,17vh);-webkit-text-stroke:.012em currentColor}
@supports(font-size:1cqh){.chapter-words b,.in-module .chapter-words b{font-size:min(24cqw,17cqh)}}
/* Quick browsing is a horizontal upper-screen sheet, not the printed showcase. */
#module#module.quick-browse{position:fixed;inset:3vh 3vw auto;margin:0;width:94vw;max-width:none;height:66.6667vh;max-height:calc(100dvh - 6vh);border-radius:22px;display:flex;flex-direction:column;overflow:hidden}
#module.quick-browse::backdrop{background:#080b1452;backdrop-filter:blur(3px)}
#module.quick-browse #module-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:clamp(28px,4vw,72px);align-content:start}
#module.quick-browse #module-body> *{min-width:0;grid-column:1}
#module.quick-browse #module-body>.photo-overview{grid-column:1;grid-row:4}
#module.quick-browse #module-body>.project-list{grid-column:2;grid-row:1 / span 5;align-self:start}
#module.quick-browse #module-body:has(.back-link)>.photo-section{grid-column:1;grid-row:5 / span 2}
#module.quick-browse #module-body:has(.back-link)>.detail-copy{grid-column:2;grid-row:2 / span 6}
#module.quick-browse .module-description{max-width:none;margin-bottom:16px}
#module.quick-browse .module-heading h2{font-size:clamp(28px,2.8vw,44px)}
#module.quick-browse .photo-section{margin-top:8px}
#module.quick-browse .back-link{justify-self:start}
@media(max-width:759px){
 #module#module.quick-browse{inset:2vh 3vw auto;height:66.6667vh;border-radius:16px}
 #module.quick-browse #module-body{display:block;padding:20px 22px 30px}
 #module .module-bar{padding:12px 20px}
 #module .module-bar .module-label-zh{font-size:23px}
 #module .module-bar .module-label-en{font-size:17px}
 #module .module-heading{flex-wrap:wrap;gap:10px}
 #module.quick-browse .module-heading h2{font-size:30px}
}
/* Apply the same pairing to mixed-language emphasis and small utility labels. */
#screen-anchor#screen-anchor h1 em{font-family:var(--ui-face)}
#print-loading strong,#print-loading .lattice-timer,.photo-label,.photo-placeholder small,.photo-placeholder b,.scene-label,.scene-footer,.project-hover-preview small,#loading .startup-meta,#loading .startup-fallback,.signal-shutter span{font-family:var(--ui-face)}
.photo-placeholder b{letter-spacing:.02em}