/* Guides use the same public brand styles as the kitchen offer. */
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding-top:25px;color:var(--muted);font-size:13px}
.guide-breadcrumb a{text-decoration:underline}
.guide-intro,.guide-hub-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;padding-block:48px 64px}
.guide-intro h1,.guide-hub-intro h1{text-transform:none;font-size:clamp(34px,4.2vw,62px);line-height:1.08;max-width:19ch}
.guide-intro .lead,.guide-hub-intro .lead{font-size:18px;line-height:1.7;margin-top:24px}
.guide-intro figure img,.guide-hub-intro figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}
.guide-intro figcaption,.guide-hub-intro figcaption{font-size:12px;color:var(--muted);margin-top:12px}
.guide-byline{font-size:13px;margin-block:22px}.guide-byline a{text-decoration:underline}
.guide-layout{display:grid;grid-template-columns:260px minmax(0,780px);gap:64px;justify-content:space-between;align-items:start}
.guide-toc{position:sticky;top:112px;padding:24px;background:var(--surface);border-top:2px solid var(--mint)}
.guide-toc h2{font-size:18px}.guide-toc ol{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:14px}
.guide-toc a{font-size:14px;line-height:1.5;display:block}.guide-toc a:hover{text-decoration:underline}
.guide-section{scroll-margin-top:112px;margin-bottom:54px}.guide-section h2{font-size:32px;line-height:1.2;margin-bottom:24px}
.guide-section p+p{margin-top:18px}.guide-section ul{padding-left:24px;color:var(--muted);margin-block:22px 0}.guide-section li+li{margin-top:12px}
.guide-section .faq-list p{font-size:16px}.guide-section .faq-list summary{font-size:17px}
.guide-next{background:var(--surface);border:1px solid var(--line);padding:30px}.guide-next h2{font-size:28px}.guide-next p{margin-block:18px 24px}.guide-next>.text-link{display:flex;width:fit-content;margin-top:22px}
.guide-related{padding-bottom:72px}.guide-related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.guide-related-links a{align-items:start}
.guide-library{padding-block:16px 32px}.guide-search{border-block:1px solid var(--line);padding-block:24px;margin-bottom:36px}.guide-search label{display:block;font-weight:600;margin-bottom:10px}
.guide-search-row{display:flex;gap:12px}.guide-search input{min-width:0;flex:1;min-height:52px;background:var(--field);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;color:var(--ink)}
.guide-search input::placeholder{color:var(--muted)}.guide-search .button-outline{background:transparent;color:var(--ink);border:1px solid var(--line)}
#guide-count{font-size:13px;margin-top:12px}.guide-search-note{margin-bottom:24px}
.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}.guide-card{border-bottom:1px solid var(--line);padding-bottom:24px;min-width:0}.guide-card>a{display:block;height:100%}.guide-card>a:hover h3{text-decoration:underline}
.guide-card img:not(.icon){width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.guide-card>a>div{padding-top:22px}.guide-card h3{font-size:23px;margin-bottom:12px}.guide-card p{font-size:15px}
.guide-card .eyebrow{font-size:11px}.guide-card-link{margin-top:22px;display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600}.guide-empty{padding:32px;background:var(--surface)}.guide-empty p{margin-block:14px}
@media(max-width:1100px){.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}.guide-intro,.guide-hub-intro{gap:32px}}
@media(max-width:900px){.guide-intro,.guide-hub-intro{grid-template-columns:1fr 1fr}.guide-layout{grid-template-columns:minmax(0,1fr);gap:30px}.guide-toc{position:static}.guide-toc ol{grid-template-columns:1fr 1fr;gap:16px 24px}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-related-links{grid-template-columns:1fr}.guide-intro h1,.guide-hub-intro h1{font-size:36px}}
@media(max-width:680px){.guide-intro,.guide-hub-intro{grid-template-columns:minmax(0,1fr);padding-block:32px 44px;gap:28px}.guide-intro h1,.guide-hub-intro h1{font-size:34px;max-width:none}.guide-intro .lead,.guide-hub-intro .lead{font-size:17px}.guide-cards{grid-template-columns:minmax(0,1fr)}.guide-toc ol{grid-template-columns:1fr}.guide-toc{padding:22px}.guide-section h2{font-size:27px}.guide-next{padding:22px}.guide-search-row{flex-wrap:wrap}.guide-search input{flex-basis:100%}.guide-related{padding-bottom:48px}.guide-breadcrumb{padding-top:18px}.guide-section{scroll-margin-top:88px}.guide-next .button{max-width:100%;white-space:normal}}