:root{--bg-white-rgb:255,255,255;
  /* 배경 */ --bg-000000:#000000;--bg-0000ff:#0000ff;--bg-0f172a:#0f172a;--bg-111827:#111827;--bg-141c3f:#141c3f;--bg-16a34a:#16a34a;--bg-1a2350:#1a2350;--bg-1d4ed8:#1d4ed8;--bg-1e2a5a:#1e2a5a;--bg-1e3a8a:#1e3a8a;--bg-202b5e:#202b5e;--bg-2563eb:#2563eb;--bg-334155:#334155;--bg-64748b:#64748b;--bg-6b7cff:#6b7cff;--bg-7c3aed:#7c3aed;--bg-86efac:#86efac;--bg-93b4f5:#93b4f5;--bg-93c5fd:#93c5fd;--bg-b8bec8:#b8bec8;--bg-bfdbfe:#bfdbfe;--bg-c7d6fb:#c7d6fb;--bg-cbd5e1:#cbd5e1;--bg-dbeafe:#dbeafe;--bg-dc2626:#dc2626;--bg-dcfce7:#dcfce7;--bg-dfe8ff:#dfe8ff;--bg-dff5e8:#dff5e8;--bg-e0e7ff:#e0e7ff;--bg-e2e8f0:#e2e8f0;--bg-e3f7ec:#e3f7ec;--bg-e5d000:#e5d000;--bg-e7d3a8:#e7d3a8;--bg-e7e7ea:#e7e7ea;--bg-e8efff:#e8efff;--bg-e8f0ff:#e8f0ff;--bg-e9edff:#e9edff;--bg-e9eef8:#e9eef8;--bg-eaf1ff:#eaf1ff;--bg-ecdcbc:#ecdcbc;--bg-ecfdf3:#ecfdf3;--bg-ede4ff:#ede4ff;--bg-eef2f7:#eef2f7;--bg-eef2ff:#eef2ff;--bg-eef3ff:#eef3ff;--bg-eef4ff:#eef4ff;--bg-eef6ff:#eef6ff;--bg-eff5ff:#eff5ff;--bg-eff6ff:#eff6ff;--bg-f0fdf4:#f0fdf4;--bg-f1f1f3:#f1f1f3;--bg-f1f5f9:#f1f5f9;--bg-f2fbf4:#f2fbf4;--bg-f3f5ff:#f3f5ff;--bg-f3f6ff:#f3f6ff;--bg-f3f7ff:#f3f7ff;--bg-f3fbf6:#f3fbf6;--bg-f472b6:#f472b6;--bg-f4f4f5:#f4f4f5;--bg-f4f4f6:#f4f4f6;--bg-f59e0b:#f59e0b;--bg-f5f0ff:#f5f0ff;--bg-f5f8ff:#f5f8ff;--bg-f6ead2:#f6ead2;--bg-f6f7fb:#f6f7fb;--bg-f6f8ff:#f6f8ff;--bg-f6f9ff:#f6f9ff;--bg-f8fafc:#f8fafc;--bg-f8faff:#f8faff;--bg-f8fbff:#f8fbff;--bg-facc15:#facc15;--bg-faf7ff:#faf7ff;--bg-fafafa:#fafafa;--bg-fb7185:#fb7185;--bg-fbfcff:#fbfcff;--bg-fbfdff:#fbfdff;--bg-fdba74:#fdba74;--bg-fde68a:#fde68a;--bg-fdf0d5:#fdf0d5;--bg-fed7aa:#fed7aa;--bg-ff0000:#ff0000;--bg-ff6b6b:#ff6b6b;--bg-ffe8f1:#ffe8f1;--bg-ffedd5:#ffedd5;--bg-ffeded:#ffeded;--bg-fff1d6:#fff1d6;--bg-fff1e6:#fff1e6;--bg-fff1f2:#fff1f2;--bg-fff3d1:#fff3d1;--bg-fff3dc:#fff3dc;--bg-fff4e8:#fff4e8;--bg-fff4f8:#fff4f8;--bg-fff5f5:#fff5f5;--bg-fff6f6:#fff6f6;--bg-fff7d6:#fff7d6;--bg-fff7e6:#fff7e6;--bg-fff7ec:#fff7ec;--bg-fff7ed:#fff7ed;--bg-fff7f0:#fff7f0;--bg-fff8c2:#fff8c2;--bg-fff8e6:#fff8e6;--bg-fff8ec:#fff8ec;--bg-fff9ee:#fff9ee;--bg-fffaf0:#fffaf0;--bg-fffaf5:#fffaf5;--bg-fffbd1:#fffbd1;--bg-fffbea:#fffbea;--bg-fffbeb:#fffbeb;--bg-fffde6:#fffde6;--bg-fffdf0:#fffdf0;--bg-fffdf7:#fffdf7;--bg-ffff00:#ffff00;--bg-ffffff:#ffffff;
  /* 글자 */ --tx-0f172a:#0f172a;--tx-11663a:#11663a;--tx-15803d:#15803d;--tx-166534:#166534;--tx-16a34a:#16a34a;--tx-1d4ed8:#1d4ed8;--tx-1e3a8a:#1e3a8a;--tx-1e40af:#1e40af;--tx-2563eb:#2563eb;--tx-2f6fe0:#2f6fe0;--tx-334155:#334155;--tx-4338ca:#4338ca;--tx-475569:#475569;--tx-5b21b6:#5b21b6;--tx-64748b:#64748b;--tx-713f12:#713f12;--tx-7a5200:#7a5200;--tx-7a5b00:#7a5b00;--tx-7c3aed:#7c3aed;--tx-92400e:#92400e;--tx-94a3b8:#94a3b8;--tx-9a3412:#9a3412;--tx-9a5b00:#9a5b00;--tx-9f1239:#9f1239;--tx-a16207:#a16207;--tx-b91c1c:#b91c1c;--tx-c2410c:#c2410c;--tx-c9a24a:#c9a24a;--tx-cbd5e1:#cbd5e1;--tx-d93a3a:#d93a3a;--tx-dc2626:#dc2626;--tx-e2e8f0:#e2e8f0;--tx-ea580c:#ea580c;--tx-f5e6b8:#f5e6b8;--tx-ffffff:#ffffff;
  /* 테두리·밑줄 */ --ln-000000:#000000;--ln-0000ff:#0000ff;--ln-16a34a:#16a34a;--ln-1d4ed8:#1d4ed8;--ln-1e3a8a:#1e3a8a;--ln-22c55e:#22c55e;--ln-2563eb:#2563eb;--ln-86efac:#86efac;--ln-93b4f5:#93b4f5;--ln-93c5fd:#93c5fd;--ln-94a3b8:#94a3b8;--ln-999999:#999999;--ln-9db8f5:#9db8f5;--ln-a9c0fb:#a9c0fb;--ln-bbf0cf:#bbf0cf;--ln-bbf7d0:#bbf7d0;--ln-bfd1ff:#bfd1ff;--ln-bfd3ff:#bfd3ff;--ln-c4b5fd:#c4b5fd;--ln-c6ecd6:#c6ecd6;--ln-c7d2fe:#c7d2fe;--ln-c7d6fb:#c7d6fb;--ln-c7d7fe:#c7d7fe;--ln-c7d8ff:#c7d8ff;--ln-ca8a04:#ca8a04;--ln-cbd5e1:#cbd5e1;--ln-cccccc:#cccccc;--ln-cfe0fb:#cfe0fb;--ln-cfe9d6:#cfe9d6;--ln-d4d4d8:#d4d4d8;--ln-d6e2fb:#d6e2fb;--ln-d6e2ff:#d6e2ff;--ln-dbe3f0:#dbe3f0;--ln-dbe6ff:#dbe6ff;--ln-dc2626:#dc2626;--ln-e2e8f0:#e2e8f0;--ln-e4e4e7:#e4e4e7;--ln-e6e600:#e6e600;--ln-e9cf8f:#e9cf8f;--ln-f1d98a:#f1d98a;--ln-f3c98b:#f3c98b;--ln-f3dfb8:#f3dfb8;--ln-f3e3a3:#f3e3a3;--ln-f9a8d4:#f9a8d4;--ln-fb923c:#fb923c;--ln-fbcfe0:#fbcfe0;--ln-fcd34d:#fcd34d;--ln-fdba74:#fdba74;--ln-fde3b0:#fde3b0;--ln-fde68a:#fde68a;--ln-fde7c2:#fde7c2;--ln-fecaca:#fecaca;--ln-fed7aa:#fed7aa;--ln-ff0000:#ff0000;--ln-ffff00:#ffff00;--ln-ffffff:#ffffff;
  /* 그림자 */ --sh-000000:#000000;--sh-111111:#111111;--sh-1a2350:#1a2350;--sh-2563eb:#2563eb;--sh-999999:#999999;--sh-bfd3ff:#bfd3ff;--sh-c9a24a:#c9a24a;--sh-cccccc:#cccccc;
  /* 그림 칠·선 */ --fg-0f172a:#0f172a;--fg-1d4ed8:#1d4ed8;--fg-1e3a8a:#1e3a8a;--fg-2563eb:#2563eb;--fg-334155:#334155;--fg-475569:#475569;--fg-64748b:#64748b;--fg-94a3b8:#94a3b8;--fg-dbe6ff:#dbe6ff;--fg-f8faff:#f8faff;--fg-ffffff:#ffffff;}
:root[data-theme=light]{color-scheme:light}
:root[data-theme=dark]{--bg-white-rgb:23,29,43;
  /* 배경 */ --bg-000000:#000000;--bg-0000ff:#0000ff;--bg-0f172a:#0f172a;--bg-111827:#111827;--bg-141c3f:#141c3f;--bg-16a34a:#16a34a;--bg-1a2350:#1a2350;--bg-1d4ed8:#1d4ed8;--bg-1e2a5a:#1e2a5a;--bg-1e3a8a:#1e3a8a;--bg-202b5e:#202b5e;--bg-2563eb:#2563eb;--bg-334155:#334155;--bg-64748b:#64748b;--bg-6b7cff:#252f7e;--bg-7c3aed:#7c3aed;--bg-86efac:#2f7448;--bg-93b4f5:#2c4577;--bg-93c5fd:#264f7d;--bg-b8bec8:#4c5057;--bg-bfdbfe:#202f41;--bg-c7d6fb:#21293d;--bg-cbd5e1:#30353a;--bg-dbeafe:#1b2736;--bg-dc2626:#dc2626;--bg-dcfce7:#1d3525;--bg-dfe8ff:#1a2135;--bg-dff5e8:#223229;--bg-e0e7ff:#192035;--bg-e2e8f0:#262a2f;--bg-e3f7ec:#213028;--bg-e5d000:#e5d000;--bg-e7d3a8:#6b5b38;--bg-e7e7ea:#2a2a2c;--bg-e8efff:#182032;--bg-e8f0ff:#182132;--bg-e9edff:#181c31;--bg-e9eef8:#20242e;--bg-eaf1ff:#182031;--bg-ecdcbc:#413a2c;--bg-ecfdf3:#1a2f23;--bg-ede4ff:#221933;--bg-eef2f7:#21252a;--bg-eef2ff:#171d30;--bg-eef3ff:#171e30;--bg-eef4ff:#172030;--bg-eef6ff:#172330;--bg-eff5ff:#17202f;--bg-eff6ff:#17212f;--bg-f0fdf4:#1a2d20;--bg-f1f1f3:#252527;--bg-f1f5f9:#1f2429;--bg-f2fbf4:#1d2a20;--bg-f3f5ff:#161a2e;--bg-f3f6ff:#161c2e;--bg-f3f7ff:#161e2e;--bg-f3fbf6:#1d2921;--bg-f472b6:#782b53;--bg-f4f4f5:#212328;--bg-f4f4f6:#232325;--bg-f59e0b:#f59e0b;--bg-f5f0ff:#1f172f;--bg-f5f8ff:#161d2d;--bg-f6ead2:#383123;--bg-f6f7fb:#0c111c;--bg-f6f8ff:#151b2d;--bg-f6f9ff:#151d2d;--bg-f8fafc:#1d2126;--bg-f8faff:#151c2c;--bg-f8fbff:#151f2c;--bg-facc15:#facc15;--bg-faf7ff:#1e152c;--bg-fafafa:#1e2024;--bg-fb7185:#7c2733;--bg-fbfcff:#151a2b;--bg-fbfdff:#15202b;--bg-fdba74:#7d5326;--bg-fde68a:#7d6c26;--bg-fdf0d5:#382f1d;--bg-fed7aa:#493824;--bg-ff0000:#ff0000;--bg-ff6b6b:#7e2525;--bg-ffe8f1:#321822;--bg-ffedd5:#392c1b;--bg-ffeded:#301717;--bg-fff1d6:#392f1b;--bg-fff1e6:#332418;--bg-fff1f2:#2f1618;--bg-fff3d1:#3a321c;--bg-fff3dc:#362d1a;--bg-fff4e8:#322518;--bg-fff4f8:#2d161e;--bg-fff5f5:#2d1616;--bg-fff6f6:#2d1515;--bg-fff7d6:#39331b;--bg-fff7e6:#332a18;--bg-fff7ec:#302617;--bg-fff7ed:#302517;--bg-fff7f0:#2f2217;--bg-fff8c2:#403c1f;--bg-fff8e6:#332b18;--bg-fff8ec:#302717;--bg-fff9ee:#302717;--bg-fffaf0:#2f2717;--bg-fffaf5:#2d2116;--bg-fffbd1:#3a381c;--bg-fffbea:#312c18;--bg-fffbeb:#312c17;--bg-fffde6:#333018;--bg-fffdf0:#2f2c17;--bg-fffdf7:#2c2715;--bg-ffff00:#ffff00;--bg-ffffff:#1c1e21;
  /* 글자 */ --tx-0f172a:#d4dbed;--tx-11663a:#b7edd1;--tx-15803d:#acebc4;--tx-166534:#b9eacb;--tx-16a34a:#9deab9;--tx-1d4ed8:#879fe5;--tx-1e3a8a:#a9b9e6;--tx-1e40af:#99abe5;--tx-2563eb:#789be8;--tx-2f6fe0:#7fa2e2;--tx-334155:#c2ccdb;--tx-4338ca:#938ed8;--tx-475569:#bac4d1;--tx-5b21b6:#b496e4;--tx-64748b:#acb5c3;--tx-713f12:#edceb3;--tx-7a5200:#f8dfab;--tx-7a5b00:#f8e5ab;--tx-7c3aed:#a78bfa;--tx-92400e:#efc0a3;--tx-94a3b8:#94a3b8;--tx-9a3412:#ecb3a0;--tx-9a5b00:#f7d39e;--tx-9f1239:#ec9eb4;--tx-a16207:#f3cf9c;--tx-b91c1c:#e69494;--tx-c2410c:#efab8f;--tx-c9a24a:#d4bd8b;--tx-cbd5e1:#cbd5e1;--tx-d93a3a:#dd8181;--tx-dc2626:#e28585;--tx-e2e8f0:#e2e8f0;--tx-ea580c:#eea47e;--tx-f5e6b8:#f5e6b8;--tx-ffffff:#ffffff;
  /* 테두리·밑줄 */ --ln-000000:#000000;--ln-0000ff:#0000ff;--ln-16a34a:#16a34a;--ln-1d4ed8:#1d4ed8;--ln-1e3a8a:#1e3a8a;--ln-22c55e:#22c55e;--ln-2563eb:#2563eb;--ln-86efac:#328650;--ln-93b4f5:#2e4d8a;--ln-93c5fd:#2f5278;--ln-94a3b8:#515a67;--ln-999999:#5c5c5c;--ln-9db8f5:#354772;--ln-a9c0fb:#2e406f;--ln-bbf0cf:#376347;--ln-bbf7d0:#306643;--ln-bfd1ff:#283a69;--ln-bfd3ff:#283c69;--ln-c4b5fd:#382b6b;--ln-c6ecd6:#3a5c48;--ln-c7d2fe:#283465;--ln-c7d6fb:#2b3b63;--ln-c7d7fe:#283a65;--ln-c7d8ff:#273a66;--ln-ca8a04:#ca8a04;--ln-cbd5e1:#434c56;--ln-cccccc:#525252;--ln-cfe0fb:#2b3f5f;--ln-cfe9d6:#3d5644;--ln-d4d4d8:#4b4b4e;--ln-d6e2fb:#2a3b5c;--ln-d6e2ff:#243660;--ln-dbe3f0:#384252;--ln-dbe6ff:#24365e;--ln-dc2626:#dc2626;--ln-e2e8f0:#39424d;--ln-e4e4e7:#434347;--ln-e6e600:#e6e600;--ln-e9cf8f:#816b37;--ln-f1d98a:#877330;--ln-f3c98b:#89642f;--ln-f3dfb8:#655534;--ln-f3e3a3:#6f6336;--ln-f9a8d4:#6e3052;--ln-fb923c:#915727;--ln-fbcfe0:#5f2b3f;--ln-fcd34d:#917827;--ln-fdba74:#915d26;--ln-fde3b0:#6d572c;--ln-fde68a:#917c27;--ln-fde7c2:#66502a;--ln-fecaca:#642727;--ln-fed7aa:#70502b;--ln-ff0000:#ff0000;--ln-ffff00:#ffff00;--ln-ffffff:#ffffff;
  /* 그림자 */ --sh-000000:#000000;--sh-111111:#111111;--sh-1a2350:#1a2350;--sh-2563eb:#2563eb;--sh-999999:#05070c;--sh-bfd3ff:#05070c;--sh-c9a24a:#c9a24a;--sh-cccccc:#05070c;
  /* 그림 칠·선 */ --fg-0f172a:#d4dbed;--fg-1d4ed8:#879fe5;--fg-1e3a8a:#a9b9e6;--fg-2563eb:#789be8;--fg-334155:#c2ccdb;--fg-475569:#bac4d1;--fg-64748b:#acb5c3;--fg-94a3b8:#94a3b8;--fg-dbe6ff:#1a2337;--fg-f8faff:#151c2c;--fg-ffffff:#1c1e21;}
:root[data-theme=dark]{color-scheme:dark}
:root[data-theme=dark] .cbar span{color:#0f172a}
:root[data-theme=dark] .tt-moon{display:none}
:root[data-theme=dark] .tt-sun{display:inline}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-white-rgb:23,29,43;
  /* 배경 */ --bg-000000:#000000;--bg-0000ff:#0000ff;--bg-0f172a:#0f172a;--bg-111827:#111827;--bg-141c3f:#141c3f;--bg-16a34a:#16a34a;--bg-1a2350:#1a2350;--bg-1d4ed8:#1d4ed8;--bg-1e2a5a:#1e2a5a;--bg-1e3a8a:#1e3a8a;--bg-202b5e:#202b5e;--bg-2563eb:#2563eb;--bg-334155:#334155;--bg-64748b:#64748b;--bg-6b7cff:#252f7e;--bg-7c3aed:#7c3aed;--bg-86efac:#2f7448;--bg-93b4f5:#2c4577;--bg-93c5fd:#264f7d;--bg-b8bec8:#4c5057;--bg-bfdbfe:#202f41;--bg-c7d6fb:#21293d;--bg-cbd5e1:#30353a;--bg-dbeafe:#1b2736;--bg-dc2626:#dc2626;--bg-dcfce7:#1d3525;--bg-dfe8ff:#1a2135;--bg-dff5e8:#223229;--bg-e0e7ff:#192035;--bg-e2e8f0:#262a2f;--bg-e3f7ec:#213028;--bg-e5d000:#e5d000;--bg-e7d3a8:#6b5b38;--bg-e7e7ea:#2a2a2c;--bg-e8efff:#182032;--bg-e8f0ff:#182132;--bg-e9edff:#181c31;--bg-e9eef8:#20242e;--bg-eaf1ff:#182031;--bg-ecdcbc:#413a2c;--bg-ecfdf3:#1a2f23;--bg-ede4ff:#221933;--bg-eef2f7:#21252a;--bg-eef2ff:#171d30;--bg-eef3ff:#171e30;--bg-eef4ff:#172030;--bg-eef6ff:#172330;--bg-eff5ff:#17202f;--bg-eff6ff:#17212f;--bg-f0fdf4:#1a2d20;--bg-f1f1f3:#252527;--bg-f1f5f9:#1f2429;--bg-f2fbf4:#1d2a20;--bg-f3f5ff:#161a2e;--bg-f3f6ff:#161c2e;--bg-f3f7ff:#161e2e;--bg-f3fbf6:#1d2921;--bg-f472b6:#782b53;--bg-f4f4f5:#212328;--bg-f4f4f6:#232325;--bg-f59e0b:#f59e0b;--bg-f5f0ff:#1f172f;--bg-f5f8ff:#161d2d;--bg-f6ead2:#383123;--bg-f6f7fb:#0c111c;--bg-f6f8ff:#151b2d;--bg-f6f9ff:#151d2d;--bg-f8fafc:#1d2126;--bg-f8faff:#151c2c;--bg-f8fbff:#151f2c;--bg-facc15:#facc15;--bg-faf7ff:#1e152c;--bg-fafafa:#1e2024;--bg-fb7185:#7c2733;--bg-fbfcff:#151a2b;--bg-fbfdff:#15202b;--bg-fdba74:#7d5326;--bg-fde68a:#7d6c26;--bg-fdf0d5:#382f1d;--bg-fed7aa:#493824;--bg-ff0000:#ff0000;--bg-ff6b6b:#7e2525;--bg-ffe8f1:#321822;--bg-ffedd5:#392c1b;--bg-ffeded:#301717;--bg-fff1d6:#392f1b;--bg-fff1e6:#332418;--bg-fff1f2:#2f1618;--bg-fff3d1:#3a321c;--bg-fff3dc:#362d1a;--bg-fff4e8:#322518;--bg-fff4f8:#2d161e;--bg-fff5f5:#2d1616;--bg-fff6f6:#2d1515;--bg-fff7d6:#39331b;--bg-fff7e6:#332a18;--bg-fff7ec:#302617;--bg-fff7ed:#302517;--bg-fff7f0:#2f2217;--bg-fff8c2:#403c1f;--bg-fff8e6:#332b18;--bg-fff8ec:#302717;--bg-fff9ee:#302717;--bg-fffaf0:#2f2717;--bg-fffaf5:#2d2116;--bg-fffbd1:#3a381c;--bg-fffbea:#312c18;--bg-fffbeb:#312c17;--bg-fffde6:#333018;--bg-fffdf0:#2f2c17;--bg-fffdf7:#2c2715;--bg-ffff00:#ffff00;--bg-ffffff:#1c1e21;
  /* 글자 */ --tx-0f172a:#d4dbed;--tx-11663a:#b7edd1;--tx-15803d:#acebc4;--tx-166534:#b9eacb;--tx-16a34a:#9deab9;--tx-1d4ed8:#879fe5;--tx-1e3a8a:#a9b9e6;--tx-1e40af:#99abe5;--tx-2563eb:#789be8;--tx-2f6fe0:#7fa2e2;--tx-334155:#c2ccdb;--tx-4338ca:#938ed8;--tx-475569:#bac4d1;--tx-5b21b6:#b496e4;--tx-64748b:#acb5c3;--tx-713f12:#edceb3;--tx-7a5200:#f8dfab;--tx-7a5b00:#f8e5ab;--tx-7c3aed:#a78bfa;--tx-92400e:#efc0a3;--tx-94a3b8:#94a3b8;--tx-9a3412:#ecb3a0;--tx-9a5b00:#f7d39e;--tx-9f1239:#ec9eb4;--tx-a16207:#f3cf9c;--tx-b91c1c:#e69494;--tx-c2410c:#efab8f;--tx-c9a24a:#d4bd8b;--tx-cbd5e1:#cbd5e1;--tx-d93a3a:#dd8181;--tx-dc2626:#e28585;--tx-e2e8f0:#e2e8f0;--tx-ea580c:#eea47e;--tx-f5e6b8:#f5e6b8;--tx-ffffff:#ffffff;
  /* 테두리·밑줄 */ --ln-000000:#000000;--ln-0000ff:#0000ff;--ln-16a34a:#16a34a;--ln-1d4ed8:#1d4ed8;--ln-1e3a8a:#1e3a8a;--ln-22c55e:#22c55e;--ln-2563eb:#2563eb;--ln-86efac:#328650;--ln-93b4f5:#2e4d8a;--ln-93c5fd:#2f5278;--ln-94a3b8:#515a67;--ln-999999:#5c5c5c;--ln-9db8f5:#354772;--ln-a9c0fb:#2e406f;--ln-bbf0cf:#376347;--ln-bbf7d0:#306643;--ln-bfd1ff:#283a69;--ln-bfd3ff:#283c69;--ln-c4b5fd:#382b6b;--ln-c6ecd6:#3a5c48;--ln-c7d2fe:#283465;--ln-c7d6fb:#2b3b63;--ln-c7d7fe:#283a65;--ln-c7d8ff:#273a66;--ln-ca8a04:#ca8a04;--ln-cbd5e1:#434c56;--ln-cccccc:#525252;--ln-cfe0fb:#2b3f5f;--ln-cfe9d6:#3d5644;--ln-d4d4d8:#4b4b4e;--ln-d6e2fb:#2a3b5c;--ln-d6e2ff:#243660;--ln-dbe3f0:#384252;--ln-dbe6ff:#24365e;--ln-dc2626:#dc2626;--ln-e2e8f0:#39424d;--ln-e4e4e7:#434347;--ln-e6e600:#e6e600;--ln-e9cf8f:#816b37;--ln-f1d98a:#877330;--ln-f3c98b:#89642f;--ln-f3dfb8:#655534;--ln-f3e3a3:#6f6336;--ln-f9a8d4:#6e3052;--ln-fb923c:#915727;--ln-fbcfe0:#5f2b3f;--ln-fcd34d:#917827;--ln-fdba74:#915d26;--ln-fde3b0:#6d572c;--ln-fde68a:#917c27;--ln-fde7c2:#66502a;--ln-fecaca:#642727;--ln-fed7aa:#70502b;--ln-ff0000:#ff0000;--ln-ffff00:#ffff00;--ln-ffffff:#ffffff;
  /* 그림자 */ --sh-000000:#000000;--sh-111111:#111111;--sh-1a2350:#1a2350;--sh-2563eb:#2563eb;--sh-999999:#05070c;--sh-bfd3ff:#05070c;--sh-c9a24a:#c9a24a;--sh-cccccc:#05070c;
  /* 그림 칠·선 */ --fg-0f172a:#d4dbed;--fg-1d4ed8:#879fe5;--fg-1e3a8a:#a9b9e6;--fg-2563eb:#789be8;--fg-334155:#c2ccdb;--fg-475569:#bac4d1;--fg-64748b:#acb5c3;--fg-94a3b8:#94a3b8;--fg-dbe6ff:#1a2337;--fg-f8faff:#151c2c;--fg-ffffff:#1c1e21;}
:root:not([data-theme=light]){color-scheme:dark}
:root:not([data-theme=light]) .cbar span{color:#0f172a}
:root:not([data-theme=light]) .tt-moon{display:none}
:root:not([data-theme=light]) .tt-sun{display:inline}}

: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-f6f7fb);color:var(--tx-0f172a);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(--tx-1d4ed8)}
.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:var(--bg-ffffff);padding:8px 12px;border-radius:8px}

