/* Gangho Life: one reading, one character, visible reasoning. */
.hero .hero-copy h1{font-size:clamp(30px,5vw,52px);line-height:1.3;letter-spacing:-2px}.hero .hero-copy{max-width:780px}.hero .intro{font-size:14px}.calculation-policy{max-width:680px;margin:0 auto 20px;padding:0 24px;font-size:12px;color:#bac4b5}.calculation-policy p{line-height:1.85}.result-navigation{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:960px;margin:24px auto}.result-navigation button{background:#253e35;color:#eee9dc;border:1px solid #6b7a67;border-radius:3px;padding:12px 16px;font-size:13px}.saju-paper{max-width:920px;margin:24px auto 36px;padding:36px;background:#eee9dc;color:#29322c;scroll-margin-top:20px}.saju-paper h2{font:600 clamp(24px,4vw,34px)/1.4 'Noto Serif KR',serif;margin:10px 0}.saju-paper .eyebrow{color:#86673e}.saju-deck{color:#6b6251;line-height:1.8}.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0}.pillar{border:1px solid #bdb8a4;text-align:center;padding:14px 6px}.pillar h3{font-size:12px;font-weight:500;margin:0 0 12px}.pillar p{margin:6px 0}.pillar .pillar-hanja{font:30px/1.3 'Noto Serif KR',serif;letter-spacing:4px}.pillar.day-master{border:2px solid #416150;background:#dce3d7}.saju-scope{border-left:3px solid #8f9b81;padding:10px 14px;font-size:13px;line-height:1.8}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0}.reading-grid h3,.reason-card h3{font-size:16px}.reading-grid p,.saju-paper details p{font-size:14px;line-height:1.95}.saju-paper details{padding:18px 0;border-top:1px solid #bdb8a4}.saju-paper summary{cursor:pointer;font-size:14px}.saju-paper .ink-button{margin-top:20px;padding:14px 20px}.element-bars{margin:24px 0;display:grid;gap:12px}.element-row{display:grid;grid-template-columns:24px 1fr 48px;gap:14px;font-size:13px}.element-row meter{width:100%;height:16px;accent-color:#416150}.reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.reason-card{padding:24px;border:1px solid #bdb8a4;background:#f5f0e5}.reason-kind{font-size:11px;color:#6b735d;border-bottom:1px solid #a7b499;padding-bottom:5px}.reason-card dt{color:#746b5e;font-size:11px;margin-top:16px}.reason-card dd{margin:4px 0 0;font-size:14px;line-height:1.8}.reason-rule{font-size:12px;line-height:1.8;color:#5f6657;border-top:1px solid #d7d0c1;padding-top:14px}.saju-paper .small{color:#646d5e}.saju-paper:focus{outline:none}#transmission-context{font-size:12px;line-height:1.8;color:#596650}
@media(max-width:600px){.saju-paper{margin:18px 10px;padding:24px 18px}.pillar-grid{gap:5px}.pillar .pillar-hanja{font-size:24px;letter-spacing:1px}.pillar .small{font-size:10px}.reading-grid,.reason-grid{grid-template-columns:1fr}.reading-grid{gap:8px}.reason-card{padding:18px}.result-navigation button{font-size:11px;padding:11px 10px}.hero .hero-copy h1{font-size:32px}.hero .intro{font-size:12px}.calculation-policy{font-size:11px}}

@media(max-width:780px){.saju-paper,#result{scroll-margin-top:130px}}
.reading-actions{display:flex;flex-wrap:wrap;gap:10px}.reading-diagrams{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.reading-figure{margin:0;padding:22px;border:1px solid #bdb8a4;background:#f6f2e8;min-width:0}.reading-figure.wide{grid-column:1/-1}.reading-figure h3{margin:0 0 8px;font-size:18px}.reading-figure figcaption{font-size:12px;line-height:1.7;color:#665e4c;margin-bottom:18px}.element-ring{width:140px;height:140px;border-radius:50%;margin:20px auto;display:grid;place-items:center}.element-ring span{width:96px;height:96px;background:#f6f2e8;border-radius:50%;display:grid;place-items:center;white-space:pre-line;text-align:center;line-height:1.7;font-size:18px}.reading-bar{display:grid;grid-template-columns:34px 1fr 46px;gap:10px;align-items:center;margin:12px 0;font-size:12px}.bar-track{height:10px;background:#ded8c9;border-radius:2px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:2px}.reading-bar strong{text-align:right;font-weight:500}.roots-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.roots-grid article{border-top:2px solid #7e8c6d;text-align:center}.roots-grid h4{font-size:12px}.roots-grid p{white-space:pre-line;font-size:12px;line-height:1.8}.roots-grid strong{font-size:21px;font-weight:400}.connection-line{padding:12px;border-left:3px solid #9a8359;background:#eae5d8;font-size:14px;line-height:1.8}.reading-toc{display:flex;flex-wrap:wrap;gap:7px;border-block:1px solid #bdb8a4;padding:22px 0;margin:30px 0}.reading-toc h3{flex-basis:100%;margin:0 0 10px}.reading-toc .ink-button{font-size:12px;padding:9px 11px;margin:0;background:transparent;color:#344c40;border:1px solid #aab09b;text-align:left}.reading-chapter{padding:24px 0;border-bottom:1px solid #ccc4b2;scroll-margin-top:30px}.reading-chapter h3{font-size:21px;line-height:1.6;color:#305044}.reading-chapter p{font-size:15px;line-height:2.15;word-break:keep-all;overflow-wrap:anywhere;max-width:70ch}.reading-chapter:focus{outline:2px solid #819476;outline-offset:4px}.record-chapter{padding:25px 0;scroll-margin-top:25px;border-top:1px solid #bdb8a4}.record-chapter summary{font-size:19px;color:#305044;cursor:pointer}.record-count{font-size:13px;line-height:1.8}.record-toc{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.record-toc button{border:1px solid #aaa98e;background:transparent;color:#34503d;padding:9px 12px;font-size:12px}.record-tools{display:flex;flex-wrap:wrap;gap:10px}.record-tools button{color:#344c40;background:transparent;border:1px solid #aaa98e;padding:10px 14px}#full-details>summary{font-size:24px}#full-settings .facts dd{line-height:1.85;overflow-wrap:anywhere}#full-settings .facts dt{line-height:1.65}
@media(max-width:600px){.reading-diagrams{grid-template-columns:1fr}.reading-figure{padding:18px}.reading-chapter p{font-size:14px;line-height:2.1}.reading-chapter h3{font-size:18px}.reading-toc .ink-button{font-size:11px}.record-chapter summary{font-size:17px}}
@media(max-width:780px){.reading-chapter,.record-chapter{scroll-margin-top:145px}}
.identity-reading{margin-top:30px;border-top:1px solid #bbb49e;padding:24px 0}.identity-reading>summary{font-size:22px;cursor:pointer}.identity-reading>p{line-height:2.1;max-width:72ch;word-break:keep-all}.identity-reading>h3{margin-top:36px;color:#345b49}.record-chapter .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-chapter .facts>div{min-width:0}.record-chapter .facts dd{white-space:pre-line}@media(max-width:600px){.record-chapter .detail-grid{grid-template-columns:1fr}}.identity-reading .reading-figure{color:#29322c}
.saju-paper>.ink-button,.reading-actions>.ink-button{border:1px solid #496c59;background:#294b3d;color:#f4eedd;border-radius:2px;font:inherit;font-size:13px;cursor:pointer}.reading-actions>.ink-button{margin:0}.reading-actions{margin:22px 0}.reading-toc button:hover,.record-toc button:hover{background:#dbe1d1}.reading-toc button:focus-visible,.record-toc button:focus-visible,.record-tools button:focus-visible{outline:2px solid #456e53;outline-offset:3px}

.identity-transfer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 28px;padding:18px 20px;background:#dce5d5;border:1px solid #85997b;color:#274536}.identity-transfer p{margin:0;max-width:42ch;font-size:13px;line-height:1.8}.transfer-button{flex-shrink:0;background:#294e3c;color:#fff8e8;border:1px solid #294e3c;border-radius:3px;padding:15px 19px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.transfer-button:hover{background:#1d392c}.transfer-button:focus-visible{outline:3px solid #ac8645;outline-offset:3px}@media(max-width:600px){.identity-transfer{flex-direction:column;align-items:stretch;padding:16px;gap:12px}.transfer-button{width:100%;font-size:13px}}

/* Plain language reading: a story first, definitions when asked. */
.reading-body{max-width:760px;margin-inline:auto}.reading-index,.reading-reference{border-block:1px solid #d4ccbb;margin:24px 0;padding:18px 0}.reading-index>summary,.reading-reference>summary,.reason-basis>summary{cursor:pointer;font-size:13px;line-height:1.9;color:#627361}.reading-index .reading-toc{border:0;margin:10px 0 0;padding:10px 0}.reading-chapter>p{margin:18px 0;font-size:16px;line-height:1.95;max-width:65ch}.reading-chapter>h3{font-size:24px;margin-bottom:25px}.reading-chapter>p:first-of-type{color:#294b3d}.reading-body .reading-figure{margin:28px 0}.role-figure .reading-bar{grid-template-columns:125px 1fr 36px}.reason-basis{margin-top:18px}.reason-basis>p,.reason-card>p{font-size:14px;line-height:1.9}.reading-reference[open]>summary{margin-bottom:24px}.reading-reference .reading-chapter>h3{font-size:20px}.identity-reading .reading-body>h3{margin-top:24px}@media(max-width:600px){.reading-chapter>p{font-size:15px;line-height:1.95;margin:18px 0}.reading-chapter>h3{font-size:22px}.role-figure .reading-bar{grid-template-columns:105px 1fr 33px;gap:7px}.reading-body .reading-figure{padding:18px 14px}.reading-chapter{padding:24px 0}}

/* v3 두루마리: 덕사주처럼 도표가 위, 운세 갈래가 아래. 펼침 없이 한 흐름으로. */
.life-saju{max-width:none;margin:34px 0;padding:34px 38px;background:var(--white,#fffdf7);border:1px solid var(--line,#dbd7c8);color:var(--ink,#213a34)}
.life-saju .eyebrow{color:#95713e;font-size:12px;letter-spacing:2px;margin-bottom:6px}
.life-saju h2{font-size:29px;margin:4px 0 8px}
.life-saju .saju-deck{margin-bottom:6px}
.reading-body{max-width:none}
.reading-body .reading-diagrams{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 8px}
.reading-body .reading-figure{margin:0;background:#f8f5ec;border-color:#e0d9c6;border-radius:6px}
.reading-figure h3{font-size:16px}
.pillar-figure .pillar-grid{margin:8px 0 10px;gap:8px}
.pillar{padding:10px 6px;border-radius:6px;background:#fffdf7;border-color:#e0d9c6}
.pillar h3{font-size:12px;color:#6b735d;margin:0 0 8px}
.pillar-cell{border-radius:4px;padding:8px 4px;margin:4px 0}
.pillar-cell b{display:block;font:600 28px/1.1 'Noto Serif KR',serif}
.pillar-cell small{display:block;font-size:10px;color:#6b6251;margin-top:3px}
.pillar-cell span{display:block;font-size:11px;font-weight:600;color:#3f4a42;margin-top:2px;min-height:16px}
.pillar.day-master{background:#f3f0e4;border:2px solid #c0952f}
.pillar .small{font-size:10px;color:#7a7466;margin:6px 0 0}
.pillar-summary{text-align:center;font-size:12px;color:#5b6b61;margin-top:8px}
.ring-row{display:flex;align-items:center;gap:20px}
.ring-row .element-ring{margin:0;flex-shrink:0;width:118px;height:118px}
.ring-row .element-ring span{width:80px;height:80px;font-size:14px;background:#f8f5ec}
.ring-bars{flex:1;min-width:0}
.ring-bars .reading-bar{margin:8px 0}
.reading-bar{grid-template-columns:78px 1fr 90px}
.role-figure .reading-bar{grid-template-columns:150px 1fr 40px}
.reading-bar.focus span{font-weight:700;color:#7c5a1f}
.reading-body .reading-toc{border-block:1px solid #d4ccbb;padding:16px 0;margin:22px 0 4px}
.reading-body .reading-chapter{padding:26px 0}
.reading-body .reading-chapter>h3{font-size:22px;color:#305044;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.reading-body .reading-chapter>h3::before{content:'◆';font-size:12px;color:#95713e}
.reading-body .reading-chapter>p{font-size:15px;line-height:2;max-width:72ch;margin:14px 0}
.reading-body .reading-chapter>p:first-of-type{color:inherit}
.reading-scope{color:#646d5e}.reading-body .reading-scope>h3{font-size:16px}.reading-body .reading-scope>p{font-size:13px;line-height:1.9}
@media(max-width:700px){.reading-body .reading-diagrams{grid-template-columns:1fr}.life-saju{padding:22px 16px;margin:24px 0}.life-saju h2{font-size:24px}.ring-row{gap:14px}.pillar-cell b{font-size:22px}.pillar-figure .pillar-grid{gap:5px}.pillar{padding:8px 3px}.reading-bar{grid-template-columns:64px 1fr 80px}.role-figure .reading-bar{grid-template-columns:118px 1fr 36px}.reading-body .reading-chapter>h3{font-size:19px}}
.reading-body .reading-toc{flex-direction:row;flex-wrap:wrap;gap:8px}
.reading-body .reading-toc .ink-button{flex:0 0 auto;width:auto;min-height:38px;border-radius:30px;padding:8px 14px;font-size:12px;background:#f8f5ec}
.reading-body .reading-toc .ink-button:hover{background:#e8eddf}
#saju-result.life-saju{padding:34px 38px;margin:34px 0;max-width:none;border-radius:4px}
#saju-result.life-saju h2{font-size:29px}
@media(max-width:700px){#saju-result.life-saju{padding:22px 16px;margin:24px 0}#saju-result.life-saju h2{font-size:24px}}
.identity-reading>h3:first-child{font:600 22px/1.4 'Noto Serif KR',serif;color:#305044;margin:0 0 6px}