/* Layout: one pocket book — sticky book bar with a way back to contents, cover with chapter cards, each chapter keeps its own palette */
:root{
  --bg:#F3F4EF; --surface:#FFFFFF; --ink:#1A1D17; --muted:#5D6457; --line:#DADDD2; --soft:#E8EBE2;
  --c-protein:#2F6B3A; --c-carbs:#A2650F; --c-fats:#1F716D; --c-micro:#7A4C78; --c-taste:#8A4B2A; --c-dishes:#B0452F;
  --c-life:#8C3A5F; --c-life-soft:#F4E3EA;
  --c-train:#3E4C9A; --c-train-soft:#E2E5F4;
  --c-author:#8A4B2A; --c-author-soft:#F3E6DC; --c-kitchen:#5C6A14; --c-kitchen-soft:#ECEED8; --c-plate:#2A6F86; --c-plate-soft:#DCEBF0; --c-books:#4B5A73; --c-books-soft:#E3E7EE; --pl-veg:#9CC979; --pl-prot:#E4A877; --pl-starch:#F0D488; --pl-fat:#E6DCC0; --pl-sauce:#D98C7A; --pl-ink:#1F2A1A; --c-research:#2F5D8A; --c-research-soft:#DFE8F1; --st-no:#A0432A; --st-no-soft:#F5E1DA; --st-part:#8A5A0C; --st-part-soft:#F3E7D3; --st-yes:#2F6B3A; --st-yes-soft:#E1ECDF;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --read:"Literata",Georgia,"Times New Roman",serif;
  --ui:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --c-protein:#82C68C; --c-carbs:#E2AE5C; --c-fats:#6CC2BC; --c-micro:#C99AC6; --c-taste:#D9976E; --c-dishes:#E88B72;
  --c-life:#E79CBD; --c-life-soft:#35212B;
  --c-train:#A7B3F2; --c-train-soft:#1E2238;
  --c-author:#E3AE8C; --c-author-soft:#32231A; --c-kitchen:#C8D27A; --c-kitchen-soft:#25281A; --c-plate:#8CC8DA; --c-plate-soft:#182A30; --c-books:#AEBBD3; --c-books-soft:#1D222B; --pl-veg:#5E8A45; --pl-prot:#9A6438; --pl-starch:#9A8238; --pl-fat:#6E6450; --pl-sauce:#9A5546; --pl-ink:#F4F1E8; --c-research:#8DB7E0; --c-research-soft:#1B2A38; --st-no:#EE9E84; --st-no-soft:#36211B; --st-part:#E2AE5C; --st-part-soft:#332818; --st-yes:#82C68C; --st-yes-soft:#1E2D21;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --c-protein:#82C68C; --c-carbs:#E2AE5C; --c-fats:#6CC2BC; --c-micro:#C99AC6; --c-taste:#D9976E; --c-dishes:#E88B72;
  --c-life:#E79CBD; --c-life-soft:#35212B;
  --c-train:#A7B3F2; --c-train-soft:#1E2238;
  --c-author:#E3AE8C; --c-author-soft:#32231A; --c-kitchen:#C8D27A; --c-kitchen-soft:#25281A; --c-plate:#8CC8DA; --c-plate-soft:#182A30; --c-books:#AEBBD3; --c-books-soft:#1D222B; --pl-veg:#5E8A45; --pl-prot:#9A6438; --pl-starch:#9A8238; --pl-fat:#6E6450; --pl-sauce:#9A5546; --pl-ink:#F4F1E8; --c-research:#8DB7E0; --c-research-soft:#1B2A38; --st-no:#EE9E84; --st-no-soft:#36211B; --st-part:#E2AE5C; --st-part-soft:#332818; --st-yes:#82C68C; --st-yes-soft:#1E2D21;
  color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
.bookbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--bg);border-bottom:1px solid var(--line)}
.bb-in{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:6px;display:flex;align-items:center;gap:12px;min-height:52px}
.bb-home{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font:600 14px var(--ui);white-space:nowrap}
.bb-home:hover{background:var(--soft)}
.bb-home:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.bb-ch{font:600 14px var(--ui);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.bb-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 15px var(--ui);white-space:nowrap;cursor:pointer;flex:none}
.bb-back:hover{background:var(--soft)}
.bb-back:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.bb-home{flex:none;min-height:44px;min-width:44px;justify-content:center;gap:6px}
@media (max-width:600px){.bb-txt{display:none}.bb-home{padding:0}}
#chap .back{display:none}
[data-ch="protein"] .rowbar,[data-ch="carbs"] .rowbar{row-gap:8px}
[data-ch="protein"] .rowbar .ill,[data-ch="carbs"] .rowbar .ill{grid-row:1/3;align-self:start}
[data-ch="protein"] .rbar,[data-ch="carbs"] .rbar{grid-column:2/-1;display:block;height:8px;border-radius:4px;background:var(--line);overflow:hidden}
[data-ch="protein"] .rfill,[data-ch="carbs"] .rfill{display:block;height:100%;border-radius:4px}
#chap{background:var(--bg);color:var(--ink)}
[data-ch="cover"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px 56px;display:grid;gap:28px}
[data-ch="cover"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="cover"] h1{font-family:var(--display);font-weight:700;font-size:clamp(34px,9vw,56px);line-height:1.02;letter-spacing:-.025em;margin:8px 0 0;text-wrap:balance}
[data-ch="cover"] h2{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;margin:0}
[data-ch="cover"] .lead{font-family:var(--read);font-size:19px;line-height:1.55;margin:14px 0 0;max-width:58ch}
[data-ch="cover"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="cover"] .toc{display:grid;gap:10px}
[data-ch="cover"] .cv-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
[data-ch="cover"] .by{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 14px var(--ui);text-decoration:none;margin-left:auto}
[data-ch="cover"] .by:hover{background:var(--soft)}
[data-ch="cover"] .chap{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--cc);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--ink);min-height:84px}
[data-ch="cover"] .chap:hover{background:var(--soft)}
[data-ch="cover"] .chap:focus-visible{outline:2px solid var(--cc);outline-offset:2px}
[data-ch="cover"] .num{font-family:var(--display);font-weight:700;font-size:34px;color:var(--cc);line-height:1;font-variant-numeric:tabular-nums}
[data-ch="cover"] .ct{font-family:var(--display);font-weight:500;font-size:18px;line-height:1.2}
[data-ch="cover"] .cd{display:block;font-size:14px;color:var(--muted);margin-top:4px;line-height:1.35}
[data-ch="cover"] .cn{font-size:13px;color:var(--muted);text-align:right;white-space:nowrap}
[data-ch="cover"] .chap.soon{border-left-color:var(--line);opacity:.75}
[data-ch="cover"] .chap.soon .num{color:var(--muted)}
[data-ch="cover"] .how{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:10px}
[data-ch="cover"] .how ul{margin:0;padding-left:20px;display:grid;gap:6px;font-family:var(--read);font-size:17px;line-height:1.5}
[data-ch="cover"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
@media (max-width:480px){[data-ch="cover"] .chap{grid-template-columns:48px minmax(0,1fr)}[data-ch="cover"] .cn{grid-column:2;text-align:left}[data-ch="cover"] .num{font-size:28px}}
.chnav{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chnav a{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:64px;align-content:center;min-width:0;color:var(--ink)}
.chnav a span{font-size:12px;color:var(--muted)}
.chnav a b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chnav a.next{text-align:right}
.chnav a:hover{background:var(--soft)}
.xnote{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:8px}
.xnote b{font-size:16px}
.xnote p{margin:0;font-size:15px;color:var(--muted)}
.xnote a{justify-self:start;font-weight:600;font-size:15px}
[data-ch] h2,[data-ch] .stack,[data-ch] .group,[data-ch] section{scroll-margin-top:72px}

/* protein */
[data-ch="protein"]{
  --bg:#F3F4EF; --surface:#FFFFFF; --ink:#1A1D17; --muted:#5D6457; --line:#DADDD2; --soft:#E8EBE2;
  --p1:#2F6B3A; --p2:#A2650F; --p3:#6F665D;
  --p1-soft:#E1ECDF; --p2-soft:#F3E7D3; --p3-soft:#ECE8E3;
  --f-shadow:rgba(26,29,23,.09); --f-soy:#E5C68B; --f-soy-d:#BF9050; --f-meat:#B9784E; --f-meat-d:#985E3B; --f-meat-l:#D9A47E;
  --f-tofu-t:#FBF9F0; --f-tofu-l:#ECE7D3; --f-tofu-r:#D8D1B6; --f-tempeh:#F1E6CC; --f-seitan:#C89A6A; --f-seitan-d:#9C6F45; --f-seitan-l:#E2C29C;
  --f-band:#C8553D; --f-green:#6FA35B; --f-green-l:#A9D18E; --f-glass:#DCE3DE; --f-milk:#FFFFFF; --f-scoop:#5B7F94; --f-powder:#EFE3CC;
  --f-pb:#E2B47A; --f-peanut:#D49A5C; --f-peanut-d:#A86F38; --f-pasta:#E8A05E; --f-pasta-d:#C27B3C; --f-bun:#E0A55E; --f-bun-l:#F6E2B8;
  --f-bean-r:#A63D2F; --f-chick:#E6C68A; --f-chick-d:#C49E5C; --f-bean-b:#2E2A28; --f-lentil:#D97B3A; --f-flour:#F2DFA6; --f-bowl:#8BA3B5; --f-bowl-d:#6F879A;
  --f-almond:#B07A4F; --f-almond-d:#8A5A35; --f-pumpkin:#6E9B4F; --f-hemp:#D9CCA0; --f-yeast:#F2C94C; --f-yeast-d:#D9A92A;
  --ok:#2F6B3A; --low:#B54A26;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --read:"Literata",Georgia,"Times New Roman",serif;
  --ui:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-ch="protein"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#82C68C; --p2:#E2AE5C; --p3:#B8AC9F;
  --p1-soft:#1E2D21; --p2-soft:#332818; --p3-soft:#2A2623; --f-shadow:rgba(0,0,0,.35); --f-tofu-t:#EFEBDD; --f-tofu-l:#D9D2BA; --f-tofu-r:#BDB497; --f-glass:#3A4540; --f-milk:#ECEAE0; --f-bean-b:#5A534C; --ok:#82C68C; --low:#EC8B66; color-scheme:dark}}
:root[data-theme="dark"] [data-ch="protein"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#82C68C; --p2:#E2AE5C; --p3:#B8AC9F;
  --p1-soft:#1E2D21; --p2-soft:#332818; --p3-soft:#2A2623; --f-shadow:rgba(0,0,0,.35); --f-tofu-t:#EFEBDD; --f-tofu-l:#D9D2BA; --f-tofu-r:#BDB497; --f-glass:#3A4540; --f-milk:#ECEAE0; --f-bean-b:#5A534C; --ok:#82C68C; --low:#EC8B66; color-scheme:dark}
[data-ch="protein"], [data-ch="protein"] *{box-sizing:border-box}
[data-ch="protein"]{background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}
[data-ch="protein"] a{color:inherit}
[data-ch="protein"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="protein"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="protein"] h1{font-family:var(--display);font-weight:700;font-size:clamp(30px,8vw,46px);line-height:1.05;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="protein"] h2{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;margin:0;text-wrap:balance}
[data-ch="protein"] h3{font:600 13px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
[data-ch="protein"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="protein"] .prose + .prose{margin-top:10px}
[data-ch="protein"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch;color:var(--ink)}
[data-ch="protein"] .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
[data-ch="protein"] .plan{border-radius:14px;padding:14px;display:grid;gap:4px;align-content:start}
[data-ch="protein"] .plan b{font-family:var(--display);font-weight:500;font-size:15px}
[data-ch="protein"] .plan .thr{font:600 13px var(--ui);font-variant-numeric:tabular-nums}
[data-ch="protein"] .plan p{margin:0;font-size:14px;color:var(--ink)}
[data-ch="protein"] .pl1{background:var(--p1-soft)}
[data-ch="protein"] .pl1 b,[data-ch="protein"] .pl1 .thr{color:var(--p1)}
[data-ch="protein"] .pl2{background:var(--p2-soft)}
[data-ch="protein"] .pl2 b,[data-ch="protein"] .pl2 .thr{color:var(--p2)}
[data-ch="protein"] .pl3{background:var(--p3-soft)}
[data-ch="protein"] .pl3 b,[data-ch="protein"] .pl3 .thr{color:var(--p3)}
@media (max-width:560px){[data-ch="protein"] .plans{grid-template-columns:1fr}}
[data-ch="protein"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="protein"] .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
[data-ch="protein"] .chart{display:grid;gap:2px}
[data-ch="protein"] .crow{display:grid;grid-template-columns:minmax(0,9.5em) 1fr 2.6em;align-items:center;gap:10px;min-height:40px;padding:2px 6px;margin:0 -6px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:8px;text-decoration:none}
[data-ch="protein"] .crow:hover{background:var(--soft)}
[data-ch="protein"] .crow:focus-visible,[data-ch="protein"] .row:focus-visible,[data-ch="protein"] .btn:focus-visible,[data-ch="protein"] .back:focus-visible{outline:2px solid var(--p1);outline-offset:2px}
[data-ch="protein"] .clabel{font-size:14px;line-height:1.2;min-width:0}
[data-ch="protein"] .clabel small{display:block;color:var(--muted);font-size:12px}
[data-ch="protein"] .track{position:relative;height:14px;background:
  linear-gradient(var(--line),var(--line)) 25% 0/1px 100% no-repeat,
  linear-gradient(var(--line),var(--line)) 45% 0/1px 100% no-repeat}
[data-ch="protein"] .bar{position:absolute;left:0;top:2px;bottom:2px;border-radius:0 4px 4px 0}
[data-ch="protein"] .whisk{position:absolute;top:50%;height:2px;margin-top:-1px;opacity:.55}
[data-ch="protein"] .whisk::before,[data-ch="protein"] .whisk::after{content:"";position:absolute;top:-4px;width:2px;height:10px;background:inherit}
[data-ch="protein"] .whisk::before{left:0}
[data-ch="protein"] .whisk::after{right:0}
[data-ch="protein"] .cval{font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;text-align:right}
[data-ch="protein"] .b1{background:var(--p1)}
[data-ch="protein"] .b2{background:var(--p2)}
[data-ch="protein"] .b3{background:var(--p3)}
[data-ch="protein"] .axis{display:grid;grid-template-columns:minmax(0,9.5em) 1fr 2.6em;gap:10px;margin-top:6px}
[data-ch="protein"] .ticks{position:relative;height:18px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
[data-ch="protein"] .ticks span{position:absolute;transform:translateX(-50%)}
[data-ch="protein"] .ticks span:first-child{transform:none}
[data-ch="protein"] .ticks span:last-child{transform:translateX(-100%)}
[data-ch="protein"] .axis-cap{font-size:12px;color:var(--muted);text-align:center;margin-top:2px}
[data-ch="protein"] .combos{display:grid;gap:8px;margin:0;padding:0;list-style:none}
[data-ch="protein"] .combos li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline}
[data-ch="protein"] .combos b{font-family:var(--display);font-weight:500;font-size:14px;white-space:nowrap}
[data-ch="protein"] .group{display:grid;gap:10px}
[data-ch="protein"] .ghead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
[data-ch="protein"] .ghead .thr{font:600 13px var(--ui);color:var(--muted)}
[data-ch="protein"] .list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="protein"] .row{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px 14px 0;text-decoration:none;min-height:68px;border-top:1px solid var(--line)}
[data-ch="protein"] .row:first-child{border-top:0}
[data-ch="protein"] .row:hover{background:var(--soft)}
[data-ch="protein"] .stripe{align-self:stretch;border-radius:0 3px 3px 0}
[data-ch="protein"] .rname{font-weight:600;font-size:17px;line-height:1.25}
[data-ch="protein"] .rtag{font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-ch="protein"] .rmeta{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-ch="protein"] .rmeta b{font-size:17px;display:block}
[data-ch="protein"] .rmeta span{font-size:12px;color:var(--muted)}
[data-ch="protein"] .dots{letter-spacing:1px;font-size:12px}
[data-ch="protein"] .c1{color:var(--p1)}
[data-ch="protein"] .c2{color:var(--p2)}
[data-ch="protein"] .c3{color:var(--p3)}
[data-ch="protein"] .back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:600;font-size:15px;justify-self:start}
[data-ch="protein"] .badge{display:inline-block;font:600 12px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
[data-ch="protein"] .dhead{display:grid;gap:8px}
[data-ch="protein"] .dhead h2{font-size:clamp(26px,7vw,36px);font-weight:700;letter-spacing:-.01em}
[data-ch="protein"] .aka{color:var(--muted);font-size:15px;margin:0}
[data-ch="protein"] .dtag{font-family:var(--read);font-style:italic;font-size:19px;line-height:1.5;margin:4px 0 0;max-width:56ch}
[data-ch="protein"] .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
[data-ch="protein"] .stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:2px;align-content:start;min-width:0}
[data-ch="protein"] .stat .k{font-size:12px;color:var(--muted);line-height:1.3}
[data-ch="protein"] .stat .v{font-family:var(--display);font-weight:500;font-size:22px;font-variant-numeric:tabular-nums;line-height:1.2}
[data-ch="protein"] .stat .s{font-size:12px;color:var(--muted);line-height:1.3}
[data-ch="protein"] .stat.hi{border-color:transparent}
[data-ch="protein"] .stat.hi.s1{background:var(--p1-soft)}
[data-ch="protein"] .stat.hi.s2{background:var(--p2-soft)}
[data-ch="protein"] .stat.hi.s3{background:var(--p3-soft)}
@media (max-width:560px){[data-ch="protein"] .stats{grid-template-columns:repeat(2,1fr)}}
[data-ch="protein"] .basis{font-size:13px;color:var(--muted);margin:-16px 0 0}
[data-ch="protein"] .sec{display:grid;gap:4px}
[data-ch="protein"] .kinds{display:grid;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="protein"] .kind{padding:12px 16px;border-top:1px solid var(--line);display:grid;gap:2px}
[data-ch="protein"] .kind:first-child{border-top:0}
[data-ch="protein"] .kind .kt{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
[data-ch="protein"] .kind b{font-size:16px}
[data-ch="protein"] .kind .kn{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
[data-ch="protein"] .kind p{margin:0;font-size:15px}
[data-ch="protein"] ol.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
[data-ch="protein"] ol.steps li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;gap:10px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="protein"] ol.steps li::before{content:counter(s);font:600 14px var(--ui);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--ink);margin-top:1px}
[data-ch="protein"] ul.pts{margin:0;padding-left:20px;display:grid;gap:6px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="protein"] ul.miss{margin:0;padding:0;list-style:none;display:grid;gap:8px}
[data-ch="protein"] ul.miss li{font-size:15px;padding:10px 12px;border-radius:10px;background:var(--soft);display:grid;grid-template-columns:18px 1fr;gap:8px}
[data-ch="protein"] ul.miss li::before{content:"✕";font-weight:700;color:var(--muted)}
[data-ch="protein"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="protein"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
[data-ch="protein"] .recipe{border-radius:14px;padding:16px;display:grid;gap:6px}
[data-ch="protein"] .recipe.s1{background:var(--p1-soft)}
[data-ch="protein"] .recipe.s2{background:var(--p2-soft)}
[data-ch="protein"] .recipe.s3{background:var(--p3-soft)}
[data-ch="protein"] .recipe b{font-family:var(--display);font-weight:500;font-size:17px}
[data-ch="protein"] .recipe p{margin:0;font-family:var(--read);font-size:17px;line-height:1.55;max-width:62ch}
[data-ch="protein"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="protein"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="protein"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="protein"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="protein"] .btn.next{text-align:right}
[data-ch="protein"] .btn:hover,[data-ch="protein"] .back:hover{background:var(--soft)}
[data-ch="protein"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="protein"] .ill{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;align-self:center}
[data-ch="protein"] .ill svg{width:48px;height:48px;display:block}
[data-ch="protein"] .row{grid-template-columns:56px minmax(0,1fr) auto;padding:12px 16px 12px 12px}
[data-ch="protein"] .dill{width:128px;height:128px;border-radius:24px;display:grid;place-items:center}
[data-ch="protein"] .dill svg{width:108px;height:108px;display:block}
[data-ch="protein"] .aa{gap:12px}
[data-ch="protein"] .gauge{display:grid;grid-template-columns:minmax(0,9.5em) 1fr 3.4em;gap:10px;align-items:center}
[data-ch="protein"] .gl{font-size:14px;line-height:1.25}
[data-ch="protein"] .gtrack{position:relative;height:12px;border-radius:6px;background:var(--soft)}
[data-ch="protein"] .gfill{position:absolute;left:0;top:0;bottom:0;border-radius:6px}
[data-ch="protein"] .gnorm{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--ink);opacity:.6}
[data-ch="protein"] .gv{font-variant-numeric:tabular-nums;font-weight:600;font-size:14px;text-align:right}
[data-ch="protein"] .ok{background:var(--ok)}
[data-ch="protein"] .low{background:var(--low)}
[data-ch="protein"] .verdict{font-family:var(--read);font-size:17px;line-height:1.55;margin:0;max-width:62ch}
[data-ch="protein"] .pairs{display:grid;gap:8px;margin:0;padding:0;list-style:none}
[data-ch="protein"] .pairs li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:grid;gap:2px}
[data-ch="protein"] .pairs b{font-size:15px;line-height:1.3}
[data-ch="protein"] .pairs span{font-size:14px;color:var(--muted);line-height:1.4}
[data-ch="protein"] .map{width:100%;height:auto;display:block}
[data-ch="protein"] .map text{font-family:var(--ui);font-size:11px;fill:var(--ink)}
[data-ch="protein"] .map .ax{fill:var(--muted);font-size:10.5px}
[data-ch="protein"] .rules{margin:0;padding:0;list-style:none;display:grid;gap:12px}
[data-ch="protein"] .rules li{display:grid;grid-template-columns:minmax(0,8em) 1fr;gap:12px;align-items:baseline}
[data-ch="protein"] .rules b{font-family:var(--display);font-weight:500;font-size:14px;line-height:1.3}
[data-ch="protein"] .leu{display:grid;gap:10px}
@media (max-width:560px){[data-ch="protein"] .dill{width:104px;height:104px}
[data-ch="protein"] .dill svg{width:88px;height:88px}
[data-ch="protein"] .gauge{grid-template-columns:minmax(0,7.6em) 1fr 3em}
[data-ch="protein"] .rules li{grid-template-columns:minmax(0,6.6em) 1fr}}
@media (max-width:560px){[data-ch="protein"] .crow,[data-ch="protein"] .axis{grid-template-columns:minmax(0,7.4em) 1fr 2.2em;gap:8px}
[data-ch="protein"] .clabel{font-size:13px}}
@media (prefers-reduced-motion:no-preference){[data-ch="protein"] .bar{transition:width .4s ease}}
/* carbs */
[data-ch="carbs"]{
  --bg:#F3F4EF; --surface:#FFFFFF; --ink:#1A1D17; --muted:#5D6457; --line:#DADDD2; --soft:#E8EBE2;
  --p1:#2F6B3A; --p2:#1F716D; --p3:#A2650F;
  --p1-soft:#E1ECDF; --p2-soft:#DCEDEB; --p3-soft:#F3E7D3;
  --f-shadow:rgba(26,29,23,.09);
  --f-buck:#8E5E33; --f-buck-l:#B9834E; --f-oat:#E9D8B4; --f-oat-d:#C9B07E; --f-ricew:#FAF8F1; --f-ricer:#A8473A; --f-riceb:#3B3036;
  --f-quin:#EADFC8; --f-quinr:#B5543C; --f-bulgur:#D8B26A; --f-bulgur-d:#B38C45; --f-millet:#EAC24F; --f-barley:#EFE8D8; --f-barley-d:#CFC4AA;
  --f-potato:#D9B573; --f-potato-d:#A9843F; --f-batat:#9C3D4E; --f-batat-in:#EE8A3C; --f-bread:#C98B4C; --f-bread-in:#F1DEB7; --f-seed:#8A6A3A;
  --f-pumpkin:#E37B2C; --f-pumpkin-d:#C2621B; --f-stem:#5E7D3A; --f-broc:#4F8A3E; --f-broc-l:#79B064; --f-carrot:#E8772E;
  --f-apple:#C9453A; --f-berry:#5B3B8C; --f-banana:#F2CF4A; --f-banana-d:#C9A12A; --f-date:#6B3A22; --f-date-l:#8C5332; --f-raisin:#4A2E3A;
  --f-gel:#2F7DBF; --f-gel-d:#23649A; --f-bottle:#A8D8DC; --f-bowl:#8BA3B5; --f-bowl-d:#6F879A;
  --f-bean-r:#A63D2F; --f-chick:#E6C68A; --f-chick-d:#C49E5C; --f-bean-b:#2E2A28; --f-lentil:#D97B3A; --f-leaf:#6FA35B;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --read:"Literata",Georgia,"Times New Roman",serif;
  --ui:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-ch="carbs"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#82C68C; --p2:#6CC2BC; --p3:#E2AE5C;
  --p1-soft:#1E2D21; --p2-soft:#18302E; --p3-soft:#332818;
  --f-shadow:rgba(0,0,0,.35); --f-ricew:#ECE9DE; --f-riceb:#5E5158; --f-raisin:#6E4C5B; --f-bean-b:#5A534C; --f-date:#7E4A2E;
  color-scheme:dark}}
:root[data-theme="dark"] [data-ch="carbs"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#82C68C; --p2:#6CC2BC; --p3:#E2AE5C;
  --p1-soft:#1E2D21; --p2-soft:#18302E; --p3-soft:#332818;
  --f-shadow:rgba(0,0,0,.35); --f-ricew:#ECE9DE; --f-riceb:#5E5158; --f-raisin:#6E4C5B; --f-bean-b:#5A534C; --f-date:#7E4A2E;
  color-scheme:dark}
[data-ch="carbs"], [data-ch="carbs"] *{box-sizing:border-box}
[data-ch="carbs"]{background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}
[data-ch="carbs"] a{color:inherit}
[data-ch="carbs"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="carbs"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="carbs"] h1{font-family:var(--display);font-weight:700;font-size:clamp(30px,8vw,46px);line-height:1.05;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="carbs"] h2{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;margin:0;text-wrap:balance}
[data-ch="carbs"] h3{font:600 13px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
[data-ch="carbs"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="carbs"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="carbs"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="carbs"] .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
[data-ch="carbs"] .stack{display:grid;gap:12px}
[data-ch="carbs"] .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
[data-ch="carbs"] .plan{border-radius:14px;padding:14px;display:grid;gap:4px;align-content:start}
[data-ch="carbs"] .plan b{font-family:var(--display);font-weight:500;font-size:15px}
[data-ch="carbs"] .plan p{margin:0;font-size:14px}
[data-ch="carbs"] .pl1{background:var(--p1-soft)}
[data-ch="carbs"] .pl1 b{color:var(--p1)}
[data-ch="carbs"] .pl2{background:var(--p2-soft)}
[data-ch="carbs"] .pl2 b{color:var(--p2)}
[data-ch="carbs"] .pl3{background:var(--p3-soft)}
[data-ch="carbs"] .pl3 b{color:var(--p3)}
[data-ch="carbs"] .c1{color:var(--p1)}
[data-ch="carbs"] .c2{color:var(--p2)}
[data-ch="carbs"] .c3{color:var(--p3)}
[data-ch="carbs"] .b1{background:var(--p1)}
[data-ch="carbs"] .b2{background:var(--p2)}
[data-ch="carbs"] .b3{background:var(--p3)}
[data-ch="carbs"] .need{display:grid;gap:14px}
[data-ch="carbs"] .nrow{display:grid;gap:6px}
[data-ch="carbs"] .nhead{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
[data-ch="carbs"] .nhead b{font-size:15px}
[data-ch="carbs"] .nhead span{font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;color:var(--p3)}
[data-ch="carbs"] .ntrack{position:relative;height:12px;border-radius:6px;background:var(--soft)}
[data-ch="carbs"] .nbar{position:absolute;top:0;bottom:0;border-radius:6px;background:var(--p3)}
[data-ch="carbs"] .nex{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
[data-ch="carbs"] .nscale{position:relative;height:16px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
[data-ch="carbs"] .nscale span{position:absolute;transform:translateX(-50%)}
[data-ch="carbs"] .nscale span:first-child{transform:none}
[data-ch="carbs"] .nscale span:last-child{transform:translateX(-100%)}
[data-ch="carbs"] .timing{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
[data-ch="carbs"] .tcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:6px;align-content:start}
[data-ch="carbs"] .tcard .tt{font-family:var(--display);font-weight:500;font-size:16px;color:var(--p3)}
[data-ch="carbs"] .tcard p{margin:0;font-size:15px;line-height:1.45}
[data-ch="carbs"] .tcard p + p{color:var(--muted);font-size:14px}
@media (max-width:620px){[data-ch="carbs"] .timing,[data-ch="carbs"] .plans{grid-template-columns:1fr}}
[data-ch="carbs"] .chart{display:grid;gap:2px}
[data-ch="carbs"] .crow{display:grid;grid-template-columns:minmax(0,9.5em) 1fr 2.6em;align-items:center;gap:10px;min-height:40px;padding:2px 6px;margin:0 -6px;text-decoration:none;border-radius:8px}
[data-ch="carbs"] .crow:hover{background:var(--soft)}
[data-ch="carbs"] .clabel{font-size:14px;line-height:1.2;min-width:0}
[data-ch="carbs"] .track{position:relative;height:14px}
[data-ch="carbs"] .bar{position:absolute;left:0;top:2px;bottom:2px;border-radius:0 4px 4px 0}
[data-ch="carbs"] .whisk{position:absolute;top:50%;height:2px;margin-top:-1px;opacity:.55}
[data-ch="carbs"] .whisk::before,[data-ch="carbs"] .whisk::after{content:"";position:absolute;top:-4px;width:2px;height:10px;background:inherit}
[data-ch="carbs"] .whisk::before{left:0}
[data-ch="carbs"] .whisk::after{right:0}
[data-ch="carbs"] .cval{font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;text-align:right}
[data-ch="carbs"] .axis{display:grid;grid-template-columns:minmax(0,9.5em) 1fr 2.6em;gap:10px;margin-top:6px}
[data-ch="carbs"] .ticks{position:relative;height:18px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
[data-ch="carbs"] .ticks span{position:absolute;transform:translateX(-50%)}
[data-ch="carbs"] .ticks span:first-child{transform:none}
[data-ch="carbs"] .ticks span:last-child{transform:translateX(-100%)}
[data-ch="carbs"] .axis-cap{font-size:12px;color:var(--muted);text-align:center;margin-top:4px}
[data-ch="carbs"] .group{display:grid;gap:10px}
[data-ch="carbs"] .ghead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
[data-ch="carbs"] .ghead .thr{font:600 13px var(--ui);color:var(--muted)}
[data-ch="carbs"] .list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="carbs"] .row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px 12px 12px;text-decoration:none;min-height:68px;border-top:1px solid var(--line)}
[data-ch="carbs"] .row:first-child{border-top:0}
[data-ch="carbs"] .row:hover{background:var(--soft)}
[data-ch="carbs"] .ill{width:56px;height:56px;border-radius:14px;display:grid;place-items:center}
[data-ch="carbs"] .ill svg{width:48px;height:48px;display:block}
[data-ch="carbs"] .rname{font-weight:600;font-size:17px;line-height:1.25}
[data-ch="carbs"] .rtag{font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-ch="carbs"] .rmeta{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-ch="carbs"] .rmeta b{font-size:17px;display:block}
[data-ch="carbs"] .rmeta span{font-size:12px;color:var(--muted)}
[data-ch="carbs"] .dots{letter-spacing:1px;font-size:12px}
[data-ch="carbs"] .crow:focus-visible,[data-ch="carbs"] .row:focus-visible,[data-ch="carbs"] .btn:focus-visible,[data-ch="carbs"] .back:focus-visible{outline:2px solid var(--p1);outline-offset:2px}
[data-ch="carbs"] .back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:600;font-size:15px;justify-self:start}
[data-ch="carbs"] .badge{display:inline-block;font:600 12px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
[data-ch="carbs"] .dhead{display:grid;gap:8px}
[data-ch="carbs"] .dill{width:128px;height:128px;border-radius:24px;display:grid;place-items:center}
[data-ch="carbs"] .dill svg{width:108px;height:108px;display:block}
[data-ch="carbs"] .dhead h2{font-size:clamp(26px,7vw,36px);font-weight:700;letter-spacing:-.01em}
[data-ch="carbs"] .aka{color:var(--muted);font-size:15px;margin:0}
[data-ch="carbs"] .dtag{font-family:var(--read);font-style:italic;font-size:19px;line-height:1.5;margin:4px 0 0;max-width:56ch}
[data-ch="carbs"] .stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
[data-ch="carbs"] .stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:2px;align-content:start;min-width:0}
[data-ch="carbs"] .stat .k{font-size:12px;color:var(--muted);line-height:1.3}
[data-ch="carbs"] .stat .v{font-family:var(--display);font-weight:500;font-size:20px;font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere}
[data-ch="carbs"] .stat.hi{border-color:transparent}
[data-ch="carbs"] .s1{background:var(--p1-soft)}
[data-ch="carbs"] .s2{background:var(--p2-soft)}
[data-ch="carbs"] .s3{background:var(--p3-soft)}
@media (max-width:560px){[data-ch="carbs"] .stats{grid-template-columns:repeat(2,1fr)}
[data-ch="carbs"] .stat.hi{grid-column:span 2}
[data-ch="carbs"] .dill{width:104px;height:104px}
[data-ch="carbs"] .dill svg{width:88px;height:88px}
[data-ch="carbs"] .crow,[data-ch="carbs"] .axis{grid-template-columns:minmax(0,7.4em) 1fr 2.2em;gap:8px}
[data-ch="carbs"] .clabel{font-size:13px}}
[data-ch="carbs"] .meta{display:grid;gap:10px}
[data-ch="carbs"] .basis{font-size:13px;color:var(--muted);margin:0}
[data-ch="carbs"] .avail{font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
[data-ch="carbs"] .sec{display:grid;gap:4px}
[data-ch="carbs"] .kinds{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="carbs"] .kind{padding:12px 16px;border-top:1px solid var(--line);display:grid;gap:2px}
[data-ch="carbs"] .kind:first-child{border-top:0}
[data-ch="carbs"] .kt{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
[data-ch="carbs"] .kind b{font-size:16px}
[data-ch="carbs"] .kn{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
[data-ch="carbs"] .kind p{margin:0;font-size:15px}
[data-ch="carbs"] ol.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
[data-ch="carbs"] ol.steps li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;gap:10px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="carbs"] ol.steps li::before{content:counter(s);font:600 14px var(--ui);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--soft);margin-top:1px}
[data-ch="carbs"] ul.pts{margin:0;padding-left:20px;display:grid;gap:6px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="carbs"] ul.miss{margin:0;padding:0;list-style:none;display:grid;gap:8px}
[data-ch="carbs"] ul.miss li{font-size:15px;padding:10px 12px;border-radius:10px;background:var(--soft);display:grid;grid-template-columns:18px 1fr;gap:8px}
[data-ch="carbs"] ul.miss li::before{content:"✕";font-weight:700;color:var(--muted)}
[data-ch="carbs"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="carbs"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
[data-ch="carbs"] .chip.when{border-color:transparent;font-weight:600}
[data-ch="carbs"] .recipe{border-radius:14px;padding:16px;display:grid;gap:6px}
[data-ch="carbs"] .recipe b{font-family:var(--display);font-weight:500;font-size:17px}
[data-ch="carbs"] .recipe p{margin:0;font-family:var(--read);font-size:17px;line-height:1.55;max-width:62ch}
[data-ch="carbs"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="carbs"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="carbs"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="carbs"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="carbs"] .btn.next{text-align:right}
[data-ch="carbs"] .btn:hover,[data-ch="carbs"] .back:hover{background:var(--soft)}
[data-ch="carbs"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
@media (prefers-reduced-motion:no-preference){[data-ch="carbs"] .bar,[data-ch="carbs"] .nbar{transition:width .4s ease}}
/* fats */
[data-ch="fats"]{
  --bg:#F3F4EF; --surface:#FFFFFF; --ink:#1A1D17; --muted:#5D6457; --line:#DADDD2; --soft:#E8EBE2;
  --p1:#2F6B3A; --p2:#1F716D; --p3:#7A4C78;
  --p1-soft:#E1ECDF; --p2-soft:#DCEDEB; --p3-soft:#EFE3EE;
  --sfa:#9A8B7C; --mufa:#C9A227; --w6:#E07A3A; --w3:#2F6FB0;
  --f-shadow:rgba(26,29,23,.09);
  --f-flax:#8A5A2E; --f-flax-d:#B07A45; --f-chia:#6E6A66; --f-chia-d:#4A4643; --f-chia-l:#D8D3CB;
  --f-hemp:#D9CCA0; --f-hemp-d:#A59A6A; --f-walnut:#B98552; --f-walnut-d:#8A5E33;
  --f-almond:#B07A4F; --f-almond-d:#8A5A35; --f-hazel:#9C6A3A; --f-cashew:#EED9A8;
  --f-pumpkin:#6E9B4F; --f-sunseed:#2E2A28; --f-sunseed-l:#E8E4DA;
  --f-jar:#DCE3DE; --f-lid:#C8553D; --f-tahini:#D9B47A; --f-sesame:#F1E3C0;
  --f-peanut:#D49A5C; --f-peanut-d:#A86F38;
  --f-avo-out:#3F6B2A; --f-avo-mid:#9BC05A; --f-avo-in:#C8DB7E; --f-pit:#8A5A35;
  --f-olive-g:#8A9A3A; --f-olive-b:#3A2F38; --f-leaf:#6FA35B;
  --f-glass:#DCE3DE; --f-cap:#3A3A36; --f-olivegold:#B8A53A; --f-rape:#F2C84B; --f-flower:#F5D33C;
  --f-linoil:#B8862E; --f-sunoil:#F0C24A; --f-petal:#F2C230; --f-seedc:#5A3B22; --f-sesoil:#9C5A22;
  --f-coco:#8A5A35; --f-coco-in:#FAF8F1; --f-capsule:#E4B33A; --f-capsule-d:#C9962A; --f-sea:#4F8A5E;
  --f-can:#A9B4BC; --f-can-d:#8A969E; --f-milk:#FFFFFF; --f-tub:#E9E5D8; --f-spread:#F3E2A0; --f-knife:#A9B4BC;
  --f-choc:#5A3524; --f-choc-d:#42261A;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --read:"Literata",Georgia,"Times New Roman",serif;
  --ui:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-ch="fats"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#82C68C; --p2:#6CC2BC; --p3:#C99AC6; --p1-soft:#1E2D21; --p2-soft:#18302E; --p3-soft:#2E2130;
  --sfa:#B5A898; --mufa:#DDBB4A; --w6:#EE9660; --w3:#6FA3DD;
  --f-shadow:rgba(0,0,0,.35); --f-glass:#3A4540; --f-jar:#3A4540; --f-milk:#ECEAE0; --f-coco-in:#ECE9DE; --f-sunseed:#4A4542; --f-olive-b:#5A4E58; --f-cap:#8A8A84; --f-choc:#6E4330; --f-chia-d:#6A6560;
  color-scheme:dark}}
:root[data-theme="dark"] [data-ch="fats"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#82C68C; --p2:#6CC2BC; --p3:#C99AC6; --p1-soft:#1E2D21; --p2-soft:#18302E; --p3-soft:#2E2130;
  --sfa:#B5A898; --mufa:#DDBB4A; --w6:#EE9660; --w3:#6FA3DD;
  --f-shadow:rgba(0,0,0,.35); --f-glass:#3A4540; --f-jar:#3A4540; --f-milk:#ECEAE0; --f-coco-in:#ECE9DE; --f-sunseed:#4A4542; --f-olive-b:#5A4E58; --f-cap:#8A8A84; --f-choc:#6E4330; --f-chia-d:#6A6560;
  color-scheme:dark}
[data-ch="fats"], [data-ch="fats"] *{box-sizing:border-box}
[data-ch="fats"]{background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}
[data-ch="fats"] a{color:inherit}
[data-ch="fats"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="fats"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="fats"] h1{font-family:var(--display);font-weight:700;font-size:clamp(30px,8vw,46px);line-height:1.05;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="fats"] h2{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;margin:0;text-wrap:balance}
[data-ch="fats"] h3{font:600 13px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
[data-ch="fats"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="fats"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="fats"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="fats"] .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
[data-ch="fats"] .stack{display:grid;gap:12px}
[data-ch="fats"] .c1{color:var(--p1)}
[data-ch="fats"] .c2{color:var(--p2)}
[data-ch="fats"] .c3{color:var(--p3)}
[data-ch="fats"] .pl1{background:var(--p1-soft)}
[data-ch="fats"] .pl2{background:var(--p2-soft)}
[data-ch="fats"] .pl3{background:var(--p3-soft)}
[data-ch="fats"] .types{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
[data-ch="fats"] .type{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:6px;align-content:start;border-top:5px solid var(--tc)}
[data-ch="fats"] .type b{font-family:var(--display);font-weight:500;font-size:15px;line-height:1.25}
[data-ch="fats"] .type .where{font-size:14px}
[data-ch="fats"] .type .verd{font-size:14px;color:var(--muted)}
[data-ch="fats"] .t-sfa{--tc:var(--sfa)}
[data-ch="fats"] .t-mufa{--tc:var(--mufa)}
[data-ch="fats"] .t-w6{--tc:var(--w6)}
[data-ch="fats"] .t-w3{--tc:var(--w3)}
[data-ch="fats"] .trans{font-size:15px;padding:12px 14px;border-radius:12px;background:var(--soft)}
@media (max-width:560px){[data-ch="fats"] .types{grid-template-columns:1fr}}
[data-ch="fats"] .legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted)}
[data-ch="fats"] .legend span{display:inline-flex;align-items:center;gap:6px}
[data-ch="fats"] .legend i{width:12px;height:12px;border-radius:3px;display:inline-block}
[data-ch="fats"] .sw-sfa{background:var(--sfa)}
[data-ch="fats"] .sw-mufa{background:var(--mufa)}
[data-ch="fats"] .sw-w6{background:var(--w6)}
[data-ch="fats"] .sw-w3{background:var(--w3)}
[data-ch="fats"] details.more{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="fats"] details.more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 16px;font-weight:600;font-size:16px}
[data-ch="fats"] details.more summary::-webkit-details-marker{display:none}
[data-ch="fats"] details.more summary::after{content:"+";font-size:22px;line-height:1;color:var(--muted);font-weight:400}
[data-ch="fats"] details.more[open] summary::after{content:"−"}
[data-ch="fats"] .morebody{display:grid;gap:12px;padding:0 16px 16px}
[data-ch="fats"] .morebody .daylist{border-radius:10px}
[data-ch="fats"] .comp-chart{display:grid;gap:2px}
[data-ch="fats"] .cc-row{display:grid;grid-template-columns:minmax(0,9em) 1fr;gap:10px;align-items:center;min-height:36px;padding:2px 6px;margin:0 -6px;border-radius:8px;text-decoration:none}
[data-ch="fats"] .cc-row:hover{background:var(--soft)}
[data-ch="fats"] .cc-label{font-size:14px;line-height:1.2;min-width:0}
[data-ch="fats"] .cc-sep{font:600 12px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:10px 0 4px}
[data-ch="fats"] .stackbar{display:flex;height:14px;border-radius:4px;overflow:hidden;background:var(--soft)}
[data-ch="fats"] .stackbar span{display:block;height:100%}
[data-ch="fats"] .stackbar.big{height:22px;border-radius:6px}
[data-ch="fats"] .o3{display:grid;gap:4px}
[data-ch="fats"] .o3-row{display:grid;grid-template-columns:minmax(0,10em) 1fr 3em;gap:10px;align-items:center;min-height:42px;text-decoration:none;padding:2px 6px;margin:0 -6px;border-radius:8px}
[data-ch="fats"] .o3-row:hover{background:var(--soft)}
[data-ch="fats"] .o3-label{font-size:14px;line-height:1.2;min-width:0}
[data-ch="fats"] .o3-label small{display:block;color:var(--muted);font-size:12px}
[data-ch="fats"] .o3-track{position:relative;height:14px;background:
  linear-gradient(var(--muted),var(--muted)) calc(1.1/3*100%) 0/1px 100% no-repeat,
  linear-gradient(var(--muted),var(--muted)) calc(1.6/3*100%) 0/1px 100% no-repeat}
[data-ch="fats"] .o3-bar{position:absolute;left:0;top:2px;bottom:2px;border-radius:0 4px 4px 0;background:var(--w3)}
[data-ch="fats"] .o3-val{font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;text-align:right}
[data-ch="fats"] .o3-axis{display:grid;grid-template-columns:minmax(0,10em) 1fr 3em;gap:10px;margin-top:4px}
[data-ch="fats"] .o3-ticks{position:relative;height:18px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
[data-ch="fats"] .o3-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap;text-align:center;line-height:1.2}
[data-ch="fats"] .o3-ticks span:first-child{transform:none}
[data-ch="fats"] .oils{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
[data-ch="fats"] .oil{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px;align-content:start}
[data-ch="fats"] .oil b{font-family:var(--display);font-weight:500;font-size:15px}
[data-ch="fats"] .oil ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:15px}
[data-ch="fats"] .oil .heat{font-size:13px;color:var(--muted)}
@media (max-width:620px){[data-ch="fats"] .oils{grid-template-columns:1fr}}
[data-ch="fats"] .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
[data-ch="fats"] .plan{border-radius:14px;padding:14px;display:grid;gap:4px;align-content:start}
[data-ch="fats"] .plan b{font-family:var(--display);font-weight:500;font-size:15px}
[data-ch="fats"] .plan p{margin:0;font-size:14px}
[data-ch="fats"] .pl1 b{color:var(--p1)}
[data-ch="fats"] .pl2 b{color:var(--p2)}
[data-ch="fats"] .pl3 b{color:var(--p3)}
@media (max-width:620px){[data-ch="fats"] .plans{grid-template-columns:1fr}}
[data-ch="fats"] .group{display:grid;gap:10px}
[data-ch="fats"] .list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="fats"] .row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px 12px 12px;text-decoration:none;min-height:68px;border-top:1px solid var(--line)}
[data-ch="fats"] .row:first-child{border-top:0}
[data-ch="fats"] .row:hover{background:var(--soft)}
[data-ch="fats"] .ill{width:56px;height:56px;border-radius:14px;display:grid;place-items:center}
[data-ch="fats"] .ill svg{width:48px;height:48px;display:block}
[data-ch="fats"] .rname{font-weight:600;font-size:17px;line-height:1.25}
[data-ch="fats"] .rtag{font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-ch="fats"] .rmeta{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-ch="fats"] .rmeta b{font-size:16px;display:block;color:var(--w3)}
[data-ch="fats"] .rmeta span{font-size:12px;color:var(--muted)}
[data-ch="fats"] .dots{letter-spacing:1px;font-size:12px}
[data-ch="fats"] .cc-row:focus-visible,[data-ch="fats"] .o3-row:focus-visible,[data-ch="fats"] .row:focus-visible,[data-ch="fats"] .btn:focus-visible,[data-ch="fats"] .back:focus-visible{outline:2px solid var(--p1);outline-offset:2px}
[data-ch="fats"] .back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:600;font-size:15px;justify-self:start}
[data-ch="fats"] .badge{display:inline-block;font:600 12px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
[data-ch="fats"] .dhead{display:grid;gap:8px}
[data-ch="fats"] .dill{width:128px;height:128px;border-radius:24px;display:grid;place-items:center}
[data-ch="fats"] .dill svg{width:108px;height:108px;display:block}
[data-ch="fats"] .dhead h2{font-size:clamp(26px,7vw,36px);font-weight:700;letter-spacing:-.01em}
[data-ch="fats"] .aka{color:var(--muted);font-size:15px;margin:0}
[data-ch="fats"] .dtag{font-family:var(--read);font-style:italic;font-size:19px;line-height:1.5;margin:4px 0 0;max-width:56ch}
[data-ch="fats"] .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
[data-ch="fats"] .stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:2px;align-content:start;min-width:0}
[data-ch="fats"] .stat .k{font-size:12px;color:var(--muted);line-height:1.3}
[data-ch="fats"] .stat .v{font-family:var(--display);font-weight:500;font-size:20px;font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere}
[data-ch="fats"] .stat .s{font-size:12px;color:var(--muted);line-height:1.3}
[data-ch="fats"] .stat.hi{border-color:transparent;background:var(--soft)}
[data-ch="fats"] .stat.hi .v{color:var(--w3)}
@media (max-width:560px){[data-ch="fats"] .stats{grid-template-columns:repeat(2,1fr)}
[data-ch="fats"] .dill{width:104px;height:104px}
[data-ch="fats"] .dill svg{width:88px;height:88px}
[data-ch="fats"] .cc-row{grid-template-columns:minmax(0,7.4em) 1fr}
[data-ch="fats"] .o3-row,[data-ch="fats"] .o3-axis{grid-template-columns:minmax(0,7.6em) 1fr 2.6em;gap:8px}
[data-ch="fats"] .cc-label,[data-ch="fats"] .o3-label{font-size:13px}}
[data-ch="fats"] .compbox{display:grid;gap:10px}
[data-ch="fats"] .complegend{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
[data-ch="fats"] .complegend div{display:grid;gap:2px;font-size:12px;color:var(--muted);line-height:1.3}
[data-ch="fats"] .complegend b{font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums}
[data-ch="fats"] .complegend i{display:block;width:100%;height:4px;border-radius:2px;margin-bottom:4px}
@media (max-width:420px){[data-ch="fats"] .complegend{grid-template-columns:repeat(2,1fr)}}
[data-ch="fats"] .basis{font-size:13px;color:var(--muted);margin:0}
[data-ch="fats"] .avail{font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
[data-ch="fats"] .sec{display:grid;gap:4px}
[data-ch="fats"] .kinds{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="fats"] .kind{padding:12px 16px;border-top:1px solid var(--line);display:grid;gap:2px}
[data-ch="fats"] .kind:first-child{border-top:0}
[data-ch="fats"] .kt{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
[data-ch="fats"] .kind b{font-size:16px}
[data-ch="fats"] .kn{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
[data-ch="fats"] .kind p{margin:0;font-size:15px}
[data-ch="fats"] ol.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
[data-ch="fats"] ol.steps li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;gap:10px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="fats"] ol.steps li::before{content:counter(s);font:600 14px var(--ui);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--soft);margin-top:1px}
[data-ch="fats"] ul.pts{margin:0;padding-left:20px;display:grid;gap:6px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="fats"] ul.miss{margin:0;padding:0;list-style:none;display:grid;gap:8px}
[data-ch="fats"] ul.miss li{font-size:15px;padding:10px 12px;border-radius:10px;background:var(--soft);display:grid;grid-template-columns:18px 1fr;gap:8px}
[data-ch="fats"] ul.miss li::before{content:"✕";font-weight:700;color:var(--muted)}
[data-ch="fats"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="fats"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
[data-ch="fats"] .recipe{border-radius:14px;padding:16px;display:grid;gap:6px}
[data-ch="fats"] .recipe b{font-family:var(--display);font-weight:500;font-size:17px}
[data-ch="fats"] .recipe p{margin:0;font-family:var(--read);font-size:17px;line-height:1.55;max-width:62ch}
[data-ch="fats"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="fats"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="fats"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="fats"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="fats"] .btn.next{text-align:right}
[data-ch="fats"] .btn:hover,[data-ch="fats"] .back:hover{background:var(--soft)}
[data-ch="fats"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
/* micro */
[data-ch="micro"]{
  --bg:#F3F4EF; --surface:#FFFFFF; --ink:#1A1D17; --muted:#5D6457; --line:#DADDD2; --soft:#E8EBE2;
  --p1:#2F6B3A; --p2:#1F716D; --p3:#7A4C78;
  --p1-soft:#E1ECDF; --p2-soft:#DCEDEB; --p3-soft:#EFE3EE;
  --plus:#2F6B3A; --minus:#A0522D;
  --f-shadow:rgba(26,29,23,.09);
  --f-capsule:#E4B33A; --f-capsule-d:#C9962A; --f-ink:#5A3524; --f-sun:#F2C230; --f-sun-d:#E0A21E;
  --f-lentil:#D97B3A; --f-lentil-d:#B5602A; --f-pepper:#C8412F; --f-stem:#5E7D3A;
  --f-tofu-t:#FBF9F0; --f-tofu-l:#ECE7D3; --f-tofu-r:#D8D1B6; --f-broc:#4F8A3E; --f-broc-l:#79B064;
  --f-pumpkin:#6E9B4F; --f-hemp:#D9CCA0; --f-salt:#E9EEF1; --f-salt-d:#A9B4BC; --f-nori:#2F4A35; --f-nori-l:#4F6E55;
  --f-brazil:#7A4E2E; --f-brazil-in:#EDE0C4; --f-mush:#D9C3A5; --f-mush-d:#B39776; --f-mush-s:#F2E8D8;
  --f-flax:#8A5A2E; --f-flax-d:#B07A45; --f-drop:#2F6FB0;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --read:"Literata",Georgia,"Times New Roman",serif;
  --ui:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-ch="micro"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#82C68C; --p2:#6CC2BC; --p3:#C99AC6; --p1-soft:#1E2D21; --p2-soft:#18302E; --p3-soft:#2E2130;
  --plus:#82C68C; --minus:#E39A72;
  --f-shadow:rgba(0,0,0,.35); --f-tofu-t:#EFEBDD; --f-tofu-l:#D9D2BA; --f-tofu-r:#BDB497; --f-salt:#C9D1D6; --f-nori:#3E5E45; --f-ink:#3A2216; --f-drop:#6FA3DD;
  color-scheme:dark}}
:root[data-theme="dark"] [data-ch="micro"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#82C68C; --p2:#6CC2BC; --p3:#C99AC6; --p1-soft:#1E2D21; --p2-soft:#18302E; --p3-soft:#2E2130;
  --plus:#82C68C; --minus:#E39A72;
  --f-shadow:rgba(0,0,0,.35); --f-tofu-t:#EFEBDD; --f-tofu-l:#D9D2BA; --f-tofu-r:#BDB497; --f-salt:#C9D1D6; --f-nori:#3E5E45; --f-ink:#3A2216; --f-drop:#6FA3DD;
  color-scheme:dark}
[data-ch="micro"], [data-ch="micro"] *{box-sizing:border-box}
[data-ch="micro"]{background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}
[data-ch="micro"] a{color:inherit}
[data-ch="micro"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="micro"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="micro"] h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,7.4vw,44px);line-height:1.08;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="micro"] h2{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;margin:0;text-wrap:balance}
[data-ch="micro"] h3{font:600 13px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
[data-ch="micro"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="micro"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="micro"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="micro"] .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
[data-ch="micro"] .stack{display:grid;gap:12px}
[data-ch="micro"] .c1{color:var(--p1)}
[data-ch="micro"] .c2{color:var(--p2)}
[data-ch="micro"] .c3{color:var(--p3)}
[data-ch="micro"] .pl1{background:var(--p1-soft)}
[data-ch="micro"] .pl2{background:var(--p2-soft)}
[data-ch="micro"] .pl3{background:var(--p3-soft)}
[data-ch="micro"] .b1{background:var(--p1)}
[data-ch="micro"] .b2{background:var(--p2)}
[data-ch="micro"] .b3{background:var(--p3)}
[data-ch="micro"] .b12{border-radius:18px;padding:20px;display:grid;gap:14px;background:var(--p3-soft)}
[data-ch="micro"] .b12 h2{color:var(--p3)}
[data-ch="micro"] .b12 .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
[data-ch="micro"] .b12 .col{background:var(--surface);border-radius:12px;padding:14px;display:grid;gap:6px;align-content:start}
[data-ch="micro"] .b12 .col b{font-family:var(--display);font-weight:500;font-size:15px}
[data-ch="micro"] .b12 .col p{margin:0;font-size:15px;line-height:1.45}
[data-ch="micro"] .steps3{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:s}
[data-ch="micro"] .steps3 li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:15px;line-height:1.45}
[data-ch="micro"] .steps3 li::before{content:counter(s);font:600 14px var(--ui);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--p3);color:var(--surface)}
@media (max-width:620px){[data-ch="micro"] .b12 .cols{grid-template-columns:1fr}}
[data-ch="micro"] .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
[data-ch="micro"] .tier{border-radius:14px;padding:14px;display:grid;gap:8px;align-content:start}
[data-ch="micro"] .tier b{font-family:var(--display);font-weight:500;font-size:15px}
[data-ch="micro"] .tier p{margin:0;font-size:14px}
[data-ch="micro"] .tchips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="micro"] .tchip{font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--surface);text-decoration:none;border:1px solid transparent}
[data-ch="micro"] a.tchip:hover{border-color:currentColor}
@media (max-width:620px){[data-ch="micro"] .tiers{grid-template-columns:1fr}}
[data-ch="micro"] .helpers{display:grid;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="micro"] .hrow{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="micro"] .hrow:first-child{border-top:0}
[data-ch="micro"] .sign{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--surface);font-size:15px;margin-top:1px}
[data-ch="micro"] .sign.p{background:var(--plus)}
[data-ch="micro"] .sign.m{background:var(--minus)}
[data-ch="micro"] .hrow b{font-size:15px}
[data-ch="micro"] .hrow span{display:block;font-size:14px;color:var(--muted)}
[data-ch="micro"] .tests{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
[data-ch="micro"] .test{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:2px}
[data-ch="micro"] .test b{font-size:15px}
[data-ch="micro"] .test span{font-size:14px;color:var(--muted)}
@media (max-width:560px){[data-ch="micro"] .tests{grid-template-columns:1fr}}
[data-ch="micro"] .group{display:grid;gap:10px}
[data-ch="micro"] .list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="micro"] .row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px 12px 12px;text-decoration:none;min-height:68px;border-top:1px solid var(--line)}
[data-ch="micro"] .row:first-child{border-top:0}
[data-ch="micro"] .row:hover{background:var(--soft)}
[data-ch="micro"] .ill{width:56px;height:56px;border-radius:14px;display:grid;place-items:center}
[data-ch="micro"] .ill svg{width:48px;height:48px;display:block}
[data-ch="micro"] .rname{font-weight:600;font-size:17px;line-height:1.25}
[data-ch="micro"] .rtag{font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-ch="micro"] .rmeta{text-align:right;font-size:13px;color:var(--muted);max-width:9em;line-height:1.3}
[data-ch="micro"] .rmeta b{display:block;font-size:14px}
[data-ch="micro"] .row:focus-visible,[data-ch="micro"] .btn:focus-visible,[data-ch="micro"] .back:focus-visible,[data-ch="micro"] .tchip:focus-visible{outline:2px solid var(--p1);outline-offset:2px}
[data-ch="micro"] .back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:600;font-size:15px;justify-self:start}
[data-ch="micro"] .badge{display:inline-block;font:600 12px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
[data-ch="micro"] .dhead{display:grid;gap:8px}
[data-ch="micro"] .dill{width:128px;height:128px;border-radius:24px;display:grid;place-items:center}
[data-ch="micro"] .dill svg{width:108px;height:108px;display:block}
[data-ch="micro"] .dhead h2{font-size:clamp(26px,7vw,36px);font-weight:700;letter-spacing:-.01em}
[data-ch="micro"] .aka{color:var(--muted);font-size:15px;margin:0}
[data-ch="micro"] .dtag{font-family:var(--read);font-style:italic;font-size:19px;line-height:1.5;margin:4px 0 0;max-width:56ch}
[data-ch="micro"] .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
[data-ch="micro"] .stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:2px;align-content:start;min-width:0}
[data-ch="micro"] .stat .k{font-size:12px;color:var(--muted);line-height:1.3}
[data-ch="micro"] .stat .v{font-family:var(--display);font-weight:500;font-size:18px;line-height:1.25;overflow-wrap:anywhere}
[data-ch="micro"] .stat.hi{border-color:transparent}
@media (max-width:560px){[data-ch="micro"] .dill{width:104px;height:104px}
[data-ch="micro"] .dill svg{width:88px;height:88px}}
[data-ch="micro"] .sec{display:grid;gap:6px}
[data-ch="micro"] .bars{display:grid;gap:4px}
[data-ch="micro"] .brow{display:grid;grid-template-columns:minmax(0,12em) 1fr 3.4em;gap:10px;align-items:center;min-height:38px}
[data-ch="micro"] .blabel{font-size:14px;line-height:1.25;min-width:0}
[data-ch="micro"] .btrack{position:relative;height:14px}
[data-ch="micro"] .bfill{position:absolute;left:0;top:2px;bottom:2px;border-radius:0 4px 4px 0}
[data-ch="micro"] .bnorm{position:absolute;top:-5px;bottom:-5px;width:2px;margin-left:-1px;background:var(--ink);opacity:.5}
[data-ch="micro"] .bval{font-variant-numeric:tabular-nums;font-weight:600;font-size:14px;text-align:right}
[data-ch="micro"] .bcap{font-size:13px;color:var(--muted);margin:6px 0 0}
@media (max-width:560px){[data-ch="micro"] .brow{grid-template-columns:minmax(0,8.6em) 1fr 3em;gap:8px}
[data-ch="micro"] .blabel{font-size:13px}}
[data-ch="micro"] .kv{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="micro"] .kvr{padding:12px 16px;border-top:1px solid var(--line);display:grid;gap:2px}
[data-ch="micro"] .kvr:first-child{border-top:0}
[data-ch="micro"] .kvr b{font-size:16px}
[data-ch="micro"] .kvr p{margin:0;font-size:15px;color:var(--muted)}
[data-ch="micro"] .combo{display:grid;gap:8px;margin:0;padding:0;list-style:none}
[data-ch="micro"] .combo li{display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:15px;line-height:1.45;align-items:start}
[data-ch="micro"] ul.pts{margin:0;padding-left:20px;display:grid;gap:6px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="micro"] ul.myth{margin:0;padding:0;list-style:none;display:grid;gap:8px}
[data-ch="micro"] ul.myth li{font-size:15px;padding:10px 12px;border-radius:10px;background:var(--soft);display:grid;gap:2px}
[data-ch="micro"] ul.myth b{font-weight:600}
[data-ch="micro"] ul.myth span{color:var(--muted)}
[data-ch="micro"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="micro"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}

