:root{--paper: #F7F8F4;--paper-deep: #EFF1EA;--ink: #1D211E;--ink-soft: #4C534E;--ink-faint: #7A817B;--line: #D8DCD2;--indigo: #31537D;--seal: #A93B2E;--role-chief: #A93B2E;--role-deputy: #31537D;--role-assistant: #4E7263;--role-envoy: #96742B;--display: "Newsreader", Georgia, serif;--hanja: "Noto Serif KR", serif;--body: "Inter", -apple-system, sans-serif;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.shell{max-width:1040px;margin:0 auto;padding:0 24px}a{color:var(--indigo);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:2px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-row{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand:hover{text-decoration:none}.brand-seal{font-family:var(--hanja);font-size:13px;line-height:1.1;color:var(--seal);border:1.5px solid var(--seal);border-radius:3px;padding:3px 4px;letter-spacing:1px}.brand-name{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:.01em}.site-nav{display:flex;gap:26px}.site-nav a{color:var(--ink-soft);font-size:15px;font-weight:500}.site-nav a.active{color:var(--ink);border-bottom:2px solid var(--seal);padding-bottom:2px}.site-nav a:hover{color:var(--ink);text-decoration:none}main{min-height:70vh;padding:44px 24px 80px}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.15;margin:0 0 .4em}h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.01em}h2{font-size:26px}h3{font-size:19px}.eyebrow{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px}.eyebrow a{color:var(--indigo)}.hanja{font-family:var(--hanja)}.mono{font-family:var(--mono)}.muted{color:var(--ink-soft)}section{margin:44px 0}section>h2{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:20px}section>h2 .hanja{font-size:17px;color:var(--ink-faint);font-weight:400}.formula-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-start}.name-stack .romanized{font-family:var(--display);font-style:italic;font-size:20px;color:var(--ink-soft);margin:6px 0 2px}.name-stack .alt-names{font-size:14px;color:var(--ink-faint);margin:6px 0 0}.name-stack .alt-names b{color:var(--ink-soft);font-weight:500}.nameplate{flex-shrink:0;writing-mode:vertical-rl;text-orientation:upright;font-family:var(--hanja);font-weight:600;color:var(--seal);font-size:clamp(22px,3vw,30px);letter-spacing:.28em;border:2px solid var(--seal);border-radius:4px;padding:16px 10px;min-height:170px;line-height:1;background:color-mix(in srgb,var(--seal) 4%,transparent)}@media(max-width:640px){.formula-head{gap:18px}.nameplate{min-height:130px;padding:12px 8px}}.ingredients{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.ing-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px}.ing-card .names a{font-weight:600;color:var(--ink)}.ing-card .names a:hover{color:var(--indigo)}.ing-card .names .pinyin{font-size:14px;color:var(--indigo);font-weight:500}.ing-card .names .sub{font-size:13px;color:var(--ink-faint)}.ing-card .names .sub .hanja{color:var(--ink-soft)}.ing-right{text-align:right;flex-shrink:0}.grams{font-family:var(--mono);font-size:15px;font-weight:500}.role{display:inline-block;margin-top:4px;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:99px;color:#fff}.role.chief{background:var(--role-chief)}.role.deputy{background:var(--role-deputy)}.role.assistant{background:var(--role-assistant)}.role.envoy{background:var(--role-envoy)}.prep{font-size:11px;color:var(--ink-faint);display:block;margin-top:2px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}@media(max-width:640px){.cols{grid-template-columns:1fr}}.cols h3{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.cols ul{margin:8px 0 0;padding-left:18px}.cols li{margin-bottom:6px}.clinical-note{background:var(--paper-deep);border-left:3px solid var(--indigo);border-radius:0 8px 8px 0;padding:18px 22px;font-size:16px}.clinical-note .credit{display:block;margin-top:10px;font-size:13px;color:var(--ink-faint)}.rows{list-style:none;margin:0;padding:0}.rows li{border-bottom:1px solid var(--line)}.rows a.row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 4px;color:var(--ink)}.rows a.row:hover{text-decoration:none;background:var(--paper-deep)}.row .primary{font-family:var(--display);font-size:19px;font-weight:500}.row .primary .hanja{font-size:15px;color:var(--seal);margin-left:10px;font-weight:400}.row .secondary{font-size:14px;color:var(--ink-faint);text-align:right;flex-shrink:0}.chips{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}.chip{display:inline-flex;align-items:baseline;gap:8px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--ink)}.chip:hover{border-color:var(--indigo);color:var(--indigo);text-decoration:none}.chip .hanja{font-size:12px;color:var(--ink-faint)}.chip .count{font-family:var(--mono);font-size:12px;color:var(--ink-faint)}.search-wrap{position:relative;max-width:640px}.search-input{width:100%;font-family:var(--body);font-size:17px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:14px 18px}.search-input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px color-mix(in srgb,var(--indigo) 15%,transparent)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #1d211e1f;max-height:420px;overflow-y:auto;display:none}.search-results.open{display:block}.search-results a{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--paper-deep);color:var(--ink)}.search-results a:last-child{border-bottom:none}.search-results a:hover,.search-results a.sel{background:var(--paper-deep);text-decoration:none}.search-results .kind{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);flex-shrink:0}.search-results .r-hanja{color:var(--seal);font-family:var(--hanja);margin-left:8px;font-size:14px}.search-results .r-echo{color:var(--indigo);font-style:italic;margin-left:8px;font-size:14px}.search-empty{padding:14px 16px;color:var(--ink-faint);font-size:14px}.site-footer{border-top:1px solid var(--line);background:var(--paper-deep);padding:32px 0 44px;margin-top:40px}.site-footer p{margin:0 0 8px;font-size:14px;color:var(--ink-soft)}.site-footer .fine{font-size:12.5px;color:var(--ink-faint);max-width:72ch}