.recipes-page{gap:var(--space-18);padding-block:var(--space-16) var(--space-24);flex-direction:column;display:flex}.recipes-intro{gap:var(--space-4);flex-direction:column;max-width:720px;display:flex}.recipes-intro h1{letter-spacing:-.015em;max-width:18ch;font-size:42px;line-height:1.1}.recipes-intro p{max-width:60ch;margin:0}.recipe-browser{gap:var(--space-6);flex-direction:column;display:flex}.recipe-toolbar{gap:var(--space-8);padding-block:var(--space-5);border-block:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;display:grid}.recipe-toolbar h2{font-size:28px;line-height:1.15}.recipe-toolbar p,.recipe-search p,.recipe-preview__note,.recipe-empty{margin:var(--space-2) 0 0;color:var(--color-ink-soft);font-size:13.5px;line-height:1.6}.recipe-search{gap:var(--space-2);flex-direction:column;display:flex}.recipe-search label{color:var(--color-olive-readable);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:500}.recipe-search input{border:1px solid var(--color-rule);border-radius:var(--radius-button);background:var(--color-paper-field);width:100%;min-height:44px;color:var(--color-ink);font:inherit;padding:10px 12px}.recipe-search input::placeholder{color:var(--color-meta-readable)}.recipe-search p{color:var(--color-meta-readable);font-family:var(--font-mono);margin:0;font-size:11px}.recipe-result-count{color:var(--color-meta-readable);font-family:var(--font-mono);margin:0;font-size:12px}.recipe-list{gap:var(--space-8);flex-direction:column;display:flex}.recipe-card{min-width:0;overflow:hidden}.recipe-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);border-bottom:1px solid var(--color-rule);display:flex}.recipe-card__header h2{margin-top:var(--space-2);font-size:28px;line-height:1.15}.recipe-card__header code{overflow-wrap:anywhere;max-width:42%;color:var(--color-meta-readable);font-family:var(--font-mono);text-align:right;flex:none;font-size:11px}.recipe-card__columns{gap:var(--space-8);padding:var(--space-6);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid}.recipe-card__source,.recipe-card__preview{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.recipe-card__source h3,.recipe-card__preview h3{margin:0}.recipe-card__source pre{min-height:220px;max-height:360px;padding:var(--space-4);border-radius:var(--radius-panel);background:var(--color-ink);color:var(--color-dark-copy);font-family:var(--font-mono);white-space:pre;margin:0;font-size:13.5px;line-height:1.85;overflow:auto}.recipe-card__source code{font:inherit}.recipe-preview__bar{min-height:var(--mockup-menu-row-height);align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--mockup-menu-bar-radius);background:var(--color-ink);box-shadow:var(--shadow-product);color:var(--color-dark-copy);font-family:var(--mockup-menu-font);font-size:var(--mockup-menu-size);flex-wrap:wrap;display:flex}.recipe-preview__item{min-height:var(--mockup-menu-row-height);align-items:center;gap:var(--space-1);max-width:100%;padding-inline:var(--mockup-menu-item-padding);overflow-wrap:anywhere;display:inline-flex}.recipe-preview__name{color:var(--color-dark-copy);font-weight:600}.recipe-preview__details{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.recipe-preview__details div{gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-rule-soft);grid-template-columns:minmax(80px,.35fr) minmax(0,1fr);display:grid}.recipe-preview__details dt{color:var(--color-olive-readable);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:500}.recipe-preview__details dd{overflow-wrap:anywhere;min-width:0;color:var(--color-ink-soft);font-family:var(--font-mono);margin:0;font-size:11px}.recipe-preview__note{color:var(--color-meta-readable);font-family:var(--font-mono);margin:0;font-size:11px}.recipe-empty{padding:var(--space-6);border:1px solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-paper-raised);margin:0}@media (width<=720px){.recipes-page{gap:var(--space-12);padding-block:var(--space-12) var(--space-16)}.recipes-intro h1{font-size:36px}.recipe-toolbar,.recipe-card__columns{grid-template-columns:minmax(0,1fr)}.recipe-card__header,.recipe-card__columns{padding:var(--space-4)}.recipe-card__header code{max-width:45%}}