[data-ch="micro"] .sp-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border-radius:14px;background:var(--p1-soft);text-decoration:none;color:var(--ink);min-height:72px}
[data-ch="micro"] .sp-entry b{display:block;font-family:var(--display);font-weight:500;font-size:17px;color:var(--p1)}
[data-ch="micro"] .sp-entry span span{display:block;font-size:14px;color:var(--muted);margin-top:2px;line-height:1.4}
[data-ch="micro"] .sp-go{font-size:22px;color:var(--p1)}
[data-ch="micro"] .sp-sum{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="micro"] .sp-row{display:grid;grid-template-columns:minmax(0,7.5em) minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:baseline}
[data-ch="micro"] .sp-row:first-child{border-top:0}
[data-ch="micro"] .sp-row b{font-size:15px}
[data-ch="micro"] .sp-row span{font-size:15px;line-height:1.45}
[data-ch="micro"] .sp-card{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--p1);border-radius:14px;padding:16px;display:grid;gap:12px}
[data-ch="micro"] .sp-card.l2{border-left-color:var(--p2)}
[data-ch="micro"] .sp-card.l3{border-left-color:var(--p3)}
[data-ch="micro"] .sp-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline}
[data-ch="micro"] .sp-head h3{margin:0;font-family:var(--display);font-weight:500;font-size:18px;line-height:1.25;text-transform:none;letter-spacing:0;color:var(--ink)}
[data-ch="micro"] .sp-v{font-size:13px;font-weight:700}
[data-ch="micro"] .sp-kv{display:grid;grid-template-columns:minmax(0,6.4em) minmax(0,1fr);gap:10px 12px}
[data-ch="micro"] .sp-kv b{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:3px}
[data-ch="micro"] .sp-kv p{margin:0;font-size:15.5px;line-height:1.5}
[data-ch="micro"] .sp-src{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="micro"] .sp-src a{font-size:13px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--ink);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
[data-ch="micro"] .sp-entry:focus-visible,[data-ch="micro"] .sp-src a:focus-visible{outline:2px solid var(--p1);outline-offset:2px}
@media (max-width:480px){[data-ch="micro"] .sp-kv{grid-template-columns:1fr;gap:2px}[data-ch="micro"] .sp-kv p{margin-bottom:8px}[data-ch="micro"] .sp-row{grid-template-columns:1fr;gap:2px}}
[data-ch="micro"] .supp{border-radius:14px;padding:16px;display:grid;gap:6px}
[data-ch="micro"] .supp b{font-family:var(--display);font-weight:500;font-size:17px}
[data-ch="micro"] .supp p{margin:0;font-family:var(--read);font-size:17px;line-height:1.55;max-width:62ch}
[data-ch="micro"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="micro"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="micro"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="micro"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="micro"] .btn.next{text-align:right}
[data-ch="micro"] .btn:hover,[data-ch="micro"] .back:hover{background:var(--soft)}
[data-ch="micro"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
/* taste */
[data-ch="taste"]{
  --bg:#F3F4EF; --surface:#FFFFFF; --ink:#1A1D17; --muted:#5D6457; --line:#DADDD2; --soft:#E8EBE2;
  --p1:#8A4B2A; --p2:#B0452F; --p3:#5F7F2A;
  --p1-soft:#F2E6DD; --p2-soft:#F6E2DC; --p3-soft:#E8EEDC;
  --f-shadow:rgba(26,29,23,.09);
  --f-soy:#3A2216; --f-soy-l:#6B3E26; --f-glass:#DCE3DE; --f-cap:#C8553D; --f-dish:#E9E5D8;
  --f-miso:#D9A85A; --f-miso-d:#B5843A; --f-tub:#E9E5D8; --f-tub-lid:#5F7F2A;
  --f-tomato:#D0452F; --f-tomato-d:#A8331F; --f-tin:#A9B4BC; --f-tin-d:#8A969E; --f-leaf:#6FA35B;
  --f-yeast:#F2C94C; --f-yeast-d:#D9A92A; --f-paprika:#B8341F; --f-jar:#DCE3DE; --f-smoke:#A9B4BC;
  --f-salt:#E7B9C3; --f-salt-d:#C98E9C; --f-nori:#2F4A35; --f-nori-l:#4F6E55; --f-kombu:#5A5A3A;
  --f-kraut:#E9E0A8; --f-kraut-d:#C9BD72; --f-lemon:#F2D33C; --f-lemon-d:#D9B52A;
  --f-mush:#D9C3A5; --f-mush-d:#B39776; --f-mush-s:#F2E8D8;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --read:"Literata",Georgia,"Times New Roman",serif;
  --ui:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-ch="taste"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#D9976E; --p2:#E88B72; --p3:#B6D17A; --p1-soft:#2E2119; --p2-soft:#33201B; --p3-soft:#232B18;
  --f-shadow:rgba(0,0,0,.35); --f-glass:#3A4540; --f-jar:#3A4540; --f-dish:#3A3A34; --f-tub:#3A3A34; --f-soy:#5A3624; --f-nori:#3E5E45;
  color-scheme:dark}}
