/* last_modified_by: Minh; last_modified_date: 2026-10-26 */
:root{--bg:#f7f5ed;--ink:#183f36;--muted:#53665e;--accent:#e1b963;--panel:#e9eddf;--line:#c4cdbf;--white:#fffef9;--danger:#75472a;--radius:12px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:72px;--small:.85rem;--body:1.05rem;--title:clamp(2rem,5vw,3.5rem);--hero:clamp(3.25rem,7vw,6.5rem);--ease:160ms ease}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--body)/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}[hidden]{display:none!important}.masthead,footer{max-width:1240px;margin:auto;padding:var(--s3) var(--s4);display:flex;justify-content:space-between;gap:var(--s2);align-items:center}.masthead{border-bottom:1px solid var(--line)}.masthead a{font-size:2rem;letter-spacing:-.08em;font-weight:800;text-decoration:none}.brand-dot{color:var(--danger)}.masthead>span,.eyebrow,.note-number,.note-footer{font-size:.72rem;font-weight:700;letter-spacing:.13em}.spread{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s6);padding:var(--s6) var(--s4)}h1,h2,p{margin-top:0}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.1;letter-spacing:-.045em;font-size:var(--title)}.intro-copy h1{font-size:var(--hero);margin-bottom:var(--s3)}h1 em{font-weight:400;color:var(--danger)}.lead{font-size:1.2rem;line-height:1.7}.intro-copy>p{max-width:32rem}.eyebrow{margin-bottom:var(--s3)}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:var(--s4);min-height:56px;border:2px solid var(--ink);border-radius:var(--radius);padding:var(--s2) var(--s3);background:var(--ink);color:var(--white);font-weight:650;transition:background var(--ease),transform var(--ease);text-align:left}.primary:hover:not(:disabled){background:#285b4e}.primary:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid var(--danger);outline-offset:4px}.micro{font-size:var(--small);color:var(--muted);margin:var(--s2) 0}.meal-note{align-self:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);text-align:center;transform:rotate(2deg)}.plate{width:80%;max-width:280px;display:block;margin:auto}.meal-note h2{font:400 1.7rem/1.3 Georgia,serif;letter-spacing:-.02em}.meal-note p{color:var(--muted)}.note-number{display:block;text-align:left}.note-footer{display:block;border-top:1px solid var(--line);padding-top:var(--s2);font-size:.6rem}.workspace{max-width:760px;margin:auto;padding:var(--s5) var(--s4) var(--s6);min-height:70vh}.step-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s2);font-size:var(--small)}.text-button{color:var(--ink);border:0;background:transparent;min-height:44px;padding:var(--s1);text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--danger)}progress{display:block;appearance:none;border:0;width:100%;height:5px;background:var(--line);margin-bottom:var(--s5);border-radius:var(--radius);overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--ink)}progress::-moz-progress-bar{background:var(--ink)}.hint{color:var(--muted)}fieldset{border:0;padding:0;margin:var(--s4) 0;display:grid;gap:var(--s2)}.choice{display:flex;align-items:center;gap:var(--s2);min-height:64px;padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--white);cursor:pointer}.choice:hover{border-color:var(--ink)}.choice:has(input:checked){background:var(--panel);border:2px solid var(--ink);padding:calc(var(--s2) - 1px) calc(var(--s3) - 1px)}.choice:has(input:focus-visible){outline:3px solid var(--danger);outline-offset:3px}.choice input{width:20px;height:20px;accent-color:var(--ink);flex-shrink:0}.action-card{background:var(--panel);border-left:4px solid var(--ink);padding:var(--s4);border-radius:var(--radius);margin:var(--s4) 0}.action-card h2{font:400 1.8rem/1.3 Georgia,serif;margin-top:var(--s2)}.action-card p:last-child{margin-bottom:0}.reflection{padding:var(--s3) 0}.reflection h2,.support h2{font-size:1.3rem}.support{border-top:1px solid var(--line);padding-top:var(--s4)}label[for=summary]{display:block;margin-top:var(--s3);font-size:var(--small)}textarea{width:100%;resize:vertical;min-height:180px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);padding:var(--s2);font-size:var(--small)}#copy-status{font-size:var(--small);font-weight:600}.safety{font-size:var(--small);color:var(--muted);border-top:1px solid var(--line);padding-top:var(--s3);margin-top:var(--s4)}footer{border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{padding:var(--s4)}
@media(max-width:760px){.masthead,footer{padding:var(--s2) var(--s3)}.masthead>span{font-size:.56rem;letter-spacing:.06em}.spread{grid-template-columns:1fr;padding:var(--s5) var(--s3);gap:var(--s5)}.intro-copy h1{font-size:clamp(3rem,12vw,5rem)}.meal-note{transform:none;padding:var(--s3)}.plate{max-width:220px}.workspace{padding:var(--s4) var(--s3) var(--s5)}.workspace .primary,.intro-copy .primary{width:100%}.choice{padding:var(--s2);font-size:1rem}.choice:has(input:checked){padding:calc(var(--s2) - 1px)}footer{align-items:flex-start;flex-direction:column;gap:var(--s1)}.action-card{padding:var(--s3)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}