/* 머리띠 */
.site-head{position:sticky;top:0;z-index:5;background:rgba(var(--bg-white-rgb),.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--ln-e2e8f0)}
.head-row{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tx-0f172a)}
.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--bg-2563eb);color:var(--tx-ffffff);font-size:19px}
.brand-name{font-size:22px;font-weight:900;letter-spacing:-.03em}
.brand-tag{font-size:13px;font-weight:700;color:var(--tx-64748b);padding:3px 9px;border:1px solid var(--ln-e2e8f0);border-radius:999px}
.head-nav{display:flex;gap:22px;margin-left:auto}
.head-nav a{color:var(--tx-334155);text-decoration:none;font-weight:700;font-size:16px}
.head-nav a:hover{color:var(--tx-2563eb)}
/* 🌙/☀️ 밤·낮 화면 단추 (2026-10-12 다크모드 3단계) — 낮엔 🌙, 밤엔 ☀️ (바꾸기는 color_tokens.ts 어두운 규칙) */
.theme-btn{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--ln-e2e8f0);background:var(--bg-ffffff);font-size:17px;line-height:1;cursor:pointer;padding:0}.theme-btn:hover{border-color:var(--ln-93c5fd)}.tt-sun{display:none}

/* 버튼 */
.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(--bg-2563eb);color:var(--tx-ffffff)}.btn-primary:hover{background:var(--bg-1d4ed8)}
.btn-ghost{background:var(--bg-ffffff);color:var(--tx-1d4ed8);border-color:var(--ln-c7d6fb)}
.btn-sm{padding:10px 18px;font-size:15px}