:root[data-theme="dark"] [data-ch="taste"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#D9976E; --p2:#E88B72; --p3:#B6D17A; --p1-soft:#2E2119; --p2-soft:#33201B; --p3-soft:#232B18;
  --f-shadow:rgba(0,0,0,.35); --f-glass:#3A4540; --f-jar:#3A4540; --f-dish:#3A3A34; --f-tub:#3A3A34; --f-soy:#5A3624; --f-nori:#3E5E45;
  color-scheme:dark}
[data-ch="taste"], [data-ch="taste"] *{box-sizing:border-box}
[data-ch="taste"]{background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}
[data-ch="taste"] a{color:inherit}
[data-ch="taste"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="taste"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="taste"] h1{font-family:var(--display);font-weight:700;font-size:clamp(30px,8vw,46px);line-height:1.05;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="taste"] h2{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;margin:0;text-wrap:balance;scroll-margin-top:16px}
[data-ch="taste"] h3{font:600 13px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
[data-ch="taste"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="taste"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="taste"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="taste"] .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
[data-ch="taste"] .stack{display:grid;gap:12px;scroll-margin-top:16px}
[data-ch="taste"] .c1{color:var(--p1)}
[data-ch="taste"] .c2{color:var(--p2)}
[data-ch="taste"] .c3{color:var(--p3)}
[data-ch="taste"] .pl1{background:var(--p1-soft)}
[data-ch="taste"] .pl2{background:var(--p2-soft)}
[data-ch="taste"] .pl3{background:var(--p3-soft)}
[data-ch="taste"] .toc{display:flex;flex-wrap:wrap;gap:8px}
[data-ch="taste"] .toc a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:600;font-size:14px}
[data-ch="taste"] .toc a:hover{background:var(--soft)}
[data-ch="taste"] .tastes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
[data-ch="taste"] .taste{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:6px;align-content:start}
[data-ch="taste"] .taste b{font-family:var(--display);font-weight:500;font-size:16px}
[data-ch="taste"] .taste .does{font-size:14px;font-weight:600}
[data-ch="taste"] .taste .src{font-size:14px;color:var(--muted)}
@media (max-width:620px){[data-ch="taste"] .tastes{grid-template-columns:repeat(2,1fr)}}
@media (max-width:400px){[data-ch="taste"] .tastes{grid-template-columns:1fr}}
[data-ch="taste"] .fix{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="taste"] .fixr{display:grid;grid-template-columns:minmax(0,11em) 1fr;gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:baseline}
[data-ch="taste"] .fixr:first-child{border-top:0}
[data-ch="taste"] .fixr b{font-size:15px}
[data-ch="taste"] .fixr span{font-size:15px}
@media (max-width:480px){[data-ch="taste"] .fixr{grid-template-columns:1fr;gap:2px}}
[data-ch="taste"] .syn{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center}
[data-ch="taste"] .syn .part{border-radius:14px;padding:14px;display:grid;gap:4px;align-content:start;min-height:100%}
[data-ch="taste"] .syn .part b{font-family:var(--display);font-weight:500;font-size:15px}
[data-ch="taste"] .syn .part span{font-size:14px}
[data-ch="taste"] .syn .op{font-family:var(--display);font-size:24px;color:var(--muted);text-align:center}
@media (max-width:620px){[data-ch="taste"] .syn{grid-template-columns:1fr}
[data-ch="taste"] .syn .op{line-height:1}}
[data-ch="taste"] .tech{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
[data-ch="taste"] .tcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:6px;align-content:start}
[data-ch="taste"] .tcard b{font-family:var(--display);font-weight:500;font-size:15px}
[data-ch="taste"] .tcard p{margin:0;font-size:15px;line-height:1.45}
@media (max-width:560px){[data-ch="taste"] .tech{grid-template-columns:1fr}}
[data-ch="taste"] .formula{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
[data-ch="taste"] .fpart{border-radius:10px;padding:8px 12px;font-size:14px;display:grid;gap:0;line-height:1.25}
[data-ch="taste"] .fpart b{font-size:15px}
[data-ch="taste"] .fplus{color:var(--muted);font-weight:700}
[data-ch="taste"] .times{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="taste"] .timer{display:grid;grid-template-columns:minmax(0,8em) 1fr;gap:12px;padding:10px 16px;border-top:1px solid var(--line);font-size:15px}
[data-ch="taste"] .timer:first-child{border-top:0}
[data-ch="taste"] .acc{display:grid;gap:8px}
[data-ch="taste"] details.item{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="taste"] details.item summary{list-style:none;cursor:pointer;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:baseline;min-height:56px}
[data-ch="taste"] details.item summary::-webkit-details-marker{display:none}
[data-ch="taste"] details.item summary b{font-size:17px;line-height:1.25}
[data-ch="taste"] details.item summary .kc{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
[data-ch="taste"] details.item summary .for{grid-column:1/-1;font-size:14px;color:var(--muted)}
[data-ch="taste"] details.item summary::after{content:"＋";grid-column:2;grid-row:1;justify-self:end;color:var(--muted);font-weight:700}
[data-ch="taste"] details.item[open] summary::after{content:"−"}
[data-ch="taste"] details.item summary:focus-visible{outline:2px solid var(--p1);outline-offset:-2px}
[data-ch="taste"] .ibody{padding:0 16px 16px;border-top:1px dashed var(--line);padding-top:12px;display:grid;gap:8px}
[data-ch="taste"] .ibody p{margin:0;font-family:var(--read);font-size:17px;line-height:1.55}
[data-ch="taste"] .ibody .tip{font-family:var(--ui);font-size:14px;color:var(--muted)}
[data-ch="taste"] details.item summary .kc{grid-column:1/-1;grid-row:auto}
[data-ch="taste"] .shelf{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="taste"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
[data-ch="taste"] .group{display:grid;gap:10px}
[data-ch="taste"] .list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="taste"] .row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px 12px 12px;text-decoration:none;min-height:68px;border-top:1px solid var(--line)}
[data-ch="taste"] .row:first-child{border-top:0}
[data-ch="taste"] .row:hover{background:var(--soft)}
[data-ch="taste"] .ill{width:56px;height:56px;border-radius:14px;display:grid;place-items:center}
[data-ch="taste"] .ill svg{width:48px;height:48px;display:block}
[data-ch="taste"] .rname{font-weight:600;font-size:17px;line-height:1.25}
[data-ch="taste"] .rtag{font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-ch="taste"] .arrow{color:var(--muted);font-size:20px}
[data-ch="taste"] .row:focus-visible,[data-ch="taste"] .btn:focus-visible,[data-ch="taste"] .back:focus-visible,[data-ch="taste"] .toc a:focus-visible{outline:2px solid var(--p1);outline-offset:2px}
[data-ch="taste"] .back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:600;font-size:15px;justify-self:start}
[data-ch="taste"] .badge{display:inline-block;font:600 12px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
[data-ch="taste"] .dhead{display:grid;gap:8px}
[data-ch="taste"] .dill{width:128px;height:128px;border-radius:24px;display:grid;place-items:center}
[data-ch="taste"] .dill svg{width:108px;height:108px;display:block}
[data-ch="taste"] .dhead h2{font-size:clamp(26px,7vw,36px);font-weight:700;letter-spacing:-.01em}
[data-ch="taste"] .aka{color:var(--muted);font-size:15px;margin:0}
[data-ch="taste"] .dtag{font-family:var(--read);font-style:italic;font-size:19px;line-height:1.5;margin:4px 0 0;max-width:56ch}
@media (max-width:560px){[data-ch="taste"] .dill{width:104px;height:104px}
[data-ch="taste"] .dill svg{width:88px;height:88px}}
[data-ch="taste"] .sec{display:grid;gap:4px}
[data-ch="taste"] .kinds{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="taste"] .kind{padding:12px 16px;border-top:1px solid var(--line);display:grid;gap:2px}
[data-ch="taste"] .kind:first-child{border-top:0}
[data-ch="taste"] .kind b{font-size:16px}
[data-ch="taste"] .kind p{margin:0;font-size:15px}
[data-ch="taste"] ol.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
[data-ch="taste"] ol.steps li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;gap:10px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="taste"] ol.steps li::before{content:counter(s);font:600 14px var(--ui);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--soft);margin-top:1px}
[data-ch="taste"] ul.pts{margin:0;padding-left:20px;display:grid;gap:6px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="taste"] ul.miss{margin:0;padding:0;list-style:none;display:grid;gap:8px}
[data-ch="taste"] ul.miss li{font-size:15px;padding:10px 12px;border-radius:10px;background:var(--soft);display:grid;grid-template-columns:18px 1fr;gap:8px}
[data-ch="taste"] ul.miss li::before{content:"✕";font-weight:700;color:var(--muted)}
[data-ch="taste"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="taste"] .recipe{border-radius:14px;padding:16px;display:grid;gap:6px}
[data-ch="taste"] .recipe b{font-family:var(--display);font-weight:500;font-size:17px}
[data-ch="taste"] .recipe p{margin:0;font-family:var(--read);font-size:17px;line-height:1.55;max-width:62ch}
[data-ch="taste"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="taste"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="taste"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="taste"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="taste"] .btn.next{text-align:right}
[data-ch="taste"] .btn:hover,[data-ch="taste"] .back:hover{background:var(--soft)}
[data-ch="taste"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
/* dishes */
[data-ch="dishes"] .by{margin:8px 0 0;font-size:14px;color:var(--muted)}
[data-ch="dishes"] .by a{color:var(--c-dishes);font-weight:600;text-decoration:none}
[data-ch="dishes"] .adapt{margin:0;font-size:15px;line-height:1.5;background:var(--soft);border-radius:12px;padding:10px 14px}
[data-ch="dishes"]{
  --bg:#F3F4EF; --surface:#FFFFFF; --ink:#1A1D17; --muted:#5D6457; --line:#DADDD2; --soft:#E8EBE2;
  --p1:#9A4A1C; --p1-soft:#F3E4D9;
  --f-shadow:rgba(26,29,23,.09);
  --f-lavash:#E8C98E; --f-lavash-d:#C9A46A; --f-meat:#B9784E; --f-meat-d:#985E3B; --f-green:#6FA35B; --f-green-l:#A9D18E; --f-red:#D0452F;
  --f-bun:#E0A55E; --f-bun-l:#F6E2B8; --f-plate:#FAF8F1; --f-plate-d:#E3E0D4; --f-pasta:#E8C15A; --f-sauce:#C8412F;
  --f-bowl:#8BA3B5; --f-bowl-d:#6F879A; --f-rice:#FAF8F1; --f-tofu:#E7C78E; --f-tofu-d:#C9A15E; --f-broc:#4F8A3E;
  --f-chick:#E6C68A; --f-crouton:#C98B4C; --f-bread:#C98B4C; --f-bread-in:#F1DEB7; --f-egg:#F2D06B;
  --f-soup:#E3863A; --f-berry:#5B3B8C; --f-smoothie:#D9718A; --f-straw:#2F7DBF; --f-glass:#DCE3DE; --f-banana:#F2CF4A; --f-steam:#A9B4BC; --f-pan:#3A3A36; --f-pan-h:#5A5A54;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --read:"Literata",Georgia,"Times New Roman",serif;
  --ui:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-ch="dishes"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#E0976A; --p1-soft:#2E2119;
  --f-shadow:rgba(0,0,0,.35); --f-plate:#ECE9DE; --f-plate-d:#C9C5B8; --f-rice:#ECE9DE; --f-pan:#5A5A54; --f-pan-h:#7A7A72; --f-glass:#3A4540;
  color-scheme:dark}}
