/* Final usability pass; retain the selected visual design. */
[inert]{pointer-events:none}
input::placeholder,textarea::placeholder{color:#b9aa8f;opacity:1}
#credits{max-width:760px;margin:20px auto 0;text-align:left;border-top:1px solid var(--line);padding-top:8px;color:var(--cream);font-size:.85rem;line-height:1.65}
#credits summary{cursor:pointer;font-weight:600;min-height:44px;padding:10px 0;color:var(--gold-soft)}
#credits p{margin:8px 0}#credits ul{padding-left:20px;margin:12px 0}#credits li{margin:8px 0}#credits a{color:var(--gold-soft);text-decoration:underline;text-underline-offset:3px}
.img-credit{opacity:1;font-size:.85rem;line-height:1.6}.img-credit a{text-underline-offset:3px}
.account-benefit{border-left:2px solid var(--gold);padding-left:14px;margin:16px 0 20px;color:var(--cream);font-size:.88rem;line-height:1.55}.account-benefit p+p{margin-top:8px}.account-benefit small{font-size:.82rem;color:var(--muted)}
.guest-continue{min-height:44px;padding:10px 0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--gold-soft);font:inherit;font-size:.88rem}
.auth-close,.drawer-close,.collection-close,.portion-close{min-width:44px;min-height:44px}
.drawer-add input,.drawer-add select,.drawer-add button{min-height:44px;min-width:0}.drawer-add select{max-width:115px}.drawer-add button{min-width:44px}
.recipe-jumps a{color:inherit}
.recipe-lead{font-size:1.08rem;line-height:1.75;color:inherit;margin:0 0 24px;max-width:70ch}
.recipe-questions details{border-top:1px solid var(--line)}
.recipe-questions summary{cursor:pointer;min-height:44px;padding:14px 4px;color:inherit;font-weight:600;line-height:1.5}
.recipe-questions details p{margin:0;padding:0 4px 18px;line-height:1.75;max-width:72ch}
.recipe-guide-source{margin-top:18px;font-size:.9rem}.recipe-guide-source a{color:inherit;text-underline-offset:3px}
.recipe-path{margin:26px 0 32px;padding-block:22px;border-block:1px solid currentColor}
.recipe-path h3{font:600 1.55rem/1.3 var(--serif);margin:0 0 10px;color:inherit}
.recipe-path p{line-height:1.65;margin:8px 0 12px}.recipe-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.recipe-path article{border:1px solid currentColor;border-radius:10px;padding:16px;min-width:0}.recipe-path article.is-current{border-width:2px;padding:15px}
.recipe-path h4{font:600 1.2rem/1.4 var(--serif);margin:8px 0;color:inherit}.recipe-path .recipe-path-region,.recipe-path .recipe-path-note{font-size:.82rem}
.recipe-path a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:inherit;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:640px){.recipe-path-grid{grid-template-columns:1fr}.recipe-path h3{font-size:1.35rem}}
.recipe-mobile-actions{display:none}
.recipe-time-note{font-size:.86rem;line-height:1.6;margin:0 0 18px}
@media(max-width:720px){
 body.recipe-detail-active .mobile-actions{display:none}
 .recipe-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:70;padding:5px;border:1px solid var(--line);border-radius:18px;background:var(--panel,#18140e);box-shadow:0 12px 40px rgba(0,0,0,.3)}
 .recipe-mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:54px;color:var(--cream);border-radius:12px;text-decoration:none;font-size:.9rem;font-weight:600}
 .recipe-mobile-actions a:hover,.recipe-mobile-actions a:focus-visible{background:rgba(201,162,75,.15)}
 body.cook-mode-open .recipe-mobile-actions{display:none}
 .detail-hero{height:auto;min-height:320px;padding-top:68px}
 .detail-hero>.recipe-picture{position:absolute;inset:0}
 .detail-title{position:relative;bottom:auto;padding-bottom:24px}
 .detail-native{overflow-wrap:anywhere}
}
.recipe-pantry :focus-visible{outline:3px solid #59431d!important;outline-offset:3px}
:focus-visible{box-shadow:0 0 0 2px #14110c}
#authModal{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
@media(max-width:640px){.auth-form input,.drawer-add input,.drawer-add select,.library-add input{font-size:16px}.account-benefit{font-size:.85rem}#authModal{padding:18px;max-height:calc(100dvh - 24px)}.drawer-add{flex-wrap:wrap}.drawer-add input{flex:1 0 100%}.drawer-add select{flex:1;max-width:none}footer{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}