:root{--ink:#263f34;--green:#234a3c;--gold:#a58851;--line:#e2daca;--muted:#667168;--paper:#fffdf8}*{box-sizing:border-box}body{margin:0;background:#f7f4ec;color:var(--ink);font:16px/1.9 "Malgun Gothic",sans-serif}main{max-width:980px;margin:auto;padding:30px 24px 60px}a{color:var(--green)}.brand{font:bold 28px Batang,serif;text-decoration:none}.brand small{color:var(--gold);font-size:13px;margin-left:7px}.intro{text-align:center;padding:32px 0}.eyebrow{color:var(--gold);font-size:13px;letter-spacing:.12em}h1,h2,h3{font-family:Batang,serif;color:var(--green);line-height:1.5}h1{font-size:40px;letter-spacing:.08em}h2{font-size:24px}h3{font-size:21px}#today-date{color:var(--gold);font-size:19px}.birth-panel,.reading-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:26px;margin:20px 0}.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}label{font-size:13px;display:block;min-width:0}input,select,button{font:inherit;min-width:0;max-width:100%;border:1px solid #b6bdaf;border-radius:7px;padding:10px;background:var(--paper);color:var(--ink)}input:not([type=checkbox]),select{width:100%;display:block}input:disabled{opacity:.5}input[type=checkbox]{accent-color:var(--green)}.checks{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0}button{background:var(--green);color:white;border:0;cursor:pointer;margin:8px 10px 0 0;padding:12px 22px}.secondary{background:#eee7d9;color:var(--green)}.privacy,footer,.subtle,.options{font-size:13px;color:var(--muted)}details{margin:18px 0}summary{cursor:pointer;color:var(--green);overflow-wrap:anywhere}details .fields{margin-top:14px}.reading-hero{background:var(--green);color:#fff9e9;border:0;padding:30px}.reading-hero h2,.reading-hero h3{color:#f5e5b8}.reading-hero .keyword{font:32px/1.5 Batang,serif;color:#f2d499;display:block;margin:12px 0}.reading-hero .subtle{color:#e0e5db}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reading-grid .reading-card{margin:0;min-width:0}.reading-card p{line-height:2;margin:16px 0}.one-line{background:#eee9dc;text-align:center;border:0}.one-line p{font:23px/1.7 Batang,serif;color:var(--green)}.reading-basis{background:#efeee5;padding:16px;border-radius:10px;font-size:13px}.reading-basis pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 monospace;max-height:300px;overflow:auto}.mode-label{font-size:12px;color:#7b6740}.notice{font-size:13px;color:var(--muted);border-left:3px solid var(--gold);padding-left:13px;margin:22px 0}.candidate{padding:14px;background:#eee9dc;border-radius:12px}.candidate>summary{font-weight:600}#today-status{font-weight:600}p,li{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}footer{margin-top:32px}#today-result:empty{display:none}@media(max-width:650px){main{padding:24px 14px 40px}.intro{padding:22px 0}h1{font-size:32px}.fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.birth-panel,.reading-card{padding:20px 16px}.reading-grid{grid-template-columns:1fr}.reading-hero .keyword{font-size:28px}.one-line p{font-size:21px}}@media(max-width:380px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.birth-panel,.reading-card{padding:18px 14px}}

/* 8-F-2: 생활 영역 세 개를 한 줄에, 내용 높이는 자연스럽게 유지합니다. */
@media(min-width:900px){.reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.reading-grid .reading-card{padding:22px 18px}.reading-grid h3{font-size:20px}}
@media(min-width:651px) and (max-width:899px){.reading-grid{grid-template-columns:1fr}.reading-grid .reading-card{padding:22px}}
.reading-hero p{max-width:44em;line-height:1.95;margin:18px 0}.reading-card p{word-break:keep-all;overflow-wrap:anywhere}.reading-hero .keyword{font-weight:600}