:root{--navy:#061a3a;--blue:#0d3f86;--gold:#d8b35a;--gold2:#f0d38a;--ink:#172033;--paper:#f7f4ec;--white:#fff;--muted:#667085;--line:#d9d4c8;--red:#c53a3a;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Noto Sans KR","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.7}a{color:inherit}img{max-width:100%;display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.7rem 1rem;z-index:99}.top{position:sticky;top:0;z-index:30;background:rgba(6,26,58,.96);color:white;border-bottom:1px solid rgba(216,179,90,.35);backdrop-filter:blur(10px)}.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem}.brand{display:flex;align-items:center;gap:.7rem;font-family:Georgia,serif;font-weight:700;letter-spacing:.06em;text-decoration:none;white-space:nowrap}.brand img{width:42px;height:42px;border-radius:11px}.links{display:flex;gap:1.25rem;margin-left:auto;align-items:center}.links a{text-decoration:none;font-size:.94rem;color:#eef3ff}.links a:hover,.links a:focus{color:var(--gold2)}.lang{border:1px solid var(--gold);border-radius:999px;padding:.38rem .75rem;color:var(--gold2)!important}.menu-button{display:none;margin-left:auto;background:transparent;border:1px solid #8fa2bf;color:white;border-radius:8px;padding:.45rem .7rem}.hero{background:radial-gradient(circle at 78% 45%,#174e98 0,#0a2c62 31%,#061a3a 68%);color:white;overflow:hidden}.hero-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:650px;padding:5rem 1.3rem}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:700}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,7vw,6.4rem);line-height:.95;margin:.8rem 0 1rem;letter-spacing:-.035em}.hero h1 span{display:block;color:var(--gold2);font-size:.42em;line-height:1.3;letter-spacing:.06em;margin-top:.65rem}.hero p{max-width:650px;font-size:1.2rem;color:#dce7f7}.hero-art{position:relative;padding:2rem}.hero-art:before{content:"";position:absolute;inset:8%;border:1px solid rgba(216,179,90,.45);border-radius:50%;transform:rotate(8deg)}.hero-art img{position:relative;border-radius:28%;filter:drop-shadow(0 25px 45px rgba(0,0,0,.5));border:1px solid rgba(255,255,255,.14)}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.button{display:inline-block;text-decoration:none;border-radius:8px;padding:.75rem 1.1rem;font-weight:700;background:var(--gold);color:#14213b}.button.secondary{background:transparent;border:1px solid #9bb1d3;color:white}.section{max-width:var(--max);margin:auto;padding:5rem 1.3rem}.section h2,.legal h1{font-family:Georgia,"Noto Serif KR",serif;color:var(--navy);font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;margin:.2rem 0 1rem}.lead{font-size:1.15rem;color:#465064;max-width:800px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.2rem}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:1.6rem;box-shadow:0 8px 30px rgba(17,31,52,.06)}.card .num{font-family:Georgia,serif;color:var(--gold);font-size:2rem}.card h3{color:var(--navy);font-size:1.2rem;margin:.3rem 0}.dark{background:var(--navy);color:white}.dark .section h2{color:white}.dark .lead{color:#c8d5e8}.principles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.principle{border-left:3px solid var(--gold);padding:1rem 1.2rem;background:rgba(255,255,255,.06)}.library{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.hex-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.42rem}.hex{aspect-ratio:1;border:1px solid #c7b377;background:white;border-radius:7px;display:grid;place-items:center;color:var(--blue);font-family:Georgia,serif;font-size:.82rem;text-decoration:none}.hex.active{background:var(--navy);border-color:var(--gold);color:var(--gold2);font-weight:700}.symbol-preview{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:2.2rem;align-items:center;margin:1.5rem 0 2rem;padding:1.4rem;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 36px rgba(17,31,52,.08)}.symbol-preview img{width:100%;border-radius:12px;box-shadow:0 12px 28px rgba(6,26,58,.18)}.symbol-preview h2{margin:.6rem 0 1rem}.symbol-preview p:last-child{margin-bottom:0}.notice{background:#fff8e4;border-left:4px solid var(--gold);padding:1rem 1.2rem;border-radius:8px}.footer{background:#04132c;color:#d4dfef}.footer-inner{max-width:var(--max);margin:auto;padding:3rem 1.3rem;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}.footer h3{color:var(--gold2);margin-top:0}.footer a{display:block;color:#d4dfef;text-decoration:none;margin:.4rem 0}.footer small{color:#a9b8cc}.legal{max-width:900px;margin:0 auto;padding:4rem 1.3rem 6rem;background:var(--paper)}.legal .meta{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:1.2rem}.legal h2{color:var(--navy);margin-top:2.4rem;font-size:1.45rem}.legal h3{margin-top:1.6rem}.legal table{width:100%;border-collapse:collapse;background:white}.legal th,.legal td{border:1px solid var(--line);padding:.75rem;text-align:left;vertical-align:top}.legal th{background:#edf2f8}.legal li{margin:.45rem 0}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.badge{display:inline-block;background:#e9eef8;color:var(--blue);border-radius:999px;padding:.2rem .65rem;font-size:.84rem;font-weight:700}.store-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.store{border:1px solid #c8cfda;border-radius:9px;padding:.65rem .9rem;background:white;color:#33405a}.coming{font-size:.82rem;color:var(--muted)}@media(max-width:820px){.menu-button{display:block}.links{display:none;position:absolute;left:0;right:0;top:67px;background:var(--navy);padding:1rem 1.3rem;flex-direction:column;align-items:flex-start}.links.open{display:flex}.hero-inner{grid-template-columns:1fr;min-height:auto;padding-top:4rem}.hero-art{max-width:440px;margin:auto}.grid3,.principles,.library,.footer-inner,.support-grid,.symbol-preview{grid-template-columns:1fr}.hex-grid{grid-template-columns:repeat(8,1fr)}.footer-inner{gap:1rem}}@media(max-width:480px){.hero h1{font-size:2.7rem}.hex-grid{grid-template-columns:repeat(4,1fr)}.nav{padding:.65rem .85rem}.section{padding:3.5rem 1rem}}
/* Keep the full portrait card visible at every viewport size. */
.symbol-preview img{height:auto;max-height:78vh;object-fit:contain}
.hex.card-thumb{aspect-ratio:7/12;padding:.18rem;overflow:hidden;background:white}.hex.card-thumb img{width:100%;height:100%;object-fit:contain;border-radius:4px}
.symbol-reading{grid-column:1/-1;border-top:1px solid var(--line);margin-top:.6rem;padding:2rem clamp(.2rem,3vw,2.4rem) .6rem}.symbol-reading:has(p[hidden]){display:none}.symbol-reading h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 1.5rem;padding-bottom:.8rem;border-bottom:2px solid var(--gold)}.symbol-reading h3{color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.2rem;margin:2rem 0 .55rem}.symbol-reading p{max-width:760px;margin:.2rem 0 1.25rem;font-size:1rem;line-height:1.95;word-break:keep-all}.symbol-reading h2+p,.symbol-reading h3+p{margin-top:0}@media(max-width:480px){.symbol-reading{padding:1.5rem 0 .25rem}.symbol-reading p{line-height:1.85;word-break:normal}.symbol-reading h3{margin-top:1.7rem}}
html[lang="ko"] #symbol-preview>div>h2{display:none}
.symbol-reading .source-line{font-size:1rem;line-height:1.95;word-break:keep-all}@media(max-width:480px){.symbol-reading .source-line{line-height:1.85;word-break:normal}}

/* Improve body-copy contrast consistently in Korean and English. */
:root{--muted:#343a42}
.lead{color:#303640}

/* Make every reading section title clearly distinct from its body text. */
.symbol-reading h3{
  display:block;
  margin:2rem 0 .85rem;
  padding:.62rem .85rem;
  color:var(--navy);
  background:#edf3fb;
  border-left:5px solid var(--gold);
  border-bottom:1px solid #c7d3e5;
  border-radius:6px;
  font-weight:800;
  line-height:1.4;
}
@media(max-width:480px){
  .symbol-reading h3{margin-top:1.7rem;padding:.58rem .75rem}
}