@font-face{font-family:Manrope;src:url('./body.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('./strong.ttf') format('truetype');font-weight:600 800;font-display:swap}
@font-face{font-family:Cormorant;src:url('./display.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:var(--ivory);--surface:var(--paper);--accent:var(--wine);--font-sans:Manrope;--font-display:Cormorant}
:where(.eating-section) *{box-sizing:border-box}:where(.eating-section) a{color:var(--accent);text-underline-offset:4px}:where(.eating-section) button,:where(.eating-section) input,:where(.eating-section) select{font:inherit}:where(.eating-section) button,:where(.eating-section) a,:where(.eating-section) input,:where(.eating-section) select{-webkit-tap-highlight-color:transparent}:where(.eating-section) button{cursor:pointer}:where(.eating-section) a:focus-visible,:where(.eating-section) button:focus-visible,:where(.eating-section) input:focus-visible,:where(.eating-section) select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}:where(.eating-section) [hidden]{display:none!important}.skip{position:absolute;left:16px;top:-80px;background:var(--bg);padding:12px;z-index:2}.skip:focus{top:12px}.shell.eating-section{width:min(1200px,calc(100% - 64px));margin:auto}:where(.eating-section) .section-nav{display:flex;flex-wrap:wrap;gap:8px 16px;padding:22px 0;border-bottom:1px solid var(--line)}:where(.eating-section) .section-nav a,:where(.eating-section) .anchors a{display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;text-decoration:none;border-radius:5px}:where(.eating-section) .section-nav a[aria-current]{background:var(--accent);color:var(--bg)}:where(.eating-section) main{padding-top:26px}:where(.eating-section) h1{font-family:Cormorant,Georgia,serif;font-weight:600;font-size:clamp(38px,4.7vw,62px);line-height:1.08;margin:0 0 20px;overflow-wrap:anywhere}:where(.eating-section) h2{font-size:24px;line-height:1.4;margin:0 0 16px;font-weight:650}:where(.eating-section) h3{font-size:20px;line-height:1.4;margin:0 0 12px;font-weight:650}:where(.eating-section) p{margin:0 0 18px}:where(.eating-section) .intro{font-size:18px;line-height:1.65;max-width:none;margin:0 0 24px}:where(.eating-section) .audience,:where(.eating-section) .actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 24px}:where(.eating-section) .button,:where(.eating-section) button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:5px;color:var(--accent);background:var(--bg);text-decoration:none;font-weight:650;line-height:1.5}:where(.eating-section) .button:hover,:where(.eating-section) button:hover{border-color:var(--accent);background:var(--surface)}:where(.eating-section) section{margin:32px 0;scroll-margin-top:20px}:where(.eating-section) .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}:where(.eating-section) .situation-card{padding:24px;min-height:220px;display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}:where(.eating-section) .situation-card p{color:var(--muted);font-size:15px;line-height:1.6}:where(.eating-section) .situation-card span{margin-top:auto;color:var(--accent);font-weight:650;padding-top:12px}:where(.eating-section) .situation-card:hover{border-color:var(--accent)}:where(.eating-section) .support-grid,:where(.eating-section) .materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.eating-section) .support-grid{padding-top:26px;border-top:1px solid var(--line);margin:32px 0}:where(.eating-section) .support-card{border:1px solid var(--line);padding:24px;font-weight:650;font-size:20px;text-decoration:none;border-radius:7px}:where(.eating-section) .source-link{display:inline-block;padding:12px 0}:where(.eating-section) .back{display:inline-block;margin-bottom:18px;padding:8px 0;min-height:44px;text-decoration:none}:where(.eating-section) .reading{max-width:80ch}:where(.eating-section) .reading section{padding-bottom:22px;border-bottom:1px solid var(--line)}:where(.eating-section) .anchors{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}:where(.eating-section) .anchors a{border:1px solid var(--line)}:where(.eating-section) .notice{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:7px;margin:28px 0}:where(.eating-section) .notice p:last-child{margin-bottom:0}:where(.eating-section) .meta,:where(.eating-section) .source-note{color:var(--muted);font-size:14px}:where(.eating-section) .source-note h2{font-size:20px}:where(.eating-section) .material-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column}:where(.eating-section) .material-card h2{font-size:22px}:where(.eating-section) .material-card h2 a{text-decoration:none;color:var(--ink)}:where(.eating-section) .material-card .actions{margin-top:auto;margin-bottom:0;padding-top:12px}:where(.eating-section) .filters{padding:20px;border:1px solid var(--line);border-radius:7px;margin:24px 0}:where(.eating-section) .filters label{display:flex;flex-direction:column;gap:6px;font-size:14px}:where(.eating-section) .filters input,:where(.eating-section) .filters select{background:var(--bg);border:1px solid var(--line);border-radius:5px;min-height:46px;padding:10px 12px;color:var(--ink);width:100%}:where(.eating-section) .filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:16px;align-items:end;margin-top:16px}:where(.eating-section) footer{border-top:1px solid var(--line);padding:28px 0 38px;margin-top:36px;color:var(--muted);font-size:14px}:where(.eating-section) footer p:first-child{font-weight:650}:where(.eating-section) ul{padding-left:22px}:where(.eating-section) li{margin-bottom:10px}:where(.eating-section) [data-feedback]:not(:empty){border-left:3px solid var(--accent);padding:14px 18px;background:var(--surface)}
@media(max-width:950px){:where(.eating-section) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.eating-section) .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.shell.eating-section{width:calc(100% - 40px)}:where(.eating-section) .section-nav{gap:5px;padding:14px 0}:where(.eating-section) .section-nav a{padding:8px 10px;font-size:14px}:where(.eating-section) main{padding-top:22px}:where(.eating-section) .intro{font-size:16px}:where(.eating-section) .grid{grid-template-columns:1fr}:where(.eating-section) .situation-card{min-height:190px;padding:22px}:where(.eating-section) h2{font-size:22px}:where(.eating-section) h3{font-size:19px}:where(.eating-section) .notice,:where(.eating-section) .material-card,:where(.eating-section) .filters{padding:20px}:where(.eating-section) .filter-row{grid-template-columns:1fr}:where(.eating-section) .anchors a{font-size:14px}:where(.eating-section) .support-card{font-size:18px}:where(.eating-section) .actions .button,:where(.eating-section) .actions button{flex-grow:1}}
@media(prefers-reduced-motion:reduce){:where(.eating-section) *{scroll-behavior:auto}}:where(.eating-section) .reading li{margin-bottom:14px}:where(.eating-section) .reading section{margin:24px 0;padding-bottom:16px}:where(.eating-section) h1{font-size:clamp(34px,3.8vw,50px)}
@media(max-width:600px){:where(.eating-section) .section-nav{padding:10px 0}:where(.eating-section) main{padding-top:18px}:where(.eating-section) .intro{margin-bottom:18px}:where(.eating-section) .anchors{margin:16px 0}:where(.eating-section) .notice{margin:20px 0}}