/* 첫 화면 */
.hero{background:linear-gradient(135deg,var(--bg-eef3ff) 0%,var(--bg-f8faff) 55%,var(--bg-fff7ec) 100%);border-bottom:1px solid var(--ln-e2e8f0)}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:8px}
/* 2026-10-11 오너 "홈 중간 빈 공간" — 머리 칸 아래 64 + 다음 칸 위 72 = 136px → 8 + 20 (머리 칸 뒤에 시작 폼 스크립트가 끼어 있어 +script+ 도 함께) */
.hero+.section,.hero+script+.section{padding-top:20px}
.eyebrow{display:inline-block;font-size:15px;font-weight:800;color:var(--tx-1d4ed8);background:var(--bg-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(--tx-2563eb)}
.nw{white-space:nowrap}
.hero-lead{font-size:clamp(17px,1.6vw,20px);color:var(--tx-334155);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(--tx-64748b)}
.start-card{background:var(--bg-ffffff);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 var(--ln-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(--tx-64748b);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(--ln-e2e8f0);border-radius:12px;font-weight:800;font-size:16px;cursor:pointer;background:var(--bg-f8faff)}.start-seg input:checked+span{background:var(--bg-2563eb);border-color:var(--ln-2563eb);color:var(--tx-ffffff)}.start-seg input:focus-visible+span{outline:3px solid var(--ln-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(--tx-334155);margin-bottom:6px;padding:0}.start-row select,.start-row input[type=time]{width:100%;min-height:48px;border:1.5px solid var(--ln-e2e8f0);border-radius:12px;padding:0 10px;font-size:16px;background:var(--bg-ffffff);color:var(--tx-0f172a);font-family:inherit}.start-time{grid-template-columns:1fr auto;align-items:center}.start-time input:disabled{background:var(--bg-f1f5f9);color:var(--tx-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:var(--tx-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(--tx-64748b);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(--tx-334155)}.hero-today img{border-radius:50%;background:var(--bg-ffffff);flex:none}.hero-today span{min-width:0;line-height:1.45}
.hero-wx{margin:10px 0 0;padding:8px 12px;border-radius:12px;background:var(--bg-eef6ff);border:1px solid var(--ln-cfe0fb);font-size:14.5px;color:var(--tx-334155);line-height:1.5}.hero-wx a{font-weight:800;white-space:nowrap}
.today-card{background:var(--bg-ffffff);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(--tx-64748b);margin:0}
.today-ganji{font-size:34px;font-weight:900;letter-spacing:.02em;margin:2px 0 4px}
.today-sub{font-size:16px;color:var(--tx-334155);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(--tx-64748b);font-size:16.5px}

/* 띠별 카드 */
.zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.z-card{background:var(--bg-ffffff);border-radius:var(--radius);padding:20px 20px 22px;border:1px solid var(--ln-e2e8f0);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:var(--bg-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(--tx-64748b);font-weight:700}
.z-text{margin:0;font-size:16px;color:var(--tx-334155);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 var(--sh-000000)}.ring-금{--ring:var(--ring-geum);box-shadow:0 0 0 1px var(--sh-cccccc)}.ring-수{--ring:var(--ring-su)}

.z-card{text-decoration:none;color:var(--tx-0f172a);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.z-card:hover{border-color:var(--ln-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(--tx-1d4ed8);font-size:14.5px}

/* 띠별 오늘 페이지 (1-2) */
.crumbs{padding-top:18px;font-size:14.5px;color:var(--tx-64748b)}
.crumbs a{color:var(--tx-64748b);text-decoration:none;display:inline-block;padding:7px 2px;margin:-7px 0}.crumbs a:hover{color:var(--tx-2563eb)}
.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,var(--bg-eef3ff) 0%,var(--bg-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(--tx-0f172a)}
.zp-kind{margin:0 0 10px}
.chip{display:inline-block;font-size:14.5px;font-weight:800;color:var(--tx-1d4ed8);background:var(--bg-dfe8ff);padding:5px 12px;border-radius:999px}
.zp-explain{color:var(--tx-334155);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:var(--bg-eef3ff);color:var(--tx-1e3a8a);font-weight:800;border-radius:10px;padding:4px 10px;font-size:15.5px}
.muted-s{color:var(--tx-64748b);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(--tx-0f172a);background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:18px;padding:16px 8px;font-weight:800}
.zo:hover{border-color:var(--ln-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(--tx-334155)}
.faq{display:grid;gap:10px}
.faq-item{background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:16px;padding:16px 20px}
.faq-item summary{cursor:pointer;font-weight:800;font-size:17px;list-style-position:inside}
.faq-item p{margin:10px 0 0;color:var(--tx-334155)}

/* 도구 카드 */
.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(--tx-0f172a);background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:var(--radius);padding:22px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.tool:hover{border-color:var(--ln-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:var(--bg-eef3ff);flex:none}
.tool h3{margin:0 0 4px;font-size:19px;letter-spacing:-.02em}
.tool p{margin:0;color:var(--tx-64748b);font-size:15.5px;line-height:1.6}
.tool-go{display:inline-block;margin-top:8px;font-weight:800;color:var(--tx-1d4ed8);font-size:15px}

/* 설명 */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.how{background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:var(--radius);padding:26px}
.how-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--bg-2563eb);color:var(--tx-ffffff);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(--tx-334155);font-size:16px}
.trust{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}
.trust span{background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700;color:var(--tx-334155)}

/* 행동 띠 */
.cta-band{background:linear-gradient(120deg,var(--bg-2563eb) 0%,var(--bg-1d4ed8) 60%,var(--bg-1e3a8a) 100%);color:var(--tx-ffffff);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:var(--bg-ffffff);color:var(--tx-1d4ed8)}

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

/* 소개·방침·약관·문의 (1-3) — 읽기 좋은 폭 760 */
.doc{max-width:1120px;padding-top:12px;padding-bottom:24px}
.doc-crumbs{max-width:1120px}
.doc h1{font-size:clamp(30px,3.6vw,42px);letter-spacing:-.03em;margin:8px 0 10px}
.doc-lead{font-size:18px;color:var(--tx-334155);margin:0 0 28px}
.doc-sec{background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);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:var(--tx-e2e8f0)}.foot-op a{color:var(--tx-ffffff)}

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

/* 타로 카드 사전 (T-2) — 카드 앞면: 남색 바탕 + 금 테두리 + 크림 그림 칸 (12지신 옷 색과 같은 계열) */
.preview-bar{background:var(--bg-fff7d6);border-bottom:1px solid var(--ln-f1d98a);color:var(--tx-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,var(--bg-1e2a5a) 0%,var(--bg-141c3f) 100%);border-radius:18px;padding:10px;box-shadow:inset 0 0 0 2px var(--sh-c9a24a),inset 0 0 0 5px var(--sh-1a2350),inset 0 0 0 6px var(--sh-c9a24a),0 24px 40px -28px rgba(15,23,42,.7);color:var(--tx-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%,var(--bg-fffaf0) 0%,var(--bg-f6ead2) 70%,var(--bg-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,var(--bg-fff7e6),var(--bg-fdf0d5));border:1.5px solid var(--ln-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:var(--tx-2563eb)}.friend-ans{margin:12px 0 0;font-size:15px}.friend-ans b{color:var(--tx-11663a)}.friend-cta{margin:12px 0 0;font-weight:800;color:var(--tx-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:var(--bg-ffffff)}
.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:var(--bg-ffffff);box-shadow:0 0 0 2px var(--sh-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:var(--tx-ffffff);background:var(--bg-2563eb);border-radius:8px;padding:3px 9px;margin-right:4px}
.kw-label.rev{background:var(--bg-7c3aed)}
.chip-rev{color:var(--tx-5b21b6);background:var(--bg-ede4ff)}
.t-story p{color:var(--tx-334155);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(--tx-1e3a8a);white-space:nowrap}
.t-dl dd{margin:0;color:var(--tx-334155)}
.is-rev .t-dl dt{color:var(--tx-5b21b6)}
.rev-mark{display:inline-block;color:var(--tx-7c3aed)}
.t-word{margin:16px 0 0!important;padding:12px 14px;border-radius:12px;background:var(--bg-f3f6ff);font-weight:800;color:var(--tx-0f172a)}
.is-rev .t-word{background:var(--bg-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:var(--bg-f8fafc);border:1px solid var(--ln-e2e8f0);border-radius:14px;padding:14px 16px}
.t-yes-row b{font-size:20px}.t-yes-row span:last-child{color:var(--tx-334155)}
.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(--tx-0f172a);background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:var(--radius);padding:14px}
.t-rel:hover{border-color:var(--ln-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(--tx-64748b)}
.t-rel b{font-size:18px}
.t-rel-kw{font-size:14.5px;color:var(--tx-334155)}
.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(--tx-0f172a);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(--tx-64748b);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:var(--bg-7c3aed);color:var(--tx-ffffff);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(--tx-0f172a);background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);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:none}
.zp-intro{max-width:none}.zp-intro p{color:var(--tx-334155);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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);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(--ln-2563eb);outline-offset:6px;border-radius:14px}
.tc-back-art{background:repeating-linear-gradient(45deg,var(--bg-1a2350) 0 10px,var(--bg-202b5e) 10px 20px);box-shadow:inset 0 0 0 1px var(--sh-c9a24a)}
.tc-back-mark{font-size:46px;color:var(--tx-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(--tx-334155);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(--tx-334155);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(--bg-2563eb);color:var(--tx-ffffff);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:var(--bg-f8fafc);border:1px solid var(--ln-e2e8f0);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(--tx-64748b);font-weight:700}.three-pos b{color:var(--tx-1e3a8a);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 var(--ln-c7d6fb);border-radius:14px;margin:0 0 22px;background:var(--bg-ffffff);color:var(--tx-0f172a)}
.yn-input:focus{outline:3px solid var(--ln-bfd1ff);border-color:var(--ln-2563eb)}
.yn-q{margin:0 0 16px;padding:10px 14px;border-radius:12px;background:var(--bg-f3f6ff);font-weight:700;color:var(--tx-334155)}
.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:var(--bg-dff5e8);color:var(--tx-11663a)}.yn-no{background:var(--bg-ede4ff);color:var(--tx-5b21b6)}.yn-wait{background:var(--bg-fff3d1);color:var(--tx-7a5200)}
.yn-why{margin:0 0 14px;font-weight:700;color:var(--tx-334155)}
@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(--tx-334155);font-size:17.5px;line-height:1.85}
.guide .doc-lead{font-size:19px;color:var(--tx-0f172a)}
.guide-sum{background:var(--bg-f3f6ff);border:1px solid var(--ln-d6e2ff);border-radius:16px;padding:18px 20px;margin:24px 0 18px}
.guide-sum b{display:block;color:var(--tx-1e3a8a);margin-bottom:6px}.guide-sum p{margin:0;color:var(--tx-0f172a)}
.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(--ln-e2e8f0);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(--tx-0f172a);background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:16px;padding:16px 18px}
.guide-list a:hover{border-color:var(--ln-a9c0fb)}
.guide-n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--bg-2563eb);color:var(--tx-ffffff);font-weight:900}
.guide-list b{display:block;font-size:17px;margin-bottom:4px}.guide-d{display:block;color:var(--tx-64748b);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:24px;padding-bottom:8px}.hero+.section,.hero+script+.section{padding-top:14px}
  .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:36px 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}
.ckm{display:grid;grid-template-columns:270px minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"dial main side" "dial now side";gap:10px 24px;align-items:center;margin-top:14px;margin-bottom:6px;background:linear-gradient(135deg,var(--bg-eef3ff) 0%,var(--bg-fff7ec) 100%);border:1px solid var(--ln-dbe6ff);border-radius:24px;padding:16px 20px}
.ckm-dial{display:block;grid-area:dial}.ckm-main{grid-area:main;align-self:end}.ckm-now{grid-area:now;align-self:start}.ckm-side{grid-area:side}.ckm .ck-dial{width:100%}
.ckm-k{margin:0;font-size:13px;font-weight:800;color:var(--tx-1d4ed8)}
.ckm-time{font-size:44px;font-weight:900;letter-spacing:-.02em;line-height:1.05;margin:2px 0 4px;font-variant-numeric:tabular-nums;color:var(--tx-0f172a)}
.ckm-date{margin:0;color:var(--tx-334155);font-weight:700;font-size:14.5px}
.ckm-now{margin:0;padding:8px 12px}.ckm-now p{font-size:15.5px}.ckm-now b{font-size:18px}
.ckm-side .ck-sky{margin:0 0 10px;font-size:14px;background:var(--bg-fffdf7)}
.ckm-go{display:inline-block}.ckm-m{display:none;margin:4px 0 0;font-size:13px;font-weight:700}
@media (max-width:900px){.ckm{grid-template-columns:210px minmax(0,1fr);grid-template-areas:"dial main" "dial now" "side side"}}
@media (max-width:640px){.ckm{grid-template-columns:136px minmax(0,1fr);grid-template-areas:"dial main" "now now";gap:10px 12px;padding:12px;border-radius:18px;margin-top:10px}.ckm-time{font-size:34px}.ckm-date{font-size:13px}.ckm-main{align-self:center}.ckm-now{padding:6px 10px;gap:8px}.ckm-now img{width:36px;height:36px}.ckm-now p{font-size:14px}.ckm-now b{font-size:16px}.ckm-side{display:none}.ckm-m{display:block}.ckm-date .nw{display:block}}.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,var(--bg-eef3ff) 0%,var(--bg-fff7ec) 100%);border-radius:32px;padding:18px}.ck-dial{display:block;width:min(420px,100%);height:auto;margin:0 auto}
.ck-seg path{fill:var(--fg-ffffff);stroke:var(--fg-dbe6ff);stroke-width:2}.ck-seg text{font-size:15px;font-weight:900;fill:var(--fg-334155);text-anchor:middle}.ck-seg.on path{fill:var(--fg-2563eb);stroke:var(--fg-1d4ed8)}.ck-seg.on text{fill:var(--fg-ffffff)}
.ck-hub{fill:var(--fg-f8faff);stroke:var(--fg-dbe6ff);stroke-width:2}#ck-hand path{fill:var(--fg-1e3a8a)}.ck-c1{font-size:34px;font-weight:900;fill:var(--fg-1e3a8a);text-anchor:middle}.ck-c2{font-size:15px;font-weight:800;fill:var(--fg-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(--tx-0f172a)}
.ck-date{margin:0 0 16px;color:var(--tx-334155);font-weight:700}
.ck-now{display:flex;align-items:center;gap:12px;background:var(--bg-ffffff);border:1.5px solid var(--ln-dbe6ff);border-radius:18px;padding:12px 16px;margin:0 0 10px}.ck-now img{border-radius:50%;background:var(--bg-eef3ff);flex:none}.ck-now p{margin:0;font-size:18px;line-height:1.5}.ck-now b{color:var(--tx-1d4ed8);font-size:22px}
.ck-ilju{margin:0 0 6px;font-weight:700;color:var(--tx-334155)}.ck-sync{margin:0 0 18px}
.fd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.fd-list li{background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:14px;padding:12px 14px}.fd-list b{display:block;font-size:17px;margin-bottom:4px;color:var(--tx-0f172a)}.fd-list span{display:block;font-size:14.5px;line-height:1.6;color:var(--tx-334155)}
.sn-table td,.sn-table th{vertical-align:top}.sn-s{display:block;font-size:12px;color:var(--tx-64748b);font-weight:600}.sn-wd{font-size:12.5px;color:var(--tx-64748b)}.sn-table tr.sun .sn-wd{color:var(--tx-d93a3a)}.sn-table tr.sat .sn-wd{color:var(--tx-2f6fe0)}.sn-jg{display:block;width:max-content;margin-top:3px;padding:1px 7px;border-radius:99px;background:var(--bg-fff1d6);color:var(--tx-9a5b00);font-size:11.5px;font-weight:800}.sn-jg.sn-today{background:var(--bg-eaf1ff);color:var(--tx-1d4ed8)}
.ck-sky{margin:0 0 14px;padding:10px 14px;border-radius:14px;background:var(--bg-fff8ec);border:1px solid var(--ln-f3dfb8)}.ck-sky p{margin:2px 0}.ck-sky-h{font-weight:900;color:var(--tx-0f172a)}
.ck-table-wrap{overflow-x:auto;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);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(--ln-e2e8f0);text-align:left;white-space:nowrap}.ck-table thead th{font-size:14px;color:var(--tx-64748b);background:var(--bg-f8faff)}.ck-table td img{vertical-align:middle;border-radius:50%}
.ck-table tr.on th,.ck-table tr.on td{background:var(--bg-eaf1ff)}.ck-table tr.on th a{color:var(--tx-1d4ed8)}.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(--tx-64748b)}.ck-facts dd{margin:0;color:var(--tx-0f172a)}
.sj-grid .zo.is-me{border-color:var(--ln-2563eb);box-shadow:0 0 0 2px var(--sh-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}}
/* 2026-10-09 폭 전수 점검: 폰(480px 이하)에서 표가 몇 px 차이로 마지막 칸이 잘리던 것 — 칸 여백·글자를 조금 줄인다 */
@media (max-width:480px){.ck-table th,.ck-table td{padding:9px 7px;font-size:14px}.ck-table thead th{font-size:12.5px;white-space:normal;min-width:3.5em}.ck-table td.wr{white-space:normal;min-width:7em}}
@media (max-width:400px){.ck-table th,.ck-table td{padding:9px 5px}}
@media (max-width:380px){.ck-table th,.ck-table td{font-size:13px}}
/* 옆으로 밀어야 하는 넓은 표(5~7칸) — 가려진 쪽 끝에 옅은 그림자 (밀 수 있다는 표시, 다 밀면 사라짐) */
.ck-table-wrap{background:linear-gradient(90deg,var(--bg-ffffff) 30%,rgba(var(--bg-white-rgb),0)) left/40px 100% no-repeat local,linear-gradient(270deg,var(--bg-ffffff) 30%,rgba(var(--bg-white-rgb),0)) right/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(15,23,42,.16),rgba(15,23,42,0)) left/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(15,23,42,.16),rgba(15,23,42,0)) right/14px 100% no-repeat scroll;background-color:var(--bg-ffffff)}
.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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);font-weight:800;text-decoration:none;color:var(--tx-1d4ed8);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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);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(--tx-0f172a)}.yr-tti-h img{border-radius:50%;background:var(--bg-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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:18px;padding:16px;text-decoration:none;color:var(--tx-0f172a)}.ny-card:hover{border-color:var(--ln-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(--tx-334155);font-size:15.5px;line-height:1.55}
.chip.ny-samjae{background:var(--bg-fff1e6);color:var(--tx-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:var(--bg-ffffff);border:1px solid var(--ln-dbe6ff);font-weight:800;font-size:14.5px;text-decoration:none;color:var(--tx-1d4ed8)}.hero-quick a:hover{border-color:var(--ln-2563eb)}
.hero-quick a.hq-new{background:var(--bg-fff8ec);border-color:var(--ln-f3c98b);color:var(--tx-9a3412)}
.ny-teaser{max-width:none}
.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(--tx-334155)}.cal-l input,.cal-row select{width:100%;min-height:48px;border:1.5px solid var(--ln-e2e8f0);border-radius:12px;padding:0 10px;font-size:16px;background:var(--bg-ffffff);color:var(--tx-0f172a);font-family:inherit}
.cal-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.cal-age{max-width:none;margin-top:16px}
.cal-result{border:1.5px solid var(--ln-bfd3ff);margin:12px 0 4px}.cal-result.is-err{border-color:var(--ln-fecaca);background:var(--bg-fff5f5);color:var(--tx-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(--tx-1d4ed8)}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:var(--radius);padding:8px}
.cal-h{text-align:center;font-weight:900;font-size:14px;color:var(--tx-64748b);padding:6px 0}.cal-h.is-sun,.cal-cell.is-sun .cal-d{color:var(--tx-dc2626)}.cal-h.is-sat,.cal-cell.is-sat .cal-d{color:var(--tx-2563eb)}
.cal-cell{min-height:86px;border-radius:12px;background:var(--bg-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(--ln-2563eb);background:var(--bg-eaf1ff)}.cal-cell.is-feast{background:var(--bg-fff7ec)}
.cal-d{font-weight:900;font-size:17px}.cal-lu{font-size:12.5px;color:var(--tx-334155);font-weight:700}.cal-gj{font-size:11.5px;color:var(--tx-64748b)}.cal-tag{align-self:flex-start;font-size:11px;font-weight:800;color:var(--tx-166534);background:var(--bg-dcfce7);border-radius:6px;padding:1px 5px;white-space:nowrap}.cal-tag.is-feast{color:var(--tx-9a3412);background:var(--bg-ffedd5)}
.cal-legend{margin-top:10px}.cal-son li.is-wk{font-weight:900;color:var(--tx-1d4ed8)}
@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:11px;padding:0 3px;letter-spacing:-.04em}}
.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:var(--bg-f1f5f9);color:var(--tx-334155)}.zg-chip.is-sam{background:var(--bg-dcfce7);color:var(--tx-166534)}.zg-chip.is-same{background:var(--bg-dfe8ff);color:var(--tx-1d4ed8)}.zg-chip.is-won{background:var(--bg-ffedd5);color:var(--tx-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(--ln-e2e8f0);text-align:center;padding:6px 4px}.ck-table-wrap{position:relative}.zg-table thead th{background:var(--bg-f8faff);font-size:12.5px;color:var(--tx-334155)}.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:var(--bg-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:var(--tx-94a3b8)}.zg-table td a{display:block;text-decoration:none;color:inherit}.zg-table td.is-sam{background:var(--bg-f0fdf4);color:var(--tx-16a34a)}.zg-table td.is-same{background:var(--bg-eef3ff);color:var(--tx-2563eb)}.zg-table td.is-won{background:var(--bg-fff7ed);color:var(--tx-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:var(--bg-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(--tx-334155);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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.pf-apt b{font-size:17px;color:var(--tx-1d4ed8)}.pf-apt span{color:var(--tx-334155);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 var(--ln-cbd5e1);flex:none}.sw-목{background:linear-gradient(135deg,var(--bg-16a34a),var(--bg-2563eb))}.sw-화{background:linear-gradient(135deg,var(--bg-dc2626),var(--bg-f472b6))}.sw-토{background:linear-gradient(135deg,var(--bg-facc15),var(--bg-e7d3a8))}.sw-금{background:linear-gradient(135deg,var(--bg-ffffff),var(--bg-cbd5e1))}.sw-수{background:linear-gradient(135deg,var(--bg-111827),var(--bg-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:var(--bg-f1f5f9);color:var(--tx-334155)}.pf-pair.k-삼합,.pf-pair.k-같은띠{background:var(--bg-dfe8ff);color:var(--tx-1d4ed8)}.pf-pair.k-원진{background:var(--bg-fff1e6);color:var(--tx-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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);font-weight:800;text-decoration:none;color:var(--tx-1d4ed8);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(--tx-334155);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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);font-weight:800;text-decoration:none;color:var(--tx-1d4ed8);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(--tx-64748b);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}}
@media (max-width:400px){.sj-table th,.sj-table td{padding:9px 5px;font-size:13.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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);font-weight:800;text-decoration:none;color:var(--tx-334155);font-size:15px}.zp-tabs a[aria-current]{background:var(--bg-1d4ed8);border-color:var(--ln-1d4ed8);color:var(--tx-ffffff)}
a.icard{text-decoration:none;color:inherit}a.icard b{color:var(--tx-1d4ed8)}a.icard:hover{border-color:var(--ln-2563eb)}
.sp-grid th,.sp-grid td{padding:7px 5px;font-size:13.5px;text-align:center;white-space:nowrap}.sp-grid td a{text-decoration:none;font-weight:700}.sp-grid td.on{background:var(--bg-eaf1ff)}
.sn-more{margin-top:8px}.sn-more summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);font-weight:800;color:var(--tx-334155);font-size:14.5px;list-style:none}.sn-more summary::-webkit-details-marker{display:none}.sn-more summary::after{content:"▾";font-size:12px}.sn-more[open] summary{background:var(--bg-1d4ed8);border-color:var(--ln-1d4ed8);color:var(--tx-ffffff)}.sn-more[open] summary::after{content:"▴"}.sn-more .zp-tabs{margin-top:10px;margin-bottom:0}.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:var(--bg-dfe8ff);color:var(--tx-1d4ed8)}.pd-care{background:var(--bg-fff1e6);color:var(--tx-9a3412)}.pd-calm{background:var(--bg-f1f5f9);color:var(--tx-334155)}
.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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);font-weight:700;font-size:14.5px;white-space:nowrap}.pd-day.is-we{border-color:var(--ln-1d4ed8);color:var(--tx-1d4ed8)}
@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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);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(--tx-64748b)}.gd-toc a{color:var(--tx-1d4ed8);text-decoration:none;font-weight:700}
.gd-list{margin:0 0 18px;padding-left:22px}.gd-list li{margin:6px 0;color:var(--tx-334155);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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:14px;padding:12px 16px}.gd-terms dt{font-weight:800;color:var(--tx-1d4ed8);font-size:17px}.gd-terms dd{margin:4px 0 0;color:var(--tx-334155);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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);text-decoration:none;color:var(--tx-0f172a)}.oh-card b{font-size:18px}.oh-card span:last-child{font-size:14.5px;color:var(--tx-334155);line-height:1.55}.oh-icon{font-size:28px}
.oh-wood{border-top:4px solid var(--ln-16a34a)}.oh-fire{border-top:4px solid var(--ln-dc2626)}.oh-earth{border-top:4px solid var(--ln-ca8a04)}.oh-metal{border-top:4px solid var(--ln-94a3b8)}.oh-water{border-top:4px solid var(--ln-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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);text-decoration:none;color:var(--tx-0f172a)}.hj-cho b{font-size:22px;color:var(--tx-1d4ed8)}.hj-cho span{font-size:14px;color:var(--tx-334155)}
.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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);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(--tx-334155);line-height:1.35;word-break:keep-all}.hj-list em{font-style:normal;font-size:11.5px;color:var(--tx-64748b)}.hj-list i{position:absolute;top:2px;right:5px;font-style:normal;font-size:12px}.hj-list li.is-ban{background:var(--bg-fff7f0);border-color:var(--ln-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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);text-decoration:none;color:var(--tx-0f172a)}.gm-card b{font-size:18px;color:var(--tx-1d4ed8)}.gm-card span{font-size:14.5px;color:var(--tx-334155)}.gm-table tr.gm-bad th,.gm-table tr.gm-bad td{background:var(--bg-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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);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}
/* 2026-10-12 오너 "a": 상자는 좌우 끝까지 맞추고, 안의 글 줄만 읽기 편한 길이(약 46글자)로 — PC·태블릿만. 특정 폭을 가진 규칙이 있으면 그쪽이 이긴다(:where 로 우선순위 0). 칩 줄·가운데 정렬 상자는 제외 */
@media (min-width:900px){:where(main :is(p,li,dd,blockquote):not(.sj-jump,.pd-days,.gd-meta,.pf-colors,.yr-years,.zg-legend,.zh-profiles,.zp-years,.doc-cta,.draw-again,.three-guide,.draw-note,.gm-more,.gd-list>li,.doc-lead,.hero-push,.ab-steps>li):not(:is(.nf,.today-card,.start-card,.friend-box,.doc-cta,.ch-card) *)){max-width:46em}}

