:root{--ink:#292620;--muted:#746d62;--paper:#fbf8f1;--cream:#f2eadb;--line:#ded4c3;--accent:#a34f32;--max:1120px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.site-header{border-bottom:1px solid var(--line);background:#fbf8f1f5}.header-inner,.footer-inner{max-width:var(--max);margin:auto;padding:1.1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{font-family:Georgia,serif;font-size:1.25rem;letter-spacing:-.04em}.brand span{color:var(--accent);font-style:italic}nav{display:flex;gap:1.25rem;font-size:.9rem}main{min-height:70vh}.hero{max-width:var(--max);margin:auto;padding:5.5rem 1.25rem 4rem;display:grid;gap:2rem}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin:0 0 .65rem}.hero h1,.article-header h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2.6rem,7vw,5.8rem);font-weight:400;line-height:1.08;letter-spacing:-.07em;margin:0;max-width:800px}.hero p{font-size:1.15rem;max-width:600px;color:var(--muted)}.button{display:inline-block;background:var(--ink);color:var(--paper);padding:.7rem 1.1rem;border-radius:999px;font-size:.9rem}.section{max-width:var(--max);margin:auto;padding:3.5rem 1.25rem}.section.tinted{max-width:none;background:var(--cream)}.section-inner{max-width:var(--max);margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.section h2{font-family:Georgia,serif;font-size:2rem;font-weight:400;line-height:1.15;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.guide-card{border:1px solid var(--line);background:#ffffff59;padding:1.5rem;min-height:245px;display:flex;flex-direction:column}.guide-card h3{font-family:Georgia,"Noto Serif KR",serif;font-size:1.45rem;font-weight:400;line-height:1.3;margin:.1rem 0 .65rem}.guide-card p:not(.eyebrow){color:var(--muted);font-size:.93rem;margin:0}.text-link{color:var(--accent);font-size:.88rem;margin-top:auto;padding-top:1.25rem}.category-list{display:flex;flex-wrap:wrap;gap:.65rem}.category-list a{border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;background:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.note{border-left:3px solid var(--accent);padding-left:1.1rem;color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin-top:3rem}.footer-inner{align-items:flex-start;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.footer-inner p{margin:0}.footer-inner div{display:flex;gap:1rem}.article-shell{max-width:850px;margin:auto;padding:4rem 1.25rem}.article-header{border-bottom:1px solid var(--line);padding-bottom:2.5rem}.article-header h1{font-size:clamp(2.5rem,6vw,4.7rem)}.lede{font-size:1.15rem;color:var(--muted);max-width:680px}.article-date{font-size:.8rem;color:var(--muted)}.article-body{font-family:Georgia,"Noto Serif KR",serif;font-size:1.08rem;padding:2rem 0}.article-body h2{font-size:1.7rem;font-weight:400;margin-top:2.5rem}.article-body li{margin:.5rem 0}.recipe-facts{display:flex;gap:2rem;margin:2rem 0 0}.recipe-facts div{border-left:1px solid var(--line);padding-left:1rem}.recipe-facts dt{color:var(--muted);font-size:.75rem}.recipe-facts dd{margin:0;font-weight:700}.page-shell{max-width:var(--max);margin:auto;padding:4rem 1.25rem}.page-shell h1{font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.1}.prose{max-width:700px}.prose h2{font-family:Georgia,serif;font-weight:400;margin-top:2.5rem}.prose p,.prose li{color:var(--muted)}.not-found{text-align:center;padding:8rem 1.25rem}.not-found h1{font-family:Georgia,serif;font-size:5rem;margin:0}@media(max-width:720px){.hero{padding-top:4rem}.guide-grid,.split{grid-template-columns:1fr}.section-heading{display:block}.section-heading .text-link{display:inline-block}.recipe-facts{gap:1rem;justify-content:space-between}.article-shell,.page-shell{padding-top:3rem}.footer-inner{display:block}.footer-inner>*{margin-bottom:.7rem!important}}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;color:var(--muted);font-size:.78rem;margin-bottom:3rem}.breadcrumbs span[aria-current]{color:var(--ink)}.tool-shell{max-width:900px;margin:auto;padding:4rem 1.25rem}.tool-intro{margin-bottom:2.5rem}.tool-intro h1{font-family:Georgia,serif;font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:.95;letter-spacing:-.07em;margin:0}.tool-intro p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.converter-card{border:1px solid var(--line);background:var(--cream);padding:clamp(1.25rem,4vw,2.5rem)}.converter-card h2,.tool-notes h2{font-family:Georgia,serif;font-size:1.8rem;font-weight:400;margin:0 0 1.5rem}.converter-fields{display:grid;grid-template-columns:1fr 1fr auto 1fr;align-items:end;gap:1rem}.converter-fields label{display:grid;gap:.45rem;font-family:system-ui;font-size:.8rem;color:var(--muted)}.converter-fields input,.converter-fields select{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:.75rem;border-radius:0;font:inherit;font-size:1rem}.converter-fields input:focus-visible,.converter-fields select:focus-visible,.swap-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.swap-button{border:1px solid var(--line);background:var(--paper);color:var(--accent);width:2.6rem;height:2.6rem;border-radius:50%;cursor:pointer;font-size:1.2rem}.converter-result{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.converter-result output{display:block;font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.5rem);line-height:1.1;margin:.15rem 0}.converter-result p{margin:0;color:var(--muted)}.tool-notes{max-width:700px;margin:3rem 0 0}.tool-notes p{color:var(--muted)}.scaling-control{font-family:system-ui;font-size:.8rem;color:var(--muted);text-align:right}.scaling-label{display:block;margin-bottom:.45rem}.serving-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.serving-options button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:.3rem .55rem;font:inherit;cursor:pointer}.serving-options button:hover,.serving-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.serving-options button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.content-image{margin:1.5rem 0;overflow:hidden;background:var(--cream)}.content-image img{display:block;width:100%;height:100%;object-fit:cover}.content-image--hero{aspect-ratio:16/9;max-width:760px}.content-image--card{aspect-ratio:4/3;margin:0 0 1.25rem}.content-image--step{aspect-ratio:4/3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-shell{padding-top:2rem}.recipe-facts{flex-wrap:wrap}.tag-list{display:flex;gap:.5rem;flex-wrap:wrap;font-family:system-ui;font-size:.8rem;color:var(--accent);margin-bottom:1.5rem}.recipe-section,.knowledge-section{margin-top:3rem}.recipe-section h2,.knowledge-section h2{margin-top:0}.ingredient-list{list-style:none;padding:0;border-top:1px solid var(--line)}.ingredient-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:.65rem 0}.ingredient-list strong{font-weight:400;color:var(--muted)}.method-list{padding-left:1.35rem}.method-list li{padding-left:.5rem;margin:1.5rem 0}.method-list h3{margin:0}.method-list p{margin:.25rem 0}.step-point{font-family:system-ui;font-size:.9rem;color:var(--accent)}.step-point strong{margin-right:.35rem}.article-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.knowledge-summary{background:var(--cream);padding:1.25rem 1.5rem;margin-bottom:2.5rem}.knowledge-summary p:last-child{font-size:1.2rem;margin:.2rem 0}.principle{border-top:1px solid var(--line);padding:1rem 0}.principle h3{margin:.1rem 0}.principle p{margin:.2rem 0;color:var(--muted)}.related-section{border-top:1px solid var(--line);margin-top:4rem;padding-top:2.5rem;font-family:system-ui}.related-section .guide-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:720px){.article-columns,.related-section .guide-grid{grid-template-columns:1fr}}@media(max-width:720px){.tool-shell{padding-top:3rem}.converter-fields{grid-template-columns:1fr 1fr}.swap-button{grid-column:1 / -1;justify-self:center;transform:rotate(90deg)}}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:10;background:var(--ink);color:var(--paper);padding:.6rem 1rem}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}