:root[data-theme="dark"] [data-ch="dishes"]{
  --bg:#11140F; --surface:#191D17; --ink:#E6E9E1; --muted:#9AA294; --line:#2B3128; --soft:#20251E;
  --p1:#E0976A; --p1-soft:#2E2119;
  --f-shadow:rgba(0,0,0,.35); --f-plate:#ECE9DE; --f-plate-d:#C9C5B8; --f-rice:#ECE9DE; --f-pan:#5A5A54; --f-pan-h:#7A7A72; --f-glass:#3A4540;
  color-scheme:dark}
[data-ch="dishes"], [data-ch="dishes"] *{box-sizing:border-box}
[data-ch="dishes"]{background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}
[data-ch="dishes"] a{color:inherit}
[data-ch="dishes"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="dishes"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="dishes"] h1{font-family:var(--display);font-weight:700;font-size:clamp(30px,8vw,46px);line-height:1.05;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="dishes"] h2{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;margin:0;text-wrap:balance}
[data-ch="dishes"] h3{font:600 13px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
[data-ch="dishes"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="dishes"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="dishes"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="dishes"] .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
[data-ch="dishes"] .stack{display:grid;gap:12px}
[data-ch="dishes"] .c1{color:var(--p1)}
[data-ch="dishes"] .pl1{background:var(--p1-soft)}
[data-ch="dishes"] .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
[data-ch="dishes"] .cat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;gap:4px;justify-items:center;text-align:center;text-decoration:none;min-height:44px}
[data-ch="dishes"] .cat .ill{width:52px;height:52px}
[data-ch="dishes"] .cat b{font-size:14px;line-height:1.2}
[data-ch="dishes"] .cat span{font-size:12px;color:var(--muted)}
[data-ch="dishes"] a.cat:hover{background:var(--soft)}
@media (max-width:520px){[data-ch="dishes"] .cats{grid-template-columns:repeat(2,1fr)}}
[data-ch="dishes"] .group{display:grid;gap:10px;scroll-margin-top:16px}
[data-ch="dishes"] .list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="dishes"] .row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px 12px 12px;text-decoration:none;min-height:68px;border-top:1px solid var(--line)}
[data-ch="dishes"] .row:first-child{border-top:0}
[data-ch="dishes"] .row:hover{background:var(--soft)}
[data-ch="dishes"] .ill{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:var(--p1-soft)}
[data-ch="dishes"] .ill svg{width:48px;height:48px;display:block}
[data-ch="dishes"] .rname{font-weight:600;font-size:17px;line-height:1.25}
[data-ch="dishes"] .rtag{font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-ch="dishes"] .rmeta{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-ch="dishes"] .rmeta b{font-size:16px;display:block;color:var(--p1)}
[data-ch="dishes"] .rmeta span{font-size:12px;color:var(--muted)}
[data-ch="dishes"] .soon{font-size:14px;color:var(--muted);padding:14px 16px;border:1px dashed var(--line);border-radius:14px}
[data-ch="dishes"] .row:focus-visible,[data-ch="dishes"] .btn:focus-visible,[data-ch="dishes"] .back:focus-visible,[data-ch="dishes"] .cat:focus-visible,[data-ch="dishes"] .xref:focus-visible{outline:2px solid var(--p1);outline-offset:2px}
[data-ch="dishes"] .back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:600;font-size:15px;justify-self:start}
[data-ch="dishes"] .badge{display:inline-block;font:600 12px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
[data-ch="dishes"] .dhead{display:grid;gap:8px}
[data-ch="dishes"] .dill{width:128px;height:128px;border-radius:24px;display:grid;place-items:center;background:var(--p1-soft)}
[data-ch="dishes"] .dill svg{width:108px;height:108px;display:block}
[data-ch="dishes"] .dhead h2{font-size:clamp(26px,7vw,36px);font-weight:700;letter-spacing:-.01em}
[data-ch="dishes"] .dtag{font-family:var(--read);font-style:italic;font-size:19px;line-height:1.5;margin:4px 0 0;max-width:56ch}
[data-ch="dishes"] .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
[data-ch="dishes"] .stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:2px;align-content:start;min-width:0}
[data-ch="dishes"] .stat .k{font-size:12px;color:var(--muted);line-height:1.3}
[data-ch="dishes"] .stat .v{font-family:var(--display);font-weight:500;font-size:20px;font-variant-numeric:tabular-nums;line-height:1.2}
[data-ch="dishes"] .stat.hi{background:var(--p1-soft);border-color:transparent}
[data-ch="dishes"] .stat.hi .v{color:var(--p1)}
@media (max-width:560px){[data-ch="dishes"] .stats{grid-template-columns:repeat(2,1fr)}
[data-ch="dishes"] .dill{width:104px;height:104px}
[data-ch="dishes"] .dill svg{width:88px;height:88px}}
[data-ch="dishes"] .macro{font-size:14px;color:var(--muted);margin:-16px 0 0}
[data-ch="dishes"] .sec{display:grid;gap:6px}
[data-ch="dishes"] .why{margin:0;font-size:15px;line-height:1.5;background:var(--soft);border-radius:12px;padding:12px 14px;max-width:62ch}
[data-ch="dishes"] .gbox{display:grid;gap:10px}
[data-ch="dishes"] .goals{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="dishes"] .goal{display:grid;grid-template-columns:minmax(0,8em) minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:baseline}
[data-ch="dishes"] .goal:first-child{border-top:0}
[data-ch="dishes"] .goal b{font-size:14px;color:var(--c-dishes);font-weight:700}
[data-ch="dishes"] .goal span{font-size:15px;line-height:1.45}
@media (max-width:520px){[data-ch="dishes"] .goal{grid-template-columns:1fr;gap:2px}}
[data-ch="dishes"] .ingr{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="dishes"] .ir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px 16px;border-top:1px solid var(--line);font-size:16px;align-items:baseline}
[data-ch="dishes"] .ir:first-child{border-top:0}
[data-ch="dishes"] .ir span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}
[data-ch="dishes"] ol.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:12px}
[data-ch="dishes"] ol.steps li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;gap:10px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="dishes"] ol.steps li::before{content:counter(s);font:600 14px var(--ui);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--p1);color:var(--surface);margin-top:1px}
[data-ch="dishes"] ul.pts{margin:0;padding-left:20px;display:grid;gap:6px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="dishes"] .refs{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="dishes"] .xref{font-size:14px;padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);text-decoration:none;min-height:36px;display:inline-flex;align-items:center;gap:6px}
[data-ch="dishes"] .xref small{color:var(--muted);font-size:12px}
[data-ch="dishes"] a.xref:hover{background:var(--soft)}
[data-ch="dishes"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="dishes"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="dishes"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="dishes"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="dishes"] .btn.next{text-align:right}
[data-ch="dishes"] .btn:hover,[data-ch="dishes"] .back:hover{background:var(--soft)}
[data-ch="dishes"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}