/* A compact problem navigator and an approach-based reference, not another card wall. */
:where(.eating-section) h1{font-size:clamp(30px,3.4vw,44px);line-height:1.18}
:where(.eating-section) .intro,:where(.eating-section) .section-intro{max-width:78ch}
:where(.eating-section) .section-intro{line-height:1.65}
:where(.eating-section) .audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
:where(.eating-section) .audience-choice{display:flex;flex-direction:column;gap:10px;padding:20px;border-left:3px solid var(--accent);background:var(--surface);color:var(--ink);text-decoration:none;line-height:1.6}
:where(.eating-section) .audience-choice strong{font-size:18px}
:where(.eating-section) .audience-choice span,:where(.eating-section) .audience-choice p{font-size:15px;margin:0}
:where(.eating-section) .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
:where(.eating-section) .problem-grid .situation-card{min-height:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:20px 0}
:where(.eating-section) .problem-grid .situation-card h3{font-size:18px;margin-bottom:8px}
:where(.eating-section) .problem-grid .situation-card p{margin:0 0 8px}
:where(.eating-section) .problem-grid .situation-card span{font-size:14px;padding-top:0}
:where(.eating-section) .urgent{border-left:3px solid var(--accent);padding-left:16px;font-size:15px}
:where(.eating-section) .catalog-intro{border-top:2px solid var(--accent);padding-top:24px}
:where(.eating-section) .approach-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
:where(.eating-section) .approach-links a{padding:12px 0;border-bottom:1px solid var(--line);min-height:44px}
:where(.eating-section) .source-note{margin:20px 0}
:where(.eating-section) .source-note summary{cursor:pointer;min-height:44px;padding:10px 0}
:where(.eating-section) .source-note ul{line-height:1.6}
:where(.eating-section) .save-form{margin:0}
:where(.eating-section) .legend{line-height:1.7;max-width:85ch}
:where(.eating-section) .technique-group{margin:16px 0;border:1px solid var(--line);border-radius:7px;scroll-margin-top:20px}
:where(.eating-section) .technique-group>summary{cursor:pointer;padding:20px;color:var(--accent);background:var(--surface);border-radius:7px}
:where(.eating-section) .technique-group>summary h2{display:inline;font-size:21px;margin:0}
:where(.eating-section) .technique-group>summary span{font-size:14px;font-weight:400;margin-left:12px;color:var(--muted)}
:where(.eating-section) .group-introduction{padding:22px 24px 8px;max-width:85ch;line-height:1.7}
:where(.eating-section) .technique-list{padding:0 24px 8px}
:where(.eating-section) .technique-list article{border-top:1px solid var(--line);padding:20px 0;scroll-margin-top:20px}
:where(.eating-section) .technique-list p{max-width:85ch;line-height:1.7;margin:8px 0}
:where(.eating-section) .technique-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 20px;margin-bottom:8px}
:where(.eating-section) .technique-title h3{font-size:18px;margin:0}
:where(.eating-section) .mode{font-size:13px;font-weight:650;color:var(--accent)}
:where(.eating-section) .treatment-list{line-height:1.7}
:where(.eating-section) .topic-details,:where(.eating-section) .practice-details{margin:18px 0;border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:var(--card,#fff)}
:where(.eating-section) .topic-details>summary,:where(.eating-section) .practice-details>summary{font-weight:700;cursor:pointer;line-height:1.5}
:where(.eating-section) .practice-details h4{font-size:16px;margin:20px 0 8px}
:where(.eating-section) .practice-details ol{padding-left:24px;line-height:1.7}
:where(.eating-section) .practice-details li{margin:8px 0}
:where(.eating-section) .treatment-list dt{font-weight:700;margin:22px 0 8px}
:where(.eating-section) .treatment-list dd{margin:0;padding:0 0 16px;border-bottom:1px solid var(--line)}
@media(max-width:750px){:where(.eating-section) .audience-grid{grid-template-columns:1fr}}
@media(max-width:600px){:where(.eating-section) .problem-grid,:where(.eating-section) .approach-links{grid-template-columns:1fr}:where(.eating-section) .technique-group>summary{padding:16px}:where(.eating-section) .technique-group>summary h2{font-size:19px}:where(.eating-section) .group-introduction{padding:18px 18px 6px}:where(.eating-section) .technique-list{padding:0 18px 6px}}