.fig{margin:8px 0 26px;padding:18px 16px 14px;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:20px;text-align:center}
.fig figcaption{margin-top:10px;font-size:14.5px;color:var(--tx-64748b);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:var(--fg-2563eb);stroke-width:2.5}.cy-k{stroke:var(--fg-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:var(--fg-0f172a)}
.lg{font-weight:800}.lg-s{color:var(--tx-2563eb)}.lg-k{color:var(--tx-64748b)}
.zw-t{font-size:12.5px;font-weight:800;text-anchor:middle;fill:var(--fg-334155)}
.chip-wood{background:var(--bg-e9edff);color:var(--tx-1e3a8a)}.chip-fire{background:var(--bg-ffeded);color:var(--tx-9f1239)}.chip-earth{background:var(--bg-fff8c2);color:var(--tx-713f12)}.chip-metal{background:var(--bg-f1f5f9);color:var(--tx-334155)}.chip-water{background:var(--bg-e2e8f0);color:var(--tx-0f172a)}.chip-wj{background:var(--bg-fff1e6);color:var(--tx-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(--tx-64748b);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:var(--bg-eef3ff);border:2px solid var(--ln-c7d6fb);color:var(--tx-1e3a8a)}.pl-b{background:var(--bg-fff7ec);border:2px solid var(--ln-fed7aa);color:var(--tx-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(--tx-64748b);line-height:1.4}
.pl-c.me .pl-t{background:var(--bg-2563eb);border-color:var(--ln-2563eb);color:var(--tx-ffffff)}.pl-c.me .pl-n{color:var(--tx-1d4ed8)}
.sj12{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.sj12 div{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-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(--tx-64748b)}
.yl-bar{position:relative;height:16px;border-radius:999px;background:linear-gradient(90deg,var(--bg-dbeafe),var(--bg-e0e7ff));margin:6px 8px 0}.yl-z{position:absolute;top:0;bottom:0;border-radius:999px}.yl-z1{left:0;width:50%;background:var(--bg-bfdbfe)}.yl-z2{left:50%;width:50%;background:var(--bg-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(--tx-64748b);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:var(--bg-f8faff);border:1px solid var(--ln-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(--bg-2563eb);color:var(--tx-ffffff);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:var(--bg-f8faff);border:1px solid var(--ln-e2e8f0);border-top:4px solid var(--ln-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(--tx-334155)}.ic-i{font-size:28px;line-height:1}
.icard.oh-wood{background:var(--bg-f3f5ff);border-top-color:var(--ln-0000ff)}.icard.oh-fire{background:var(--bg-fff5f5);border-top-color:var(--ln-ff0000)}.icard.oh-earth{background:var(--bg-fffde6);border-top-color:var(--ln-e6e600);box-shadow:inset 0 1px 0 var(--sh-111111)}.icard.oh-metal{background:var(--bg-fafafa);border-top-color:var(--ln-cccccc)}.icard.oh-water{background:var(--bg-f1f1f3);border-top-color:var(--ln-000000)}
.cbar{display:flex;height:46px;border-radius:14px;overflow:hidden;gap:3px}.cbar span{display:grid;place-items:center;color:var(--tx-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(--tx-334155);padding:4px}.qc{background:var(--bg-f8faff);border:1px solid var(--ln-e2e8f0);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:var(--bg-f8faff);border:1px solid var(--ln-e2e8f0);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(--tx-2563eb);font-size:18px}
.say{display:flex;gap:12px;align-items:flex-start;margin:24px 0 18px}.say .face{flex:none;border-radius:50%;background:var(--bg-ffffff);box-shadow:0 4px 14px -6px rgba(30,58,138,.4)}.say-b{position:relative;flex:1;background:var(--bg-f3f6ff);border:1px solid var(--ln-d6e2ff);border-radius:18px;padding:14px 18px}.say-b::before{content:"";position:absolute;left:-8px;top:20px;width:14px;height:14px;background:var(--bg-f3f6ff);border-left:1px solid var(--ln-d6e2ff);border-bottom:1px solid var(--ln-d6e2ff);transform:rotate(45deg)}.say-b b{display:block;color:var(--tx-1e3a8a);margin-bottom:4px}.say-b p{margin:0!important;color:var(--tx-0f172a)!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:min(1072px,calc(100% - 48px));margin-top:6px;border-radius:28px;padding:26px 24px 22px;overflow:hidden;background:linear-gradient(135deg,var(--bg-e8efff) 0%,var(--bg-f5f8ff) 60%,var(--bg-ffffff) 100%);border:1px solid var(--ln-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,var(--bg-e3f7ec) 0%,var(--bg-f3fbf6) 60%,var(--bg-ffffff) 100%);border-color:var(--ln-c6ecd6)}.gd-hero.c-read::after{background:rgba(22,163,74,.08)}
.gd-hero.c-love{background:linear-gradient(135deg,var(--bg-ffe8f1) 0%,var(--bg-fff4f8) 60%,var(--bg-ffffff) 100%);border-color:var(--ln-fbcfe0)}.gd-hero.c-love::after{background:rgba(219,39,119,.07)}
.gd-hero.c-name{background:linear-gradient(135deg,var(--bg-fff3dc) 0%,var(--bg-fff9ee) 60%,var(--bg-ffffff) 100%);border-color:var(--ln-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:var(--bg-ffffff)}
.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(--tx-334155);background:rgba(var(--bg-white-rgb),.85);border:1px solid var(--ln-e2e8f0);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:var(--bg-f3f6ff)}
.gd-tn{flex:none;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--bg-eef3ff);color:var(--tx-1d4ed8);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 var(--ln-dbe3f0)}.gd-sec:first-of-type .gd-h{border-top:0}
.gd-no{flex:none;width:38px;height:38px;border-radius:12px;background:var(--bg-2563eb);color:var(--tx-ffffff);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:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:14px}.gd-list li::before{content:"✓";position:absolute;left:14px;top:10px;width:20px;height:20px;border-radius:50%;background:var(--bg-dcfce7);color:var(--tx-15803d);font-weight:900;font-size:13px;display:grid;place-items:center}
.gd-cards{margin:6px 0 22px}
.gd-table thead th{background:var(--bg-eef3ff)!important;color:var(--tx-1e3a8a)!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:var(--bg-eef3ff);color:var(--tx-1d4ed8);font-weight:900;display:grid;place-items:center;font-size:14px}
.gd-faq .faq-item[open] summary::before{background:var(--bg-2563eb);color:var(--tx-ffffff)}
@media (max-width:540px){.dd-table td:nth-child(2){white-space:normal;min-width:7.5em}.bf-table td:nth-child(3){white-space:normal;min-width:8em}}.hg-terms-h{margin:18px 0 0}.hg-terms{margin-top:8px}.gd-start{margin:4px 0 28px;padding:18px 18px 20px;border:1px solid var(--ln-d6e2ff);border-radius:20px;background:linear-gradient(135deg,var(--bg-eef3ff) 0%,var(--bg-f8faff) 70%,var(--bg-ffffff) 100%)}.gd-start .dr-hub-h{margin-top:0}.gd-start .muted-s{margin:0 0 12px}.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(--tx-0f172a);background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-left:5px solid var(--ln-93c5fd);border-radius:16px;padding:14px}.gd-rc.c-read{border-left-color:var(--ln-86efac)}.gd-rc.c-love{border-left-color:var(--ln-f9a8d4)}.gd-rc.c-name{border-left-color:var(--ln-fcd34d)}
.gd-rc .face{flex:none;border-radius:50%;background:var(--bg-f8faff)}.gd-rc small{display:block;color:var(--tx-64748b);font-weight:700;font-size:12.5px}.gd-rc b{display:block;font-size:16px;line-height:1.4}.gd-rc:hover{border-color:var(--ln-a9c0fb)}.gd-rd{display:block;color:var(--tx-64748b);font-size:13.5px;line-height:1.5;margin-top:2px}
.gd-cta{gap:18px}.gd-cta .face{flex:none;border-radius:50%;background:var(--bg-ffffff);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:var(--bg-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(--tx-64748b);background:var(--bg-f1f5f9);padding:2px 8px;border-radius:999px}
.gd-hub.c-read a{border-left:5px solid var(--ln-86efac)}.gd-hub.c-love a{border-left:5px solid var(--ln-f9a8d4)}.gd-hub.c-name a{border-left:5px solid var(--ln-fcd34d)}.gd-hub.c-basic a{border-left:5px solid var(--ln-93c5fd)}
@media (max-width:760px){.gd-hero{padding:20px 16px 16px;border-radius:22px;max-width:calc(100% - 36px)}.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:min(1072px,calc(100% - 48px))}.gd-hero-l{margin:0 0 12px;color:var(--tx-334155);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:var(--tx-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,var(--bg-e9edff) 0%,var(--bg-f6f8ff) 60%,var(--bg-ffffff) 100%);border-color:var(--ln-c7d2fe);border-top:5px solid var(--ln-0000ff)}
.gd-hero.o-fire{background:linear-gradient(135deg,var(--bg-ffeded) 0%,var(--bg-fff6f6) 60%,var(--bg-ffffff) 100%);border-color:var(--ln-fecaca);border-top:5px solid var(--ln-ff0000)}
.gd-hero.o-earth{background:linear-gradient(135deg,var(--bg-fffbd1) 0%,var(--bg-fffdf0) 60%,var(--bg-ffffff) 100%);border-color:var(--ln-fde68a);border-top:5px solid var(--ln-e6e600)}
.gd-hero.o-metal{background:linear-gradient(135deg,var(--bg-f4f4f5) 0%,var(--bg-fafafa) 60%,var(--bg-ffffff) 100%);border-color:var(--ln-e4e4e7);border-top:5px solid var(--ln-cccccc)}
.gd-hero.o-water{background:linear-gradient(135deg,var(--bg-e7e7ea) 0%,var(--bg-f4f4f6) 60%,var(--bg-ffffff) 100%);border-color:var(--ln-d4d4d8);border-top:5px solid var(--ln-000000)}
.face-row{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}.face-row .face{border-radius:50%;background:var(--bg-ffffff);border:2px solid var(--ln-ffffff);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:var(--bg-f8faff);border:2px solid var(--ln-dbe6ff);border-radius:18px;padding:10px 14px;text-align:left}.stk .face{border-radius:50%;background:var(--bg-ffffff)}.stk b{display:block;font-size:19px}.stk span{font-size:14px;color:var(--tx-64748b)}
.stk.oh-wood{border-color:var(--ln-0000ff);background:var(--bg-f3f5ff)}.stk.oh-fire{border-color:var(--ln-ff0000);background:var(--bg-fff5f5)}.stk.oh-earth{border-color:var(--ln-e6e600);background:var(--bg-fffde6)}.stk.oh-metal{border-color:var(--ln-cccccc);background:var(--bg-fafafa)}.stk.oh-water{border-color:var(--ln-000000);background:var(--bg-f1f1f3)}
.stk-arrow{font-weight:900;color:var(--tx-1d4ed8);font-size:15px;background:var(--bg-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(--tx-334155)}.pair-r>span{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.pair-r .face{border-radius:50%;background:var(--bg-f8faff)}.pair-x{font-size:22px;font-weight:900;color:var(--tx-64748b)}.pair-eq{font-weight:900;color:var(--tx-1d4ed8);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:var(--bg-ffffff)}.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}.gd-hero.wide{max-width:calc(100% - 36px)}}

/* 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:var(--bg-eef3ff);border-radius:18px;padding:12px 10px}.m-me .face{border-radius:50%;background:var(--bg-ffffff);border:3px solid var(--ln-2563eb)}.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:var(--bg-f0fdf4)}.m-same{background:var(--bg-f8faff)}.m-care{background:var(--bg-fff7ed)}.m-t{display:block;font-size:13px;font-weight:800;color:var(--tx-334155);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(--tx-0f172a)}.m-f .face{border-radius:50%;background:var(--bg-ffffff);border:3px solid var(--ln-ffffff);box-shadow:0 2px 8px rgba(15,23,42,.12)}.m-f.good .face{border-color:var(--ln-22c55e)}.m-f.care .face{border-color:var(--ln-fb923c)}.m-f.same .face{border-color:var(--ln-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(--tx-0f172a);background:var(--bg-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(--tx-64748b)}
.sjd a.good{background:var(--bg-f0fdf4);border-color:var(--ln-86efac)}.sjd a.care{background:var(--bg-fff7ed);border-color:var(--ln-fdba74)}.sjd a.mine{background:var(--bg-eef3ff);border-color:var(--ln-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:var(--bg-93c5fd)}.lg-d.good::before{background:var(--bg-86efac)}.lg-d.care::before{background:var(--bg-fdba74)}
.how .fig{margin:12px 0 4px;padding:12px 10px 10px}.how.pd-good{border-top:4px solid var(--ln-86efac);background:linear-gradient(180deg,var(--bg-f0fdf4),var(--bg-ffffff) 60%)}.how.pd-care{border-top:4px solid var(--ln-fdba74);background:linear-gradient(180deg,var(--bg-fff7ed),var(--bg-ffffff) 60%)}.how.pd-week{border-top:4px solid var(--ln-93c5fd);background:linear-gradient(180deg,var(--bg-f3f6ff),var(--bg-ffffff) 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:var(--bg-fff7ec);border:2px solid var(--ln-fed7aa);border-radius:16px;padding:10px 4px}.ff-b.sn{background:var(--bg-eef3ff);border-color:var(--ln-c7d6fb)}.ff-b span{font-size:12.5px;color:var(--tx-64748b);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(--tx-1d4ed8)}
.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:var(--bg-f8faff);border-radius:12px;padding:8px 12px}.ff-r b{color:var(--tx-1e3a8a)}.ff-r span{font-size:14px;color:var(--tx-334155)}.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:var(--tx-15803d);background:var(--bg-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(--tx-0f172a)!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:var(--bg-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(--bg-2563eb);color:var(--tx-ffffff);font-style:normal;font-size:11.5px;font-weight:900;display:grid;place-items:center;border:2px solid var(--ln-ffffff)}
.dr-case{border-left:4px solid var(--ln-c4b5fd);background:linear-gradient(90deg,var(--bg-faf7ff),var(--bg-ffffff) 40%)}
.gm-bar{position:relative;display:block;height:10px;border-radius:999px;background:var(--bg-f1f5f9);margin:6px 0 4px;overflow:hidden}.gm-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px}.gm-g{background:var(--bg-bfdbfe)}.lg-d.gb::before{background:var(--bg-bfdbfe)}.lg-d.gp::before{background:var(--bg-f472b6)}.gm-b{background:var(--bg-f472b6)}

/* 6단계 — 홈: 오늘의 동물 · 자료실 · 휴대폰 2칸 카드 */
.hm-today{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,var(--bg-eef3ff),var(--bg-fff7ec));border:1px solid var(--ln-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:var(--bg-ffffff)}.hm-today b{display:block;font-size:20px;margin-bottom:4px}.hm-today p{margin:0;color:var(--tx-334155)}
.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(--tx-0f172a);background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-top:4px solid var(--ln-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:var(--ln-86efac)}.lib.c-love{border-top-color:var(--ln-f9a8d4)}.lib.c-name{border-top-color:var(--ln-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:var(--bg-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(--tx-64748b);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,var(--bg-c7d6fb) 50%,var(--bg-fed7aa) 50%)}.mini-pl i.me{background:linear-gradient(180deg,var(--bg-2563eb) 50%,var(--bg-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}}
.zo-c1{font-size:15px;font-weight:700;text-anchor:middle;fill:var(--fg-64748b)}.zo-c2{font-size:26px;font-weight:900;text-anchor:middle;fill:var(--fg-1d4ed8)}
.p1{display:flex;flex-direction:column;gap:14px}.p1-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.p1-col{display:flex;flex-direction:column;gap:4px;text-align:center}.p1-h{font-size:12.5px;font-weight:700;color:var(--tx-64748b)}
.p1-c{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;background:var(--bg-f1f5f9);border:1px dashed var(--ln-cbd5e1);color:var(--tx-94a3b8);font-weight:800;font-size:15px}
.p1-c.p1-me{background:var(--bg-e8f0ff);border:2px solid var(--ln-2563eb);color:var(--tx-1d4ed8);font-size:16px}.p1-col.is-me .p1-h{color:var(--tx-1d4ed8)}
.p1-cmp{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p1-cmp>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);font-size:14px;line-height:1.5}.p1-cmp>div:first-child{border-color:var(--ln-bfd3ff);background:var(--bg-f6f9ff)}
.zp-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:10px 0 4px;font-size:15px}.zp-facts dt{color:var(--tx-64748b);font-weight:700}.zp-facts dd{margin:0}
.zp-tale{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--bg-fffaf0);border:1px solid var(--ln-fde7c2);font-size:15px;line-height:1.75}
.zp-watch{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:var(--bg-fff7ed);border:1px solid var(--ln-fed7aa);font-size:15px;line-height:1.7}
.zp-check{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.zp-check li{display:flex;gap:8px;align-items:flex-start;padding:9px 12px;border-radius:12px;background:var(--bg-f6f9ff);border:1px solid var(--ln-dbe6ff);font-size:15px;line-height:1.5}.zp-check li::before{content:"☐";color:var(--tx-2563eb);font-weight:900}
.zp-color{display:flex;align-items:center;gap:10px;margin:10px 0 0;font-size:15px}.zp-sw{display:inline-flex;gap:4px}.zp-sw i{display:inline-block;width:22px;height:22px;border-radius:50%;border:1px solid var(--ln-cbd5e1)}
@media (max-width:560px){.p1-cmp{grid-template-columns:1fr}.p1-c{min-height:38px;font-size:14px}}
.ohp{display:flex;align-items:center;justify-content:center;gap:8px}.ohp-c{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:12px 10px;border-radius:16px;background:var(--bg-ffffff);border:3px solid var(--ln-e2e8f0);text-align:center;font-size:14px}.ohp-c b{font-size:16px}.ohp-i{font-size:28px;line-height:1}
.ohp-c.oh-wood{border-color:var(--ln-0000ff)}.ohp-c.oh-fire{border-color:var(--ln-ff0000)}.ohp-c.oh-earth{border-color:var(--ln-ffff00);box-shadow:0 0 0 1px var(--sh-000000)}.ohp-c.oh-metal{border-color:var(--ln-cccccc)}.ohp-c.oh-water{border-color:var(--ln-000000)}
.ohp-ar{flex:none;display:flex;flex-direction:column;align-items:center;font-weight:800;font-size:12.5px;padding:6px 8px;border-radius:14px;white-space:nowrap}.ohp-ar b{font-size:22px;line-height:1}.ohp-ar.is-gen{background:var(--bg-ecfdf3);color:var(--tx-15803d)}.ohp-ar.is-ctl{background:var(--bg-fff7ed);color:var(--tx-c2410c)}.ohp-ar.is-same{background:var(--bg-eef4ff);color:var(--tx-1d4ed8)}
.pc-h{display:inline-flex;align-items:center;gap:6px}.pc-h img{border-radius:50%}.pc-t td{white-space:normal;min-width:6.5em}.pc-t th[scope=row]{color:var(--tx-64748b);font-weight:700;white-space:nowrap}
.zg-sum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:center}.zg-sum-t{display:grid;gap:10px}.zg-box{padding:12px 14px;border-radius:14px;border:1px solid var(--ln-e2e8f0);background:var(--bg-ffffff);font-size:15px;line-height:1.7}.zg-box h3{margin:0 0 4px;font-size:16px}
.zg-box.is-good{background:var(--bg-f0fdf4);border-color:var(--ln-bbf7d0)}.zg-box.is-care{background:var(--bg-fff7ed);border-color:var(--ln-fed7aa)}.zg-box.is-tip{background:var(--bg-f6f9ff);border-color:var(--ln-dbe6ff)}
.zg-pills{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}.zg-pills span{padding:4px 10px;border-radius:999px;background:var(--bg-f0fdf4);border:1px solid var(--ln-bbf7d0);font-size:14px;font-weight:700;color:var(--tx-166534)}.zg-pills.is-soft span{background:var(--bg-f8fafc);border-color:var(--ln-e2e8f0);color:var(--tx-334155)}
@media (max-width:760px){.zg-sum{grid-template-columns:1fr}}
.zg-rf{display:flex;align-items:center;gap:6px;margin:0 0 6px}.zg-rf img{border-radius:50%;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0)}.zg-rf span{font-size:18px}
.zg-grp{display:grid;gap:8px;margin:10px 0 0}.zg-grp-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:12px;background:var(--bg-f8fafc);border:1px solid var(--ln-e2e8f0)}.zg-grp-n{font-size:13px;font-weight:800;color:var(--tx-64748b);width:100%}.zg-grp-f{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;opacity:.55}.zg-grp-f.is-me{opacity:1}.zg-grp-f.is-me b{color:var(--tx-1d4ed8)}.zg-grp-f img{border-radius:50%;background:var(--bg-ffffff)}
@media (max-width:560px){.zg-grp-n{min-width:0;width:100%}}
.zg-rf span{color:var(--tx-64748b);font-weight:900}
.lt{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lt li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--ln-e2e8f0);background:var(--bg-ffffff)}.lt-i{font-size:22px;flex:none;width:28px;text-align:center}.lt-t{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.45;font-size:14.5px}.lt-t b{font-size:15px}
.lt li.is-past{background:var(--bg-f8fafc);opacity:.72}.lt li.is-past .lt-t b::after{content:" ✓";color:var(--tx-16a34a)}.lt li.is-now{background:var(--bg-e8f0ff);border:2px solid var(--ln-2563eb)}.lt li.is-next{background:var(--bg-ffffff)}
.t5{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.t5-c{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;border:1px solid var(--ln-e2e8f0);background:var(--bg-ffffff);text-decoration:none;color:var(--tx-0f172a);font-size:13px;text-align:center}.t5-c b{font-size:13.5px}.t5-c.is-me{border:2px solid var(--ln-2563eb);background:var(--bg-eef4ff)}
.t5-dot{width:18px;height:18px;border-radius:50%;border:1px solid var(--ln-cbd5e1)}.t5-c.oh-wood .t5-dot{background:var(--bg-0000ff)}.t5-c.oh-fire .t5-dot{background:var(--bg-ff0000)}.t5-c.oh-earth .t5-dot{background:var(--bg-ffff00);border-color:var(--ln-000000)}.t5-c.oh-metal .t5-dot{background:var(--bg-ffffff);border-color:var(--ln-999999)}.t5-c.oh-water .t5-dot{background:var(--bg-000000)}
@media (max-width:560px){.t5{grid-template-columns:repeat(3,1fr)}}
.yr-rel{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:8px 12px;border-radius:12px;background:var(--bg-f8fafc);border:1px solid var(--ln-e2e8f0);font-size:14.5px}.yr-rel img{border-radius:50%;background:var(--bg-ffffff)}
.ms12{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.ms-c{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;border:1px solid var(--ln-e2e8f0);background:var(--bg-ffffff);font-size:12.5px;text-align:center}.ms-c img{border-radius:50%;background:var(--bg-ffffff)}.ms-c b{font-size:13px}.ms-m{font-weight:800;color:var(--tx-334155)}.ms-f{color:var(--tx-64748b);font-size:11.5px}
.ms-c.is-good{background:var(--bg-f0fdf4);border-color:var(--ln-86efac)}.ms-c.is-care{background:var(--bg-fff7ed);border-color:var(--ln-fdba74)}
.yc{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.yc-c{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:8px 10px;border-radius:12px;border:1px solid var(--ln-e2e8f0);background:var(--bg-ffffff);font-size:12.5px;color:var(--tx-64748b)}.yc-c b{font-size:15px;color:var(--tx-0f172a)}.yc-c.is-on{background:var(--bg-fff7ed);border-color:var(--ln-fdba74);color:var(--tx-c2410c)}
@media (max-width:560px){.ms12{grid-template-columns:repeat(4,1fr)}}
.ab9{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;margin:6px 0 10px}.ab9 span{padding:6px 0;border-radius:8px;background:var(--bg-f1f5f9);font-size:11.5px;font-weight:700;text-align:center;color:var(--tx-94a3b8)}.ab9 span.is-past{background:var(--bg-e2e8f0);color:var(--tx-64748b)}.ab9 span.is-me{background:var(--bg-2563eb);color:var(--tx-ffffff)}
@media (max-width:560px){.ab9{grid-template-columns:repeat(5,1fr)}}
.ny-mlist li{display:flex;align-items:center;gap:8px}.ny-mlist li img{border-radius:50%;background:var(--bg-ffffff);flex:none}.ny-mchip{display:inline-flex;align-items:center;gap:4px}.ny-mchip img{border-radius:50%;background:var(--bg-ffffff)}
.dr-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.dr-two .fig{margin:0}
.dr-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.dr-pick a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);text-decoration:none;color:var(--tx-0f172a);font-size:14.5px;font-weight:700;line-height:1.4}.dr-pick a:hover{border-color:var(--ln-93b4f5);background:var(--bg-f6f9ff)}.dr-pick img{border-radius:50%;background:var(--bg-ffffff);flex:none}.dr-pick .dr-ci{font-size:20px;flex:none}
.dr-sib a>span:last-child{display:flex;flex-direction:column;font-weight:400}.dr-sib b{font-weight:800}
.dr-memo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0}.dr-memo>div{display:flex;flex-direction:column;gap:4px;min-height:84px;padding:10px 12px;border-radius:12px;border:2px dashed var(--ln-c7d8ff);background:var(--bg-fbfdff);font-size:14px}.dr-memo b{font-size:15px}.dr-memo span{color:var(--tx-64748b)}
.dr-case{scroll-margin-top:84px}
@media (max-width:760px){.dr-two{grid-template-columns:1fr}.dr-memo{grid-template-columns:1fr}}
.dr-box{padding:18px}.dr-box .dr-cases{gap:10px}.dr-box .dr-case{padding:14px 16px;border-radius:14px;background:var(--bg-fbfcff);border:1px solid var(--ln-e2e8f0)}.dr-box .dr-case h3{margin:0 0 6px;font-size:16px}.dr-box .dr-case p{margin:0;font-size:15px;line-height:1.7}
.dr-two .icards{grid-template-columns:1fr}.dr-mate{display:inline-flex;align-items:center;gap:4px;margin-right:10px}.dr-mate img{border-radius:50%;background:var(--bg-ffffff)}
.nb{display:flex;flex-direction:column;gap:12px}.nb-top{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.nb-pair{display:flex;align-items:center;gap:6px}.nb-c{display:inline-flex;align-items:center;padding:10px 12px;border-radius:12px;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);font-weight:800;font-size:15px;color:var(--tx-0f172a);text-decoration:none}.nb-c.is-me{border:2px solid var(--ln-2563eb);background:var(--bg-eef4ff);color:var(--tx-1d4ed8)}.nb-plus,.nb-ar{font-weight:800;color:var(--tx-64748b);font-size:18px}
.nb-name{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;border-radius:16px;background:var(--bg-ffffff);border:3px solid var(--ln-e2e8f0);text-align:center;font-size:13.5px}.nb-name b{font-size:16px}.nb-name.oh-wood{border-color:var(--ln-0000ff)}.nb-name.oh-fire{border-color:var(--ln-ff0000)}.nb-name.oh-earth{border-color:var(--ln-ffff00);box-shadow:0 0 0 1px var(--sh-000000)}.nb-name.oh-metal{border-color:var(--ln-cccccc)}.nb-name.oh-water{border-color:var(--ln-000000)}
.nb-six{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.nb-s{display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-radius:10px;border:1px solid var(--ln-e2e8f0);background:var(--bg-ffffff);text-align:center;font-size:12px;line-height:1.35;color:var(--tx-0f172a);text-decoration:none}.nb-s b{font-size:13.5px}.nb-s.is-me{border:2px solid var(--ln-2563eb);background:var(--bg-eef4ff)}
.fig-dp .p1-c{min-height:52px;flex-direction:column;line-height:1.2}.fig-dp .p1-c small{font-size:11.5px;font-weight:700;opacity:.8}.zp-cols.gp-two{grid-template-columns:repeat(2,minmax(0,421px))}@media (max-width:760px){.zp-cols.gp-two{grid-template-columns:1fr}}.fig-dp .dp-down{background:var(--bg-f6f9ff)}
.gs6{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.gs-c{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:12px;border:1px solid var(--ln-e2e8f0);background:var(--bg-ffffff);text-align:center;font-size:12.5px;line-height:1.35;color:var(--tx-0f172a);text-decoration:none}.gs-c img{border-radius:50%;background:var(--bg-f8fafc)}.gs-c b{font-size:13.5px}.gs-c.is-me{border:2px solid var(--ln-2563eb);background:var(--bg-eef4ff)}.gs-r{color:var(--tx-334155)}
@media (max-width:760px){.nb-six,.gs6{grid-template-columns:repeat(3,1fr)}}
.lsp{display:flex;gap:6px}.lsp-s{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:12px 8px;border-radius:14px;background:var(--bg-f6f9ff);border:1px solid var(--ln-d6e2fb);text-align:center;font-size:13px;line-height:1.4}.lsp-s:nth-child(2){background:var(--bg-fffbea);border-color:var(--ln-f3e3a3)}.lsp-s:nth-child(3){background:var(--bg-f2fbf4);border-color:var(--ln-cfe9d6)}.lsp-s img{border-radius:50%;background:var(--bg-ffffff)}.lsp-s b{font-size:14.5px}.lsp-r{color:var(--tx-64748b)}.lsp-m{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.lsp-m i{font-style:normal;padding:2px 8px;border-radius:999px;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);font-size:12.5px}
@media (max-width:560px){.lsp{flex-direction:column}.lsp-s{flex:none!important}}
.wkb{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end}.wkb-c{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px}.wkb-bar{display:flex;align-items:flex-end;width:100%;max-width:38px;height:84px;border-radius:8px;background:var(--bg-f1f5f9);overflow:hidden}.wkb-bar i{display:block;width:100%;background:var(--bg-93b4f5);border-radius:8px 8px 0 0}.wkb-c.is-we .wkb-bar i{background:var(--bg-2563eb)}.wkb-c.is-we b{color:var(--tx-1d4ed8)}.wkb-n{font-weight:800}
.mm{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:420px;margin:0 auto}.mm-h{text-align:center;font-size:12px;font-weight:700;color:var(--tx-64748b)}.mm-h.is-sun{color:var(--tx-dc2626)}.mm-h.is-sat{color:var(--tx-2563eb)}
.mm-c{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:10px;background:var(--bg-f8fafc);border:1px solid var(--ln-e2e8f0);font-weight:700;font-size:14px}.mm-c.is-we{border:2px solid var(--ln-93b4f5)}.mm-c.is-good{background:var(--bg-dcfce7)}.mm-c.is-best{background:var(--bg-fde68a)}.mm-c.is-bad{background:var(--bg-ffedd5)}.mm-c i{position:absolute;top:-3px;right:-2px;font-style:normal;font-size:11px}.mm-c em{position:absolute;bottom:4px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--bg-64748b)}
.mw{display:flex;flex-direction:column;gap:10px}.mw-r{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.mw-me{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:14px;background:var(--bg-eef4ff);font-size:12.5px;text-align:center}.mw-me img,.mw-f img{border-radius:50%;background:var(--bg-ffffff)}.mw-me b{font-size:14px}
.mw-g,.mw-b{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:14px}.mw-g{background:var(--bg-f0fdf4)}.mw-b{background:var(--bg-fff7ed)}.mw-t{font-size:12.5px;font-weight:700}.mw-f{display:flex;gap:8px;flex-wrap:wrap}.mw-f>span{display:flex;flex-direction:column;align-items:center;font-size:12px}
@media (max-width:560px){.mw-r{grid-template-columns:1fr 1fr}.mw-me{grid-column:1/-1;flex-direction:row;justify-content:center;gap:8px}}
.lg-d.mm-l-best::before{background:var(--bg-fde68a)}.lg-d.mm-l-good::before{background:var(--bg-dcfce7);border:1px solid var(--ln-86efac)}.lg-d.mm-l-bad::before{background:var(--bg-ffedd5);border:1px solid var(--ln-fdba74)}.lg-d.mm-l-son::before{display:none}.fig-mm figcaption .lg-d{margin:0 6px}
.gm-rows{display:flex;flex-direction:column;gap:10px;margin-top:12px}.gm-row{padding:12px 14px;border-radius:14px;background:var(--bg-fbfcff);border:1px solid var(--ln-e2e8f0)}.gm-row h3{margin:0 0 6px;font-size:15.5px}.gm-row .pd-days{margin:0}
.dst{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.dst-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;border-radius:12px;border:1px solid var(--ln-e2e8f0);background:var(--bg-ffffff);text-align:center;font-size:12px;line-height:1.35}.dst-c img{border-radius:50%;background:var(--bg-f8fafc)}.dst-c b{font-size:12.5px}.dst-d{font-weight:700;color:var(--tx-334155)}.dst-k{font-size:11.5px;color:var(--tx-64748b)}
.dst-c.is-good{background:var(--bg-f0fdf4);border-color:var(--ln-86efac)}.dst-c.is-care{background:var(--bg-fff7ed);border-color:var(--ln-fdba74)}.dst-c.is-tag{box-shadow:0 0 0 2px var(--sh-2563eb) inset}.dst-t{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:0 7px;border-radius:999px;background:var(--bg-2563eb);color:var(--tx-ffffff);font-size:11px;font-weight:700;white-space:nowrap}
@media (max-width:560px){.dst{grid-template-columns:repeat(4,1fr);row-gap:14px}}
.dgr{display:flex;flex-direction:column;gap:8px;text-align:left}.dgr-g{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px}.dgr-g.is-good{background:var(--bg-f0fdf4)}.dgr-g.is-care{background:var(--bg-fff7ed)}.dgr-g.is-calm{background:var(--bg-f8fafc)}.dgr-t{font-size:13px;font-weight:700}.dgr-f{display:flex;flex-wrap:wrap;gap:8px}.dgr-f a{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:12px;color:var(--tx-0f172a);text-decoration:none;padding:3px;border-radius:12px}.dgr-f a.is-me{outline:2px solid var(--ln-2563eb);background:var(--bg-eef4ff)}.dgr-f img{border-radius:50%;background:var(--bg-ffffff)}
.fig-gp .gp-note{min-height:40px;padding:4px 6px;font-size:12.5px;font-weight:700;color:var(--tx-475569);background:var(--bg-ffffff);border-style:solid;line-height:1.35}
.fig-tyes .t-yes-row>div.t-yes-c{flex-direction:row;align-items:center;gap:14px}.t-yes-art{flex:none;width:72px}.t-yes-art.is-rev .tc{transform:rotate(180deg)}.t-yes-t{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left}
.sn-strokes .yc{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.sn-strokes .yc-c{min-width:0;padding:6px 2px}
@media (max-width:560px){.sn-strokes .yc{grid-template-columns:repeat(6,1fr)}}
.sw{max-width:340px;margin:0 auto;display:block}.sw .sw-m{font-size:12.5px;font-weight:700;fill:var(--fg-64748b);text-anchor:middle}.sw .sw-c1{font-size:18px;font-weight:800;fill:var(--fg-0f172a);text-anchor:middle}.sw .sw-c2{font-size:13px;font-weight:700;fill:var(--fg-475569);text-anchor:middle}
.osc{display:flex;flex-direction:column;gap:8px}.osc-t{font-weight:700;font-size:14px}.osc-row{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.osc-c{display:flex;flex-direction:column;align-items:center;padding:8px 2px;border-radius:10px;border:1px solid var(--ln-e2e8f0);font-size:11.5px;color:var(--tx-64748b)}.osc-c b{font-size:16px;color:var(--tx-0f172a)}.osc-c.is-lack{background:var(--bg-eff6ff);border-color:var(--ln-93c5fd)}.osc-c.is-ok{background:var(--bg-f8fafc)}.osc-c.is-over{background:var(--bg-fff7ed);border-color:var(--ln-fdba74)}
.hb{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.hb-g{display:flex;flex-direction:column;gap:5px}.hb-t{font-size:14px;margin-bottom:2px}.hb-r{display:grid;grid-template-columns:minmax(64px,auto) 1fr 44px;gap:8px;align-items:center;font-size:13px}.hb-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-bar{height:12px;border-radius:6px;background:var(--bg-f1f5f9);overflow:hidden}.hb-bar i{display:block;height:100%;border-radius:6px;background:var(--bg-93b4f5)}.hb.oh-wood .hb-bar i{background:var(--bg-6b7cff)}.hb.oh-fire .hb-bar i{background:var(--bg-ff6b6b)}.hb.oh-earth .hb-bar i{background:var(--bg-e5d000)}.hb.oh-metal .hb-bar i{background:var(--bg-b8bec8)}.hb.oh-water .hb-bar i{background:var(--bg-334155)}.hb-n{text-align:right;color:var(--tx-64748b);font-weight:700}
@media (max-width:640px){.hb{grid-template-columns:1fr}}
.icards.oh-jobs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}.oh-jobs .icard{padding:8px 10px}.oh-jobs .ic-i{font-size:16px}.oh-jobs .icard b{font-size:14px}
.nr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.nr-c{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--bg-fbfcff);border:1px solid var(--ln-e2e8f0)}.nr-c .nr-i{font-size:24px;line-height:1}.nr-c h2,.nr-c h3{margin:4px 0 2px;font-size:16px}.nr-c p{margin:0 0 4px}.nr-c ul{margin:2px 0 0}
.dr-more{margin-top:6px!important;padding:8px 12px;border-radius:10px;background:var(--bg-f6f9ff);color:var(--tx-334155);font-size:14.5px}
.nr-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:560px){.nr-grid:has(> :nth-child(4):last-child){grid-template-columns:1fr}}

/* 💞 이름 궁합 놀이 (2026-10-12) — 글자·획수 삼각형 */
.ng-form input[type=text]{font-size:18px;letter-spacing:.04em}.ng-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.ng-card{background:var(--bg-ffffff);border:1.5px solid var(--ln-dbe6ff);border-radius:20px;padding:16px 12px 18px;text-align:center}.ng-who{margin:0;font-weight:800;color:var(--tx-1d4ed8)}.ng-score{margin:4px 0 2px;font-size:15px;color:var(--tx-64748b)}.ng-score b{font-size:44px;line-height:1.1;color:var(--tx-0f172a);margin-right:2px}.ng-word{margin:0 0 12px;font-size:15px}.ng-pyr{display:flex;flex-direction:column;align-items:center;gap:4px}.ng-row{display:flex;gap:4px;justify-content:center}.ng-row span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--bg-eef3ff);font-size:13.5px;font-weight:700;color:var(--tx-0f172a)}.ng-row.ng-letters span{background:transparent;font-size:15px;font-weight:900;color:var(--tx-1d4ed8)}.ng-row.ng-last span{background:var(--bg-2563eb);color:var(--tx-ffffff);width:32px;height:32px;font-size:16px}.ng-err{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--bg-fff1f2);color:var(--tx-9f1239);font-weight:700}.ng-table th,.ng-table td{text-align:center;padding:8px 4px;min-width:2.1em}
@media (max-width:760px){.ng-cards{grid-template-columns:1fr}}

.guide .doc-lead{position:relative;padding:18px 20px 18px 22px;background:linear-gradient(135deg,var(--bg-f3f7ff),var(--bg-fbfcff));border-radius:18px;border-left:5px solid var(--ln-2563eb);font-weight:500;line-height:1.8}
.gd-key{font-weight:700;color:var(--tx-0f172a);background:linear-gradient(transparent 62%,var(--bg-fde68a) 62%);padding:0 1px}
.guide .gd-p1{font-size:1.04em}
.gd-points{margin:0 0 26px;padding:18px 20px 14px;border-radius:18px;background:var(--bg-fffbea);border:1px solid var(--ln-fde68a)}
.gd-points>b{display:block;font-size:17px;margin-bottom:8px;color:var(--tx-92400e)}
.gd-points ol{margin:0;padding:0;list-style:none;counter-reset:pt}
.gd-points li{counter-increment:pt;position:relative;padding:6px 0 6px 38px;line-height:1.7;color:var(--tx-0f172a);font-size:16.5px}
.gd-points li::before{content:counter(pt);position:absolute;left:0;top:6px;width:26px;height:26px;border-radius:50%;background:var(--bg-f59e0b);color:var(--tx-ffffff);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.gd-ex{margin:6px 0 26px;padding:16px 18px 6px;border-radius:16px;background:var(--bg-f0fdf4);border:1px dashed var(--ln-86efac)}
.gd-ex-h{display:block;margin-bottom:8px;color:var(--tx-166534);font-size:16.5px}
.gd-ex p{font-size:16px;line-height:1.8;margin-bottom:10px}
.myth-grid{display:grid;gap:12px;margin:4px 0 22px}
.myth{border-radius:16px;overflow:hidden;border:1px solid var(--ln-e2e8f0);background:var(--bg-ffffff)}
.myth p{margin:0;padding:12px 16px;font-size:16px;line-height:1.7}
.myth .myth-x{background:var(--bg-fff1f2);color:var(--tx-9f1239)}
.myth .myth-o{background:var(--bg-ffffff);color:var(--tx-0f172a)}
.myth p>span{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;font-weight:800;font-size:13px;margin-right:6px;vertical-align:1px}
.myth-x>span{background:var(--bg-fb7185);color:var(--tx-ffffff)}
.myth-o>span{background:var(--bg-2563eb);color:var(--tx-ffffff)}
.myth p>b{margin-right:4px}
.scene{padding:0;overflow:hidden;border:0;background:transparent}
.sc-art{position:relative;aspect-ratio:640/280;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(30,58,138,.10)}
.sc-bg{position:absolute;inset:0;width:100%;height:100%;display:block}
.sc-ch{position:absolute;bottom:2%;height:78%;width:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}
.sc-chc{left:50%;transform:translateX(-50%)}
.sc-ch0{left:14%}
.sc-ch1{right:14%}
.scene figcaption{margin-top:10px;font-size:14.5px;color:var(--tx-64748b);line-height:1.6;text-align:center;padding:0 8px}
@media (max-width:760px){
  .guide .doc-lead{padding:14px 14px 14px 16px}
  .gd-points{padding:14px 14px 10px}
  .gd-points li{font-size:15.5px;padding-left:34px}
  .sc-art{border-radius:16px}
  .sc-ch{height:84%}
  .sc-ch0{left:4%}.sc-ch1{right:4%}
}
@media (min-width:761px){.myth-grid{grid-template-columns:1fr 1fr}}

.how .gd-ex,.how .myth-grid{margin-top:12px}
.how .myth p,.how .gd-ex p{margin:0}
.how .gd-ex p+p{margin-top:8px}
.how .gd-ex{padding-bottom:16px}
/* 띠별 머리 그림 — 빈 상자 대신 장면 (2026-10-07) */
.zp-scene{position:relative;overflow:hidden;padding:0!important;aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:center}
.zp-scene .sc-bg{position:absolute;inset:0;width:100%;height:100%}
.zp-scene img{position:relative;z-index:1;width:78%!important;height:auto;margin:0 auto -2%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.18))}
.zp-scene.zg-chars img{width:48%!important}
@media (max-width:760px){
  .zp-scene{aspect-ratio:640/300}
  .zp-scene img{width:auto!important;height:92%;margin-bottom:-2%}
  .zp-scene.zg-chars img{width:auto!important;height:80%}
}

/* 3단계 공통 칸 (rich3.ts richSection) */
.rs-sec .scene{margin:6px 0 16px}
.rs-sec .rs-mh{font-size:17px;margin:20px 0 2px;color:var(--tx-0f172a)}
/* 띠 머리 그림 아래 빈 간격 줄이기 (2단계 뒤 오너 화면 점검) */
@media (max-width:760px){.zp-hero{padding-bottom:0}.zp-hero .zp-grid{padding-bottom:4px}.zp-hero+.section{padding-top:20px}}

/* 5단계 — 홈 '처음이라면 이 글부터' 카드 · 소개 페이지 (2026-10-08) */
.hg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hg-card{display:flex;flex-direction:column;text-decoration:none;color:var(--tx-0f172a);background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:20px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.hg-card:hover{transform:translateY(-2px);box-shadow:0 14px 24px -18px rgba(30,58,138,.5)}
.hg-card .sc-art{border-radius:0;box-shadow:none;aspect-ratio:640/360}
.hg-card .sc-ch{height:86%}
.hg-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
.hg-body b{font-size:16.5px;line-height:1.45;letter-spacing:-.01em}
.hg-body>span:not(.hg-go){font-size:14.5px;line-height:1.65;color:var(--tx-334155);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hg-go{font-size:14px;font-weight:800;color:var(--tx-2563eb);margin-top:auto;padding-top:2px}
@media (max-width:1000px){.hg-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .hg-grid{grid-template-columns:1fr;gap:10px}
  .hg-card{flex-direction:row;align-items:stretch;border-radius:16px}
  .hg-card .sc-art{flex:0 0 34%;aspect-ratio:auto;min-height:118px}
  .hg-card .sc-ch{height:80%}.hg-card .sc-ch0{left:50%;transform:translateX(-50%)}.hg-card .sc-ch1{right:2%}
  .hg-body{padding:12px 14px;gap:4px;min-width:0}
  .hg-body b{font-size:15.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hg-body>span:not(.hg-go){font-size:13.5px;-webkit-line-clamp:2}
  .hg-go{font-size:13.5px}
}
.ab-scene{margin:0 0 18px}
.ab-tools{list-style:none;padding:0!important;display:grid;gap:10px}
.ab-tools li{display:flex;gap:12px;align-items:flex-start;margin:0!important;line-height:1.65}
.ab-tools li>i{flex:0 0 38px;height:38px;border-radius:12px;background:var(--bg-eef4ff);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:19px}
.ab-steps{list-style:none;padding:0!important;margin:0 0 14px!important;counter-reset:st;display:grid;gap:10px}
.ab-steps li{counter-increment:st;position:relative;margin:0!important;padding:12px 14px 12px 54px;border-radius:14px;background:var(--bg-f6f9ff);border:1px solid var(--ln-dbe6ff);line-height:1.7}
.ab-steps li::before{content:counter(st);position:absolute;left:14px;top:13px;width:28px;height:28px;border-radius:50%;background:var(--bg-2563eb);color:var(--tx-ffffff);font-weight:800;font-size:14.5px;display:flex;align-items:center;justify-content:center}
.ab-steps li>b{display:block;color:var(--tx-0f172a);font-size:16.5px;margin-bottom:2px}
@media (min-width:761px){.ab-tools{grid-template-columns:1fr 1fr;gap:12px 18px}}
@media (max-width:760px){.ab-steps li{padding:12px 14px}.ab-steps li::before{left:14px;top:12px}.ab-steps li>b{padding-left:38px;min-height:28px;line-height:28px;margin-bottom:4px}.doc-sec .ab-scene{margin:0 -6px 16px}}

/* 5단계 폰 점검 — 모음 페이지(꿈해몽·달력·2027·띠 궁합표 등: .section > .wrap > .eyebrow + h1) 머리 간격·제목 줄 간격을 띠 페이지와 맞춤 */
.section>.wrap>.eyebrow+h1{font-size:clamp(28px,3.6vw,42px);line-height:1.3;letter-spacing:-.03em;margin:0 0 14px;font-weight:900}
@media (max-width:760px){.section:has(>.wrap>.eyebrow+h1){padding-top:20px}.section>.wrap>.eyebrow:has(+h1){margin-bottom:12px}}

/* 도구 소개 "예시로 따라 보기" (2026-10-08 콘텐츠 보완 D-5) */
.tx-box{border:2px dashed var(--ln-c7d7fe);background:linear-gradient(180deg,var(--bg-f8fbff),var(--bg-ffffff))}
.tx-box .eyebrow{margin-bottom:8px}
.tx-who{font-size:15px;color:var(--tx-334155);margin:0 0 14px}.tx-who span{color:var(--tx-64748b);font-size:14px}
.tx-fig{margin:6px 0 16px}.tx-fig figcaption{font-size:13.5px;color:var(--tx-64748b);margin-top:6px;text-align:center}
.tx-pls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:420px;margin:0 auto}
.tx-pl{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);border-radius:14px;padding:8px 6px;min-width:0}
.tx-pl-h{font-size:13px;color:var(--tx-64748b);font-weight:700}
.tx-box .tx-pl b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;max-width:72px;min-height:64px;padding:6px 0;box-sizing:border-box;border-radius:12px;font-size:25px;line-height:1;color:var(--tx-0f172a);background:var(--bg-ffffff);border:3px solid var(--ln-cccccc);white-space:nowrap}
.tx-box .tx-pl b small{display:block;font-size:12.5px;font-weight:700;color:var(--tx-334155);line-height:1}
/* 오행색 가이드(docs/오행색_가이드.md): 木 파랑 · 火 빨강 · 土 노랑(검정 윤곽) · 金 하양(회색 윤곽) · 水 검정 — 원색은 테두리·막대에만 */
.tx-oh-목{border-color:var(--ln-0000ff)!important}.tx-oh-화{border-color:var(--ln-ff0000)!important}.tx-oh-토{border-color:var(--ln-ffff00)!important;box-shadow:0 0 0 1px var(--sh-000000)}.tx-oh-금{border-color:var(--ln-cccccc)!important}.tx-oh-수{border-color:var(--ln-000000)!important}
.tx-bars{display:grid;gap:6px;max-width:420px;margin:0 auto}
.tx-bar{display:grid;grid-template-columns:64px 1fr 22px;align-items:center;gap:8px;font-size:14px}
.tx-bar i{height:12px;background:var(--bg-eef2f7);border-radius:99px;overflow:hidden}.tx-bar em{display:block;height:100%;border-radius:99px}
.tx-bg-목{background:var(--bg-0000ff)}.tx-bg-화{background:var(--bg-ff0000)}.tx-bg-토{background:var(--bg-ffff00);box-shadow:inset 0 0 0 1px var(--sh-000000)}.tx-bg-금{background:var(--bg-ffffff);box-shadow:inset 0 0 0 1px var(--sh-999999)}.tx-bg-수{background:var(--bg-000000)}
.tx-bar b{text-align:right}
.tx-hours,.tx-months{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:4px 0 14px}
.tx-months{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}
.tx-hours span,.tx-months span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:10px;background:var(--bg-f1f5f9);font-size:13px;color:var(--tx-334155)}
.tx-hours span b,.tx-months span b{font-size:13.5px;color:var(--tx-0f172a)}
.tx-hours .is-top,.tx-months .is-top{background:var(--bg-dcfce7);color:var(--tx-166534)}
.tx-hours .is-low,.tx-months .is-low{background:var(--bg-ffedd5);color:var(--tx-9a3412)}
.tx-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tx-box .tx-two .tx-pl b{font-size:22px;min-height:58px}
.tx-score{display:flex;align-items:baseline;gap:10px;justify-content:center;margin:2px 0 12px}.tx-score b{font-size:34px;color:var(--tx-2563eb)}.tx-score span{font-weight:800;color:var(--tx-334155)}
.tx-days{margin:0 0 12px;padding-left:22px}.tx-days li{margin:4px 0}
.tx-note{font-size:14.5px;color:var(--tx-64748b)}
.tx-suri{margin:4px 0 14px;width:100%}
@media (max-width:760px){.tx-two{grid-template-columns:1fr}.tx-box .tx-pl b{font-size:23px;min-height:60px}.tx-hours{grid-template-columns:repeat(4,1fr)}}