/* research appendix: claim, verdict chip, then the sources behind it */
[data-ch="research"], [data-ch="research"] *{box-sizing:border-box}
[data-ch="research"]{font-family:var(--ui);font-size:16px;line-height:1.5}
[data-ch="research"] a{color:inherit}
[data-ch="research"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="research"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="research"] h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,7.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="research"] h2{font-family:var(--display);font-weight:500;font-size:20px;line-height:1.25;margin:0;text-wrap:balance}
[data-ch="research"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="research"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="research"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="research"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="research"] .stack{display:grid;gap:12px}
[data-ch="research"] .back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:600;font-size:15px;justify-self:start}
[data-ch="research"] .back:hover{background:var(--soft)}
[data-ch="research"] .list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="research"] .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;text-decoration:none;min-height:68px}
[data-ch="research"] .row:hover{background:var(--soft)}
[data-ch="research"] .rname{display:block;font-weight:600;font-size:17px;line-height:1.25}
[data-ch="research"] .rtag{display:block;font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px}
[data-ch="research"] .rgo{font-size:13px;color:var(--muted);white-space:nowrap}
[data-ch="research"] .ladder{display:grid;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="research"] .rung{padding:12px 16px;border-top:1px solid var(--line);display:grid;gap:2px}
[data-ch="research"] .rung:first-child{border-top:0}
[data-ch="research"] .rung b{font-size:16px}
[data-ch="research"] .rung p{margin:0;font-size:15px;color:var(--muted)}
[data-ch="research"] .sum{background:var(--c-research-soft);border-radius:14px;padding:16px;display:grid;gap:10px}
[data-ch="research"] .sum>b{font-family:var(--display);font-weight:500;font-size:16px;color:var(--c-research)}
[data-ch="research"] .sum dl{margin:0;display:grid;gap:8px}
[data-ch="research"] .sum p{margin:0;font-family:var(--read);font-size:16.5px;line-height:1.55;max-width:62ch}
[data-ch="research"] .sum dl div{display:grid;grid-template-columns:8.6em minmax(0,1fr);gap:10px;align-items:baseline}
[data-ch="research"] .sum dt{font-weight:700;font-size:15px}
[data-ch="research"] .sum dd{margin:0;font-size:15px;line-height:1.45}
[data-ch="research"] .claim{display:grid;gap:10px;padding-top:20px;border-top:1px solid var(--line)}
[data-ch="research"] .st{justify-self:start;font:600 13px var(--ui);padding:4px 10px;border-radius:999px}
[data-ch="research"] .st-no{background:var(--st-no-soft);color:var(--st-no)}
[data-ch="research"] .st-part{background:var(--st-part-soft);color:var(--st-part)}
[data-ch="research"] .st-yes{background:var(--st-yes-soft);color:var(--st-yes)}
[data-ch="research"] .st-unk{background:var(--c-research-soft);color:var(--c-research)}
[data-ch="research"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="research"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--soft)}
[data-ch="research"] .srcs{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="research"] .src{display:inline-flex;align-items:center;min-height:36px;font-size:14px;padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);text-decoration:none}
[data-ch="research"] .src:hover{background:var(--soft)}
[data-ch="research"] .ix{margin:4px 0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:8px}
[data-ch="research"] .ix figcaption{font-size:14px;font-weight:600}
[data-ch="research"] .ixr{display:grid;grid-template-columns:minmax(0,9.5em) 1fr 2.2em;gap:10px;align-items:center;min-height:30px}
[data-ch="research"] .ixl{font-size:14px;line-height:1.2;min-width:0}
[data-ch="research"] .ixt{display:block;height:14px;background:var(--soft);border-radius:4px;overflow:hidden}
[data-ch="research"] .ixb{display:block;height:100%;background:var(--c-research)}
[data-ch="research"] .ixv{font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;text-align:right}
[data-ch="research"] .todo{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:10px}
[data-ch="research"] .todo ul{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="research"] .todo a{font-family:var(--ui);font-weight:600;font-size:15px;color:var(--c-research)}
[data-ch="research"] .refs{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="research"] .ref{display:grid;gap:2px;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:60px}
[data-ch="research"] .ref:first-child{border-top:0}
[data-ch="research"] .ref:hover{background:var(--soft)}
[data-ch="research"] .rh{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
[data-ch="research"] .rh b{font-size:15px}
[data-ch="research"] .rh span{font-size:13px;color:var(--muted)}
[data-ch="research"] .rd{font-size:14px;color:var(--muted);line-height:1.4}
[data-ch="research"] a:focus-visible{outline:2px solid var(--c-research);outline-offset:2px}
@media (max-width:480px){[data-ch="research"] .ixr{grid-template-columns:minmax(0,7.6em) 1fr 2em;gap:8px}}

/* appendix card on the cover, day example in the fats chapter */
[data-ch="author"], [data-ch="author"] *{box-sizing:border-box}
[data-ch="author"]{font-family:var(--ui);font-size:16px;line-height:1.5}
[data-ch="author"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="author"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="author"] h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,7.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="author"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="author"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="author"] .wait{border:1px dashed var(--line);border-radius:14px;padding:16px;color:var(--muted);font-size:15px;margin:0}
[data-ch="author"] .contact{background:var(--c-author-soft);border-radius:14px;padding:16px;display:grid;gap:10px;justify-items:start}
[data-ch="author"] .contact>b{font-family:var(--display);font-weight:500;font-size:17px;color:var(--c-author)}
[data-ch="author"] .contact p{margin:0;font-size:16px;line-height:1.5;max-width:62ch}
[data-ch="author"] .ig{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font:600 15px var(--ui);text-decoration:none}
[data-ch="author"] .ig:hover{background:var(--soft)}
[data-ch="author"] h2{font-family:var(--display);font-weight:500;font-size:20px;line-height:1.25;margin:0}
[data-ch="author"] .quote{margin:0;padding:4px 0 4px 18px;border-left:3px solid var(--c-author);display:grid;gap:8px;max-width:56ch}
[data-ch="author"] .quote blockquote{margin:0;font-family:var(--read);font-style:italic;font-size:20px;line-height:1.45}
[data-ch="author"] .quote figcaption{font-size:14px;color:var(--muted)}
[data-ch="author"] .letter{display:grid;gap:16px}
[data-ch="author"] .sign{margin:4px 0 0;font-family:var(--display);font-weight:500;font-size:18px;color:var(--c-author)}
[data-ch="author"] .links{display:grid;gap:12px}
[data-ch="author"] .lklist{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="author"] .lkrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;min-height:64px;border-top:1px solid var(--line);text-decoration:none;color:inherit}
[data-ch="author"] .lkrow:first-child{border-top:0}
[data-ch="author"] .lkrow:hover{background:var(--soft)}
[data-ch="author"] .lkrow.me{background:var(--c-author-soft)}
[data-ch="author"] .lkrow b{display:block;font-size:17px;line-height:1.3}
[data-ch="author"] .lkrow.me b{color:var(--c-author)}
[data-ch="author"] .who{display:block;font-size:14px;color:var(--muted);margin-top:1px}
[data-ch="author"] .what{display:block;font-size:15px;line-height:1.4;margin-top:4px}
[data-ch="author"] .go{color:var(--muted);font-size:18px}
[data-ch="author"] a:focus-visible{outline:2px solid var(--c-author);outline-offset:2px}
[data-ch="cover"] .apx{display:grid;gap:10px}
[data-ch="fats"] .daylist{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="fats"] .dayr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:12px 16px;border-top:1px solid var(--line);align-items:center}
[data-ch="fats"] .dayr:first-child{border-top:0}
[data-ch="fats"] .dayr b{font-size:16px}
[data-ch="fats"] .dayr p{margin:0;font-size:15px;color:var(--muted);line-height:1.4}
[data-ch="fats"] .dayn{display:grid;grid-template-columns:repeat(3,4.6em);gap:6px;font-variant-numeric:tabular-nums}
[data-ch="fats"] .dayn span{display:grid;font-size:12px;color:var(--muted);line-height:1.25}
[data-ch="fats"] .dayn i{font-style:normal;font-weight:600;font-size:15px;color:var(--ink)}
[data-ch="fats"] .dayr.total{background:var(--soft)}
@media (max-width:560px){[data-ch="fats"] .dayr{grid-template-columns:1fr}}

