:root{--종이:#f6f1e7;--먹:#1f1b16;--흐린먹:#6b6257;--선:#d9cfbd;--카드:#fffdf8;--강조:#8c2f1f}
*{box-sizing:border-box}body{margin:0;background:var(--종이);color:var(--먹);word-break:keep-all;
font:16px/1.7 -apple-system,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
.틀{max-width:680px;margin:0 auto;padding:16px 18px 64px}a{color:var(--강조)}
.빵{font-size:13px;color:var(--흐린먹);margin:8px 0 24px}.빵 a{color:var(--흐린먹)}
.꼬리표{font-size:13px;font-weight:700;color:var(--강조);letter-spacing:.06em}
h1{font-size:clamp(28px,7vw,38px);margin:6px 0 4px;letter-spacing:-.02em}
.한자{font-family:"AppleMyungjo","Batang","Noto Serif KR",serif;color:var(--흐린먹);font-weight:400;margin-left:6px}
.부제{color:var(--흐린먹);margin:0 0 20px}h2{font-size:18px;margin:0 0 10px}
.카드{background:var(--카드);border:1px solid var(--선);border-radius:16px;padding:18px;margin-top:14px}
.카드 p{margin:0 0 10px}.값들{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.값{background:#f6f1e7;border-radius:10px;padding:10px 12px;display:grid}.값 span{font-size:12px;color:var(--흐린먹)}
.값 small{font-weight:400;color:var(--흐린먹);font-size:12px}.작게{font-size:13px;color:var(--흐린먹)}
.갈림말{font-size:12px;color:var(--흐린먹);margin:10px 2px}
.부름{background:var(--먹);color:var(--종이);border-radius:16px;padding:22px 18px;margin-top:20px;text-align:center}
.부름 p{color:#d9cfbd}.단추{display:inline-block;margin-top:6px;background:var(--종이);color:var(--먹);font-weight:800;
padding:14px 22px;border-radius:12px;text-decoration:none}
.묻답{border-top:1px solid var(--선);padding:10px 0}.묻답 summary{font-weight:700;cursor:pointer}.묻답 p{margin:8px 0 0}
.이웃{display:flex;justify-content:space-between;margin:20px 0 8px;font-weight:700}
.목록{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.목록 a{background:var(--카드);border:1px solid var(--선);border-radius:12px;padding:10px;text-align:center;text-decoration:none;color:var(--먹);display:grid}
.목록 small{color:var(--흐린먹);font-family:"AppleMyungjo","Batang",serif}
footer{font-size:12px;color:var(--흐린먹);margin-top:32px}
.판{display:inline-block;font-size:12px;font-weight:700;padding:1px 8px;border-radius:999px;margin-left:4px;vertical-align:middle}
.판.좋음{background:#e3f1e6;color:#2f6b3c}.판.조심{background:#f8e1dc;color:#8c2f1f}.판.보통{background:#eee7da;color:#6b6257}
.삼재{background:#fff3d6;border-radius:10px;padding:10px 12px}
table.흐름{width:100%;border-collapse:collapse;font-size:14px}table.흐름 td{padding:8px 4px;border-bottom:1px solid #efe8da;vertical-align:top}
table.흐름 small{color:var(--흐린먹)}.연도들 p{margin:0 0 8px}