.gd-by{margin:22px 0 4px;font-size:14px;color:var(--tx-64748b)}.gd-by a{color:var(--tx-64748b)}
.doc-more{margin:14px 0 0;font-size:15px;color:var(--tx-334155)}

.gm-more{margin:4px 0 0;padding:14px 16px;border-radius:14px;background:var(--bg-f6f9ff);border:1px solid var(--ln-dbe6ff);font-size:15px;line-height:1.75;color:var(--tx-334155)}
.mf-list li{font-weight:400;line-height:1.75;margin:6px 0}.mf-list li b{font-weight:800}
.cal-tag.is-term{color:var(--tx-1e40af);background:var(--bg-dbeafe)}
.jg-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.jg-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);text-decoration:none;color:var(--tx-0f172a);text-align:center}
.jg-item b{font-weight:800}.jg-item.is-me{border-color:var(--ln-2563eb);background:var(--bg-eff5ff)}.jg-ic{font-size:22px;line-height:1}
.ck-table tr.is-me th,.ck-table tr.is-me td{background:var(--bg-eff5ff);font-weight:800}
@media (max-width:640px){.jg-grid{grid-template-columns:repeat(3,1fr)}}
.tv-spots{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tv-spot{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;padding:8px;border-radius:12px;background:var(--bg-ffffff);border:1px solid var(--ln-e2e8f0);overflow-wrap:anywhere}
.tv-spot img,.tv-noimg{width:120px;height:80px;object-fit:contain;background:var(--bg-e9eef8);border-radius:8px;display:grid;place-items:center;font-size:28px}
.tv-t{display:grid;gap:2px}.tv-t a{font-size:13px}
@media (max-width:900px){.tv-spots{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.tv-spots{grid-template-columns:1fr}}
.fe-tags{display:flex;flex-wrap:wrap;gap:4px}.fe-tag{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--bg-eef2ff);color:var(--tx-4338ca)}.fe-tag.fe-now{background:var(--bg-dcfce7);color:var(--tx-166534)}
@media (max-width:480px){.ck-table .jg-nx{display:none}}
.jgb-wrap{padding-top:16px}.jgb-wrap+.hero-grid{padding-top:36px}.jgb{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;border:1.5px solid;text-decoration:none;color:var(--tx-0f172a)}
.jgb-ic{font-size:34px;line-height:1;flex:none}.jgb-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.jgb-t b{font-size:18px;font-weight:900}.jgb-t span{font-size:15px;color:var(--tx-334155);line-height:1.6}
.jgb-go{flex:none;font-weight:800;font-size:15px;padding:8px 12px;border-radius:12px;background:var(--bg-ffffff);white-space:nowrap}
.jgb-sp{background:var(--bg-ecfdf3);border-color:var(--ln-bbf0cf)}.jgb-sp .jgb-go{color:var(--tx-15803d)}.jgb-su{background:var(--bg-fff4e8);border-color:var(--ln-fed7aa)}.jgb-su .jgb-go{color:var(--tx-c2410c)}
.jgb-au{background:var(--bg-fff8e6);border-color:var(--ln-fde68a)}.jgb-au .jgb-go{color:var(--tx-a16207)}.jgb-wi{background:var(--bg-eef4ff);border-color:var(--ln-c7d8ff)}.jgb-wi .jgb-go{color:var(--tx-1d4ed8)}
.jgb-more{margin:6px 2px 0;font-size:13.5px}.jgb-more a{color:var(--tx-64748b)}
.jgb-sm{padding:9px 14px;gap:10px;border-width:1px}.jgb-sm .jgb-ic{font-size:22px}.jgb-sm .jgb-t span{font-size:14.5px;color:var(--tx-334155)}.jgb-sm .jgb-t b{font-size:15px;color:var(--tx-0f172a)}.jgb-sm .jgb-go{padding:5px 10px;font-size:14px}
@media (max-width:760px){.jgb-wrap+.hero-grid{padding-top:20px}}
@media (max-width:560px){.jgb{flex-wrap:wrap;gap:10px;padding:12px 14px}.jgb-ic{font-size:28px}.jgb-t b{font-size:16.5px}.jgb-go{width:100%;text-align:center}.jgb-sm{flex-wrap:nowrap}.jgb-sm .jgb-go{width:auto}.jgb-sm .jgb-t b{font-size:15px}}
.hero-push{margin:14px 0 0;padding:10px 14px;border-radius:14px;background:rgba(var(--bg-white-rgb),.7);border:1px dashed var(--ln-c7d8ff);font-size:14.5px;line-height:1.65;color:var(--tx-334155)}.hero-push a{font-weight:800;white-space:nowrap}
.hero-jg{display:inline-block;white-space:nowrap;color:var(--tx-1d4ed8);font-weight:700;text-decoration:none;border-bottom:1px dashed var(--ln-9db8f5)}.hero-jg b{font-weight:900}
@media (max-width:560px){.hero-jg-sep{display:none}.hero-today .hero-jg{display:table;margin-top:3px}}
.zp-jg{margin:12px 0 10px;font-size:15px}
.pd-term{display:inline-block;margin-top:4px;text-decoration:none;font-size:12px}
/* 운영자 한마디 · 자료 출처 (2026-10-10 검색 최적화 6단계, trustNotes.ts) */
.op-note{margin:16px 0 0;padding:16px 18px;border-radius:14px;background:var(--bg-fffbeb);border:1px solid var(--ln-fde68a);font-size:15px;line-height:1.75;color:var(--tx-334155)}.op-note p{margin:0 0 4px}.op-note .op-h{margin:0 0 6px;font-weight:800;color:var(--tx-0f172a)}
.src-note{margin-top:10px;line-height:1.7}.src-note a{color:var(--tx-1d4ed8)}