html,body,#root,.page{max-width:100vw!important;overflow-x:hidden!important}#root>*{max-width:100vw;overflow-x:hidden}*{min-width:0}table,pre{max-width:100%;overflow-x:auto}@media(max-width:768px){.recipe-layout{display:block!important}.recipe-layout>*{margin-bottom:1.5rem}.recipe-layout aside{position:static!important}}@media(max-width:768px){.page.container>h1:first-child{margin-top:.5rem}}@media(max-width:480px){.container{padding:0 1rem!important}h1{font-size:1.4rem!important;word-break:break-word}h2{font-size:1.1rem!important}section[style*=background] h1{font-size:1.8rem!important}input,textarea,select{max-width:100%!important;box-sizing:border-box!important}.page .card,div[style*="padding: '2.5rem"]{padding:1.5rem!important}}:root{--ochre: #D4A24E;--ochre-light: #E8C97A;--ochre-dark: #B8862E;--ochre-bg: #E5A83E;--cream: #FBF6EE;--cream-dark: #F0E8DA;--forest: #2D4A2D;--forest-light: #3D6B3D;--burgundy: #8B3A3A;--burgundy-light: #A85555;--ink: #2C2418;--ink-light: #5C4F3D;--white: #FFFFFF;--gray-100: #F5F1EB;--gray-200: #E3DCD1;--gray-300: #C4BAA9;--gray-500: #8A7F6F;--font: "Outfit", system-ui, -apple-system, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(44, 36, 24, .06);--shadow-md: 0 4px 14px rgba(44, 36, 24, .09);--shadow-lg: 0 8px 30px rgba(44, 36, 24, .12);--max-width: 1100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font);background:var(--cream);color:var(--ink);line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-width:0}#root{overflow-x:hidden;min-width:0}h1,h2,h3,h4{font-family:var(--font);line-height:1.2;color:var(--ink)}h1{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;margin-bottom:.5rem}h2{font-size:clamp(1.3rem,3.5vw,1.7rem);font-weight:700;margin-bottom:.4rem}h3{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600;margin-bottom:.3rem}a{color:var(--ochre-dark);text-decoration:none;transition:color .2s}a:hover{color:var(--forest)}img{max-width:100%;display:block}button,input,textarea,select{font-family:inherit;font-size:16px}@media(min-width:768px){button,input,textarea,select{font-size:inherit}}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.icon-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}@media(min-width:768px){.container{padding:0 2rem}}.page{min-height:calc(100vh - 200px);padding-top:1.5rem;padding-bottom:2.5rem;min-width:0;overflow-x:hidden}.page section{margin-bottom:2rem}.page section+section{padding-top:.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.3rem;border-radius:var(--radius-sm);font-family:var(--font);font-weight:600;font-size:.82rem;cursor:pointer;transition:all .2s;border:1.5px solid transparent;text-decoration:none;letter-spacing:.01em}.btn-primary{background:var(--forest);color:var(--white);border-color:var(--forest)}.btn-primary:hover{background:var(--forest-light);border-color:var(--forest-light);color:var(--white)}.btn-secondary{background:transparent;color:var(--forest);border-color:var(--forest)}.btn-secondary:hover{background:var(--forest);color:var(--white)}.btn-danger{background:transparent;color:var(--burgundy);border-color:var(--burgundy)}.btn-danger:hover{background:var(--burgundy);color:var(--white)}.btn-small{padding:.35rem .75rem;font-size:.76rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;font-size:.78rem;color:var(--ink-light);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}.form-input,.form-textarea,.form-select{width:100%;padding:.6rem .85rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);color:var(--ink);font-size:.92rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--ochre)}.form-textarea{min-height:120px;resize:vertical;line-height:1.6}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:999px;font-size:.72rem;font-weight:600;background:var(--cream-dark);color:var(--ink-light);text-decoration:none;transition:all .2s;letter-spacing:.02em}.pill:hover{background:var(--ochre-light);color:var(--ink)}.card{background:var(--white);border-radius:var(--radius-md);padding:1.25rem 1.35rem;transition:box-shadow .25s,transform .25s;border:1px solid var(--gray-200);margin-bottom:.25rem}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--ochre-light)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.7rem 1.2rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;z-index:1000;animation:slideUp .3s ease}.toast-success{background:var(--forest);color:var(--white)}.toast-error{background:var(--burgundy);color:var(--white)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--gray-500);margin-bottom:1.25rem;padding-top:.25rem}.breadcrumb a{color:var(--ochre-dark)}.breadcrumb span{color:var(--gray-300)}mark{background:var(--ochre-light);color:var(--ink);padding:0 3px;border-radius:2px}@media(max-width:768px){.hide-mobile{display:none!important}.page{padding-top:1rem;padding-bottom:1rem}}@media(min-width:769px){.hide-desktop{display:none!important}}@media print{header,footer,nav,.btn,.search-bar,.family-controls,.media-upload,.toast{display:none!important}body{background:#fff;color:#000;font-size:11pt}.page{padding:0;min-height:auto}.container{max-width:100%;padding:0}}