/* /info/zh/64gua/ — the 64 hexagram pages (hub + one page per hexagram) */
@font-face{font-family:"GuaSerif";src:url(fonts/noto-serif-sc-gua-700.woff2) format("woff2");font-weight:700;font-display:swap}
.gua-body{--zhu:#b8322a;--ink2:#1d1a16;--paper:#f7f1e3}
.gua-name,.gua-seal{font-family:"GuaSerif","Noto Serif SC","Songti SC","STSong",serif;font-weight:700}
.gua-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:center}
.gua-figure{text-align:center;color:var(--muted);font-size:.9rem}
.gua-figure p{margin:8px 0 0}
.gua-svg{width:150px;height:auto;display:block;margin:0 auto}
.gua-svg rect,.gua-mini rect{fill:var(--ink2)}
.gua-seal{display:inline-block;margin-top:12px;padding:4px 10px;border-radius:6px;background:var(--zhu);color:#fff7ef;font-size:1.15rem;letter-spacing:.08em;transform:rotate(-3deg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.gua-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 20px;margin:0 0 16px}
.gua-facts div{border-bottom:1px solid var(--line,#e6dfcc);padding:6px 0}
.gua-facts dt{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}
.gua-facts dd{margin:2px 0 0;font-size:.98rem}
.gua-btn{display:inline-block;background:var(--ink2);color:#f7efe0!important;border-radius:999px;padding:10px 20px;text-decoration:none;font-weight:600}
.gua-btn:hover{background:#000}
.gua-orig{font-family:var(--serif);font-size:1.12rem;line-height:1.8;color:var(--ink2);margin:0 0 8px}
.gua-bh{line-height:1.85;margin:0 0 8px}
.gua-xg{color:var(--muted);line-height:1.8;margin:0 0 6px}
.gua-lbl{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.06em;color:#fff;background:#b8923a;border-radius:4px;padding:1px 6px;margin-right:8px;vertical-align:2px}
.gua-lbl.x{background:#7d6a4b}
.gua-line{border-left:3px solid #e3d6b8;padding:4px 0 4px 14px;margin:0 0 18px}
.gua-line h3{margin:0 0 6px;font-size:1.05rem}
.gua-note{font-size:.9rem;color:var(--muted);line-height:1.8}
.gua-table{width:100%;border-collapse:collapse;font-size:.92rem}
.gua-table th,.gua-table td{padding:8px 8px;border-bottom:1px solid var(--line,#e6dfcc);text-align:left}
.gua-table th{font-size:.78rem;letter-spacing:.04em;color:var(--muted)}
.gua-bagong td a{white-space:nowrap}
.gua-pn{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.gua-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:1100px;margin:0 auto}
.gua-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;border:1px solid var(--line,#e6dfcc);border-radius:12px;background:#fffdf8;text-decoration:none;color:var(--ink2);text-align:center;transition:transform .15s,box-shadow .2s}
.gua-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(60,40,10,.4)}
.gua-card b{font-size:.98rem}
.gua-card small{font-size:.76rem;color:var(--muted);line-height:1.5}
.gua-no{position:absolute;top:8px;left:10px;font-size:.72rem;color:var(--muted)}
.gua-mini{width:56px;height:auto}
@media (max-width:760px){
  .gua-hero{grid-template-columns:1fr;gap:16px}
  .gua-figure{order:-1}
  .gua-svg{width:110px}
  .gua-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gua-table{font-size:.84rem}
  .gua-table th,.gua-table td{padding:7px 5px}
}
.gua-sym{font-size:1.5rem;line-height:1}