/* Shared reading scale. Layout redesign is scoped in visual.css. */
@font-face{font-family:"VoltPeer Sans";src:url("assets/fonts/voltpeer-sans.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI","VoltPeer Sans","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI",Arial,sans-serif}
body{font-family:var(--font-ui);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased}
.model-price-table th{font-size:17px;white-space:nowrap}.model-price-table td{font-size:18px;white-space:nowrap}.cache-price strong{color:var(--teal);font-weight:650}.cache-saving{padding:23px 26px;border:1px solid var(--line);border-radius:16px;background:var(--success-soft);margin-top:25px}.cache-saving h3{font-size:24px;line-height:1.5;margin:0 0 12px}.cache-saving p{font-size:18px;line-height:1.75}.cache-saving .small{font-size:16px;margin-top:12px}.cache-saving .text-link{margin-top:10px}
.brand{font-family:inherit}.brand-cn{font-family:inherit;font-size:23px;font-weight:700;letter-spacing:-.025em}.brand-en{font-family:inherit;font-style:normal;font-size:15px;font-weight:600;letter-spacing:.025em}
html[lang=en] .brand-en{font-size:24px}html[lang=en] .brand-cn{font-size:16px}html[lang=en] .navlinks a{font-size:18px}
/* Longer English labels wrap within the navigation's available space. */
@media(min-width:1321px){html[lang=en] .navlinks{min-width:0;flex-wrap:wrap;column-gap:18px;row-gap:0;padding-block:8px}}
.topbar .wrap{width:min(calc(100% - 48px),1320px)}.nav{min-height:82px;gap:18px}.navlinks{gap:clamp(18px,1.7vw,26px)}.navlinks a{font-size:18px;font-weight:600}.nav-skill-link,.search-trigger{font-size:17px}.nav-skill-link{min-height:46px;padding:10px 18px}.language-switcher select{font-size:16px;min-height:44px}.theme-toggle{width:44px;min-height:44px}
.page-head h1,.start-head h1{font-size:clamp(38px,4.6vw,58px);line-height:1.18;letter-spacing:-.04em}.page-head p,.start-head p{font-size:20px;line-height:1.65}.reading-guide{max-width:1000px}.reading-guide p,.prose p{font-size:18px}.reading-guide h2{font-size:30px;line-height:1.35}.reading-guide details>summary{font-size:18px;min-height:48px;padding-block:12px}.reading-guide .resource-preview{max-height:660px;padding:18px}.resource-card p,.resource-card small,.gallery-caption p,.small,.atelier-reassurance,.invoice-note,.starter-steps p,.resource-filters label{font-size:16px;line-height:1.65}
.resource-actions .ghost,.prompt-details+button,.reading-guide .ghost{font-size:17px;min-height:48px}.copy-human-note{font-size:16px;color:var(--muted);line-height:1.5}.resource-actions{gap:16px 22px}.task-text{font-family:ui-monospace,SFMono-Regular,Consolas,"PingFang SC","Microsoft YaHei UI",monospace;font-size:16px;line-height:1.7}.footer small{font-size:15px}.footer strong,.footer h3{font-size:18px}
@media(max-width:1320px){.nav{display:flex;flex-wrap:wrap;gap:10px 14px;padding-block:12px}.nav .brand{order:0;margin-right:auto}.nav .language-switcher{order:1;margin-left:0}.theme-toggle{order:2}.nav-skill-link{order:3}.menu-toggle{display:inline-flex;order:4;align-items:center;justify-content:center;margin:0;font-size:17px;min-height:44px}.search-trigger{order:5}.navlinks{order:6;flex-basis:100%;display:none;justify-content:flex-start}.navlinks.open{display:flex}.navlinks a{min-height:48px}}
@media(max-width:600px){html[lang=en] .navlinks a{font-size:17px}}
@media(max-width:600px){.topbar .wrap{width:calc(100% - 32px)}.nav{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 10px;min-height:112px}.brand-cn{font-size:21px}.nav .brand{grid-column:1;grid-row:1}.nav .language-switcher{grid-column:2;grid-row:1}.theme-toggle{grid-column:3;grid-row:1}.nav-skill-link{grid-column:1;grid-row:2;min-height:44px;font-size:16px;padding:8px 14px;width:fit-content}.menu-toggle{grid-column:2;grid-row:2;font-size:17px}.search-trigger{grid-column:3;grid-row:2;font-size:16px}.navlinks{grid-column:1/4;grid-row:3;flex-wrap:wrap;gap:8px 22px}.navlinks a{font-size:17px}.language-switcher select{max-width:88px}.page-head p,.start-head p{font-size:18px}.reading-guide p,.prose p{font-size:17px}.reading-guide .resource-preview{padding:8px}.reading-guide h2{font-size:26px}.reading-guide details>summary{font-size:17px}.task-text{font-size:15px}}
