/* Scoped by inclusion: the about page deliberately retains its original design. */
.site-header { display:flex; flex-wrap:wrap; column-gap:24px; row-gap:8px; padding-block:18px; }
.nav { gap:16px; width:auto; }
.nav a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding-inline:8px; }
.decoration-toggle { min-height:44px; padding:8px 12px; border:1px solid var(--line); color:var(--ink); background:var(--paper); font:inherit; font-size:13px; cursor:pointer; }
.system-status { margin-inline-start:auto; }
.site-header [hidden] { display:none; }
.hero { min-height:0; padding-block:56px; gap:48px; }
.hero h1 { font-size:clamp(60px,6.5vw,94px); line-height:.98; }
.hero-text { max-width:590px; margin-top:26px; font-size:20px; line-height:1.55; }
.hero-actions { margin-top:26px; gap:12px; align-items:center; }
.hero-actions a:last-child { border:0; background:none; font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.hero-side { padding:24px; }
.hero-side p { font-size:clamp(32px,3.3vw,46px); }
.catalog { padding-block:56px; }
.section-top { margin-bottom:32px; align-items:end; }
.section-top > div { min-width:0; }
.section-top > div > p:not(.eyebrow) { max-width:640px; text-wrap:pretty; }
.section-top h2 { font-size:clamp(38px,4.5vw,62px); line-height:1.05; }
.section-top h2 br { display:none; }
.font-card { min-height:0; padding:28px 32px; column-gap:40px; }
.font-name { font-size:42px; line-height:1.1; }
.font-description { margin-top:18px; color:#57554d; line-height:1.55; text-wrap:pretty; }
.font-meta, .font-bottom > span { text-wrap:pretty; }
.font-sample { font-size:clamp(28px,2.6vw,36px); line-height:1.45; letter-spacing:0; padding:0; }
.font-card[data-font-slug="yossi"] .font-sample,
.font-card[data-font-slug="masila"] .font-sample { font-size:24px; line-height:1.65; }
.font-bottom { margin-top:24px; padding-top:16px; gap:16px; flex-wrap:wrap; }
.card-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.card-actions a, .card-actions button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; }
.card-actions .download-link, .card-actions .purchase-link[href] { color:white; background:var(--accent-text,#ac3928); text-decoration:none; }
.card-actions .cart-add { border:1px solid var(--line); }
.page-hero { min-height:0; padding-block:32px; gap:32px; grid-template-columns:1fr 1fr; align-items:center; }
.page-hero h1 { font-size:clamp(38px,4vw,58px); line-height:1.1; white-space:normal; overflow-wrap:anywhere; }
.page-hero h1 br { display:none; }
.page-hero p:not(.eyebrow) { font-size:18px; max-width:520px; line-height:1.55; }
.tester, .cart-page { padding-block:28px 64px; }
.tester-mode { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.tester-mode > span { margin-inline-end:8px; }
.tester-mode button { min-height:44px; padding:8px 20px; font:inherit; border:1px solid var(--line); background:var(--paper); color:var(--ink); cursor:pointer; }
.tester-mode button[aria-pressed="true"] { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.tester-controls { padding:22px; }
.tester-controls h2 { margin:0 0 20px; padding:0 0 16px; font:700 21px/1.4 "Yossi",Arial,sans-serif; color:var(--ink); }
.tester-controls label { margin-bottom:14px; }
.tester-controls select, .tester-controls input[type="color"], .tester-presets button { min-height:44px; }
.tester-advanced { margin-top:14px; }
.tester-advanced summary { padding-block:12px; min-height:44px; cursor:pointer; font-weight:700; }
.tester-advanced[open] summary { margin-bottom:12px; }
.tester-advanced[hidden], .tester-controls [hidden] { display:none !important; }
.tester-stage { padding:24px; min-height:360px; }
.tester-preview { min-height:280px; }
.font-story-hero { min-height:0; padding-block:40px; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:48px; align-items:center; }
.font-story-title { font-size:clamp(64px,8vw,108px); line-height:1.05; letter-spacing:-.03em; }
.font-story-breadcrumb { margin-bottom:20px; }
.font-story-hero-sample { font-size:clamp(26px,2.5vw,34px); line-height:1.45; letter-spacing:0; margin-top:24px; }
body[data-font-slug="yossi"] .font-story-hero-sample, body[data-font-slug="masila"] .font-story-hero-sample { font-size:22px; line-height:1.6; }
.font-story-hero > div:last-child { padding-top:0; border:0; }
.font-story-tagline { font-size:22px; text-wrap:balance; }
.font-story-lead, .font-story-section p, .font-story-specimen-head p, .footer-copy { text-wrap:pretty; }
.font-story-fact strong { text-wrap:pretty; }
.font-story-range { white-space:nowrap; }
.font-story-english { font-size:22px; margin-top:16px; }
.font-story-lead { font-size:19px; }
.font-story-actions { margin-top:20px; gap:12px; }
.font-story-section { padding-block:64px; gap:48px; }
.font-story-section h2, .font-story-specimen h2 { font-size:clamp(36px,4vw,56px); line-height:1.1; }
.font-story-quote { padding-block:48px; font-size:clamp(34px,5vw,64px); line-height:1.15; }
body[data-font-slug="yossi"] .font-story-specimen-box { font-size:22px; line-height:1.7; }
.cart-item { padding:24px; }
.cart-item h2 { line-height:1.15; }
.cart-item button, .cart-item a { min-height:44px; display:inline-flex; align-items:center; padding-inline:12px; }
.cart-specimen { font-family:var(--font-family),sans-serif; font-size:28px; color:var(--ink); }
html[data-decoration="off"] body { background-image:none; }
html[data-decoration="off"] body::before,
html[data-decoration="off"] .ai-workbench,
html[data-decoration="off"] .fiber-outline,
html[data-decoration="off"] .system-status,
html[data-decoration="off"] .hero-telemetry,
html[data-decoration="off"] .workbench-console { display:none !important; }
html[data-decoration="off"] :is(.site-header,.hero,.hero-side,.page-hero,.font-story-hero,.ticker,.font-grid,.font-card,.tester-stage,.site-footer,.paper-divider)::before,
html[data-decoration="off"] :is(.site-header,.hero,.hero-side,.page-hero,.font-story-hero,.ticker,.font-grid,.font-card,.tester-stage,.site-footer,.paper-divider)::after { display:none !important; }
html[data-decoration="off"] :is(.site-header,.hero,.page-hero,.font-story-hero,.font-card,.tester-controls,.tester-stage,.site-footer) { background-image:none; box-shadow:none; filter:none; clip-path:none; }
@media(max-width:800px) {
  .tester-mode { gap:6px; font-size:14px; }
  .tester-mode > span { width:100%; }
  .tester-mode button { flex:1; padding-inline:10px; }
  .site-header { gap:8px 16px; padding-block:14px; }
  .site-header .nav { order:3; width:100%; justify-content:space-between; gap:4px; font-size:14px; }
  .decoration-toggle { margin-inline-start:auto; }
  .hero { padding:32px 20px; gap:28px; }
  .hero h1 { font-size:clamp(48px,12vw,78px); line-height:1.02; }
  .hero-text { font-size:18px; }
  .hero-side { max-width:none; width:100%; min-height:0; padding:20px; }
  .hero-side p { font-size:28px; }
  .hero-side p br { display:none; }
  .hero-actions { gap:10px; }
  .catalog { padding:40px 16px; }
  .font-card { padding:24px 20px; gap:0; }
  .font-card-sample-link { margin-top:24px; }
  .font-sample { font-size:26px; line-height:1.5; }
  .font-card[data-font-slug="yossi"] .font-sample, .font-card[data-font-slug="masila"] .font-sample { font-size:21px; }
  .font-bottom { align-items:start; }
  .card-actions { gap:8px; }
  .page-hero { padding:24px 20px; grid-template-columns:1fr; gap:14px; }
  .page-hero h1 { font-size:38px; }
  .tester,.cart-page { padding:20px 12px 40px; }
  .tester-layout { grid-template-columns:1fr; gap:20px; }
  .tester-controls,.tester-stage { padding:18px; }
  .tester[data-layout="compact"] .tester-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
  .tester[data-layout="compact"] .tester-controls h2 { display:none; }
  .tester[data-layout="compact"] .tester-controls > label { margin:0; min-width:0; }
  .tester[data-layout="compact"] .tester-advanced { grid-column:1/-1; margin:0; }
  .tester[data-layout="compact"] .tester-advanced[open] { max-height:45vh; overflow-y:auto; }
  .tester-stage-bar { flex-wrap:wrap; }
  .font-story-hero { grid-template-columns:1fr; padding:28px 20px; gap:24px; }
  .font-story-hero > div:first-of-type { display:contents; }
  .font-story-breadcrumb { order:1; margin:0; }
  .font-story-kicker { order:2; margin:0; }
  .font-story-title { order:3; }
  .font-story-tagline { order:4; margin:0; }
  .font-story-hero > div:last-child { order:5; }
  .font-story-hero-sample { order:6; }
  .font-story-english { order:7; margin:0; }
  .font-story-title { font-size:68px; }
  .font-story-hero-sample { font-size:26px; }
  .font-story-section { padding-block:40px; gap:24px; }
  .font-story-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .font-story-fact { min-width:0; padding:20px 14px; }
}