.xp{font-family:var(--font-reading)}.hexagram-reading-card.xp{overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--surface-border-soft));background:color-mix(in srgb,var(--surface-panel-strong) 88%,transparent);padding:0}.xp-i{padding:2rem 2.2rem 1.75rem}.xp-i h2{max-width:44rem;margin:0;font-size:clamp(1.8rem,3.2vw,2.55rem);font-weight:760;letter-spacing:-.025em;line-height:1.08}.xp-i p{max-width:49rem;margin:1rem 0 0;color:color-mix(in srgb,var(--page-text) 82%,var(--page-muted));font-size:1.06rem;line-height:1.72}.xp-d,.xp-c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--surface-border-soft)}.xp-d>section,.xp-c>section{min-width:0;padding:1.45rem 2.2rem 1.55rem}.xp-d>section+section,.xp-c>section+section{border-left:1px solid var(--surface-border-soft)}.xp-d>.act{box-shadow:inset 0 3px color-mix(in srgb,var(--accent) 82%,transparent)}.xp-d>.avoid{box-shadow:inset 0 3px color-mix(in srgb,#b66b5f 62%,transparent)}.xp-c{background:color-mix(in srgb,var(--surface-subtle) 46%,transparent)}.xp-d h3,.xp-c h3,.xp-l h3{margin:0 0 .55rem;font-size:1rem;font-weight:820;line-height:1.35}.xp-d p,.xp-c p,.xp-l p{margin:0;color:var(--page-muted);font-size:.96rem;line-height:1.72}.xp-l{display:grid;grid-template-columns:minmax(15rem,1fr) auto;align-items:center;gap:1.5rem;border-top:1px solid var(--surface-border-soft);padding:1.35rem 2.2rem 1.45rem}.xp-l nav{display:grid;grid-template-columns:repeat(6,minmax(2.8rem,1fr));gap:.45rem}.xp-l button{display:grid;min-width:3.15rem;min-height:3.15rem;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--surface-border-soft));border-radius:.52rem;background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--page-text);font-size:1rem;font-weight:780;line-height:1}.xp-l button span{color:var(--page-muted);font-size:.62rem}.xp-l button:hover,.xp-l button[data-active]{border-color:color-mix(in srgb,var(--accent) 68%,var(--surface-border-soft));background:color-mix(in srgb,var(--accent) 16%,transparent);color:color-mix(in srgb,var(--accent) 52%,var(--page-text))}.xp-l button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 82%,transparent);outline-offset:3px}.xp-depth{padding:.35rem .35rem 0}.xp-depth h2{margin:0;font-size:1.4rem;line-height:1.3}.xp-depth p{margin:.4rem 0 0;color:var(--page-muted);font-size:.95rem}@media(max-width:760px){.xp-i{padding:1.35rem 1.05rem 1.2rem}.xp-i h2{font-size:1.62rem;line-height:1.12}.xp-i p{font-size:.97rem;line-height:1.68}.xp-d,.xp-c{grid-template-columns:minmax(0,1fr)}.xp-d>section,.xp-c>section{padding:1.05rem}.xp-d>section+section,.xp-c>section+section{border-top:1px solid var(--surface-border-soft);border-left:0}.xp-d>.avoid{box-shadow:none}.xp-l{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.1rem 1.05rem 1.2rem}.xp-l nav{grid-template-columns:repeat(6,minmax(0,1fr))}.xp-l button{min-width:0;min-height:2.9rem}.xp-depth{padding:.15rem .15rem 0}}