:root{--blue:#2563eb;--blue-d:#1d4ed8;--blue-dd:#1e3a8a;--ink:#0f172a;--ink2:#334155;--mute:#64748b;--line:#e2e8f0;--bg:#f6f7fb;--card:#fff;--radius:20px;
--ring-mok:#0000ff;--ring-hwa:#ff0000;--ring-to:#ffff00;--ring-geum:#ffffff;--ring-su:#000000}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;font-size:17px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue-d)}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;z-index:10;background:#fff;padding:8px 12px;border-radius:8px}

/* 머리띠 */
.site-head{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.head-row{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font-size:19px}
.brand-name{font-size:22px;font-weight:900;letter-spacing:-.03em}
.brand-tag{font-size:13px;font-weight:700;color:var(--mute);padding:3px 9px;border:1px solid var(--line);border-radius:999px}
.head-nav{display:flex;gap:22px;margin-left:auto}
.head-nav a{color:var(--ink2);text-decoration:none;font-weight:700;font-size:16px}
.head-nav a:hover{color:var(--blue)}

/* 버튼 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;border-radius:999px;padding:15px 28px;font-size:17px;line-height:1.2;border:2px solid transparent;transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-d)}
.btn-ghost{background:#fff;color:var(--blue-d);border-color:#c7d6fb}
.btn-sm{padding:10px 18px;font-size:15px}

/* 첫 화면 */
.hero{background:linear-gradient(135deg,#eef3ff 0%,#f8faff 55%,#fff7ec 100%);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;padding-top:72px;padding-bottom:64px}
.eyebrow{display:inline-block;font-size:15px;font-weight:800;color:var(--blue-d);background:#dfe8ff;padding:6px 14px;border-radius:999px;margin:0 0 18px}
.hero h1{font-size:clamp(32px,4.2vw,50px);line-height:1.22;letter-spacing:-.035em;margin:0 0 20px;font-weight:900}
.hero h1 em{font-style:normal;color:var(--blue)}
.nw{white-space:nowrap}
.hero-lead{font-size:clamp(17px,1.6vw,20px);color:var(--ink2);margin:0 0 30px;max-width:620px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-note{margin:18px 0 0;font-size:14.5px;color:var(--mute)}
.start-card{background:#fff;border-radius:24px;padding:24px 22px 20px;box-shadow:0 30px 60px -36px rgba(30,58,138,.45),0 2px 6px rgba(15,23,42,.05);border:1.5px solid #dbe6ff;scroll-margin-top:80px}.start-h{margin:0;font-size:22px;font-weight:900;letter-spacing:-.02em}.start-sub{margin:4px 0 14px;color:var(--mute);font-size:14.5px}.start-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}.start-seg label{position:relative}.start-seg input{position:absolute;opacity:0;pointer-events:none}.start-seg span{display:block;text-align:center;padding:11px 0;border:1.5px solid var(--line);border-radius:12px;font-weight:800;font-size:16px;cursor:pointer;background:#f8faff}.start-seg input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}.start-seg input:focus-visible+span{outline:3px solid #93c5fd;outline-offset:2px}.start-row{border:0;padding:0;margin:0 0 10px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px}.start-row legend{font-size:14px;font-weight:800;color:var(--ink2);margin-bottom:6px;padding:0}.start-row select,.start-row input[type=time]{width:100%;min-height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 10px;font-size:16px;background:#fff;color:var(--ink);font-family:inherit}.start-time{grid-template-columns:1fr auto;align-items:center}.start-time input:disabled{background:#f1f5f9;color:#94a3b8}.start-check{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700;white-space:nowrap}.start-check input{width:20px;height:20px}.start-leap{margin:-2px 0 10px}.start-err{margin:4px 0 8px;color:#b91c1c;font-weight:700;font-size:14.5px}.start-go{width:100%;min-height:54px;font-size:18px;margin-top:4px}.start-note{margin:10px 0 0;font-size:13px;color:var(--mute);line-height:1.5}.start-again{display:block;margin-top:8px;font-weight:800;font-size:14.5px}.hero-today{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:15px;color:var(--ink2)}.hero-today img{border-radius:50%;background:#fff;flex:none}.hero-today span{min-width:0;line-height:1.45}
.today-card{background:#fff;border-radius:28px;padding:28px 24px 26px;text-align:center;box-shadow:0 30px 60px -36px rgba(30,58,138,.45),0 2px 6px rgba(15,23,42,.05)}
.today-card img{width:min(260px,70%);margin:0 auto 8px}
.today-label{font-size:15px;font-weight:800;color:var(--mute);margin:0}
.today-ganji{font-size:34px;font-weight:900;letter-spacing:.02em;margin:2px 0 4px}
.today-sub{font-size:16px;color:var(--ink2);margin:0}

/* 구역 */
.section{padding:72px 0}
.section + .section{padding-top:8px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;line-height:1.3;margin:0}
.sec-head p{margin:6px 0 0;color:var(--mute);font-size:16.5px}

/* 띠별 카드 */
.zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.z-card{background:var(--card);border-radius:var(--radius);padding:20px 20px 22px;border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.z-top{display:flex;align-items:center;gap:12px}
.z-face{width:60px;height:60px;border-radius:50%;flex:none;border:3px solid var(--ring);background:#f8fafc;padding:2px}
.z-face img{width:100%;height:100%;border-radius:50%}
.z-name{font-size:19px;font-weight:900;margin:0;line-height:1.3}
.z-hanja{font-size:14px;color:var(--mute);font-weight:700}
.z-text{margin:0;font-size:16px;color:var(--ink2);line-height:1.65}
.ring-목{--ring:var(--ring-mok)}.ring-화{--ring:var(--ring-hwa)}.ring-토{--ring:var(--ring-to);box-shadow:0 0 0 1px #000}.ring-금{--ring:var(--ring-geum);box-shadow:0 0 0 1px #ccc}.ring-수{--ring:var(--ring-su)}

.z-card{text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.z-card:hover{border-color:#a9c0fb;transform:translateY(-2px);box-shadow:0 18px 30px -24px rgba(30,58,138,.5)}
.z-more{margin-top:auto;font-weight:800;color:var(--blue-d);font-size:14.5px}

/* 띠별 오늘 페이지 (1-2) */
.crumbs{padding-top:18px;font-size:14.5px;color:var(--mute)}
.crumbs a{color:var(--mute);text-decoration:none}.crumbs a:hover{color:var(--blue)}
.zp-hero{padding:8px 0 24px}
.zp-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center;padding-top:24px;padding-bottom:24px}
.zp-char{background:linear-gradient(135deg,#eef3ff 0%,#fff7ec 100%);border-radius:32px;padding:24px}
.zp-char img{width:min(380px,100%);margin:0 auto}
.zp-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.2;letter-spacing:-.035em;margin:0 0 16px;font-weight:900}
.zp-line{font-size:clamp(19px,2vw,23px);line-height:1.6;font-weight:700;margin:0 0 14px;color:var(--ink)}
.zp-kind{margin:0 0 10px}
.chip{display:inline-block;font-size:14.5px;font-weight:800;color:var(--blue-d);background:#dfe8ff;padding:5px 12px;border-radius:999px}
.zp-explain{color:var(--ink2);margin:0 0 26px}
.zp-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.h3{font-size:20px;letter-spacing:-.02em;margin:0 0 10px;line-height:1.35}
.how p + p{margin-top:10px}
.zp-years{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px!important}
.zp-years span{background:#eef3ff;color:var(--blue-dd);font-weight:800;border-radius:10px;padding:4px 10px;font-size:15.5px}
.muted-s{color:var(--mute);font-size:14.5px}
.zo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.zo{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 8px;font-weight:800}
.zo:hover{border-color:#a9c0fb}
.zo .z-face{width:64px;height:64px}

/* 도구 소개 페이지 (S-2) */
.tp-cols{grid-template-columns:1fr 1fr}
.tp-list{margin:0;padding-left:20px}.tp-list li{margin:6px 0;color:var(--ink2)}
.faq{display:grid;gap:10px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px}
.faq-item summary{cursor:pointer;font-weight:800;font-size:17px;list-style-position:outside}
.faq-item p{margin:10px 0 0;color:var(--ink2)}

/* 도구 카드 */
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tool{display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.tool:hover{border-color:#a9c0fb;transform:translateY(-2px);box-shadow:0 18px 30px -24px rgba(30,58,138,.5)}
.tool-ico{font-size:28px;line-height:1;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#eef3ff;flex:none}
.tool h3{margin:0 0 4px;font-size:19px;letter-spacing:-.02em}
.tool p{margin:0;color:var(--mute);font-size:15.5px;line-height:1.6}
.tool-go{display:inline-block;margin-top:8px;font-weight:800;color:var(--blue-d);font-size:15px}

/* 설명 */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.how{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.how-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;font-size:16px;margin-bottom:12px}
.how h3{margin:0 0 8px;font-size:20px;letter-spacing:-.02em}
.how p{margin:0;color:var(--ink2);font-size:16px}
.trust{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}
.trust span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700;color:var(--ink2)}

/* 행동 띠 */
.cta-band{background:linear-gradient(120deg,var(--blue) 0%,var(--blue-d) 60%,var(--blue-dd) 100%);color:#fff;border-radius:28px;padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta-band h2{margin:0 0 6px;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em}
.cta-band p{margin:0;opacity:.88}
.cta-band .btn{background:#fff;color:var(--blue-d)}

/* 바닥글 */
.site-foot{margin-top:72px;background:#0f172a;color:#cbd5e1;padding:40px 0 48px;font-size:15px}
.foot-disclaimer{margin:0 0 16px;color:#e2e8f0}
.foot-links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.foot-links a{color:#fff;font-weight:700;text-decoration:none}
.foot-copy{margin:0;color:#94a3b8}

/* 소개·방침·약관·문의 (1-3) — 읽기 좋은 폭 760 */
.doc{max-width:808px;padding-top:12px;padding-bottom:24px}
.doc-crumbs{max-width:808px}
.doc h1{font-size:clamp(30px,3.6vw,42px);letter-spacing:-.03em;margin:8px 0 10px}
.doc-lead{font-size:18px;color:var(--ink2);margin:0 0 28px}
.doc-sec{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin-bottom:14px}
.doc-sec h2{font-size:20px;letter-spacing:-.02em;margin:0 0 10px}
.doc-sec p{margin:0 0 10px}.doc-sec p:last-child{margin-bottom:0}
.doc-sec ul{margin:0;padding-left:20px}.doc-sec li{margin:4px 0}
.doc-mail{font-size:22px;font-weight:800}
.doc-cta{text-align:center;margin-top:24px}
.foot-op{margin:0 0 8px;color:#e2e8f0}.foot-op a{color:#fff}

/* 404 */
.nf{text-align:center;padding:96px 0}
.nf h1{font-size:clamp(28px,4vw,44px);margin:0 0 12px}
.nf p{color:var(--ink2);margin:0 0 28px}

/* 타로 카드 사전 (T-2) — 카드 앞면: 남색 바탕 + 금 테두리 + 크림 그림 칸 (12지신 옷 색과 같은 계열) */
.preview-bar{background:#fff7d6;border-bottom:1px solid #f1d98a;color:#7a5b00;font-weight:800;text-align:center;font-size:14.5px;padding:8px 16px}
.tc{position:relative;display:flex;flex-direction:column;align-items:center;aspect-ratio:2/3;background:linear-gradient(160deg,#1e2a5a 0%,#141c3f 100%);border-radius:18px;padding:10px;box-shadow:inset 0 0 0 2px #c9a24a,inset 0 0 0 5px #1a2350,inset 0 0 0 6px #c9a24a,0 24px 40px -28px rgba(15,23,42,.7);color:#f5e6b8}
.tc-num{font-weight:900;font-size:15px;letter-spacing:.06em;line-height:1;margin-top:6px}
.tc-art{flex:1;width:100%;margin:8px 0;border-radius:12px;background:radial-gradient(circle at 50% 40%,#fffaf0 0%,#f6ead2 70%,#ecdcbc 100%);display:grid;place-items:center;overflow:hidden;position:relative}
.tc-art>img{width:86%;height:auto}
.tc-art>img.tc-img{width:100%;height:100%;object-fit:cover}
.tc-name{font-weight:900;font-size:16px;letter-spacing:.02em;line-height:1.2;margin-bottom:6px}
.tc-sym{font-size:72px;line-height:1;filter:saturate(.9)}
.tc-pair{display:flex;align-items:flex-end;justify-content:center;width:100%;padding:0 4px}.tc-pair img{width:50%;height:auto}
.friend-box{background:linear-gradient(160deg,#fff7e6,#fdf0d5);border:1.5px solid #e9cf8f;border-radius:20px;padding:18px 16px;margin:0 0 18px;text-align:center}.friend-box .h3{margin:4px 0 12px}.friend-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.friend-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:min(30%,150px);color:inherit;text-decoration:none}.friend-row .friend-card:only-child{width:min(46%,180px)}.friend-card .tc{width:100%;padding:7px;border-radius:12px}.friend-card .tc .tc-num{font-size:12px}.friend-card .tc .tc-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.friend-card .tc .tc-art{margin:5px 0;border-radius:8px}.friend-row .friend-card:only-child .tc .tc-name{font-size:16px}.friend-card .t-orient.is-rev>.tc::after{font-size:10px;padding:3px 5px;top:20%;right:7%}.friend-name{font-size:13.5px;font-weight:700;line-height:1.35}.friend-name b{color:#2563eb}.friend-ans{margin:12px 0 0;font-size:15px}.friend-ans b{color:#11663a}.friend-cta{margin:12px 0 0;font-weight:800;color:#1e3a8a}
.tc-group{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;width:100%;padding:0 4px}.tc-group img{height:auto}.tc-g3 img{width:33%}.tc-g4 img{width:48%}
.tc-wheel{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;width:100%}.tc-wheel img{width:100%;border-radius:50%;background:#fff}
.tc-world{position:relative;display:grid;place-items:center;width:100%;height:100%}.tc-world>img{width:70%}
.tc-corner{position:absolute;width:24%}.tc-corner img{width:100%;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #c9a24a}
.tc-c0{left:5%;top:5%}.tc-c1{right:5%;top:5%}.tc-c2{left:5%;bottom:5%}.tc-c3{right:5%;bottom:5%}
.tc-big{width:min(340px,100%);margin:0 auto}.tc-big .tc-num{font-size:20px}.tc-big .tc-name{font-size:24px}.tc-big .tc-sym{font-size:120px}
.tc-sm{width:100%}.tc-sm .tc-num{font-size:12px}.tc-sm .tc-name{font-size:13.5px}.tc-sm .tc-sym{font-size:44px}.tc-sm{padding:7px;border-radius:12px}.tc-sm .tc-art{margin:5px 0;border-radius:8px}
.t-hero{grid-template-columns:.75fr 1.25fr}
.t-hero-card{padding:12px}
.kw{margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kw-label{display:inline-block;font-size:13.5px;font-weight:900;color:#fff;background:var(--blue);border-radius:8px;padding:3px 9px;margin-right:4px}
.kw-label.rev{background:#7c3aed}
.chip-rev{color:#5b21b6;background:#ede4ff}
.t-story p{color:var(--ink2);margin:0}
.t-dl{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:10px 14px}
.t-dl dt{font-weight:900;color:var(--blue-dd);white-space:nowrap}
.t-dl dd{margin:0;color:var(--ink2)}
.is-rev .t-dl dt{color:#5b21b6}
.rev-mark{display:inline-block;color:#7c3aed}
.t-word{margin:16px 0 0!important;padding:12px 14px;border-radius:12px;background:#f3f6ff;font-weight:800;color:var(--ink)}
.is-rev .t-word{background:#f5f0ff}
.t-yes-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.t-yes-row>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.t-yes-row b{font-size:20px}.t-yes-row span:last-child{color:var(--ink2)}
.t-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.t-rel{display:flex;gap:16px;align-items:center;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.t-rel:hover{border-color:#a9c0fb}
.t-rel .tc{width:88px;flex:none}
.t-rel>span{display:flex;flex-direction:column;gap:2px}
.t-rel-tag{font-size:13px;font-weight:800;color:var(--mute)}
.t-rel b{font-size:18px}
.t-rel-kw{font-size:14.5px;color:var(--ink2)}
.t-h1{margin:0;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em;line-height:1.3}
.t-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.t-item{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);transition:transform .15s ease}
.t-item:hover{transform:translateY(-3px)}
.t-item-name{font-weight:900;font-size:16px;margin-top:4px}
.t-item-kw{font-size:13.5px;color:var(--mute);line-height:1.5}
/* 오늘의 타로·타로 첫 화면 (T-3) */
.t-orient{display:block}
/* 역방향 (2026-10-06 오너 "그림이 거꾸로 나와"): 카드 전체가 아니라 그림만 뒤집고, 번호·이름 글자는 똑바로 + 「↻ 역방향」 표시 */
.t-orient.is-rev .tc-art>*{transform:rotate(180deg)}
.t-orient.is-rev>.tc::after{content:"↻ 역방향";position:absolute;top:14%;right:9%;background:#7c3aed;color:#fff;font-weight:800;font-size:13px;line-height:1;padding:5px 8px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.t-orient.is-rev>.tc-sm::after{font-size:10px;padding:3px 5px;top:12%;right:7%}
.t-orient.is-rev>.tc-big::after{font-size:15px}
.t-orient .tc-big{width:min(340px,100%)}
.t-home-hero{grid-template-columns:1.3fr .7fr}
.t-home-today{display:flex;gap:16px;align-items:center;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 30px 60px -40px rgba(30,58,138,.45)}
.t-home-today .t-orient{width:120px;flex:none}
.zp-tarot{max-width:640px}
.zp-intro{max-width:860px}.zp-intro p{color:var(--ink2);margin:0 0 12px;line-height:1.85}.zp-intro p:last-child{margin-bottom:0}
.t-home-today>span:last-child{display:flex;flex-direction:column;gap:3px}
.t-home-today b{font-size:20px}
.t-tools{grid-template-columns:1fr 1fr}
.draw-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.draw-pick[hidden],.draw-result[hidden]{display:none!important}
.draw-pick{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.draw-back{appearance:none;border:0;background:none;padding:0;cursor:pointer;width:150px;transition:transform .18s ease}
.draw-back:hover,.draw-back:focus-visible{transform:translateY(-6px) rotate(-2deg)}
.draw-back:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:14px}
.tc-back-art{background:repeating-linear-gradient(45deg,#1a2350 0 10px,#202b5e 10px 20px);box-shadow:inset 0 0 0 1px #c9a24a}
.tc-back-mark{font-size:46px;color:#c9a24a}
.draw-res{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:center}
.draw-res.is-fresh .draw-card{animation:t-flip .5s ease}
@keyframes t-flip{from{transform:rotateY(90deg) scale(.9);opacity:.2}to{transform:none;opacity:1}}
.draw-name{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em;margin:0 0 10px}
.draw-text{color:var(--ink2);margin:0 0 6px}
.draw-res .btn{margin-top:16px}
.draw-note{margin:18px 0 0;text-align:center}
@media (max-width:760px){.t-home-hero,.t-tools{grid-template-columns:1fr}.draw-res{grid-template-columns:1fr;gap:16px}.draw-card{width:min(220px,70%);margin:0 auto}.draw-back{width:30%;max-width:120px}.draw-pick{gap:10px}.draw-box{padding:18px}}
@media (prefers-reduced-motion:reduce){.draw-res.is-fresh .draw-card{animation:none}}
/* 쓰리카드·예/아니오 (T-4) */
.three-guide{text-align:center;font-weight:800;color:var(--ink2);margin:0 0 16px}
.three-pick .draw-back{width:120px}
.draw-back:disabled{cursor:default;opacity:.55;transform:translateY(-10px)}
.draw-back[data-order]{position:relative;opacity:1}
.draw-back[data-order]::after{content:attr(data-order);position:absolute;left:50%;top:-14px;transform:translateX(-50%);background:var(--blue);color:#fff;font-weight:900;font-size:13px;border-radius:999px;padding:3px 10px}
.three-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.three-slot{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column}
.three-slot.is-fresh .three-card{animation:t-flip .5s ease}
.three-pos{margin:0 0 10px;color:var(--mute);font-weight:700}.three-pos b{color:var(--blue-dd);font-size:18px}
.three-card{width:min(200px,80%);margin:0 auto 12px}
.three-name{font-size:21px;margin:0 0 8px;letter-spacing:-.02em}
.three-more{margin-top:auto;padding-top:12px;font-weight:800;text-decoration:none}
.draw-again{text-align:center;margin:18px 0 0}
.share-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.three-row + .share-row{justify-content:center}
@media (max-width:760px){.share-row .btn{flex:1;width:auto}}
.yn-label{display:block;font-weight:800;margin:0 0 6px}
.yn-input{width:100%;font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #c7d6fb;border-radius:14px;margin:0 0 22px;background:#fff;color:var(--ink)}
.yn-input:focus{outline:3px solid #bfd1ff;border-color:var(--blue)}
.yn-q{margin:0 0 16px;padding:10px 14px;border-radius:12px;background:#f3f6ff;font-weight:700;color:var(--ink2)}
.yn-answer{display:inline-block;font-size:clamp(26px,3vw,34px);font-weight:900;letter-spacing:-.03em;margin:0 0 4px;padding:4px 18px;border-radius:14px}
.yn-yes{background:#dff5e8;color:#11663a}.yn-no{background:#ede4ff;color:#5b21b6}.yn-wait{background:#fff3d1;color:#7a5200}
.yn-why{margin:0 0 14px;font-weight:700;color:var(--ink2)}
@media (max-width:760px){.three-row{grid-template-columns:1fr}.three-pick .draw-back{width:22%;max-width:96px}}
@media (prefers-reduced-motion:reduce){.three-slot.is-fresh .three-card{animation:none}}
/* 타로 보는 법 글 (T-6) */
.guide p{margin:0 0 16px;color:var(--ink2);font-size:17.5px;line-height:1.85}
.guide .doc-lead{font-size:19px;color:var(--ink)}
.guide-sum{background:#f3f6ff;border:1px solid #d6e2ff;border-radius:16px;padding:18px 20px;margin:24px 0 18px}
.guide-sum b{display:block;color:var(--blue-dd);margin-bottom:6px}.guide-sum p{margin:0;color:var(--ink)}
.guide-next{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 20px}.guide-next>b{margin-right:4px}
.guide-pn{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;font-weight:700}
.guide-pn a{text-decoration:none}
.guide-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.guide-list a{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.guide-list a:hover{border-color:#a9c0fb}
.guide-n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900}
.guide-list b{display:block;font-size:17px;margin-bottom:4px}.guide-d{display:block;color:var(--mute);font-size:14.5px;line-height:1.6}
@media (max-width:760px){.guide-list{grid-template-columns:1fr}.guide p{font-size:16.5px}.guide-next .btn{width:auto}}
@media (max-width:1024px){.t-grid{grid-template-columns:repeat(4,1fr)}.t-rel-grid{grid-template-columns:1fr}}
@media (max-width:760px){.t-grid{grid-template-columns:repeat(3,1fr);gap:12px}.t-hero{grid-template-columns:1fr}.t-hero-card{order:0;padding:0}.tc-big{width:min(240px,70%)}.t-yes-row{grid-template-columns:1fr}.t-dl{grid-template-columns:1fr;gap:2px}.t-dl dd{margin-bottom:10px}.t-item-kw{display:none}}
@media (max-width:420px){.t-grid{grid-template-columns:repeat(2,1fr)}}

/* 태블릿 */
@media (max-width:1024px){
  .zp-cols{grid-template-columns:1fr 1fr}
  .zo-grid{grid-template-columns:repeat(4,1fr)}
  .zodiac-grid{grid-template-columns:repeat(3,1fr)}
  .tool-grid{grid-template-columns:repeat(2,1fr)}
  .head-nav{gap:16px}
}
/* 폰 */
@media (max-width:760px){
  body{font-size:16.5px}
  .wrap{padding:0 18px}
  .head-row{height:60px;gap:12px}
  .head-nav{display:none}
  .head-cta{margin-left:auto}
  .brand-tag{display:none}
  .hero-grid{grid-template-columns:1fr;gap:28px;padding-top:32px;padding-bottom:44px}
  .today-card{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 18px;border-radius:20px}
  .today-card img{width:84px;margin:0;flex:none}
  .today-ganji{font-size:26px;margin:0}
  .today-label{font-size:13.5px}
  .today-sub{font-size:14.5px}
  .section{padding:48px 0}
  .zodiac-grid{grid-template-columns:1fr 1fr;gap:12px}
  .z-card{padding:16px}
  .z-face{width:48px;height:48px}
  .tool-grid,.how-grid,.zp-cols{grid-template-columns:1fr}
  .zp-grid{grid-template-columns:1fr;gap:20px;padding-top:12px}
  .zp-char{order:2;padding:8px;border-radius:24px}
  .zp-char img{width:150px}
  .zo-grid{grid-template-columns:repeat(3,1fr)}
  .cta-band{padding:32px 24px}
  .btn{width:100%}
  .hero-actions{flex-direction:column}
  .head-cta.btn{width:auto}
}
@media (max-width:420px){.zodiac-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ck-hero{padding:8px 0 24px}.ck-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;padding-top:24px;padding-bottom:24px}
.ck-dial-box{background:linear-gradient(135deg,#eef3ff 0%,#fff7ec 100%);border-radius:32px;padding:18px}.ck-dial{display:block;width:min(420px,100%);height:auto;margin:0 auto}
.ck-seg path{fill:#fff;stroke:#dbe6ff;stroke-width:2}.ck-seg text{font-size:15px;font-weight:900;fill:#334155;text-anchor:middle}.ck-seg.on path{fill:var(--blue);stroke:var(--blue-d)}.ck-seg.on text{fill:#fff}
.ck-hub{fill:#f8faff;stroke:#dbe6ff;stroke-width:2}#ck-hand path{fill:var(--blue-dd)}.ck-c1{font-size:34px;font-weight:900;fill:var(--blue-dd);text-anchor:middle}.ck-c2{font-size:15px;font-weight:800;fill:#64748b;text-anchor:middle}
.ck-time{font-size:clamp(46px,8vw,76px);font-weight:900;letter-spacing:-.02em;line-height:1;margin:6px 0 8px;font-variant-numeric:tabular-nums;color:var(--ink)}
.ck-date{margin:0 0 16px;color:var(--ink2);font-weight:700}
.ck-now{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #dbe6ff;border-radius:18px;padding:12px 16px;margin:0 0 10px}.ck-now img{border-radius:50%;background:#eef3ff;flex:none}.ck-now p{margin:0;font-size:18px;line-height:1.5}.ck-now b{color:var(--blue-d);font-size:22px}
.ck-ilju{margin:0 0 6px;font-weight:700;color:var(--ink2)}.ck-sync{margin:0 0 18px}
.ck-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.ck-table{width:100%;border-collapse:collapse;font-size:16px}.ck-table th,.ck-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.ck-table thead th{font-size:14px;color:var(--mute);background:#f8faff}.ck-table td img{vertical-align:middle;border-radius:50%}
.ck-table tr.on th,.ck-table tr.on td{background:#eaf1ff}.ck-table tr.on th a{color:var(--blue-d)}.ck-table tbody tr:last-child th,.ck-table tbody tr:last-child td{border-bottom:0}
.ck-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:14px 0 24px;font-size:16px}.ck-facts dt{font-weight:800;color:var(--mute)}.ck-facts dd{margin:0;color:var(--ink)}
.sj-grid .zo.is-me{border-color:var(--blue);box-shadow:0 0 0 2px #bfd3ff inset}.sj-grid .muted-s{font-size:12.5px;font-weight:700}
@media (max-width:760px){.ck-grid{grid-template-columns:1fr;gap:18px;padding-top:12px}.ck-dial-box{order:2;padding:10px}.ck-dial{width:min(320px,100%)}.ck-table th,.ck-table td{padding:10px 10px;font-size:15px}.ck-facts{gap:6px 12px;font-size:15px}.ck-table td img{width:22px;height:22px}}
.yr-nav{display:flex;gap:8px;margin:0 0 18px}.yr-nav .btn{width:auto;flex:1;padding-left:6px;padding-right:6px;white-space:nowrap}
.zp-years a,.yr-years a{display:inline-block;padding:4px 10px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:800;text-decoration:none;color:var(--blue-d);font-variant-numeric:tabular-nums}
.yr-years{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.yr-tti-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.yr-tti{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.yr-tti-h{display:flex;align-items:center;gap:8px;font-weight:900;font-size:18px;text-decoration:none;color:var(--ink)}.yr-tti-h img{border-radius:50%;background:#eef3ff}
@media (max-width:1024px){.yr-tti-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.yr-tti-grid{grid-template-columns:1fr}}
.ny-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}.ny-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;text-decoration:none;color:var(--ink)}.ny-card:hover{border-color:#bfd3ff}
.ny-card-t{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ny-card-t b{font-size:18px}.ny-card-t .chip{font-size:12.5px;padding:3px 9px}.ny-card-h{flex-basis:100%;color:var(--ink2);font-size:15.5px;line-height:1.55}
.chip.ny-samjae{background:#fff1e6;color:#9a3412}.ny-list{margin:0 0 10px;padding-left:20px}.ny-list li{margin:4px 0;font-weight:700}.ny-note{margin-top:14px}
@media (max-width:1024px){.ny-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.ny-grid{grid-template-columns:1fr}}
.hero-quick{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.hero-quick a{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #dbe6ff;font-weight:800;font-size:14.5px;text-decoration:none;color:var(--blue-d)}.hero-quick a:hover{border-color:var(--blue)}
.ny-teaser{max-width:640px}
.cal-forms{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.cal-form{display:grid;gap:12px;align-content:start}.cal-form .btn{width:100%}
.cal-l{display:grid;gap:6px;font-weight:800;font-size:15px;color:var(--ink2)}.cal-l input,.cal-row select{width:100%;min-height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 10px;font-size:16px;background:#fff;color:var(--ink);font-family:inherit}
.cal-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.cal-age{max-width:560px;margin-top:16px}
.cal-result{border:1.5px solid #bfd3ff;margin:12px 0 4px}.cal-result.is-err{border-color:#fecaca;background:#fff5f5;color:#b91c1c;font-weight:700}.cal-big{font-size:clamp(19px,2.2vw,24px);font-weight:800;line-height:1.5;margin:0 0 12px}.cal-big b{color:var(--blue-d)}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px}
.cal-h{text-align:center;font-weight:900;font-size:14px;color:var(--mute);padding:6px 0}.cal-h.is-sun,.cal-cell.is-sun .cal-d{color:#dc2626}.cal-h.is-sat,.cal-cell.is-sat .cal-d{color:#2563eb}
.cal-cell{min-height:86px;border-radius:12px;background:#f8faff;padding:6px 6px 8px;display:flex;flex-direction:column;gap:2px;min-width:0}.cal-cell.is-empty{background:transparent}.cal-cell.is-today{outline:2.5px solid var(--blue);background:#eaf1ff}.cal-cell.is-feast{background:#fff7ec}
.cal-d{font-weight:900;font-size:17px}.cal-lu{font-size:12.5px;color:var(--ink2);font-weight:700}.cal-gj{font-size:11.5px;color:var(--mute)}.cal-tag{align-self:flex-start;font-size:11px;font-weight:800;color:#166534;background:#dcfce7;border-radius:6px;padding:1px 5px;white-space:nowrap}.cal-tag.is-feast{color:#9a3412;background:#ffedd5}
.cal-legend{margin-top:10px}.cal-son li.is-wk{font-weight:900;color:var(--blue-d)}
@media (max-width:760px){.cal-forms{grid-template-columns:1fr}.cal-grid{gap:2px;padding:4px}.cal-cell{min-height:70px;padding:4px 3px;border-radius:8px}.cal-d{font-size:15px}.cal-lu{font-size:11px}.cal-gj{display:none}.cal-tag{font-size:10px;padding:0 3px}}
.zg-chars{display:flex;justify-content:center;gap:4px}.zg-chars img{width:min(220px,48%)!important;margin:0!important}
.zg-chip{display:inline-block;font-size:14px;font-weight:800;padding:4px 10px;border-radius:999px;background:#f1f5f9;color:var(--ink2)}.zg-chip.is-sam{background:#dcfce7;color:#166534}.zg-chip.is-same{background:#dfe8ff;color:var(--blue-d)}.zg-chip.is-won{background:#ffedd5;color:#9a3412}
.zg-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.zg-table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}.zg-table th,.zg-table td{position:relative;border:1px solid var(--line);text-align:center;padding:6px 4px}.ck-table-wrap{position:relative}.zg-table thead th{background:#f8faff;font-size:12.5px;color:var(--ink2)}.zg-table thead th img{display:block;margin:0 auto 2px;border-radius:50%}
.zg-table tbody th{text-align:left;white-space:nowrap;background:#f8faff;font-size:13.5px;padding:6px 8px}.zg-table tbody th img{vertical-align:middle;border-radius:50%}
.zg-table td{font-size:18px;font-weight:900;color:#94a3b8}.zg-table td a{display:block;text-decoration:none;color:inherit}.zg-table td.is-sam{background:#f0fdf4;color:#16a34a}.zg-table td.is-same{background:#eef3ff;color:var(--blue)}.zg-table td.is-won{background:#fff7ed;color:#ea580c}
.zg-more p{margin:0 0 8px}
.dr-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dr-cases .how{padding:20px}
@media (max-width:1024px){.dr-cases{grid-template-columns:1fr 1fr}}@media (max-width:640px){.dr-cases{grid-template-columns:1fr}}
.ny-season{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:1024px){.ny-season{grid-template-columns:1fr 1fr}}@media (max-width:640px){.ny-season{grid-template-columns:1fr}}
.mo-howto{margin-top:14px}
.zp-age{margin:6px 0 10px;font-size:15px}.zp-age th,.zp-age td{padding:7px 10px}
.dr-hub-h{font-size:22px;margin:26px 0 12px}.dr-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex:none;border-radius:50%;background:#eef3ff;font-size:30px}.dr-icon.sm{width:48px;height:48px;font-size:26px}
.dr-hero-icon{display:flex;align-items:center;justify-content:center;font-size:clamp(110px,16vw,190px);min-height:240px}
@media (max-width:760px){.dr-hero-icon{min-height:150px;font-size:110px}}
.pf-facts th{width:110px;color:var(--ink2);font-size:15px}.pf-facts td{white-space:normal}
.pf-apt{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.pf-apt li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.pf-apt b{font-size:17px;color:var(--blue-d)}.pf-apt span{color:var(--ink2);font-size:15px}
.pf-colors{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pf-sw{display:inline-block;width:22px;height:22px;border-radius:50%;border:1px solid #cbd5e1;flex:none}.sw-목{background:linear-gradient(135deg,#16a34a,#2563eb)}.sw-화{background:linear-gradient(135deg,#dc2626,#f472b6)}.sw-토{background:linear-gradient(135deg,#facc15,#e7d3a8)}.sw-금{background:linear-gradient(135deg,#fff,#cbd5e1)}.sw-수{background:linear-gradient(135deg,#111827,#1e3a8a)}
.pf-pairs{display:flex;flex-wrap:wrap;gap:6px}.pf-pair{font-size:14px;font-weight:800;padding:4px 9px;border-radius:999px;text-decoration:none;background:#f1f5f9;color:var(--ink2)}.pf-pair.k-삼합,.pf-pair.k-같은띠{background:#dfe8ff;color:var(--blue-d)}.pf-pair.k-원진{background:#fff1e6;color:#9a3412}
.zh-profiles{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 0}.zh-profiles a{padding:5px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;text-decoration:none;color:var(--blue-d);font-size:15px}
.sj-h1{margin:6px 0 10px;font-size:clamp(30px,3.6vw,42px);letter-spacing:-.03em}.sj-lead{font-size:17.5px;line-height:1.7;color:var(--ink2);max-width:760px}
.sj-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sj-jump a{padding:5px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;text-decoration:none;color:var(--blue-d);font-size:15px}
.sj-table td.sj-cell{white-space:normal;line-height:1.5}.sj-t{display:inline-block;white-space:nowrap;margin:2px 10px 2px 0}.sj-table td,.sj-table th{vertical-align:top}.sj-n{font-size:13px;color:var(--mute);font-weight:700}.sj-cmp{margin-top:16px}.sj-cmp td,.sj-cmp th{white-space:normal}
.sj-card{scroll-margin-top:80px}.sj-card h3{display:flex;align-items:center;gap:10px}.sj-card .z-face img{width:44px;height:44px}.sj-links{font-size:15px}
@media (max-width:760px){.pf-facts th{width:84px}.sj-table th,.sj-table td{padding:9px 8px;font-size:14.5px}}
.zp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;margin-bottom:-6px}.zp-tabs a{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;text-decoration:none;color:var(--ink2);font-size:15px}.zp-tabs a[aria-current]{background:var(--blue-d);border-color:var(--blue-d);color:#fff}.zp-tabs a:last-child{margin-left:auto}
.pd-chip{display:inline-block;font-size:12.5px;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap}.pd-good{background:#dfe8ff;color:var(--blue-d)}.pd-care{background:#fff1e6;color:#9a3412}.pd-calm{background:#f1f5f9;color:var(--ink2)}
.pd-table td.pd-text{white-space:normal;line-height:1.6}.pd-table th{white-space:nowrap;line-height:1.7}.pd-table th,.pd-table td{vertical-align:top}.pd-flow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pd-days{display:flex;flex-wrap:wrap;gap:6px}.pd-day{display:inline-block;padding:4px 9px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:14.5px;white-space:nowrap}.pd-day.is-we{border-color:var(--blue-d);color:var(--blue-d)}
@media (max-width:760px){.zp-tabs a{padding:6px 11px;font-size:14px}.zp-tabs a:last-child{margin-left:0}}
.guide h2{font-size:24px;margin:34px 0 12px;letter-spacing:-.02em;scroll-margin-top:80px}.gd-toc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin:8px 0 10px}.gd-toc b{display:block;margin-bottom:6px}.gd-toc ol{margin:0;padding:0;list-style:none}.gd-toc li{margin:6px 0}.gd-toc li::before{content:"· ";color:var(--mute)}.gd-toc a{color:var(--blue-d);text-decoration:none;font-weight:700}
.gd-list{margin:0 0 18px;padding-left:22px}.gd-list li{margin:6px 0;color:var(--ink2);font-size:17px;line-height:1.7}.gd-table{margin:4px 0 20px}.gd-table td,.gd-table th{white-space:normal}
@media (max-width:760px){.guide h2{font-size:21px}.gd-list li{font-size:16px}}
.gd-terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:0}.gd-terms div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px}.gd-terms dt{font-weight:800;color:var(--blue-d);font-size:17px}.gd-terms dd{margin:4px 0 0;color:var(--ink2);font-size:15.5px;line-height:1.6}
.oh-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.oh-card{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.oh-card b{font-size:18px}.oh-card span:last-child{font-size:14.5px;color:var(--ink2);line-height:1.55}.oh-icon{font-size:28px}
.oh-wood{border-top:4px solid #16a34a}.oh-fire{border-top:4px solid #dc2626}.oh-earth{border-top:4px solid #ca8a04}.oh-metal{border-top:4px solid #94a3b8}.oh-water{border-top:4px solid #1e3a8a}
.oh-hero{display:flex;gap:22px;align-items:center;border-top:0;padding-top:4px}.oh-big{font-size:clamp(72px,10vw,120px);line-height:1}.oh-table td,.oh-table th{white-space:nowrap}
@media (max-width:760px){.oh-cards{grid-template-columns:1fr 1fr}.oh-hero{flex-direction:column;align-items:flex-start;gap:6px}}
.hj-cho{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:16px}.hj-cho a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.hj-cho b{font-size:22px;color:var(--blue-d)}.hj-cho span{font-size:14px;color:var(--ink2)}
.hj-sec{padding-top:8px;padding-bottom:8px}.hj-h{margin:10px 0 8px}.hj-jump a{font-size:14px;padding:4px 9px}
.hj-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.hj-list li{position:relative;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 4px;text-align:center}.hj-list b{font-size:21px;font-weight:600;line-height:1.25;font-family:"Noto Serif KR","Batang",serif}.hj-list span{font-size:13px;color:var(--ink2);line-height:1.35;word-break:keep-all}.hj-list em{font-style:normal;font-size:11.5px;color:var(--mute)}.hj-list i{position:absolute;top:2px;right:5px;font-style:normal;font-size:12px}.hj-list li.is-ban{background:#fff7f0;border-color:#fed7aa}
.bn-list{margin-bottom:14px}.sr-table td.pd-text{white-space:normal;line-height:1.55}.sr-table th,.sr-table td{vertical-align:top}
.gan-big{font-family:"Noto Serif KR","Batang",serif;font-weight:700}.gan-cards .oh-icon{font-size:34px}.gj-table td:last-child{white-space:normal}
.gm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:16px}.gm-card{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.gm-card b{font-size:18px;color:var(--blue-d)}.gm-card span{font-size:14.5px;color:var(--ink2)}.gm-table tr.gm-bad th,.gm-table tr.gm-bad td{background:#fffaf5}
.sn-table td{white-space:normal;line-height:1.6}
.zh-table td,.zh-table th{vertical-align:top}.zh-table td:nth-child(3){white-space:normal;min-width:120px}
.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px}.ch-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.ch-card img{width:100%;max-width:220px;height:auto;aspect-ratio:1}.ch-card b{font-size:19px}.ch-card .sj-links a{font-size:14px}

.fig{margin:8px 0 26px;padding:18px 16px 14px;background:#fff;border:1px solid var(--line);border-radius:20px;text-align:center}
.fig figcaption{margin-top:10px;font-size:14.5px;color:var(--mute);line-height:1.6;display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:center;align-items:center}
.fig-svg{display:block;width:100%;height:auto;margin:0 auto}.cy{max-width:330px}.zw{max-width:360px}
.cy-s{stroke:#2563eb;stroke-width:2.5}.cy-k{stroke:#94a3b8;stroke-width:1.6;stroke-dasharray:5 5}.cy-i{font-size:22px;text-anchor:middle}.cy-t{font-size:15px;font-weight:800;text-anchor:middle;fill:#0f172a}
.lg{font-weight:800}.lg-s{color:#2563eb}.lg-k{color:#64748b}
.zw-t{font-size:12.5px;font-weight:800;text-anchor:middle;fill:#334155}
.chip-wood{background:#e9edff;color:#1e3a8a}.chip-fire{background:#ffeded;color:#9f1239}.chip-earth{background:#fff8c2;color:#713f12}.chip-metal{background:#f1f5f9;color:#334155}.chip-water{background:#e2e8f0;color:#0f172a}.chip-wj{background:#fff1e6;color:#9a3412}
.yy{display:flex;gap:18px;align-items:center;justify-content:center;text-align:left;flex-wrap:wrap}.yy-svg{width:120px;margin:0}.yy-l p{margin:4px 0!important;font-size:16px!important}.yy-l b{display:inline-block;min-width:54px}
.pl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pl-c{display:flex;flex-direction:column;gap:6px;align-items:stretch}.pl-w{font-size:13px;color:var(--mute);font-weight:700}
.pl-t,.pl-b{display:flex;flex-direction:column;justify-content:center;min-height:64px;border-radius:14px;font-size:15px;line-height:1.3}.pl-t{background:#eef3ff;border:2px solid #c7d6fb;color:#1e3a8a}.pl-b{background:#fff7ec;border:2px solid #fed7aa;color:#9a3412}
.pl-t small,.pl-b small{font-size:11.5px;font-weight:700;opacity:.8}.pl-n{font-weight:900;font-size:16px}.pl-note{font-size:12.5px;color:var(--mute);line-height:1.4}
.pl-c.me .pl-t{background:var(--blue);border-color:var(--blue);color:#fff}.pl-c.me .pl-n{color:var(--blue-d)}
.sj12{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.sj12 div{display:flex;flex-direction:column;align-items:center;gap:2px;background:#f8faff;border-radius:12px;padding:8px 2px}.sj12 .face{border-radius:50%}.sj12 b{font-size:14px}.sj12 span{font-size:11.5px;color:var(--mute)}
.yl-bar{position:relative;height:16px;border-radius:999px;background:linear-gradient(90deg,#dbeafe,#e0e7ff);margin:6px 8px 0}.yl-z{position:absolute;top:0;bottom:0;border-radius:999px}.yl-z1{left:0;width:50%;background:#bfdbfe}.yl-z2{left:50%;width:50%;background:#fde68a}
.yl-m{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.yl-m div{display:flex;flex-direction:column}.yl-m b{font-size:16px}.yl-m span{font-size:13px;color:var(--mute);line-height:1.4}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:#f8faff;border:1px solid #dbe6ff;border-radius:16px;padding:14px 8px 12px}
.st-i{font-size:28px;line-height:1}.st-n{position:absolute;top:8px;left:10px;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:12.5px;font-weight:900;display:grid;place-items:center}.steps b{font-size:14.5px;line-height:1.4}
.icards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;text-align:left}.icard{background:#f8faff;border:1px solid var(--line);border-top:4px solid #c7d6fb;border-radius:16px;padding:14px}.icard b{display:block;font-size:16.5px;margin:4px 0}.icard p{margin:0!important;font-size:14.5px!important;line-height:1.6!important;color:var(--ink2)}.ic-i{font-size:28px;line-height:1}
.icard.oh-wood{background:#f3f5ff;border-top-color:#0000FF}.icard.oh-fire{background:#fff5f5;border-top-color:#FF0000}.icard.oh-earth{background:#fffde6;border-top-color:#e6e600;box-shadow:inset 0 1px 0 #111}.icard.oh-metal{background:#fafafa;border-top-color:#CCCCCC}.icard.oh-water{background:#f1f1f3;border-top-color:#000}
.cbar{display:flex;height:46px;border-radius:14px;overflow:hidden;gap:3px}.cbar span{display:grid;place-items:center;color:#0f172a}.cbar b{font-size:16px}.cbar-l{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-top:10px;font-size:14.5px;font-weight:700}.cbar-l i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:5px;vertical-align:-1px}
.quad{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:stretch;text-align:left}.quad>b{display:grid;place-items:center;font-size:14px;color:var(--ink2);padding:4px}.qc{background:#f8faff;border:1px solid var(--line);border-radius:14px;padding:12px}.qc span{font-size:24px}.qc b{display:block;font-size:15px;margin:2px 0}.qc p{margin:0!important;font-size:13.5px!important;line-height:1.5!important}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:left}.vs-c{background:#f8faff;border:1px solid var(--line);border-radius:16px;padding:14px;height:100%}.vs-c b{display:block;font-size:17px;margin:4px 0}.vs-c p{margin:0!important;font-size:14.5px!important;line-height:1.6!important}.vs-x{font-weight:900;color:var(--blue);font-size:18px}
.say{display:flex;gap:12px;align-items:flex-start;margin:24px 0 18px}.say .face{flex:none;border-radius:50%;background:#fff;box-shadow:0 4px 14px -6px rgba(30,58,138,.4)}.say-b{position:relative;flex:1;background:#f3f6ff;border:1px solid #d6e2ff;border-radius:18px;padding:14px 18px}.say-b::before{content:"";position:absolute;left:-8px;top:20px;width:14px;height:14px;background:#f3f6ff;border-left:1px solid #d6e2ff;border-bottom:1px solid #d6e2ff;transform:rotate(45deg)}.say-b b{display:block;color:var(--blue-dd);margin-bottom:4px}.say-b p{margin:0!important;color:var(--ink)!important}
@media (max-width:640px){.pl{gap:5px}.pl-t,.pl-b{min-height:58px;font-size:13.5px}.pl-note{font-size:11.5px}.sj12{grid-template-columns:repeat(4,1fr)}.vs{grid-template-columns:1fr}.vs-x{justify-self:center}.quad{grid-template-columns:auto 1fr 1fr;gap:5px}.qc{padding:9px}}

/* 읽을거리 글 — 머리 배너 · 번호 소제목 · 차례 · 관련 글 카드 (2026-10-07 개편 1단계) */
.gd-hero{position:relative;display:flex;align-items:center;gap:12px;max-width:808px;margin-top:6px;border-radius:28px;padding:26px 24px 22px;overflow:hidden;background:linear-gradient(135deg,#e8efff 0%,#f5f8ff 60%,#fff 100%);border:1px solid #d6e2ff}
.gd-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(37,99,235,.08)}
.gd-hero.c-read{background:linear-gradient(135deg,#e3f7ec 0%,#f3fbf6 60%,#fff 100%);border-color:#c6ecd6}.gd-hero.c-read::after{background:rgba(22,163,74,.08)}
.gd-hero.c-love{background:linear-gradient(135deg,#ffe8f1 0%,#fff4f8 60%,#fff 100%);border-color:#fbcfe0}.gd-hero.c-love::after{background:rgba(219,39,119,.07)}
.gd-hero.c-name{background:linear-gradient(135deg,#fff3dc 0%,#fff9ee 60%,#fff 100%);border-color:#fde3b0}.gd-hero.c-name::after{background:rgba(217,119,6,.08)}
.gd-hero-t{position:relative;z-index:1;flex:1;min-width:0}.gd-hero h1{font-size:clamp(26px,3.4vw,38px);letter-spacing:-.03em;margin:4px 0 12px;line-height:1.3}.gd-hero .eyebrow{margin-bottom:6px;background:#fff}
.gd-hero-c{position:relative;z-index:1;flex:none;width:170px;height:170px;margin:-10px -6px -18px 0;filter:drop-shadow(0 12px 18px rgba(30,58,138,.18))}
.gd-meta{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0}.gd-meta span{font-size:14px;font-weight:700;color:var(--ink2);background:rgba(255,255,255,.85);border:1px solid var(--line);padding:4px 10px;border-radius:999px}
.guide .doc-lead{margin-top:18px}
.gd-toc ol{display:grid;gap:2px}.gd-toc li{margin:0!important}.gd-toc li::before{content:none!important}.gd-toc li a{display:flex;gap:10px;align-items:flex-start;padding:6px 4px;text-decoration:none;font-weight:700;border-radius:10px}.gd-toc li a:hover{background:#f3f6ff}
.gd-tn{flex:none;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#eef3ff;color:var(--blue-d);font-size:13px;font-weight:900;display:inline-grid;place-items:center;margin-top:2px}
.gd-sec{margin-top:8px}.gd-h{display:flex;gap:12px;align-items:center;padding-top:22px;border-top:1px dashed #dbe3f0}.gd-sec:first-of-type .gd-h{border-top:0}
.gd-no{flex:none;width:38px;height:38px;border-radius:12px;background:var(--blue);color:#fff;font-size:17px;font-weight:900;display:grid;place-items:center;box-shadow:0 8px 16px -10px rgba(37,99,235,.9)}.gd-no.wide{width:auto;padding:0 10px;font-size:14px}
.gd-list{list-style:none;padding-left:0!important}.gd-list li{position:relative;padding:10px 14px 10px 44px!important;margin:8px 0!important;background:#fff;border:1px solid var(--line);border-radius:14px}.gd-list li::before{content:"✓";position:absolute;left:14px;top:10px;width:20px;height:20px;border-radius:50%;background:#dcfce7;color:#15803d;font-weight:900;font-size:13px;display:grid;place-items:center}
.gd-cards{margin:6px 0 22px}
.gd-table thead th{background:#eef3ff!important;color:var(--blue-dd)!important}
.gd-faq .faq-item summary{list-style:none;display:flex;gap:10px;align-items:flex-start}.gd-faq .faq-item summary::-webkit-details-marker{display:none}.gd-faq .faq-item summary::before{content:"Q";flex:none;width:26px;height:26px;border-radius:8px;background:#eef3ff;color:var(--blue-d);font-weight:900;display:grid;place-items:center;font-size:14px}
.gd-faq .faq-item[open] summary::before{background:var(--blue);color:#fff}
.gd-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gd-rc{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-left:5px solid #93c5fd;border-radius:16px;padding:14px}.gd-rc.c-read{border-left-color:#86efac}.gd-rc.c-love{border-left-color:#f9a8d4}.gd-rc.c-name{border-left-color:#fcd34d}
.gd-rc .face{flex:none;border-radius:50%;background:#f8faff}.gd-rc small{display:block;color:var(--mute);font-weight:700;font-size:12.5px}.gd-rc b{display:block;font-size:16px;line-height:1.4}.gd-rc:hover{border-color:#a9c0fb}.gd-rd{display:block;color:var(--mute);font-size:13.5px;line-height:1.5;margin-top:2px}
.gd-cta{gap:18px}.gd-cta .face{flex:none;border-radius:50%;background:#fff;border:3px solid rgba(255,255,255,.6)}.gd-cta>div{flex:1;min-width:220px}
.gd-hub a{align-items:center!important}.gd-hub .face{flex:none;border-radius:50%;background:#f8faff}.gd-hub .guide-n{display:inline-grid;width:24px;height:24px;font-size:12.5px;margin-right:6px;vertical-align:1px}.gd-hub b{display:inline!important}.gd-hub .guide-d{margin-top:4px}.gd-mm{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:700;color:var(--mute);background:#f1f5f9;padding:2px 8px;border-radius:999px}
.gd-hub.c-read a{border-left:5px solid #86efac}.gd-hub.c-love a{border-left:5px solid #f9a8d4}.gd-hub.c-name a{border-left:5px solid #fcd34d}.gd-hub.c-basic a{border-left:5px solid #93c5fd}
@media (max-width:760px){.gd-hero{padding:20px 16px 16px;border-radius:22px}.gd-hero-c{width:118px;height:118px;margin:0 -8px -10px 0;align-self:flex-end}.gd-rel{grid-template-columns:1fr}.gd-h{gap:10px}.gd-no{width:34px;height:34px;font-size:15px}}
@media (max-width:420px){.gd-hero-c{width:116px;height:116px;margin:0 -12px -12px -8px}.gd-hero h1{font-size:24px}.gd-meta span{font-size:12.5px;padding:3px 8px}}

/* 2단계 — 넓은 페이지 머리 · 오행 색 머리 · 간지 쌓기 · 짝짓기 */
.gd-hero.wide{max-width:none}.gd-hero-l{margin:0 0 12px;color:var(--ink2);font-size:17px;line-height:1.7}
.gd-hero-a{position:relative;z-index:1;flex:none;display:flex;align-items:flex-end;justify-content:center;gap:4px}.gd-hero-a .big{font-size:84px;line-height:1;font-family:"Noto Serif KR","Batang",serif;font-weight:700;color:#0f172a}.gd-hero-a .gan-icon{width:96px;height:96px}
.gd-hero-a img.hc{width:170px;height:170px;margin:-10px -6px -18px 0;filter:drop-shadow(0 12px 18px rgba(30,58,138,.18))}
.gd-hero.o-wood{background:linear-gradient(135deg,#e9edff 0%,#f6f8ff 60%,#fff 100%);border-color:#c7d2fe;border-top:5px solid #0000FF}
.gd-hero.o-fire{background:linear-gradient(135deg,#ffeded 0%,#fff6f6 60%,#fff 100%);border-color:#fecaca;border-top:5px solid #FF0000}
.gd-hero.o-earth{background:linear-gradient(135deg,#fffbd1 0%,#fffdf0 60%,#fff 100%);border-color:#fde68a;border-top:5px solid #e6e600}
.gd-hero.o-metal{background:linear-gradient(135deg,#f4f4f5 0%,#fafafa 60%,#fff 100%);border-color:#e4e4e7;border-top:5px solid #CCCCCC}
.gd-hero.o-water{background:linear-gradient(135deg,#e7e7ea 0%,#f4f4f6 60%,#fff 100%);border-color:#d4d4d8;border-top:5px solid #000}
.face-row{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}.face-row .face{border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 2px 6px rgba(15,23,42,.12)}
.stack{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:360px;margin:0 auto}.stk{display:flex;gap:12px;align-items:center;width:100%;background:#f8faff;border:2px solid #dbe6ff;border-radius:18px;padding:10px 14px;text-align:left}.stk .face{border-radius:50%;background:#fff}.stk b{display:block;font-size:19px}.stk span{font-size:14px;color:var(--mute)}
.stk.oh-wood{border-color:#0000FF;background:#f3f5ff}.stk.oh-fire{border-color:#FF0000;background:#fff5f5}.stk.oh-earth{border-color:#e6e600;background:#fffde6}.stk.oh-metal{border-color:#CCCCCC;background:#fafafa}.stk.oh-water{border-color:#000;background:#f1f1f3}
.stk-arrow{font-weight:900;color:var(--blue-d);font-size:15px;background:#eef3ff;border-radius:999px;padding:4px 14px}
.pair{display:flex;flex-direction:column;align-items:center;gap:8px}.pair-r{display:flex;flex-direction:column;align-items:center;gap:6px}.pair-r b{font-size:14px;color:var(--ink2)}.pair-r>span{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.pair-r .face{border-radius:50%;background:#f8faff}.pair-x{font-size:22px;font-weight:900;color:var(--mute)}.pair-eq{font-weight:900;color:var(--blue-d);font-size:18px}
.oh-card .face-row{margin-top:6px}.gan-cards .gan-ic{display:block;line-height:0}.gan-cards .gan-ic .gan-icon{width:52px;height:52px}.gan-mid{font-size:20px;font-weight:700}.fig-stack{background:#fff}.jw-ic{font-size:44px!important;line-height:1.25!important;text-align:center}.hero-cy .cy{width:230px;max-width:none}.oh-habits .icard b{font-size:15px;font-weight:700}.oh-card .face-row .face{width:32px;height:32px}
@media (max-width:760px){.hero-cy .cy{width:200px}.gd-hero-a img.hc{width:118px;height:118px;margin:0 -8px -10px 0}.gd-hero-a .big{font-size:56px}.gd-hero-a .gan-icon{width:64px;height:64px}.gd-hero.wide{flex-direction:column;align-items:stretch;gap:4px}.gd-hero.wide .gd-hero-a{order:-1;justify-content:center;align-items:center;gap:10px;margin:-6px 0 2px}.gd-hero.wide .gd-hero-a img.hc{width:120px;height:120px;margin:0}.gd-hero.wide h1{font-size:26px}}

/* 3단계 — 띠 짝 그림 · 하루 12시진 */
.match{display:flex;gap:14px;align-items:center;text-align:left}.m-me{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;background:#eef3ff;border-radius:18px;padding:12px 10px}.m-me .face{border-radius:50%;background:#fff;border:3px solid var(--blue)}.m-me b{font-size:15px}
.m-cols{flex:1;display:grid;gap:8px}.m-grp{border-radius:14px;padding:8px 10px}.m-good{background:#f0fdf4}.m-same{background:#f8faff}.m-care{background:#fff7ed}.m-t{display:block;font-size:13px;font-weight:800;color:var(--ink2);margin-bottom:4px}.m-grp>div{display:flex;gap:10px;flex-wrap:wrap}
.m-f{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--ink)}.m-f .face{border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 2px 8px rgba(15,23,42,.12)}.m-f.good .face{border-color:#22c55e}.m-f.care .face{border-color:#fb923c}.m-f.same .face{border-color:#93c5fd}.m-f b{font-size:13.5px}
.sjd a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--ink);background:#f8faff;border:2px solid transparent;border-radius:12px;padding:6px 2px}.sjd a .face{border-radius:50%}.sjd a b{font-size:13.5px}.sjd a span{font-size:11.5px;color:var(--mute)}
.sjd a.good{background:#f0fdf4;border-color:#86efac}.sjd a.care{background:#fff7ed;border-color:#fdba74}.sjd a.mine{background:#eef3ff;border-color:#93c5fd}
.lg-d{font-weight:700;font-size:13.5px}.lg-d::before{content:"";display:inline-block;width:11px;height:11px;border-radius:4px;margin-right:5px;vertical-align:-1px}.lg-d.mine::before{background:#93c5fd}.lg-d.good::before{background:#86efac}.lg-d.care::before{background:#fdba74}
.how .fig{margin:12px 0 4px;padding:12px 10px 10px}.how.pd-good{border-top:4px solid #86efac;background:linear-gradient(180deg,#f0fdf4,#fff 60%)}.how.pd-care{border-top:4px solid #fdba74;background:linear-gradient(180deg,#fff7ed,#fff 60%)}.how.pd-week{border-top:4px solid #93c5fd;background:linear-gradient(180deg,#f3f6ff,#fff 60%)}
@media (max-width:640px){.match{flex-direction:column;align-items:stretch}.m-me{flex-direction:row;justify-content:center}.sjd{grid-template-columns:repeat(4,1fr)}}

/* 4단계 — 81수리 네 수 그림 · 발음오행 카드 */
.ff{display:grid;gap:12px}.ff-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ff-b{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff7ec;border:2px solid #fed7aa;border-radius:16px;padding:10px 4px}.ff-b.sn{background:#eef3ff;border-color:#c7d6fb}.ff-b span{font-size:12.5px;color:var(--mute);font-weight:700}.ff-b b{font-size:18px;line-height:1.3;font-family:"Noto Serif KR","Batang",serif;white-space:nowrap}.ff-b em{font-style:normal;font-weight:900;color:var(--blue-d)}
.ff-rows{display:grid;gap:6px;text-align:left}.ff-r{display:grid;grid-template-columns:52px 1fr auto auto;gap:8px;align-items:center;background:#f8faff;border-radius:12px;padding:8px 12px}.ff-r b{color:var(--blue-dd)}.ff-r span{font-size:14px;color:var(--ink2)}.ff-r em{font-style:normal;font-weight:900;font-size:18px}.ff-r i{font-style:normal;font-size:12.5px;font-weight:800;color:#15803d;background:#dcfce7;border-radius:999px;padding:2px 8px}
.sn-big{font-size:56px!important}.cho-big{font-family:inherit!important;font-size:64px!important}.snd .icard p{font-size:20px!important;font-weight:800;letter-spacing:.08em;color:var(--ink)!important}

/* 5단계 — 꿈 상황 카드 · 좋은 날 막대 */
.dr-case h3{display:flex;gap:10px;align-items:center}.dr-cf{position:relative;flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f3f6ff}.dr-cf .face{border-radius:50%}.dr-ci{font-size:24px}.dr-cf i{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:11.5px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
.dr-case{border-left:4px solid #c4b5fd;background:linear-gradient(90deg,#faf7ff,#fff 40%)}
.gm-bar{position:relative;display:block;height:10px;border-radius:999px;background:#f1f5f9;margin:6px 0 4px;overflow:hidden}.gm-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px}.gm-g{background:#bfdbfe}.lg-d.gb::before{background:#bfdbfe}.lg-d.gp::before{background:#f472b6}.gm-b{background:#f472b6}

/* 6단계 — 홈: 오늘의 동물 · 자료실 · 휴대폰 2칸 카드 */
.hm-today{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#eef3ff,#fff7ec);border:1px solid #dbe6ff;border-radius:24px;padding:14px 20px;margin:0 0 16px}.hm-today-c{flex:none;width:130px;height:130px;filter:drop-shadow(0 10px 16px rgba(30,58,138,.2))}.hm-today .eyebrow{margin:0 0 6px;background:#fff}.hm-today b{display:block;font-size:20px;margin-bottom:4px}.hm-today p{margin:0;color:var(--ink2)}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.lib{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-top:4px solid #93c5fd;border-radius:18px;padding:14px;transition:transform .15s ease,box-shadow .15s ease}.lib:hover{transform:translateY(-2px);box-shadow:0 14px 24px -18px rgba(30,58,138,.5)}
.lib.c-read{border-top-color:#86efac}.lib.c-love{border-top-color:#f9a8d4}.lib.c-name{border-top-color:#fcd34d}
.lib-a{display:flex;align-items:center;gap:2px;height:52px;font-size:36px;line-height:1}.lib-a .face{border-radius:50%;background:#f8faff}.lib-a i{font-style:normal;font-size:18px}.lib-cy .cy{width:60px}.lib b{font-size:16.5px}.lib>span:last-child{font-size:13.5px;color:var(--mute);line-height:1.45}
.how-art{font-size:26px;letter-spacing:2px;margin:0 0 10px;line-height:1}.mini-pl{display:inline-flex;gap:4px}.mini-pl i{display:inline-block;width:16px;height:30px;border-radius:5px;background:linear-gradient(180deg,#c7d6fb 50%,#fed7aa 50%)}.mini-pl i.me{background:linear-gradient(180deg,var(--blue) 50%,#fdba74 50%)}
@media (max-width:640px){.hm-today{padding:12px}.hm-today-c{width:96px;height:96px}.hm-today b{font-size:17px}.hm-today p{font-size:14.5px}
.hm-zg{grid-template-columns:1fr 1fr!important;gap:8px!important}.hm-zg .z-card{padding:12px;gap:8px}.hm-zg .z-top{gap:8px}.hm-zg .z-face img{width:44px;height:44px}.hm-zg .z-name{font-size:16px}.hm-zg .z-text{font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hm-zg .z-more{font-size:13px}
#tools .tool-grid{grid-template-columns:1fr 1fr;gap:8px}#tools .tool{flex-direction:column;gap:8px;padding:14px}#tools .tool-ico{width:44px;height:44px;font-size:24px}#tools .tool h3{font-size:16.5px}#tools .tool p{font-size:13.5px;line-height:1.5}#tools .tool-go{font-size:13px}
.lib-grid{grid-template-columns:1fr 1fr;gap:8px}.lib{padding:12px}}