/* life — chapter 9: transition and everyday life */
[data-ch="life"], [data-ch="life"] *{box-sizing:border-box}
[data-ch="life"]{--acc:var(--c-life);--acc-soft:var(--c-life-soft);font-family:var(--ui);font-size:16px;line-height:1.5}
[data-ch="life"] a{color:inherit}
[data-ch="life"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="life"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="life"] h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,7.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="life"] h2{font-family:var(--display);font-weight:500;font-size:20px;line-height:1.25;margin:0;text-wrap:balance}
[data-ch="life"] h3{font-family:var(--display);font-weight:500;font-size:16px;line-height:1.25;margin:0}
[data-ch="life"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="life"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="life"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="life"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="life"] .stack{display:grid;gap:12px}
[data-ch="life"] .xl{color:var(--acc);font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
[data-ch="life"] .xl:hover{text-decoration:underline}
[data-ch="life"] a:focus-visible,[data-ch="life"] summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
[data-ch="life"] .path{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="life"] .step{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;text-decoration:none;min-height:76px;border-top:1px solid var(--line)}
[data-ch="life"] .step:first-child{border-top:0}
[data-ch="life"] .step:hover{background:var(--soft)}
[data-ch="life"] .sn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 15px var(--display);background:var(--acc-soft);color:var(--acc)}
[data-ch="life"] .sname{display:block;font-weight:600;font-size:17px;line-height:1.25}
[data-ch="life"] .stag{display:block;font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px}
[data-ch="life"] .sgo{color:var(--muted);font-size:18px}
[data-ch="life"] .fact{background:var(--acc-soft);border-radius:14px;padding:16px;display:grid;gap:8px}
[data-ch="life"] .fact>b{font-family:var(--display);font-weight:500;font-size:16px;color:var(--acc)}
[data-ch="life"] .fact .lk{display:flex;flex-wrap:wrap;gap:0 16px}
[data-ch="life"] .fact p{margin:0;font-size:16px;line-height:1.5;max-width:62ch}
[data-ch="life"] .cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
[data-ch="life"] .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:8px;align-content:start;min-width:0}
[data-ch="life"] .card p{margin:0;font-size:15px;line-height:1.45}
[data-ch="life"] .card .fit{color:var(--muted);font-size:14px}
[data-ch="life"] .spark{display:block;width:100%;height:auto;max-width:200px}
[data-ch="life"] .spark .ar{fill:var(--acc-soft)}
[data-ch="life"] .spark .ln{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
[data-ch="life"] .spark .ax{stroke:var(--line);stroke-width:1.5}
[data-ch="life"] .spark text{font:500 9px var(--ui);fill:var(--muted)}
[data-ch="life"] .check{list-style:none;margin:0;padding:0;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="life"] .check li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="life"] .check li:first-child{border-top:0}
[data-ch="life"] .ck{width:24px;height:24px;border-radius:50%;border:2px solid var(--acc);display:grid;place-items:center;color:var(--acc);font-size:13px;font-weight:700;margin-top:1px}
[data-ch="life"] .check b{display:block;font-size:16px;line-height:1.35}
[data-ch="life"] .check p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="life"] .swaps{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="life"] .sw{display:grid;grid-template-columns:minmax(0,7.6em) minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:baseline}
[data-ch="life"] .sw:first-child{border-top:0}
[data-ch="life"] .sw>b{font-size:15px;color:var(--muted);font-weight:600}
[data-ch="life"] .sw p{margin:0;font-size:16px;line-height:1.4}
[data-ch="life"] .sw .lk{display:flex;flex-wrap:wrap;gap:0 14px}
[data-ch="life"] .tips{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="life"] .tips .xl{font-family:var(--ui);margin-left:4px}
[data-ch="life"] .warn{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--st-no);border-radius:14px;padding:14px 16px;display:grid;gap:8px}
[data-ch="life"] .warn b{font-size:16px}
[data-ch="life"] .warn p{margin:0;font-size:15px;line-height:1.5}
[data-ch="life"] .plate{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:6px}
[data-ch="life"] .pl{border-radius:12px;padding:12px 14px;display:grid;gap:2px;align-content:center;min-height:64px;min-width:0}
[data-ch="life"] .pl b{font-size:15px}
[data-ch="life"] .pl span{font-size:14px;color:var(--muted);line-height:1.35}
[data-ch="life"] .pl.all{background:var(--acc-soft)}
[data-ch="life"] .pl.all b{color:var(--acc)}
[data-ch="life"] .own{display:grid;gap:6px}
[data-ch="life"] .own .pl{border:1.5px dashed var(--line);background:var(--surface)}
[data-ch="life"] .list{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="life"] .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:64px}
[data-ch="life"] .row:first-child{border-top:0}
[data-ch="life"] a.row:hover{background:var(--soft)}
[data-ch="life"] .rname{display:block;font-weight:600;font-size:16px;line-height:1.3}
[data-ch="life"] .rtag{display:block;font-size:14px;color:var(--muted);line-height:1.4;margin-top:2px}
[data-ch="life"] .rgo{color:var(--muted);font-size:18px}
[data-ch="life"] .tiers{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="life"] .tier{display:grid;grid-template-columns:4.4em minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="life"] .tier:first-child{border-top:0}
[data-ch="life"] .eur{font:700 17px var(--display);color:var(--acc);letter-spacing:.02em;white-space:nowrap}
[data-ch="life"] .eur i{font-style:normal;color:var(--line)}
[data-ch="life"] .tier b{display:block;font-size:16px}
[data-ch="life"] .tier p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="life"] .qa{display:grid;gap:8px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
[data-ch="life"] .q{justify-self:start;font-family:var(--read);font-style:italic;font-size:17px;line-height:1.4;background:var(--soft);border-radius:14px 14px 14px 4px;padding:8px 12px;max-width:92%}
[data-ch="life"] .a{justify-self:end;margin:0;font-size:16px;line-height:1.45;background:var(--acc-soft);border-radius:14px 14px 4px 14px;padding:10px 12px;max-width:92%}
[data-ch="life"] .qa .xl{justify-self:end}
[data-ch="life"] .cuis{display:grid;gap:10px}
[data-ch="life"] .cu{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px}
[data-ch="life"] .cu p{margin:0;font-size:15px;line-height:1.45}
[data-ch="life"] .cu .lb{display:inline-block;font:600 12px var(--ui);letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
[data-ch="life"] .cu .ok .lb{color:var(--st-yes)}
[data-ch="life"] .cu .ask .lb{color:var(--st-part)}
[data-ch="life"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="life"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--soft)}
[data-ch="life"] .phr{display:grid;gap:10px}
[data-ch="life"] .ph{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px}
[data-ch="life"] .ph>span{font-size:14px;color:var(--muted)}
[data-ch="life"] .pl2{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:8px;align-items:baseline}
[data-ch="life"] .lg{font:700 12px var(--ui);color:var(--acc);letter-spacing:.06em}
[data-ch="life"] .lt{font-size:17px;line-height:1.4;-webkit-user-select:text;user-select:text}
[data-ch="life"] .faq{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="life"] .faq details{border-top:1px solid var(--line)}
[data-ch="life"] .faq details:first-child{border-top:0}
[data-ch="life"] .faq summary{list-style:none;cursor:pointer;padding:14px 16px;min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;font-weight:600;font-size:16px;line-height:1.35}
[data-ch="life"] .faq summary::-webkit-details-marker{display:none}
[data-ch="life"] .faq summary::after{content:"+";font:500 24px/1 var(--ui);color:var(--acc)}
[data-ch="life"] .faq details[open] summary::after{content:"−"}
[data-ch="life"] .faq summary:hover{background:var(--soft)}
[data-ch="life"] .fa{padding:0 16px 16px;display:grid;gap:8px}
[data-ch="life"] .fa p{margin:0;font-family:var(--read);font-size:16.5px;line-height:1.55;max-width:62ch}
[data-ch="life"] .fa ul{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--read);font-size:16px;line-height:1.5;max-width:62ch}
[data-ch="life"] .fa .lk{display:flex;flex-wrap:wrap;gap:0 16px}
[data-ch="life"] .refs{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="life"] .ref{display:grid;gap:2px;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:60px}
[data-ch="life"] .ref:first-child{border-top:0}
[data-ch="life"] .ref:hover{background:var(--soft)}
[data-ch="life"] .ref b{font-size:15px}
[data-ch="life"] .ref span{font-size:14px;color:var(--muted);line-height:1.4}
[data-ch="life"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="life"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="life"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="life"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="life"] .btn.next{text-align:right}
[data-ch="life"] .btn:hover{background:var(--soft)}
@media (max-width:420px){[data-ch="life"] .plate{grid-template-columns:1fr}[data-ch="life"] .own{grid-template-columns:1fr 1fr}}
[data-ch="books"], [data-ch="books"] *{box-sizing:border-box}
[data-ch="books"]{--acc:var(--c-books);--acc-soft:var(--c-books-soft);font-family:var(--ui);font-size:16px;line-height:1.5}
[data-ch="books"] a{color:inherit}
[data-ch="books"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="books"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="books"] h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,7.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="books"] h2{font-family:var(--display);font-weight:500;font-size:20px;line-height:1.25;margin:0;text-wrap:balance}
[data-ch="books"] h3{font-family:var(--display);font-weight:500;font-size:16px;line-height:1.25;margin:0}
[data-ch="books"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="books"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="books"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="books"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="books"] .stack{display:grid;gap:12px}
[data-ch="books"] .xl{color:var(--acc);font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
[data-ch="books"] .xl:hover{text-decoration:underline}
[data-ch="books"] a:focus-visible,[data-ch="books"] summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
[data-ch="books"] .path{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="books"] .step{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;text-decoration:none;min-height:76px;border-top:1px solid var(--line)}
[data-ch="books"] .step:first-child{border-top:0}
[data-ch="books"] .step:hover{background:var(--soft)}
[data-ch="books"] .sn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 15px var(--display);background:var(--acc-soft);color:var(--acc)}
[data-ch="books"] .sname{display:block;font-weight:600;font-size:17px;line-height:1.25}
[data-ch="books"] .stag{display:block;font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px}
[data-ch="books"] .sgo{color:var(--muted);font-size:18px}
[data-ch="books"] .fact{background:var(--acc-soft);border-radius:14px;padding:16px;display:grid;gap:8px}
[data-ch="books"] .fact>b{font-family:var(--display);font-weight:500;font-size:16px;color:var(--acc)}
[data-ch="books"] .fact .lk{display:flex;flex-wrap:wrap;gap:0 16px}
[data-ch="books"] .fact p{margin:0;font-size:16px;line-height:1.5;max-width:62ch}
[data-ch="books"] .cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
[data-ch="books"] .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:8px;align-content:start;min-width:0}
[data-ch="books"] .card p{margin:0;font-size:15px;line-height:1.45}
[data-ch="books"] .card .fit{color:var(--muted);font-size:14px}
[data-ch="books"] .spark{display:block;width:100%;height:auto;max-width:200px}
[data-ch="books"] .spark .ar{fill:var(--acc-soft)}
[data-ch="books"] .spark .ln{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
[data-ch="books"] .spark .ax{stroke:var(--line);stroke-width:1.5}
[data-ch="books"] .spark text{font:500 9px var(--ui);fill:var(--muted)}
[data-ch="books"] .check{list-style:none;margin:0;padding:0;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="books"] .check li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="books"] .check li:first-child{border-top:0}
[data-ch="books"] .ck{width:24px;height:24px;border-radius:50%;border:2px solid var(--acc);display:grid;place-items:center;color:var(--acc);font-size:13px;font-weight:700;margin-top:1px}
[data-ch="books"] .check b{display:block;font-size:16px;line-height:1.35}
[data-ch="books"] .check p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="books"] .swaps{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="books"] .sw{display:grid;grid-template-columns:minmax(0,7.6em) minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:baseline}
[data-ch="books"] .sw:first-child{border-top:0}
[data-ch="books"] .sw>b{font-size:15px;color:var(--muted);font-weight:600}
[data-ch="books"] .sw p{margin:0;font-size:16px;line-height:1.4}
[data-ch="books"] .sw .lk{display:flex;flex-wrap:wrap;gap:0 14px}
[data-ch="books"] .tips{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="books"] .tips .xl{font-family:var(--ui);margin-left:4px}
[data-ch="books"] .warn{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--st-no);border-radius:14px;padding:14px 16px;display:grid;gap:8px}
[data-ch="books"] .warn b{font-size:16px}
[data-ch="books"] .warn p{margin:0;font-size:15px;line-height:1.5}
[data-ch="books"] .plate{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:6px}
[data-ch="books"] .pl{border-radius:12px;padding:12px 14px;display:grid;gap:2px;align-content:center;min-height:64px;min-width:0}
[data-ch="books"] .pl b{font-size:15px}
[data-ch="books"] .pl span{font-size:14px;color:var(--muted);line-height:1.35}
[data-ch="books"] .pl.all{background:var(--acc-soft)}
[data-ch="books"] .pl.all b{color:var(--acc)}
[data-ch="books"] .own{display:grid;gap:6px}
[data-ch="books"] .own .pl{border:1.5px dashed var(--line);background:var(--surface)}
[data-ch="books"] .list{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="books"] .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:64px}
[data-ch="books"] .row:first-child{border-top:0}
[data-ch="books"] a.row:hover{background:var(--soft)}
[data-ch="books"] .rname{display:block;font-weight:600;font-size:16px;line-height:1.3}
[data-ch="books"] .rtag{display:block;font-size:14px;color:var(--muted);line-height:1.4;margin-top:2px}
[data-ch="books"] .rgo{color:var(--muted);font-size:18px}
[data-ch="books"] .tiers{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="books"] .tier{display:grid;grid-template-columns:4.4em minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="books"] .tier:first-child{border-top:0}
[data-ch="books"] .eur{font:700 17px var(--display);color:var(--acc);letter-spacing:.02em;white-space:nowrap}
[data-ch="books"] .eur i{font-style:normal;color:var(--line)}
[data-ch="books"] .tier b{display:block;font-size:16px}
[data-ch="books"] .tier p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="books"] .qa{display:grid;gap:8px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
[data-ch="books"] .q{justify-self:start;font-family:var(--read);font-style:italic;font-size:17px;line-height:1.4;background:var(--soft);border-radius:14px 14px 14px 4px;padding:8px 12px;max-width:92%}
[data-ch="books"] .a{justify-self:end;margin:0;font-size:16px;line-height:1.45;background:var(--acc-soft);border-radius:14px 14px 4px 14px;padding:10px 12px;max-width:92%}
[data-ch="books"] .qa .xl{justify-self:end}
[data-ch="books"] .cuis{display:grid;gap:10px}
[data-ch="books"] .cu{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px}
[data-ch="books"] .cu p{margin:0;font-size:15px;line-height:1.45}
[data-ch="books"] .cu .lb{display:inline-block;font:600 12px var(--ui);letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
[data-ch="books"] .cu .ok .lb{color:var(--st-yes)}
[data-ch="books"] .cu .ask .lb{color:var(--st-part)}
[data-ch="books"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="books"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--soft)}
[data-ch="books"] .phr{display:grid;gap:10px}
[data-ch="books"] .ph{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px}
[data-ch="books"] .ph>span{font-size:14px;color:var(--muted)}
[data-ch="books"] .pl2{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:8px;align-items:baseline}
[data-ch="books"] .lg{font:700 12px var(--ui);color:var(--acc);letter-spacing:.06em}
[data-ch="books"] .lt{font-size:17px;line-height:1.4;-webkit-user-select:text;user-select:text}
[data-ch="books"] .faq{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="books"] .faq details{border-top:1px solid var(--line)}
[data-ch="books"] .faq details:first-child{border-top:0}
[data-ch="books"] .faq summary{list-style:none;cursor:pointer;padding:14px 16px;min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;font-weight:600;font-size:16px;line-height:1.35}
[data-ch="books"] .faq summary::-webkit-details-marker{display:none}
[data-ch="books"] .faq summary::after{content:"+";font:500 24px/1 var(--ui);color:var(--acc)}
[data-ch="books"] .faq details[open] summary::after{content:"−"}
[data-ch="books"] .faq summary:hover{background:var(--soft)}
[data-ch="books"] .fa{padding:0 16px 16px;display:grid;gap:8px}
[data-ch="books"] .fa p{margin:0;font-family:var(--read);font-size:16.5px;line-height:1.55;max-width:62ch}
[data-ch="books"] .fa ul{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--read);font-size:16px;line-height:1.5;max-width:62ch}
[data-ch="books"] .fa .lk{display:flex;flex-wrap:wrap;gap:0 16px}
[data-ch="books"] .refs{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="books"] .ref{display:grid;gap:2px;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:60px}
[data-ch="books"] .ref:first-child{border-top:0}
[data-ch="books"] .ref:hover{background:var(--soft)}
[data-ch="books"] .ref b{font-size:15px}
[data-ch="books"] .ref span{font-size:14px;color:var(--muted);line-height:1.4}
[data-ch="books"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="books"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="books"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="books"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="books"] .btn.next{text-align:right}
[data-ch="books"] .btn:hover{background:var(--soft)}
@media (max-width:420px){[data-ch="books"] .plate{grid-template-columns:1fr}[data-ch="books"] .own{grid-template-columns:1fr 1fr}}
[data-ch="books"] .bks{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
[data-ch="books"] .bk{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:6px;align-content:start;min-width:0}
[data-ch="books"] .bk-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
[data-ch="books"] .ru{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted)}
[data-ch="books"] .ru-yes,[data-ch="books"] .ru-orig{background:var(--acc-soft);color:var(--acc)}
[data-ch="books"] .yr{font-size:13px;color:var(--muted);font-weight:600}
[data-ch="books"] .bk h3{font-family:var(--display);font-weight:600;font-size:18px;line-height:1.25;margin:4px 0 0;text-wrap:balance}
[data-ch="books"] .bk .au{font-size:14px;color:var(--muted);margin:0}
[data-ch="books"] .bk p{margin:0;font-size:15px;line-height:1.5}
[data-ch="books"] .bk .cav{background:var(--soft);border-radius:10px;padding:10px 12px;font-size:14px}
[data-ch="books"] .bk .xl{justify-self:start}
[data-ch="kitchen"], [data-ch="kitchen"] *{box-sizing:border-box}
[data-ch="kitchen"]{--acc:var(--c-kitchen);--acc-soft:var(--c-kitchen-soft);font-family:var(--ui);font-size:16px;line-height:1.5}
[data-ch="kitchen"] a{color:inherit}
[data-ch="kitchen"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="kitchen"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="kitchen"] h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,7.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="kitchen"] h2{font-family:var(--display);font-weight:500;font-size:20px;line-height:1.25;margin:0;text-wrap:balance}
[data-ch="kitchen"] h3{font-family:var(--display);font-weight:500;font-size:16px;line-height:1.25;margin:0}
[data-ch="kitchen"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="kitchen"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="kitchen"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="kitchen"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="kitchen"] .stack{display:grid;gap:12px}
[data-ch="kitchen"] .xl{color:var(--acc);font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
[data-ch="kitchen"] .xl:hover{text-decoration:underline}
[data-ch="kitchen"] a:focus-visible,[data-ch="kitchen"] summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
[data-ch="kitchen"] .path{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="kitchen"] .step{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;text-decoration:none;min-height:76px;border-top:1px solid var(--line)}
[data-ch="kitchen"] .step:first-child{border-top:0}
[data-ch="kitchen"] .step:hover{background:var(--soft)}
[data-ch="kitchen"] .sn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 15px var(--display);background:var(--acc-soft);color:var(--acc)}
[data-ch="kitchen"] .sname{display:block;font-weight:600;font-size:17px;line-height:1.25}
[data-ch="kitchen"] .stag{display:block;font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px}
[data-ch="kitchen"] .sgo{color:var(--muted);font-size:18px}
[data-ch="kitchen"] .fact{background:var(--acc-soft);border-radius:14px;padding:16px;display:grid;gap:8px}
[data-ch="kitchen"] .fact>b{font-family:var(--display);font-weight:500;font-size:16px;color:var(--acc)}
[data-ch="kitchen"] .fact .lk{display:flex;flex-wrap:wrap;gap:0 16px}
[data-ch="kitchen"] .fact p{margin:0;font-size:16px;line-height:1.5;max-width:62ch}
[data-ch="kitchen"] .cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
[data-ch="kitchen"] .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:8px;align-content:start;min-width:0}
[data-ch="kitchen"] .card p{margin:0;font-size:15px;line-height:1.45}
[data-ch="kitchen"] .card .fit{color:var(--muted);font-size:14px}
[data-ch="kitchen"] .spark{display:block;width:100%;height:auto;max-width:200px}
[data-ch="kitchen"] .spark .ar{fill:var(--acc-soft)}
[data-ch="kitchen"] .spark .ln{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
[data-ch="kitchen"] .spark .ax{stroke:var(--line);stroke-width:1.5}
[data-ch="kitchen"] .spark text{font:500 9px var(--ui);fill:var(--muted)}
[data-ch="kitchen"] .check{list-style:none;margin:0;padding:0;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="kitchen"] .check li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="kitchen"] .check li:first-child{border-top:0}
[data-ch="kitchen"] .ck{width:24px;height:24px;border-radius:50%;border:2px solid var(--acc);display:grid;place-items:center;color:var(--acc);font-size:13px;font-weight:700;margin-top:1px}
[data-ch="kitchen"] .check b{display:block;font-size:16px;line-height:1.35}
[data-ch="kitchen"] .check p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="kitchen"] .swaps{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="kitchen"] .sw{display:grid;grid-template-columns:minmax(0,7.6em) minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:baseline}
[data-ch="kitchen"] .sw:first-child{border-top:0}
[data-ch="kitchen"] .sw>b{font-size:15px;color:var(--muted);font-weight:600}
[data-ch="kitchen"] .sw p{margin:0;font-size:16px;line-height:1.4}
[data-ch="kitchen"] .sw .lk{display:flex;flex-wrap:wrap;gap:0 14px}
[data-ch="kitchen"] .tips{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="kitchen"] .tips .xl{font-family:var(--ui);margin-left:4px}
[data-ch="kitchen"] .warn{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--st-no);border-radius:14px;padding:14px 16px;display:grid;gap:8px}
[data-ch="kitchen"] .warn b{font-size:16px}
[data-ch="kitchen"] .warn p{margin:0;font-size:15px;line-height:1.5}
[data-ch="kitchen"] .plate{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:6px}
[data-ch="kitchen"] .pl{border-radius:12px;padding:12px 14px;display:grid;gap:2px;align-content:center;min-height:64px;min-width:0}
[data-ch="kitchen"] .pl b{font-size:15px}
[data-ch="kitchen"] .pl span{font-size:14px;color:var(--muted);line-height:1.35}
[data-ch="kitchen"] .pl.all{background:var(--acc-soft)}
[data-ch="kitchen"] .pl.all b{color:var(--acc)}
[data-ch="kitchen"] .own{display:grid;gap:6px}
[data-ch="kitchen"] .own .pl{border:1.5px dashed var(--line);background:var(--surface)}
[data-ch="kitchen"] .list{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="kitchen"] .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:64px}
[data-ch="kitchen"] .row:first-child{border-top:0}
[data-ch="kitchen"] a.row:hover{background:var(--soft)}
[data-ch="kitchen"] .rname{display:block;font-weight:600;font-size:16px;line-height:1.3}
[data-ch="kitchen"] .rtag{display:block;font-size:14px;color:var(--muted);line-height:1.4;margin-top:2px}
[data-ch="kitchen"] .rgo{color:var(--muted);font-size:18px}
[data-ch="kitchen"] .tiers{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="kitchen"] .tier{display:grid;grid-template-columns:4.4em minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="kitchen"] .tier:first-child{border-top:0}
[data-ch="kitchen"] .eur{font:700 17px var(--display);color:var(--acc);letter-spacing:.02em;white-space:nowrap}
[data-ch="kitchen"] .eur i{font-style:normal;color:var(--line)}
[data-ch="kitchen"] .tier b{display:block;font-size:16px}
[data-ch="kitchen"] .tier p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="kitchen"] .qa{display:grid;gap:8px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
[data-ch="kitchen"] .q{justify-self:start;font-family:var(--read);font-style:italic;font-size:17px;line-height:1.4;background:var(--soft);border-radius:14px 14px 14px 4px;padding:8px 12px;max-width:92%}
[data-ch="kitchen"] .a{justify-self:end;margin:0;font-size:16px;line-height:1.45;background:var(--acc-soft);border-radius:14px 14px 4px 14px;padding:10px 12px;max-width:92%}
[data-ch="kitchen"] .qa .xl{justify-self:end}
[data-ch="kitchen"] .cuis{display:grid;gap:10px}
[data-ch="kitchen"] .cu{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px}
[data-ch="kitchen"] .cu p{margin:0;font-size:15px;line-height:1.45}
[data-ch="kitchen"] .cu .lb{display:inline-block;font:600 12px var(--ui);letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
[data-ch="kitchen"] .cu .ok .lb{color:var(--st-yes)}
[data-ch="kitchen"] .cu .ask .lb{color:var(--st-part)}
[data-ch="kitchen"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="kitchen"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--soft)}
[data-ch="kitchen"] .phr{display:grid;gap:10px}
[data-ch="kitchen"] .ph{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px}
[data-ch="kitchen"] .ph>span{font-size:14px;color:var(--muted)}
[data-ch="kitchen"] .pl2{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:8px;align-items:baseline}
[data-ch="kitchen"] .lg{font:700 12px var(--ui);color:var(--acc);letter-spacing:.06em}
[data-ch="kitchen"] .lt{font-size:17px;line-height:1.4;-webkit-user-select:text;user-select:text}
[data-ch="kitchen"] .faq{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="kitchen"] .faq details{border-top:1px solid var(--line)}
[data-ch="kitchen"] .faq details:first-child{border-top:0}
[data-ch="kitchen"] .faq summary{list-style:none;cursor:pointer;padding:14px 16px;min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;font-weight:600;font-size:16px;line-height:1.35}
[data-ch="kitchen"] .faq summary::-webkit-details-marker{display:none}
[data-ch="kitchen"] .faq summary::after{content:"+";font:500 24px/1 var(--ui);color:var(--acc)}
[data-ch="kitchen"] .faq details[open] summary::after{content:"−"}
[data-ch="kitchen"] .faq summary:hover{background:var(--soft)}
[data-ch="kitchen"] .fa{padding:0 16px 16px;display:grid;gap:8px}
[data-ch="kitchen"] .fa p{margin:0;font-family:var(--read);font-size:16.5px;line-height:1.55;max-width:62ch}
[data-ch="kitchen"] .fa ul{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--read);font-size:16px;line-height:1.5;max-width:62ch}
[data-ch="kitchen"] .fa .lk{display:flex;flex-wrap:wrap;gap:0 16px}
[data-ch="kitchen"] .refs{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="kitchen"] .ref{display:grid;gap:2px;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:60px}
[data-ch="kitchen"] .ref:first-child{border-top:0}
[data-ch="kitchen"] .ref:hover{background:var(--soft)}
[data-ch="kitchen"] .ref b{font-size:15px}
[data-ch="kitchen"] .ref span{font-size:14px;color:var(--muted);line-height:1.4}
[data-ch="kitchen"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="kitchen"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="kitchen"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="kitchen"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="kitchen"] .btn.next{text-align:right}
[data-ch="kitchen"] .btn:hover{background:var(--soft)}
@media (max-width:420px){[data-ch="kitchen"] .plate{grid-template-columns:1fr}[data-ch="kitchen"] .own{grid-template-columns:1fr 1fr}}
[data-ch="plate"], [data-ch="plate"] *{box-sizing:border-box}
[data-ch="plate"]{--acc:var(--c-plate);--acc-soft:var(--c-plate-soft);font-family:var(--ui);font-size:16px;line-height:1.5}
[data-ch="plate"] a{color:inherit}
[data-ch="plate"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="plate"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="plate"] h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,7.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="plate"] h2{font-family:var(--display);font-weight:500;font-size:20px;line-height:1.25;margin:0;text-wrap:balance}
[data-ch="plate"] h3{font-family:var(--display);font-weight:500;font-size:16px;line-height:1.25;margin:0}
[data-ch="plate"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="plate"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="plate"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="plate"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="plate"] .stack{display:grid;gap:12px}
[data-ch="plate"] .xl{color:var(--acc);font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
[data-ch="plate"] .xl:hover{text-decoration:underline}
[data-ch="plate"] a:focus-visible,[data-ch="plate"] summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
[data-ch="plate"] .path{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="plate"] .step{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;text-decoration:none;min-height:76px;border-top:1px solid var(--line)}
[data-ch="plate"] .step:first-child{border-top:0}
[data-ch="plate"] .step:hover{background:var(--soft)}
[data-ch="plate"] .sn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 15px var(--display);background:var(--acc-soft);color:var(--acc)}
[data-ch="plate"] .sname{display:block;font-weight:600;font-size:17px;line-height:1.25}
[data-ch="plate"] .stag{display:block;font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px}
[data-ch="plate"] .sgo{color:var(--muted);font-size:18px}
[data-ch="plate"] .fact{background:var(--acc-soft);border-radius:14px;padding:16px;display:grid;gap:8px}
[data-ch="plate"] .fact>b{font-family:var(--display);font-weight:500;font-size:16px;color:var(--acc)}
[data-ch="plate"] .fact .lk{display:flex;flex-wrap:wrap;gap:0 16px}
[data-ch="plate"] .fact p{margin:0;font-size:16px;line-height:1.5;max-width:62ch}
[data-ch="plate"] .cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
[data-ch="plate"] .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:8px;align-content:start;min-width:0}
[data-ch="plate"] .card p{margin:0;font-size:15px;line-height:1.45}
[data-ch="plate"] .card .fit{color:var(--muted);font-size:14px}
[data-ch="plate"] .spark{display:block;width:100%;height:auto;max-width:200px}
[data-ch="plate"] .spark .ar{fill:var(--acc-soft)}
[data-ch="plate"] .spark .ln{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
[data-ch="plate"] .spark .ax{stroke:var(--line);stroke-width:1.5}
[data-ch="plate"] .spark text{font:500 9px var(--ui);fill:var(--muted)}
[data-ch="plate"] .check{list-style:none;margin:0;padding:0;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="plate"] .check li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="plate"] .check li:first-child{border-top:0}
[data-ch="plate"] .ck{width:24px;height:24px;border-radius:50%;border:2px solid var(--acc);display:grid;place-items:center;color:var(--acc);font-size:13px;font-weight:700;margin-top:1px}
[data-ch="plate"] .check b{display:block;font-size:16px;line-height:1.35}
[data-ch="plate"] .check p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="plate"] .swaps{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="plate"] .sw{display:grid;grid-template-columns:minmax(0,7.6em) minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:baseline}
[data-ch="plate"] .sw:first-child{border-top:0}
[data-ch="plate"] .sw>b{font-size:15px;color:var(--muted);font-weight:600}
[data-ch="plate"] .sw p{margin:0;font-size:16px;line-height:1.4}
[data-ch="plate"] .sw .lk{display:flex;flex-wrap:wrap;gap:0 14px}
[data-ch="plate"] .tips{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="plate"] .tips .xl{font-family:var(--ui);margin-left:4px}
[data-ch="plate"] .warn{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--st-no);border-radius:14px;padding:14px 16px;display:grid;gap:8px}
[data-ch="plate"] .warn b{font-size:16px}
[data-ch="plate"] .warn p{margin:0;font-size:15px;line-height:1.5}
[data-ch="plate"] .plate{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:6px}
[data-ch="plate"] .pl{border-radius:12px;padding:12px 14px;display:grid;gap:2px;align-content:center;min-height:64px;min-width:0}
[data-ch="plate"] .pl b{font-size:15px}
[data-ch="plate"] .pl span{font-size:14px;color:var(--muted);line-height:1.35}
[data-ch="plate"] .pl.all{background:var(--acc-soft)}
[data-ch="plate"] .pl.all b{color:var(--acc)}
[data-ch="plate"] .own{display:grid;gap:6px}
[data-ch="plate"] .own .pl{border:1.5px dashed var(--line);background:var(--surface)}
[data-ch="plate"] .list{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="plate"] .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:64px}
[data-ch="plate"] .row:first-child{border-top:0}
[data-ch="plate"] a.row:hover{background:var(--soft)}
[data-ch="plate"] .rname{display:block;font-weight:600;font-size:16px;line-height:1.3}
[data-ch="plate"] .rtag{display:block;font-size:14px;color:var(--muted);line-height:1.4;margin-top:2px}
[data-ch="plate"] .rgo{color:var(--muted);font-size:18px}
[data-ch="plate"] .tiers{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="plate"] .tier{display:grid;grid-template-columns:4.4em minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="plate"] .tier:first-child{border-top:0}
[data-ch="plate"] .eur{font:700 17px var(--display);color:var(--acc);letter-spacing:.02em;white-space:nowrap}
[data-ch="plate"] .eur i{font-style:normal;color:var(--line)}
[data-ch="plate"] .tier b{display:block;font-size:16px}
[data-ch="plate"] .tier p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="plate"] .qa{display:grid;gap:8px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
[data-ch="plate"] .q{justify-self:start;font-family:var(--read);font-style:italic;font-size:17px;line-height:1.4;background:var(--soft);border-radius:14px 14px 14px 4px;padding:8px 12px;max-width:92%}
[data-ch="plate"] .a{justify-self:end;margin:0;font-size:16px;line-height:1.45;background:var(--acc-soft);border-radius:14px 14px 4px 14px;padding:10px 12px;max-width:92%}
[data-ch="plate"] .qa .xl{justify-self:end}
[data-ch="plate"] .cuis{display:grid;gap:10px}
[data-ch="plate"] .cu{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px}
[data-ch="plate"] .cu p{margin:0;font-size:15px;line-height:1.45}
[data-ch="plate"] .cu .lb{display:inline-block;font:600 12px var(--ui);letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
[data-ch="plate"] .cu .ok .lb{color:var(--st-yes)}
[data-ch="plate"] .cu .ask .lb{color:var(--st-part)}
[data-ch="plate"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="plate"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--soft)}
[data-ch="plate"] .phr{display:grid;gap:10px}
[data-ch="plate"] .ph{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px}
[data-ch="plate"] .ph>span{font-size:14px;color:var(--muted)}
[data-ch="plate"] .pl2{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:8px;align-items:baseline}
[data-ch="plate"] .lg{font:700 12px var(--ui);color:var(--acc);letter-spacing:.06em}
[data-ch="plate"] .lt{font-size:17px;line-height:1.4;-webkit-user-select:text;user-select:text}
[data-ch="plate"] .faq{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="plate"] .faq details{border-top:1px solid var(--line)}
[data-ch="plate"] .faq details:first-child{border-top:0}
[data-ch="plate"] .faq summary{list-style:none;cursor:pointer;padding:14px 16px;min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;font-weight:600;font-size:16px;line-height:1.35}
[data-ch="plate"] .faq summary::-webkit-details-marker{display:none}
[data-ch="plate"] .faq summary::after{content:"+";font:500 24px/1 var(--ui);color:var(--acc)}
[data-ch="plate"] .faq details[open] summary::after{content:"−"}
[data-ch="plate"] .faq summary:hover{background:var(--soft)}
[data-ch="plate"] .fa{padding:0 16px 16px;display:grid;gap:8px}
[data-ch="plate"] .fa p{margin:0;font-family:var(--read);font-size:16.5px;line-height:1.55;max-width:62ch}
[data-ch="plate"] .fa ul{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--read);font-size:16px;line-height:1.5;max-width:62ch}
[data-ch="plate"] .fa .lk{display:flex;flex-wrap:wrap;gap:0 16px}
[data-ch="plate"] .refs{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="plate"] .ref{display:grid;gap:2px;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:60px}
[data-ch="plate"] .ref:first-child{border-top:0}
[data-ch="plate"] .ref:hover{background:var(--soft)}
[data-ch="plate"] .ref b{font-size:15px}
[data-ch="plate"] .ref span{font-size:14px;color:var(--muted);line-height:1.4}
[data-ch="plate"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="plate"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="plate"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="plate"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="plate"] .btn.next{text-align:right}
[data-ch="plate"] .btn:hover{background:var(--soft)}
@media (max-width:420px){[data-ch="plate"] .plate{grid-template-columns:1fr}[data-ch="plate"] .own{grid-template-columns:1fr 1fr}}
[data-ch="kitchen"] .steps{list-style:none;counter-reset:st;margin:0;padding:0;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="kitchen"] .steps li{counter-increment:st;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;padding:12px 16px;border-top:1px solid var(--line)}
[data-ch="kitchen"] .steps li:first-child{border-top:0}
[data-ch="kitchen"] .steps li::before{content:counter(st);grid-row:span 3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc);font:700 14px var(--display)}
[data-ch="kitchen"] .steps b{font-size:16px;line-height:1.35}
[data-ch="kitchen"] .steps p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="kitchen"] .chains{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
[data-ch="kitchen"] .chain{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:8px;align-content:start;min-width:0}
[data-ch="kitchen"] .chain>b{font-size:16px;color:var(--acc)}
[data-ch="kitchen"] .chain ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
[data-ch="kitchen"] .chain li{display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:8px;font-size:15px;line-height:1.4}
[data-ch="kitchen"] .chain i{font-style:normal;font-weight:600;color:var(--muted);font-size:13px;padding-top:2px}
[data-ch="kitchen"] .chain .lk{display:flex;flex-wrap:wrap;gap:0 14px}
[data-ch="kitchen"] .tips b{font-family:var(--ui);font-weight:600;font-size:16px}
[data-ch="plate"] .pfig{margin:0;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
[data-ch="plate"] .plateviz{width:100%;max-width:340px;height:auto;display:block}
[data-ch="plate"] .plateviz .rim{fill:var(--surface);stroke:var(--line);stroke-width:2}
[data-ch="plate"] .plateviz .cut{stroke:var(--surface);stroke-width:3}
[data-ch="plate"] .plateviz text{font:600 12px var(--ui);fill:var(--pl-ink);text-anchor:middle}
[data-ch="plate"] .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:baseline;flex:none}
[data-ch="plate"] .sw>b.lbl{color:var(--ink);font-size:14px}
[data-ch="plate"] .sw p b{font-weight:600}
[data-ch="plate"] .goals{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
[data-ch="plate"] .goal{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start}
[data-ch="plate"] .mini{width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 4px var(--surface),0 0 0 5px var(--line);margin:4px 0 0 0}
[data-ch="plate"] .goal b{display:block;font-size:16px;line-height:1.3}
[data-ch="plate"] .goal p{margin:4px 0 0;font-size:15px;line-height:1.45}
[data-ch="plate"] .goal .pct{font-size:13px;color:var(--muted);margin-top:2px}
[data-ch="plate"] .dtabs{display:flex;flex-wrap:wrap;gap:8px}
[data-ch="plate"] .dtab{font:600 15px var(--ui);min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
[data-ch="plate"] .dtab[aria-selected="true"]{background:var(--acc);border-color:var(--acc);color:var(--bg)}
[data-ch="plate"] .day{display:grid;gap:10px}
[data-ch="plate"] .meals{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="plate"] .meal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 16px;border-top:1px solid var(--line);align-items:center}
[data-ch="plate"] .meal:first-child{border-top:0}
[data-ch="plate"] .mt{grid-column:1/-1;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
[data-ch="plate"] .md{min-width:0;font-size:16px;line-height:1.4}
[data-ch="plate"] .md a{color:var(--acc);font-weight:600;text-decoration:none}
[data-ch="plate"] .mn{font-size:13px;color:var(--muted);text-align:right;line-height:1.35;white-space:nowrap}
[data-ch="plate"] .mn b{color:var(--ink);font-size:15px}
[data-ch="plate"] .meal.total{background:var(--acc-soft)}
[data-ch="plate"] .meal.total .md{color:var(--muted);font-size:14px}
[data-ch="plate"] .chkhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
[data-ch="plate"] .cnt{font-size:14px;color:var(--muted);font-weight:600}
[data-ch="plate"] .chk{list-style:none;margin:0;padding:0;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="plate"] .chk li{border-top:1px solid var(--line);padding:4px 16px 10px}
[data-ch="plate"] .chk li:first-child{border-top:0}
[data-ch="plate"] .cb{all:unset;box-sizing:border-box;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:8px 0 2px;cursor:pointer;min-height:44px}
[data-ch="plate"] .cb:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:8px}
[data-ch="plate"] .box{width:26px;height:26px;border-radius:8px;border:2px solid var(--acc);display:grid;place-items:center;color:transparent;font-size:15px;font-weight:700;margin-top:1px}
[data-ch="plate"] .cb[aria-checked="true"] .box{background:var(--acc);color:var(--bg)}
[data-ch="plate"] .cb[aria-checked="true"] .ct b{text-decoration:line-through;text-decoration-color:var(--muted)}
[data-ch="plate"] .ct b{display:block;font-size:16px;line-height:1.35}
[data-ch="plate"] .ct span{display:block;font-size:15px;color:var(--muted);line-height:1.45;margin-top:2px}
[data-ch="plate"] .chk .xl{margin-left:40px;min-height:28px;font-size:14px}
[data-ch="plate"] .reset{justify-self:start;font:600 14px var(--ui);min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer}

/* life — chapter 9: transition and everyday life */
[data-ch="train"], [data-ch="train"] *{box-sizing:border-box}
[data-ch="train"]{--acc:var(--c-train);--acc-soft:var(--c-train-soft);font-family:var(--ui);font-size:16px;line-height:1.5}
[data-ch="train"] a{color:inherit}
[data-ch="train"] .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px;display:grid;gap:28px}
[data-ch="train"] .eyebrow{font:600 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
[data-ch="train"] h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,7.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:6px 0 0;text-wrap:balance}
[data-ch="train"] h2{font-family:var(--display);font-weight:500;font-size:20px;line-height:1.25;margin:0;text-wrap:balance}
[data-ch="train"] h3{font-family:var(--display);font-weight:500;font-size:16px;line-height:1.25;margin:0}
[data-ch="train"] .lead{font-family:var(--read);font-size:18px;line-height:1.55;margin:12px 0 0;max-width:60ch}
[data-ch="train"] .prose{font-family:var(--read);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
[data-ch="train"] .note{font-size:14px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="train"] .disclaim{font-size:13px;color:var(--muted);margin:0;max-width:62ch}
[data-ch="train"] .stack{display:grid;gap:12px}
[data-ch="train"] .xl{color:var(--acc);font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
[data-ch="train"] .xl:hover{text-decoration:underline}
[data-ch="train"] a:focus-visible,[data-ch="train"] summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
[data-ch="train"] .path{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="train"] .step{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;text-decoration:none;min-height:76px;border-top:1px solid var(--line)}
[data-ch="train"] .step:first-child{border-top:0}
[data-ch="train"] .step:hover{background:var(--soft)}
[data-ch="train"] .sn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 15px var(--display);background:var(--acc-soft);color:var(--acc)}
[data-ch="train"] .sname{display:block;font-weight:600;font-size:17px;line-height:1.25}
[data-ch="train"] .stag{display:block;font-size:14px;color:var(--muted);line-height:1.35;margin-top:2px}
[data-ch="train"] .sgo{color:var(--muted);font-size:18px}
[data-ch="train"] .fact{background:var(--acc-soft);border-radius:14px;padding:16px;display:grid;gap:8px}
[data-ch="train"] .fact>b{font-family:var(--display);font-weight:500;font-size:16px;color:var(--acc)}
[data-ch="train"] .fact p{margin:0;font-size:16px;line-height:1.5;max-width:62ch}
[data-ch="train"] .cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
[data-ch="train"] .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:8px;align-content:start;min-width:0}
[data-ch="train"] .card p{margin:0;font-size:15px;line-height:1.45}
[data-ch="train"] .card .fit{color:var(--muted);font-size:14px}
[data-ch="train"] .spark{display:block;width:100%;height:auto;max-width:100%}
[data-ch="train"] .spark .ar{fill:var(--acc-soft)}
[data-ch="train"] .spark .ln{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
[data-ch="train"] .spark .ax{stroke:var(--line);stroke-width:1.5}
[data-ch="train"] .spark text{font:500 9px var(--ui);fill:var(--muted)}
[data-ch="train"] .check{list-style:none;margin:0;padding:0;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="train"] .check li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="train"] .check li:first-child{border-top:0}
[data-ch="train"] .ck{width:24px;height:24px;border-radius:50%;border:2px solid var(--acc);display:grid;place-items:center;color:var(--acc);font-size:13px;font-weight:700;margin-top:1px}
[data-ch="train"] .check b{display:block;font-size:16px;line-height:1.35}
[data-ch="train"] .check p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="train"] .swaps{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="train"] .sw{display:grid;grid-template-columns:minmax(0,7.6em) minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:baseline}
[data-ch="train"] .sw:first-child{border-top:0}
[data-ch="train"] .sw>b{font-size:15px;color:var(--muted);font-weight:600}
[data-ch="train"] .sw p{margin:0;font-size:16px;line-height:1.4}
[data-ch="train"] .sw .lk{display:flex;flex-wrap:wrap;gap:0 14px}
[data-ch="train"] .tips{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--read);font-size:17px;line-height:1.5;max-width:62ch}
[data-ch="train"] .tips .xl{font-family:var(--ui);margin-left:4px}
[data-ch="train"] .warn{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--st-no);border-radius:14px;padding:14px 16px;display:grid;gap:8px}
[data-ch="train"] .warn b{font-size:16px}
[data-ch="train"] .warn p{margin:0;font-size:15px;line-height:1.5}
[data-ch="train"] .plate{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:6px}
[data-ch="train"] .pl{border-radius:12px;padding:12px 14px;display:grid;gap:2px;align-content:center;min-height:64px;min-width:0}
[data-ch="train"] .pl b{font-size:15px}
[data-ch="train"] .pl span{font-size:14px;color:var(--muted);line-height:1.35}
[data-ch="train"] .pl.all{background:var(--acc-soft)}
[data-ch="train"] .pl.all b{color:var(--acc)}
[data-ch="train"] .own{display:grid;gap:6px}
[data-ch="train"] .own .pl{border:1.5px dashed var(--line);background:var(--surface)}
[data-ch="train"] .list{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="train"] .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:64px}
[data-ch="train"] .row:first-child{border-top:0}
[data-ch="train"] a.row:hover{background:var(--soft)}
[data-ch="train"] .rname{display:block;font-weight:600;font-size:16px;line-height:1.3}
[data-ch="train"] .rtag{display:block;font-size:14px;color:var(--muted);line-height:1.4;margin-top:2px}
[data-ch="train"] .rgo{color:var(--muted);font-size:18px}
[data-ch="train"] .tiers{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="train"] .tier{display:grid;grid-template-columns:4.4em minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
[data-ch="train"] .tier:first-child{border-top:0}
[data-ch="train"] .eur{font:700 17px var(--display);color:var(--acc);letter-spacing:.02em;white-space:nowrap}
[data-ch="train"] .eur i{font-style:normal;color:var(--line)}
[data-ch="train"] .tier b{display:block;font-size:16px}
[data-ch="train"] .tier p{margin:2px 0 0;font-size:15px;color:var(--muted);line-height:1.45}
[data-ch="train"] .qa{display:grid;gap:8px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
[data-ch="train"] .q{justify-self:start;font-family:var(--read);font-style:italic;font-size:17px;line-height:1.4;background:var(--soft);border-radius:14px 14px 14px 4px;padding:8px 12px;max-width:92%}
[data-ch="train"] .a{justify-self:end;margin:0;font-size:16px;line-height:1.45;background:var(--acc-soft);border-radius:14px 14px 4px 14px;padding:10px 12px;max-width:92%}
[data-ch="train"] .qa .xl{justify-self:end}
[data-ch="train"] .cuis{display:grid;gap:10px}
[data-ch="train"] .cu{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px}
[data-ch="train"] .cu p{margin:0;font-size:15px;line-height:1.45}
[data-ch="train"] .cu .lb{display:inline-block;font:600 12px var(--ui);letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
[data-ch="train"] .cu .ok .lb{color:var(--st-yes)}
[data-ch="train"] .cu .ask .lb{color:var(--st-part)}
[data-ch="train"] .chips{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="train"] .chip{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--soft)}
[data-ch="train"] .phr{display:grid;gap:10px}
[data-ch="train"] .ph{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px}
[data-ch="train"] .ph>span{font-size:14px;color:var(--muted)}
[data-ch="train"] .pl2{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:8px;align-items:baseline}
[data-ch="train"] .lg{font:700 12px var(--ui);color:var(--acc);letter-spacing:.06em}
[data-ch="train"] .lt{font-size:17px;line-height:1.4;-webkit-user-select:text;user-select:text}
[data-ch="train"] .faq{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="train"] .faq details{border-top:1px solid var(--line)}
[data-ch="train"] .faq details:first-child{border-top:0}
[data-ch="train"] .faq summary{list-style:none;cursor:pointer;padding:14px 16px;min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;font-weight:600;font-size:16px;line-height:1.35}
[data-ch="train"] .faq summary::-webkit-details-marker{display:none}
[data-ch="train"] .faq summary::after{content:"+";font:500 24px/1 var(--ui);color:var(--acc)}
[data-ch="train"] .faq details[open] summary::after{content:"−"}
[data-ch="train"] .faq summary:hover{background:var(--soft)}
[data-ch="train"] .fa{padding:0 16px 16px;display:grid;gap:8px}
[data-ch="train"] .fa p{margin:0;font-family:var(--read);font-size:16.5px;line-height:1.55;max-width:62ch}
[data-ch="train"] .fa .lk{display:flex;flex-wrap:wrap;gap:0 16px}
[data-ch="train"] .refs{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="train"] .ref{display:grid;gap:2px;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;min-height:60px}
[data-ch="train"] .ref:first-child{border-top:0}
[data-ch="train"] .ref:hover{background:var(--soft)}
[data-ch="train"] .ref b{font-size:15px}
[data-ch="train"] .ref span{font-size:14px;color:var(--muted);line-height:1.4}
[data-ch="train"] .pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
[data-ch="train"] .btn{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-decoration:none;min-height:60px;align-content:center;min-width:0}
[data-ch="train"] .btn span{font-size:12px;color:var(--muted)}
[data-ch="train"] .btn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-ch="train"] .btn.next{text-align:right}
[data-ch="train"] .btn:hover{background:var(--soft)}
@media (max-width:420px){[data-ch="train"] .plate{grid-template-columns:1fr}[data-ch="train"] .own{grid-template-columns:1fr 1fr}}
[data-ch="train"] .tier{grid-template-columns:5.6em minmax(0,1fr)}
[data-ch="train"] .eur{font-size:16px;white-space:nowrap}
[data-ch="train"] .cu .lb{color:var(--acc)}
[data-ch="train"] .cu .links{display:flex;flex-wrap:wrap;gap:0 14px}

[data-ch="train"] .fact .lk,[data-ch="train"] .lk{display:flex;flex-wrap:wrap;gap:0 16px}
[data-ch="train"] .week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
[data-ch="train"] .wd{border-radius:10px;padding:8px 4px;display:grid;gap:4px;text-align:center;min-height:76px;align-content:start;background:var(--soft)}
[data-ch="train"] .wd b{font-size:13px}
[data-ch="train"] .wd span{font-size:11px;line-height:1.25;color:var(--ink)}
[data-ch="train"] .ws{background:var(--acc);color:var(--surface)}
[data-ch="train"] .ws span{color:var(--surface)}
[data-ch="train"] .wc{background:var(--acc-soft)}
[data-ch="train"] .wy{background:var(--surface);border:1.5px dashed var(--acc)}
[data-ch="train"] .wr{background:var(--soft);color:var(--muted)}
[data-ch="train"] .sp-sum{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
[data-ch="train"] .sp-row{display:grid;grid-template-columns:minmax(0,7.5em) minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:baseline}
[data-ch="train"] .sp-row:first-child{border-top:0}
[data-ch="train"] .sp-row b{font-size:15px;color:var(--acc)}
[data-ch="train"] .sp-row span{font-size:15px;line-height:1.45}
[data-ch="train"] .sp-card{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--st-yes);border-radius:14px;padding:16px;display:grid;gap:12px}
[data-ch="train"] .sp-card.l2{border-left-color:var(--acc)}
[data-ch="train"] .sp-card.l3{border-left-color:var(--st-part)}
[data-ch="train"] .sp-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline}
[data-ch="train"] .sp-head h3{font-size:18px}
[data-ch="train"] .sp-v{font-size:13px;font-weight:700;color:var(--muted)}
[data-ch="train"] .sp-kv{display:grid;grid-template-columns:minmax(0,6.4em) minmax(0,1fr);gap:10px 12px}
[data-ch="train"] .sp-kv b{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:3px}
[data-ch="train"] .sp-kv p{margin:0;font-size:15.5px;line-height:1.5}
[data-ch="train"] .sp-src{display:flex;flex-wrap:wrap;gap:6px}
[data-ch="train"] .sp-src a{font-size:13px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--ink);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
@media (max-width:480px){[data-ch="train"] .sp-kv{grid-template-columns:1fr;gap:2px}[data-ch="train"] .sp-kv p{margin-bottom:8px}[data-ch="train"] .sp-row{grid-template-columns:1fr;gap:2px}}