/* The guide has its own reading hierarchy; product recipes retain source metrics. */
.topbar{min-height:82px}
.wordmark{min-height:37px;font-size:14px}
.nav-link{font:12px/1.2 var(--mono);padding-inline:14px;min-height:44px;letter-spacing:0}
.search-box,.search-box input{font-size:13px}
.eyebrow,.spec-caption{font-size:12px;line-height:1.5;letter-spacing:.025em}
.hero{padding-top:30px}
.hero h1{line-height:.78}
.hero-link,.waitlist-cta{font-size:14px}
.route-strip .eyebrow,.route-strip a{font-size:12px}
.page-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:24px 60px;padding:40px 3vw 44px}
.page-head>.eyebrow{grid-column:1/-1;margin:0}
.page-head h1{font:500 clamp(54px,6.2vw,88px)/.84 var(--display);max-width:840px;margin:8px 0 0}
.page-head>p:last-child{align-self:end;max-width:420px;font-size:18px;line-height:1.45;margin:0}
body[data-page="components.html"] .page-head{background:#abbab9}
.matrix-intro{padding:32px 3vw;border-bottom:1px solid var(--ink)}
.matrix-intro h2{font:500 32px/.95 var(--display);margin:14px 0 12px}
.matrix-intro p:last-child{font-size:16px;max-width:760px}
.matrix-specimen{background-color:#f7e5ee}
.component-matrix>article:nth-child(3n+2) .matrix-specimen{background-color:#ece8e0}
.component-matrix>article:nth-child(3n) .matrix-specimen{background-color:#e6edec}
.component-matrix header .eyebrow{font-size:12px}
.component-matrix header>a{font-size:13px}
.component-row>div{min-height:250px}
.component-row h2{margin-top:28px}
.component-contract-data>summary{font-size:14px}
.catalog-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:24px 60px;padding:42px 3vw 44px}
.catalog-heading>.eyebrow{grid-column:1/-1}
.catalog-heading h1{font-size:88px;line-height:.84;margin:8px 0 0;max-width:780px}
.catalog-heading>p:last-child{align-self:end;font-size:18px;line-height:1.45;max-width:450px;margin:0}
body[data-page="foundations.html"] .catalog-heading{background:#f4c4d8;border-bottom:1px solid var(--ink)}
body[data-page="foundations.html"] .catalog-heading h1{font-size:100px}
body[data-page="foundations.html"] .type-proof{border-block:1px solid var(--ink);padding:32px 0;margin-bottom:36px;gap:40px}
body[data-page="foundations.html"] .display-proof{font-size:105px;line-height:.8}
body[data-page="foundations.html"] .catalog-section>h2{font-size:36px}
body[data-page="assets.html"] .catalog-heading{grid-template-columns:1fr 1fr;position:relative;padding-block:32px;background:#abbab9}
body[data-page="assets.html"] .catalog-heading h1{font-size:68px;line-height:.88;max-width:550px}
body[data-page="assets.html"] .catalog-heading>p:last-child{font-size:17px;max-width:490px}
.catalog-section{padding:38px 3vw 48px}
.catalog-section>h2{font-size:46px;margin-bottom:24px}
.catalog-tools{font-size:14px;gap:24px;padding-block:20px}
.asset-catalog-grid{gap:30px 24px}
.asset-preview{background:#f5dbe7;border-color:#817780}
.catalog-asset:nth-child(3n+2) .asset-preview{background:#dde7e5}
.catalog-asset:nth-child(3n) .asset-preview{background:#e8e5df}
.asset-preview.dark-asset{background:#1e1e1e!important}
.catalog-asset h3{font-size:22px;line-height:1.1}
.catalog-asset p,.catalog-asset .asset-status{font-size:13px;line-height:1.5}
.catalog-asset code{font:11px/1.4 Consolas,monospace}
.catalog-table th{font-size:13px}
.catalog-table td code{font:12px/1.4 Consolas,monospace}
.catalog-table th,.catalog-table td{padding-block:15px}
.pattern-contract dt,.count-strip span,.contract-boundary{font-size:13px}
.object-flow span{background:#f4c4d8}
.component-contract-data dt{font-size:12px}
.component-contract-data dd{font-size:14px}
.expanded-media img{display:block;width:min(100%,600px);height:auto}
.matrix-search-field{display:grid;gap:12px;width:100%;font-size:14px}
.matrix-search-field input{width:100%;padding:10px;border:1px solid;background:var(--paper)}
.matrix-search-field output a{display:block;padding:8px 0}
@media(max-width:980px){
  .topbar{min-height:82px}
  .page-head,.catalog-heading{column-gap:30px}
  .catalog-heading h1,.page-head h1{font-size:66px}
  body[data-page="foundations.html"] .catalog-heading h1{font-size:76px}
}
@media(max-width:700px){
  .wordmark{min-height:38px}
  .topbar{min-height:82px}
  .menu-trigger{font-size:13px}
  .search-box{min-height:44px}
  .page-head,.catalog-heading,body[data-page="assets.html"] .catalog-heading{display:block;padding:32px 20px}
  .page-head h1,.catalog-heading h1,body[data-page="foundations.html"] .catalog-heading h1{font-size:56px;line-height:.85;margin:24px 0}
  body[data-page="assets.html"] .catalog-heading h1{font-size:48px;line-height:.9;margin:20px 0}
  .page-head>p:last-child,.catalog-heading>p:last-child{font-size:17px;line-height:1.45}
  .catalog-section{padding:30px 20px 38px}
  .catalog-section>h2{font-size:34px;margin-bottom:24px}
  .catalog-tools{padding:18px 20px;font-size:13px}
  .type-proof{gap:26px}
  body[data-page="foundations.html"] .display-proof{font-size:76px}
  .terminal-proof{font-size:19px;margin-top:0}
  .body-proof{font-size:25px}
  .matrix-intro{padding:26px 20px}
  .matrix-intro h2{font-size:30px}
}
/* Content-specific entry layouts: specimen sheet, workbench, and file catalog. */
.nav-link{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.02em}
.search-box,.search-box input,.menu-trigger{font-family:Arial,sans-serif;font-size:13px}
.eyebrow{font-size:13px}
body[data-page="components.html"] .page-head{grid-template-columns:1fr 1fr;background:#1e1e1e;color:#fffdfa;padding-block:30px}
body[data-page="components.html"] .page-head h1{font-size:52px;line-height:.94;margin:0}
body[data-page="components.html"] .page-head>p:last-child{font-size:16px;max-width:560px}
body[data-page="components.html"] .matrix-intro{display:none}
body[data-page="components.html"] .component-matrix>article:first-child{border-top:0}
body[data-page="foundations.html"] .catalog-heading{display:block;background:var(--paper);padding-block:30px}
body[data-page="foundations.html"] .catalog-heading h1{font-size:48px;line-height:.96;max-width:none;margin:20px 0}
body[data-page="foundations.html"] .catalog-heading h1 br{display:none}
body[data-page="foundations.html"] .catalog-heading>p:last-child{font-size:17px;max-width:760px}
body[data-page="foundations.html"] #type{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px 40px}
body[data-page="foundations.html"] #type>h2{font-size:30px;grid-column:1;grid-row:1}
body[data-page="foundations.html"] .type-proof{grid-column:2;margin:0;background:#f4c4d8;border:1px solid;padding:30px;gap:30px}
body[data-page="foundations.html"] .display-proof{font-size:82px}
body[data-page="foundations.html"] .terminal-proof{font-size:18px;margin-top:0}
body[data-page="foundations.html"] .body-proof{font-size:24px}
body[data-page="foundations.html"] #type>.catalog-table-wrap,body[data-page="foundations.html"] #type>p{grid-column:1/-1;margin-block:0}
body[data-page="assets.html"] .catalog-heading{background:var(--paper);grid-template-columns:1fr 1fr;padding-block:28px}
body[data-page="assets.html"] .catalog-heading h1{font-size:48px;line-height:.96;margin:0}
body[data-page="assets.html"] .catalog-heading>p:last-child{font-size:16px}
body[data-page="assets.html"] #brand{padding-top:28px}
body[data-page="assets.html"] #brand>h2{font-size:30px;margin-bottom:18px}
body[data-page="assets.html"] #brand>p{font-size:16px;max-width:880px}
body[data-page="assets.html"] .asset-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-page="assets.html"] .asset-preview{height:150px}
@media(max-width:1000px){body[data-page="foundations.html"] #type{display:block}body[data-page="foundations.html"] .type-proof{margin-bottom:30px}body[data-page="assets.html"] .asset-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .wordmark{min-height:34px}.topbar{min-height:76px}.search-box{min-height:42px}
  body[data-page="components.html"] .page-head{padding:26px 20px}
  body[data-page="components.html"] .page-head h1{font-size:38px;line-height:1;margin:20px 0}
  body[data-page="components.html"] .page-head>p:last-child{font-size:16px;line-height:1.45}
  body[data-page="foundations.html"] .catalog-heading,body[data-page="assets.html"] .catalog-heading{padding:26px 20px}
  body[data-page="foundations.html"] .catalog-heading h1{font-size:37px;line-height:1.02;margin:20px 0}
  body[data-page="foundations.html"] .catalog-heading h1 br{display:block}
  body[data-page="foundations.html"] .catalog-heading>p:last-child{font-size:16px}
  body[data-page="foundations.html"] .type-proof{display:block;padding:22px}
  body[data-page="foundations.html"] .display-proof{font-size:67px;margin-bottom:30px}
  body[data-page="foundations.html"] .body-proof{font-size:23px}
  body[data-page="assets.html"] .catalog-heading h1{font-size:38px;margin:18px 0}
  body[data-page="assets.html"] #brand>h2{font-size:29px;max-width:270px;line-height:1.02}
  body[data-page="assets.html"] .asset-catalog-grid{grid-template-columns:1fr}
  body[data-page="assets.html"] .asset-preview{height:190px}
}