/* Shared visual values from tonevy/app/home.module.css. */
:root{color-scheme:light;--bg:#f8f7f2;--surface:#fffdf8;--line:#d8d7ce;--text:#23251f;--muted:#5d6056;--accent:#58613c}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:1rem;line-height:1.65}main{max-width:1440px;margin:auto;padding:0 48px 28px}a{color:inherit;text-underline-offset:5px;touch-action:manipulation}
.site-nav{display:flex;align-items:center;gap:40px;min-height:94px;border-bottom:1px solid var(--line)}.brand{font-size:1.75rem;letter-spacing:-.04em;font-weight:800;text-decoration:none;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a,.nav-login{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;text-decoration:none}.nav-links a:hover,.nav-login:hover{text-decoration:underline}.nav-links [aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}.nav-login{margin-left:auto;border-left:1px solid var(--line);padding-left:24px}
article{max-width:880px;margin:0 auto;padding:64px 0 40px}.eyebrow{color:var(--accent);font-size:1rem;font-weight:600;margin:0 0 20px}h1{font-size:clamp(2.25rem,4.25vw,3.5rem);line-height:1.25;letter-spacing:-.045em;font-weight:750;margin:0 0 26px}h2{font-size:1.5rem;line-height:1.45;margin:42px 0 20px;letter-spacing:-.025em}h3{font-size:1.125rem;line-height:1.5}p,li{color:var(--muted)}p{line-height:1.85}h1+p{font-size:1.125rem;line-height:1.8;color:#41453b;max-width:760px;margin-bottom:28px}article a{color:var(--accent)}
.guide-links{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 42px;padding-bottom:32px;border-bottom:1px solid var(--line)}.guide-links a{border:1px solid var(--line);border-radius:7px;padding:9px 15px;font-size:.9375rem;text-decoration:none;min-height:44px}.guide-links a:hover{background:#edf0e4;border-color:#b4b9a6}.guide-steps{list-style:none;counter-reset:step;margin:0;padding:0}.guide-steps li{counter-increment:step;position:relative;padding:22px 0 22px 68px;border-bottom:1px solid var(--line)}.guide-steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:18px;color:var(--accent);font-size:2rem;font-variant-numeric:tabular-nums}.guide-steps h3{color:var(--text);margin:0 0 7px}.guide-steps p{margin:0}
.primary-link,button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;border:1px solid var(--accent);border-radius:7px;padding:13px 28px;font:inherit;font-weight:600;background:var(--accent);color:#fff;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation}.primary-link:hover,button:hover{background:#444d2f}article .primary-link{color:#fff;margin:8px 0 4px}
.guide-topic{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:0 24px;background:#fbfaf6;scroll-margin-top:24px}.guide-topic summary{cursor:pointer;padding:20px 0;line-height:1.6;font-weight:600;color:var(--text)}.guide-topic[open]{background:var(--surface)}.guide-topic[open] summary{border-bottom:1px solid var(--line)}.guide-topic p,.guide-topic ul,.guide-topic dl{margin:20px 0}.guide-topic li{margin:8px 0}.guide-glossary dt{font-weight:700;color:var(--accent);margin-top:20px}.guide-glossary dd{margin:6px 0 20px;color:var(--muted);line-height:1.85}
.choices{max-width:880px;margin:0 auto 48px;padding:26px 28px;border:1px solid var(--line);border-radius:12px;background:#fbfaf6}.choices h2{font-size:1.125rem;margin:0 0 12px}.choices p{margin:12px 0 20px}.choices button{min-height:48px;padding:10px 22px}.note{font-size:.875rem;color:var(--muted)}.choices .note{margin-bottom:0}footer{display:flex;flex-wrap:wrap;align-items:baseline;gap:18px 22px;border-top:1px solid var(--line);padding:20px 0 8px;font-size:.875rem;color:var(--muted)}.footer-brand{font-weight:700;margin-right:auto}footer a{text-decoration:none}footer a:hover{text-decoration:underline}
dialog{max-width:600px;width:calc(100% - 36px);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 20px 80px #23251f25}dialog::backdrop{background:#23251f66}dialog h2{margin-top:0}.buttons{display:flex;gap:12px;flex-wrap:wrap}button.secondary{background:transparent;color:var(--accent)}button.secondary:hover{background:#edf0e4}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p,li,a,dd{overflow-wrap:anywhere}
@media(max-width:1050px){main{padding-inline:28px}.site-nav{gap:28px}.nav-links{gap:18px}article{max-width:800px}}
@media(max-width:720px){main{padding-inline:22px}.site-nav{min-height:108px;padding:14px 0 8px;flex-wrap:wrap;gap:8px 14px}.brand{font-size:1.55rem}.nav-login{font-size:.875rem;padding-left:14px}.nav-links{order:3;flex-basis:100%;gap:22px}.nav-links a{font-size:.875rem;min-height:40px}article{padding:40px 0 28px}h1{font-size:clamp(2rem,6.5vw,2.8rem)}h1+p{font-size:1rem}.eyebrow{font-size:.9375rem;margin-bottom:15px}h2{font-size:1.25rem;margin-top:32px}.guide-links{gap:8px;margin:24px 0 30px;padding-bottom:24px}.guide-links a{font-size:.875rem;padding:9px 12px}.guide-steps li{padding-left:50px}.guide-steps li::before{font-size:1.5rem;top:21px}.guide-steps h3{font-size:1.0625rem}.guide-topic{padding-inline:18px}.guide-topic summary{padding-block:18px}.primary-link,button{min-height:52px;padding-inline:22px}.choices{padding:22px 18px;margin-bottom:32px}footer{gap:10px 20px}.footer-brand{flex-basis:100%}dialog{padding:24px}}
@media(max-width:380px){main{padding-inline:18px}.brand{font-size:1.4rem}.guide-steps li{padding-left:44px}}