:root{--paper: #f6f3eb;--surface: #fffdf8;--surface-muted: #eef0e8;--ink: #17241e;--body-ink: #405047;--muted: #5d6c64;--line: #d4d5ca;--line-dark: #aeb2a6;--green: #205a43;--green-dark: #143f2f;--green-soft: #dfe9e1;--red: #8f3623;--red-soft: #f4e2dc;--yellow: #f0c65b;--yellow-soft: #faedc8;--blue: #3d6578;--shadow: 0 14px 34px rgba(28, 42, 34, .1);--focus-ring: 0 0 0 2px rgba(32, 90, 67, .24);--ff-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ff-mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;--fs-h1: clamp(32px, 5vw, 44px);--fs-h2: clamp(24px, 3.2vw, 30px);--fs-h3: clamp(19px, 2vw, 22px);--fs-body: 17px;--fs-lead: 19px;--fs-small: 14px;--fs-micro: 13px;--fs-table-cell: 16px;--lh-h1: 1.15;--lh-h2: 1.25;--lh-h3: 1.35;--lh-body: 1.65;--lh-lead: 1.55;--lh-small: 1.5;--lh-micro: 1.4;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--measure: 740px;--measure-wide: 880px;--shell: 1180px;--shell-gutter: 40px;--header-height: 64px;--touch: 44px;--primary-height: 48px;--card-pad: 28px;--section-space: var(--sp-8);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:var(--ff-body);font-size:var(--fs-body);font-variant-numeric:tabular-nums;line-height:var(--lh-body);-webkit-font-smoothing:antialiased}#tool,#results,#learn,#examples,#faq{scroll-margin-top:calc(var(--header-height) + var(--sp-3))}button,input,select,textarea{color:inherit;font:inherit;font-variant-numeric:tabular-nums}button,select,summary{cursor:pointer}button{border:0}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--green-dark);text-decoration-thickness:2px}img{max-width:100%;height:auto}svg{flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}h1,h2,h3,h4,p,li{overflow-wrap:anywhere}h1,h2,h3,h4{margin:0;color:var(--ink);letter-spacing:0}h1{font-size:var(--fs-h1);font-weight:700;line-height:var(--lh-h1)}h2{margin-top:var(--sp-8);font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-h2)}h3{font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-h3)}h4{font-size:var(--fs-body);font-weight:600;line-height:var(--lh-h3)}p,ul,ol{margin-top:0}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:where(a[href],button,input,select,textarea,summary):focus-visible{outline:2px solid var(--green);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:var(--focus-ring)}::placeholder{color:var(--muted);opacity:1}.shell{width:min(calc(100% - var(--shell-gutter)),var(--shell));margin-inline:auto}.skip-link{position:fixed;top:var(--sp-2);left:var(--sp-2);z-index:20;padding:var(--sp-2) var(--sp-3);color:#fff;background:var(--green-dark);border-radius:var(--radius-sm);transform:translateY(-150%)}.noscript-note{margin:0;padding:var(--sp-3) var(--sp-4);color:var(--ink);background:var(--yellow-soft);border-bottom:1px solid #e2c56e;font-weight:600}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;min-height:var(--header-height);background:#f6f3ebf5;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}.brand{display:inline-flex;min-height:var(--touch);align-items:center;gap:var(--sp-2);color:var(--ink);font-size:var(--fs-small);font-weight:700;text-decoration:none}.brand:hover{color:var(--ink)}.brand-mark{display:inline-grid;width:32px;height:32px;flex:0 0 auto;place-items:center;color:#fff;background:var(--green);border-radius:50%;font-size:var(--fs-small);font-style:italic;font-weight:700}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:var(--sp-5)}.site-header nav a,.site-footer nav a{display:inline-flex;min-height:var(--touch);align-items:center;color:var(--ink);font-size:var(--fs-small);font-weight:600;text-decoration:none}.site-header nav a:hover,.site-footer nav a:hover{color:var(--green)}.hero{padding:var(--sp-8) 0;border-bottom:1px solid var(--line)}.hero-grid{display:flex;width:100%;max-width:var(--measure-wide);flex-direction:column;align-items:center;gap:var(--sp-6)}.hero-copy{width:100%;max-width:var(--measure);margin-inline:auto;padding-top:0}.eyebrow{margin:0 0 var(--sp-2);color:var(--red);font-size:var(--fs-micro);font-weight:700;letter-spacing:0;line-height:var(--lh-micro);text-transform:uppercase}.hero-copy h1{max-width:none}.lede{max-width:var(--measure);margin:var(--sp-4) 0 0;color:var(--muted);font-size:var(--fs-lead);line-height:var(--lh-lead)}.converter{width:100%;min-width:0;padding:var(--card-pad);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-1);margin-bottom:var(--sp-3);padding:var(--sp-1);background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-md)}.mode-tab{min-width:0;min-height:var(--touch);padding:var(--sp-2) var(--sp-3);color:var(--muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--fs-body);font-weight:600;overflow-wrap:normal;white-space:nowrap}.mode-tab.is-active{color:var(--ink);background:var(--surface);border-color:var(--line);box-shadow:0 1px 3px #17241e1f}.field-label,.serving-grid label>span,.unit-converter-grid label>span,.temperature-inputs label>span{display:block;margin-bottom:var(--sp-1);color:var(--muted);font-size:var(--fs-small);font-weight:600;letter-spacing:0;text-transform:uppercase}textarea,input[type=number],input[type=text],select{width:100%;min-width:0;min-height:var(--touch);padding:var(--sp-3) var(--sp-4);background:#fff;border:1px solid var(--line-dark);border-radius:var(--radius-sm);font-size:var(--fs-body)}textarea{min-height:104px;resize:vertical;font-family:var(--ff-body);line-height:var(--lh-body)}.serving-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4);margin-top:var(--sp-4)}.quick-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}.quick-row>span{margin-right:var(--sp-1);color:var(--muted);font-size:var(--fs-small);font-weight:600;text-transform:uppercase}.quick-row button{min-width:var(--touch);min-height:var(--touch);padding:var(--sp-2) var(--sp-3);color:var(--green);background:transparent;border:1px solid var(--line-dark);border-radius:var(--radius-sm);font-size:var(--fs-small);font-weight:700}.quick-row button:hover{color:var(--green-dark);background:var(--green-soft);border-color:var(--green)}.tool-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2);margin-top:var(--sp-4);scroll-margin-bottom:var(--sp-3)}.tool-actions .button{padding-inline:var(--sp-3);white-space:nowrap}.button{min-width:0;min-height:var(--touch);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--fs-body);font-weight:600;line-height:var(--lh-small);text-align:center;text-decoration:none}.button-primary{min-height:var(--primary-height);color:#fff;background:var(--green);border-color:var(--green)}.button-primary:hover{color:#fff;background:var(--green-dark);border-color:var(--green-dark)}.button-secondary{color:var(--ink);background:transparent;border-color:var(--line-dark)}.button-secondary:hover{color:var(--green);background:var(--green-soft);border-color:var(--green)}#example-button{min-height:var(--primary-height)}.button-dark{color:#fff;background:var(--ink);border-color:var(--ink)}.button-dark:hover{color:#fff;background:var(--green-dark);border-color:var(--green-dark)}.button-wide{width:100%}.switch-line{min-height:var(--touch);display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small)}.switch-line input{width:var(--sp-5);height:var(--sp-5);flex:0 0 auto;margin:0;accent-color:var(--green)}.status-line{min-height:0;margin:0;color:var(--red);font-size:var(--fs-small)}.status-line[data-tone=info]{color:var(--muted)}.status-line[data-tone=success]{color:var(--green-dark)}.status-line:not(:empty){min-height:var(--sp-5);margin-top:var(--sp-2)}.manual-labels,.manual-row{display:grid;grid-template-columns:80px 112px minmax(0,1fr) var(--touch);gap:var(--sp-2)}.manual-labels{margin-bottom:var(--sp-1);color:var(--muted);font-size:var(--fs-small);font-weight:600;text-transform:uppercase}.manual-rows{display:grid;gap:var(--sp-2)}.manual-field{min-width:0}.manual-row input,.manual-row select{min-height:var(--touch);padding:var(--sp-2);font-size:var(--fs-body)}.remove-row{width:var(--touch);min-height:var(--touch);display:inline-grid;place-items:center;padding:0;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm)}.remove-row:hover{color:var(--red);border-color:var(--red)}.text-button{min-height:var(--touch);display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);padding:var(--sp-2) 0;color:var(--green);background:transparent;font-size:var(--fs-small);font-weight:600}.text-button:hover{color:var(--green-dark)}.copy-button{min-width:88px;justify-content:center}.copy-button.is-copied{color:var(--green-dark);background:var(--green-soft)}.button-dark.copy-button.is-copied{color:var(--ink);border-color:var(--green)}.output-section{padding:var(--section-space) 0;background:var(--surface-muted);border-bottom:1px solid var(--line)}.output-section .shell{max-width:var(--measure-wide)}.output-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6);margin-bottom:var(--sp-5)}.output-header h2{margin-top:0}.scale-summary{max-width:400px;margin:0;padding:var(--sp-3) var(--sp-4);color:var(--green-dark);background:var(--green-soft);border-left:4px solid var(--green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--fs-small);font-weight:600}.warning-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}.warning-item{max-width:432px;display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);color:#57440e;background:var(--yellow-soft);border:1px solid #e2c56e;border-radius:var(--radius-sm);font-size:var(--fs-small);line-height:var(--lh-small)}.warning-item strong{display:block;color:#473607}.warning-dot{width:12px;height:12px;flex:0 0 auto;margin-top:var(--sp-1);background:var(--yellow);border:1px solid #b68a17;border-radius:50%}.result-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:var(--sp-4);align-items:start}.ingredient-panel,.grocery-panel{min-width:0;padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.panel-heading h3{font-size:var(--fs-h3)}.panel-heading p{margin:var(--sp-1) 0 0;color:var(--muted);font-size:var(--fs-small)}.panel-heading .text-button{margin-top:0}.ingredient-list{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.ingredient-item{min-width:0;display:grid;grid-template-columns:var(--touch) minmax(0,1fr) auto;gap:var(--sp-2);align-items:start;padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}.ingredient-toggle{width:var(--touch);min-height:var(--touch);display:grid;place-items:center}.ingredient-toggle input{width:var(--touch);height:var(--touch);margin:0;accent-color:var(--green)}.ingredient-main{min-width:0;padding-top:var(--sp-2)}.ingredient-amount{display:block;font-size:var(--fs-body);font-weight:600}.ingredient-hint{display:block;margin-top:var(--sp-1);color:var(--muted);font-size:var(--fs-small)}.ingredient-flags{max-width:152px;display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:flex-end;padding-top:var(--sp-2)}.ingredient-flag{padding:var(--sp-1) var(--sp-2);color:#57440e;background:var(--yellow-soft);border:1px solid #e1c36a;border-radius:999px;font-size:var(--fs-micro);font-weight:600;line-height:var(--lh-micro)}.ingredient-item.is-excluded{opacity:.56}.ingredient-item.is-excluded .ingredient-main{text-decoration:line-through}.cooking-note{margin:var(--sp-4) 0 0;padding:var(--sp-3) var(--sp-4);color:#57440e;background:var(--yellow-soft);border-radius:var(--radius-sm);font-size:var(--fs-small)}.disclaimer{margin:var(--sp-3) 0 0;color:var(--muted);font-size:var(--fs-small)}.grocery-list{min-height:168px;display:grid;gap:var(--sp-4)}.grocery-group h4{margin:0 0 var(--sp-1);color:var(--red);font-size:var(--fs-body);font-weight:600;text-transform:uppercase}.grocery-group ul{margin:0;padding-left:var(--sp-5);font-size:var(--fs-body)}.grocery-group li+li{margin-top:var(--sp-1)}.empty-grocery{color:var(--muted);font-size:var(--fs-body)}.content-section,.unit-section,.knowledge-section,.examples-section,.howto-section,.faq-section,.related-section{padding:var(--section-space) 0;border-bottom:1px solid var(--line)}.content-section{background:var(--surface)}.section-intro,.learn-grid,.utility-grid,.knowledge-list,.example-grid,.howto-grid,.faq-list,.related-links{width:100%;max-width:var(--measure);margin-inline:auto}.section-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sp-2) var(--sp-6);align-items:end;margin-bottom:var(--sp-6)}.section-intro .eyebrow{grid-column:1 / -1}.section-intro h2{margin-top:0}.section-intro>p:last-child{margin:0;color:var(--muted);font-size:var(--fs-body)}.section-intro.compact{display:block;margin-bottom:var(--sp-5)}.learn-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}.learn-grid>*,.utility-grid>*,.example-grid>*,.howto-grid>*,.faq-list>*,.section-intro>*{min-width:0}.article-number{margin:0 0 var(--sp-3);color:var(--muted);font-size:var(--fs-small);font-variant-numeric:tabular-nums;font-weight:600}.feature-article>p:not(.article-number),.density-article>p:not(.article-number){margin:var(--sp-4) 0 0;color:var(--body-ink)}.device-shot{margin:var(--sp-5) 0 0}.device-frame{width:min(100%,328px);padding:var(--sp-2);background:var(--ink);border:1px solid #0d1712;border-radius:24px;box-shadow:0 16px 32px #17241e2e}.device-frame img{display:block;width:100%;border-radius:16px}.device-shot figcaption{max-width:400px;margin-top:var(--sp-3);color:var(--muted);font-size:var(--fs-small)}.table-wrap{width:100%;margin-top:var(--sp-4);overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch}table{width:100%;min-width:520px;border-collapse:collapse;background:var(--surface);font-size:var(--fs-table-cell)}th,td{height:var(--touch);padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--line)}th{position:sticky;top:0;z-index:1;color:var(--muted);background:var(--surface-muted);font-size:var(--fs-small);font-weight:600;text-transform:uppercase}tbody tr:nth-child(2n){background:color-mix(in srgb,var(--surface-muted) 50%,transparent)}tr:last-child td{border-bottom:0}td:not(:first-child),th:not(:first-child){text-align:right;white-space:nowrap}.source-note{font-size:var(--fs-small)!important}.unit-section{background:var(--paper)}.utility-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4);align-items:start}.utility-panel{min-width:0;background:var(--surface);border:1px solid var(--line-dark);border-radius:var(--radius-lg)}.utility-panel summary{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);list-style:none}.utility-panel summary::-webkit-details-marker{display:none}.utility-panel summary strong,.utility-panel summary small{display:block}.utility-panel summary strong{font-size:var(--fs-body)}.utility-panel summary small{margin-top:var(--sp-1);color:var(--muted);font-size:var(--fs-small);font-weight:400}.summary-icon{flex:0 0 auto;color:var(--red);font-size:var(--fs-h3);line-height:1}.utility-panel[open] .summary-icon{transform:rotate(45deg)}.utility-body{padding:0 var(--sp-5) var(--sp-5);border-top:1px solid var(--line)}.unit-converter-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,.82fr) minmax(0,.82fr) minmax(0,1.5fr);gap:var(--sp-2);padding-top:var(--sp-4)}.unit-result,.temperature-result{min-height:var(--touch);margin:var(--sp-3) 0 0;padding:var(--sp-3) var(--sp-4);color:var(--green-dark);background:var(--green-soft);border-left:4px solid var(--green);font-size:var(--fs-small);font-weight:600}.helper-copy{margin:var(--sp-2) 0 0;color:var(--muted);font-size:var(--fs-small)}.temperature-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--sp-2);padding-top:var(--sp-4)}.knowledge-section{background:var(--surface)}.knowledge-list{border-top:1px solid var(--line-dark)}.knowledge-list article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--sp-4);align-items:start;padding:var(--sp-5) 0;border-bottom:1px solid var(--line)}.knowledge-index{color:var(--muted);font-size:var(--fs-small);font-variant-numeric:tabular-nums;font-weight:600}.knowledge-list p{margin:var(--sp-2) 0 0;color:var(--body-ink)}.egg-note{max-width:var(--measure);display:block;margin:var(--sp-6) auto 0;padding:var(--sp-5);background:var(--yellow-soft);border-left:4px solid var(--yellow);border-radius:0 var(--radius-md) var(--radius-md) 0}.egg-note .eyebrow{margin-bottom:0;color:#6d5612}.egg-note h2{margin:0;font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-h3)}.egg-note p:last-child{margin:var(--sp-3) 0 0;color:#574a25;font-size:var(--fs-body)}.examples-section{background:var(--paper)}.example-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}.example-grid article{min-width:0;padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.example-tag{margin:0 0 var(--sp-4);color:var(--red);font-size:var(--fs-micro);font-weight:700;text-transform:uppercase}.example-grid h3{font-size:var(--fs-h3)}.example-grid p:not(.example-tag){margin:var(--sp-3) 0 0;color:var(--body-ink);font-size:var(--fs-body)}.howto-section{background:var(--green-dark);color:#fff}.howto-section .eyebrow{color:#f5cf6f}.howto-section h2{color:#fff}.howto-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}.howto-grid>div>p:last-child{max-width:480px;margin:var(--sp-5) 0 0;color:#c6d5cc}.steps-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.steps-list li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid rgba(255,255,255,.18)}.steps-list li>span{width:32px;height:32px;display:grid;place-items:center;color:var(--green-dark);background:#f5cf6f;border-radius:50%;font-size:var(--fs-small);font-weight:700}.steps-list div{color:#d7e2db;font-size:var(--fs-body)}.steps-list strong{color:#fff}.faq-section{background:var(--surface)}.faq-list{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--sp-6);border-top:1px solid var(--line-dark)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;min-height:64px;padding:var(--sp-4) var(--sp-6) var(--sp-4) 0;list-style:none;font-size:var(--fs-body);font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary h3{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.faq-list summary:after{content:"+";position:absolute;top:var(--sp-3);right:var(--sp-1);color:var(--red);font-size:var(--fs-h3);font-weight:400}.faq-list details[open] summary:after{content:"\2212"}.faq-list details p{margin:0;padding:0 var(--sp-6) var(--sp-4) 0;color:var(--body-ink);font-size:var(--fs-body)}.related-section{background:var(--yellow-soft)}.related-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-2)}.related-links a{min-height:128px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4);color:var(--ink);background:#fffdf8b8;border:1px solid #d9c887;border-radius:var(--radius-sm);text-decoration:none}.related-links a:hover{color:var(--green-dark);background:var(--surface);border-color:var(--green)}.related-links span{font-size:var(--fs-body);font-weight:600;line-height:var(--lh-h3)}.related-links small{color:#6c6040;font-size:var(--fs-small);line-height:var(--lh-small)}.site-footer{padding:var(--sp-6) 0;background:var(--surface)}.footer-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6)}.footer-inner p{margin:var(--sp-2) 0 0;color:var(--muted);font-size:var(--fs-small)}.method-note{max-width:var(--measure);margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-sm)}.method-note p{margin:0;color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small)}.article-page{background:var(--surface)}.article-page .site-header{background:var(--paper)}.article-hero{padding:var(--sp-7) 0 var(--sp-6);background:var(--paper);border-bottom:1px solid var(--line)}.article-hero .shell{max-width:var(--measure)}.article-hero h1{max-width:15ch;font-size:var(--fs-h1)}.article-hero p:last-child{max-width:var(--measure);margin:var(--sp-4) 0 0;color:var(--muted);font-size:var(--fs-lead);line-height:var(--lh-lead)}.article-content{width:min(calc(100% - var(--shell-gutter)),var(--measure));margin-inline:auto;padding:var(--sp-8) 0 var(--sp-9)}.article-content>*:first-child{margin-top:0}.article-content h2{margin:var(--sp-8) 0 var(--sp-3);font-size:var(--fs-h2)}.article-content h3{margin:var(--sp-6) 0 var(--sp-2);font-size:var(--fs-h3)}.article-content p,.article-content li{color:var(--body-ink);font-size:var(--fs-body)}.faq-toc{margin:0 0 var(--sp-6);padding:var(--sp-4) var(--sp-5);background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-md)}.faq-toc h2{margin:0 0 var(--sp-2);font-size:var(--fs-h3)}.faq-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-1) var(--sp-4);margin:0;padding-left:var(--sp-5)}.article-content ul,.article-content ol{padding-left:var(--sp-5)}.article-content li+li{margin-top:var(--sp-2)}.article-callout{margin:var(--sp-6) 0;padding:var(--sp-4) var(--sp-5);background:var(--green-soft);border-left:4px solid var(--green)}.article-callout.warning{background:var(--yellow-soft);border-left-color:var(--yellow)}.article-callout p{margin:0}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);margin-top:var(--sp-7);padding:var(--sp-5);color:#fff;background:var(--green-dark);border-radius:var(--radius-md)}.article-cta p{margin:0;color:#d4e1d9}.article-cta .button{flex:0 0 auto;color:var(--green-dark);background:#f5cf6f}.article-cta .button:hover{color:var(--green-dark);background:var(--yellow)}.breadcrumbs{margin:0 0 var(--sp-4);color:var(--muted);font-size:var(--fs-small)}.breadcrumbs a{color:var(--muted)}.breadcrumbs span{margin-inline:var(--sp-1)}pre,code{max-width:100%;overflow-x:auto}@media (max-width: 1000px){.learn-grid,.howto-grid{grid-template-columns:1fr;gap:var(--sp-6)}.result-grid{grid-template-columns:1fr}.unit-converter-grid{grid-template-columns:1fr 1fr}.unit-converter-grid label:last-child{grid-column:1 / -1}.related-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){:root{--shell-gutter: 32px;--section-space: var(--sp-7)}.site-header nav{gap:var(--sp-3)}.section-intro{display:block}.section-intro>p:last-child{margin-top:var(--sp-3)}.utility-grid,.example-grid,.faq-list{grid-template-columns:1fr}.knowledge-list article{grid-template-columns:40px minmax(0,1fr);gap:var(--sp-3)}.egg-note{display:block}.egg-note .eyebrow{margin-bottom:var(--sp-2)}.egg-note p:last-child{margin-top:var(--sp-3)}.footer-inner{display:block}.site-footer nav{margin-top:var(--sp-5)}.article-cta{align-items:flex-start;flex-direction:column}}@media (max-width: 640px){:root{--shell-gutter: 16px;--card-pad: 20px;--fs-h1: 30px}h2{margin-top:var(--sp-7)}.site-header,.header-inner{min-height:56px}.header-inner{gap:var(--sp-2)}.brand{gap:var(--sp-1);font-size:var(--fs-micro)}.brand-mark{width:32px;height:32px}.site-header nav{gap:var(--sp-2)}.site-header nav a{font-size:var(--fs-micro)}.hero{padding:var(--sp-5) 0 var(--sp-6)}.hero-grid{gap:var(--sp-4)}.lede{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:var(--sp-2)}.converter{padding:var(--card-pad)}.mode-switch{gap:0;margin-bottom:var(--sp-2);padding:0}.serving-grid{gap:var(--sp-3);margin-top:var(--sp-3)}.quick-row{margin-top:var(--sp-2)}textarea{height:64px;min-height:64px}.quick-row,.tool-actions{gap:var(--sp-3);margin-top:var(--sp-3)}.tool-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.converter.is-keyboard-open .tool-actions{position:fixed;right:var(--sp-4);bottom:var(--sp-2);left:var(--sp-4);z-index:30;margin-top:0;padding:var(--sp-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow)}.switch-line{margin-top:var(--sp-2)}.tool-actions .button-primary{grid-column:1 / -1}.tool-actions .button-secondary{font-size:var(--fs-small)}.manual-labels{display:none}.manual-row{grid-template-columns:80px minmax(0,1fr) var(--touch);gap:var(--sp-2)}.manual-row>:nth-child(1){grid-column:1;grid-row:1}.manual-row>:nth-child(2){grid-column:2;grid-row:1}.manual-row>:nth-child(3){grid-column:1 / 3;grid-row:2}.manual-row>:nth-child(4){grid-column:3;grid-row:2}.output-header{display:block;margin-bottom:var(--sp-4)}.scale-summary{margin-top:var(--sp-3);font-size:var(--fs-small)}.ingredient-panel,.grocery-panel{padding:var(--sp-4)}.warning-item{max-width:100%}.ingredient-item{grid-template-columns:var(--touch) minmax(0,1fr)}.ingredient-flags{grid-column:2;max-width:none;justify-content:flex-start;padding-top:0}.unit-converter-grid,.temperature-inputs{grid-template-columns:1fr 1fr}.unit-converter-grid label:last-child{grid-column:1 / -1}.utility-panel summary{min-height:var(--touch);padding:var(--sp-4)}.utility-body{padding:0 var(--sp-4) var(--sp-4)}.related-links{grid-template-columns:1fr}.related-links a{min-height:96px}.footer-inner nav{flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}.article-hero{padding:var(--sp-6) 0 var(--sp-5)}.article-content{padding:var(--sp-6) 0 var(--sp-8)}.article-content h2{margin-top:var(--sp-7)}.faq-toc ol{grid-template-columns:1fr}}@media (max-width: 380px){.site-header nav{gap:var(--sp-1)}.button{padding-inline:var(--sp-3)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.site-header,.hero,.unit-section,.content-section,.knowledge-section,.examples-section,.howto-section,.faq-section,.related-section,.site-footer,.button,.switch-line,.status-line{display:none!important}.output-section{display:block!important;padding:0;background:#fff;border:0}.result-grid{grid-template-columns:1fr}.ingredient-panel,.grocery-panel{border-color:#999}}