/* Full illustrated cards in every Wyrd spread. */
.wyrd-page #runeOutput{min-height:0;align-content:start;padding:24px clamp(14px,3vw,36px) 32px}
.wyrd-page #runeOutput .rune-spread{width:100%;max-width:1000px;gap:24px;align-items:start}
.wyrd-page #runeOutput .layout-1{max-width:360px}
.wyrd-page #runeOutput .layout-2{max-width:740px}
.wyrd-page #runeOutput .layout-cross,.wyrd-page #runeOutput .layout-nine{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}
.wyrd-page #runeOutput .rune-reading{align-content:start;gap:12px;min-width:0}
.wyrd-page #runeOutput .position-keyword{max-width:100%;min-height:2.5em;margin:0;color:var(--gold);font:400 .8rem/1.3 Inter,system-ui,sans-serif}
.wyrd-page #runeOutput .rune-symbol{display:block;box-sizing:border-box;width:100%;max-width:360px;height:auto;aspect-ratio:2/3;padding:0;border:0;border-radius:5px;background:transparent;box-shadow:0 8px 24px #0003;overflow:hidden;transform:none}
.wyrd-page #runeOutput .rune-card-image{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.wyrd-page #runeOutput .rune-symbol.is-reversed .rune-card-image{transform:rotate(180deg)}
.wyrd-page #runeOutput .rune-card-name{margin:0;color:var(--ink);font:400 1rem/1.35 Georgia,serif;text-align:center;overflow-wrap:anywhere}
.wyrd-page #runeOutput .rune-card-meaning{width:100%;text-align:left;color:var(--muted);font:400 .9rem/1.65 Inter,system-ui,sans-serif;overflow-wrap:anywhere}
.wyrd-page #runeOutput .rune-card-meaning p{margin:8px 0 12px;white-space:pre-line}
.wyrd-page #runeOutput .rune-card-keywords{color:var(--gold);font-size:.8rem;line-height:1.5}
.wyrd-page #runeOutput .rune-meaning-more{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--gold);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wyrd-page #runeOutput .rune-meaning-more:focus-visible,.wyrd-page #runeOutput .rune-symbol:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:600px){.wyrd-page #runeOutput{padding:18px 12px 28px}.wyrd-page #runeOutput .rune-spread{gap:16px 10px}.wyrd-page #runeOutput .rune-spread:is(.layout-1,.layout-2,.layout-3){grid-template-columns:1fr;max-width:340px;gap:28px}.wyrd-page #runeOutput .rune-symbol{max-width:340px}}