/* Additions use the original tokens and components. */
[hidden]{display:none!important}.section-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.section-nav a[aria-current=page]{background:var(--ink);color:var(--paper)}
.advanced-filters{margin:16px 0}.advanced-filters summary{font-weight:700;cursor:pointer;padding:10px 0}.advanced-filters .check{margin:12px 0}.planning-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px}.planning-grid>*{min-width:0}.tools-form{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:20px 0}.tools-form .field{flex:1 1 170px}.shopping-list{list-style:none;padding:0}.shopping-list li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px;padding:14px 0}.shopping-list label{display:flex;gap:14px;align-items:center;flex:1;cursor:pointer}.shopping-list small,.pantry-option small{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}.shopping-list .is-done span{text-decoration:line-through;color:var(--muted)}.shopping-group{margin:28px 0}.shopping-group h2{font-size:1.1rem}.pantry-options{max-height:470px;overflow:auto;margin:18px 0;border-block:1px solid var(--line)}.pantry-option{display:flex;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line);cursor:pointer}.pantry-option input,.shopping-list input{width:19px;height:19px;flex-shrink:0;accent-color:var(--ink)}.pantry-match{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.recipe-planning{margin-top:20px}.recipe-planning .actions{gap:12px}.practice-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px}.practice-layout>div{min-width:0}.practice-section{scroll-margin-top:100px;margin-bottom:55px}.practice-section>h2{margin-bottom:20px}.practice-section details{margin:12px 0}.practice-section .article-body{padding:0 24px 24px}.quiz-options{display:grid;gap:10px;margin:22px 0}.quiz-options button{text-align:left;white-space:normal}.quiz-feedback{border-left:4px solid var(--green);padding:15px;background:var(--paper)}.quiz-feedback.incorrect{border-color:var(--orange)}.print-list{display:none}.copy-area{width:100%;min-height:200px}.recipe-planning pre,#pantry-export{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:350px;overflow:auto}.criteria-list{line-height:1.8}.storage-note{font-size:.85rem}.practice-section ol{padding-left:22px;line-height:1.8}
@media(max-width:960px){.planning-grid{grid-template-columns:270px minmax(0,1fr)}.practice-layout{grid-template-columns:1fr}.practice-layout>.article-nav{position:static;display:flex;flex-wrap:wrap;gap:12px}.planning-grid .recipe-grid{grid-template-columns:1fr}}
@media(max-width:700px){.planning-grid{grid-template-columns:1fr}.section-nav{gap:7px}.section-nav .chip{font-size:.82rem}.pantry-options{max-height:260px}.tools-form{display:grid;grid-template-columns:1fr 1fr}.tools-form .field:first-child{grid-column:1/-1}.advanced-filters{grid-column:1/-1}.practice-section .article-body{padding:0 15px 20px}}
@media print{body[data-page=shopping] main>*{display:none!important}body[data-page=shopping] main>.print-list{display:block!important;font:12pt/1.6 Arial;white-space:pre-wrap}.section-nav,.recipe-planning,.advanced-filters{display:none!important}}

/* Small additions to the existing footer and catalog. */
.creator-credit{font-size:.8rem;color:var(--muted);margin:16px 0 0}.creator-credit a{font-weight:600}
.feedback-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border:1px solid var(--line);border-radius:var(--radius);margin:0 0 24px}.feedback-strip p{margin:3px 0 0;font-size:.875rem;color:var(--muted)}.feedback-strip>a{flex-shrink:0}
@media(max-width:700px){.feedback-strip{align-items:flex-start;flex-direction:column;gap:8px}}
@media print{.creator-credit,.feedback-strip{display:none}}
/* Keep all existing header actions reachable on particularly narrow screens. */
@media(max-width:359px){.header-inner{padding:0 12px;gap:8px}.header-inner .brand{font-size:1.15rem}.header-inner .brand-mark{width:26px;height:28px;margin-right:4px}.menu-toggle{padding:7px 8px;gap:5px}.saved-link{padding:4px 8px}}
/* Section links stay in document flow; only the main menu is an overlay. */
.section-nav{position:static;padding:0;border:0;box-shadow:none}
/* Responsive refinements: retain the existing typography, colors and components. */
main{overflow-wrap:anywhere}
h1,h2,h3{hyphens:auto}
.hero>*,.knowledge-teasers>*,.classics-grid>*,.detail-head>*,.detail-layout>*,.calculator-layout>*,.article-layout>*,.form-grid>*,.filter-fields>*,.shopping-list label{min-width:0}
.knowledge-teasers{grid-template-columns:repeat(3,minmax(0,1fr))}
.classics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.empty{min-width:0}
textarea{font:inherit}
textarea:focus-visible{outline:3px solid #c76529;outline-offset:4px}
@media(max-width:960px){
 .header-inner{flex-wrap:wrap}
 #main-nav{top:100%;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:700px){
 .knowledge-teasers,.classics-grid{grid-template-columns:minmax(0,1fr)}
 .hero,.detail-head,.detail-layout,.article-layout,.calculator-layout{grid-template-columns:minmax(0,1fr)}
 .catalog-toolbar .field{max-width:100%;flex-wrap:wrap}
 .catalog-toolbar select,.portion-control input,.tools-form input,.tools-form select{font-size:max(16px,1rem)}
}
@media(max-width:480px){
 #filter-form .filter-fields>.field:nth-child(-n+2){grid-column:1/-1}
 .calculator-layout .form-grid{grid-template-columns:minmax(0,1fr)}
 .header-inner{padding-top:8px;padding-bottom:8px}
}
@media(pointer:coarse){
 .menu-toggle,.saved-link,.favorite,.portion-control button,.button.small{min-width:44px;min-height:44px}
 .saved-link{display:inline-flex;align-items:center;justify-content:center}
 .check{min-height:44px;align-items:center}
 .check input{margin-top:0}
 .chip{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:max(16px,1rem)}
}

.hero .hero-subtitle{font-size:1.2rem;line-height:1.4;font-weight:650;letter-spacing:-.02em;max-width:460px;margin:0 0 14px}

/* Subtle navigation motion, without moving surrounding content. */
#main-nav>a{position:relative;border-bottom-color:transparent;transition:color .18s ease}
#main-nav>a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
#main-nav>a[aria-current]::after,#main-nav>a:focus-visible::after{transform:scaleX(1)}
@media(hover:hover){#main-nav>a:hover::after{transform:scaleX(1)}}
@media(max-width:960px){
 #main-nav{display:flex;flex-direction:column;gap:0;align-items:stretch;opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transform:translateY(-6px);transition:clip-path .22s ease,opacity .18s ease,transform .22s ease,visibility 0s linear .22s}
 #main-nav.open{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0);transform:translateY(0);transition-delay:0s}
 #main-nav>a::after{left:12px;right:12px;bottom:0}
}