/* The tarot table extends Kainat's paper, olive and editorial type. */
.kn-tarot-page{--tarot-olive:#414b38;--tarot-gold:#d7c5a8;--tarot-secondary:#5b6050;--tarot-card-ratio:420/714}
.kn-tarot-page ::selection{background:#dce1cd;color:#282a25}
.kn-tarot-page .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.kn-tarot-page :focus-visible{outline:3px solid #62664b;outline-offset:5px}
.kn-tarot-container{max-width:1120px;padding-block:32px 72px}
.kn-tarot-heading{margin-bottom:40px}
.kn-tarot-heading h1{margin:0;font-size:clamp(3rem,5.5vw,4.6rem)}
.kn-tarot-heading>p{max-width:590px;font-size:1rem;line-height:1.8;color:var(--tarot-secondary);margin-top:18px}
.kn-tarot-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:420px;padding:44px 64px;background:var(--kn-cream);overflow:hidden}
.kn-tarot-intro-copy{position:relative;z-index:1}
.kn-tarot-intro h2{font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.07;letter-spacing:-.035em}
.kn-tarot-intro-copy>p{max-width:365px;color:var(--tarot-secondary);font-size:.94rem;line-height:1.8;margin-top:20px}
.kn-tarot-intro .kn-button{margin-top:26px}
.kn-tarot-page .kn-button:disabled{cursor:not-allowed;opacity:.55}
.kn-tarot-intro-note{display:block;font-size:.75rem;color:var(--tarot-secondary);margin-top:16px}
.kn-tarot-fan{position:relative;height:330px;display:grid;place-items:center}
.kn-tarot-card-back{position:relative;display:block;aspect-ratio:var(--tarot-card-ratio);background:var(--tarot-olive);color:var(--tarot-gold);border-radius:4px;isolation:isolate;overflow:hidden}
.kn-tarot-card-back::before{content:'';position:absolute;inset:7%;border:1px solid #d7c5a8a8;border-radius:2px;pointer-events:none}
.kn-tarot-card-back::after{content:'kainat';position:absolute;inset:0;display:grid;place-items:center;font-family:var(--kn-serif);font-size:clamp(12px,2.5vw,35px);font-weight:400;letter-spacing:-.03em;pointer-events:none}
.kn-tarot-back-orbit,.kn-tarot-card-emblem{position:absolute;inset:26% 18%;border:1px solid #d7c5a86b;border-radius:50%;transform:rotate(-26deg)}
.kn-tarot-back-orbit::after,.kn-tarot-card-emblem::after{content:'';position:absolute;inset:13% -17%;border:1px solid #d7c5a86b;border-radius:50%;transform:rotate(52deg)}
.kn-tarot-fan-card{position:absolute;width:168px;box-shadow:0 10px 20px #2b32232b}
.kn-tarot-fan-card:nth-child(1){transform:translate(-92px,17px) rotate(-19deg)}
.kn-tarot-fan-card:nth-child(2){transform:translate(0,-11px) rotate(0);z-index:1}
.kn-tarot-fan-card:nth-child(3){transform:translate(92px,17px) rotate(19deg)}
.kn-tarot-selection{background:var(--kn-cream);padding:32px}
.kn-tarot-selection-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:30px}
.kn-tarot-selection-heading h2,.kn-tarot-results-heading h2{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.15}
.kn-tarot-selection-heading div>p,.kn-tarot-results-heading>p{font-size:.875rem;line-height:1.7;color:var(--tarot-secondary);margin-top:10px;max-width:520px}
.kn-tarot-count{font-size:.875rem;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--tarot-olive)}
.kn-tarot-deck{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:14px 10px;padding:16px 6px 10px;max-height:430px;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#8b917a #e1e0d3}
.kn-tarot-deck-card{position:relative;display:block;width:100%;aspect-ratio:var(--tarot-card-ratio);padding:0;border:0;background:transparent;border-radius:4px;transition:transform .2s ease-out,opacity .2s;isolation:isolate}
.kn-tarot-deck-card>.kn-tarot-card-back{width:100%;height:100%;box-shadow:0 3px 5px #2b32231a}
.kn-tarot-selection:not([hidden]) .kn-tarot-deck-card>.kn-tarot-card-back{animation:kn-tarot-deal .3s cubic-bezier(.16,1,.3,1) backwards;animation-delay:min(calc(var(--tarot-order,0) * 5ms),260ms)}
.kn-tarot-deck-card .kn-tarot-card-back::after{font-size:clamp(12px,1.5vw,20px)}
.kn-tarot-deck-card:hover{transform:translateY(-5px)}
.kn-tarot-deck-card[aria-pressed=true]{transform:translateY(-10px);outline:2px solid #62664b;outline-offset:3px}
.kn-tarot-deck-card:disabled{cursor:default}
.kn-tarot-deck-card:disabled:not([aria-pressed=true]){opacity:.55}
.kn-tarot-order{position:absolute;z-index:2;top:-10px;right:-5px;display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:#f8f6f1;color:#414b38;border:1px solid #62664b;font-size:.75rem;font-weight:600;line-height:1}
.kn-tarot-selection-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-top:24px;border-top:1px solid #d5d4c7}
.kn-tarot-selection-actions>p{font-size:.875rem;color:var(--tarot-secondary)}
.kn-tarot-results-heading{text-align:center;margin-bottom:30px}
.kn-tarot-results-heading>p{margin-inline:auto}
.kn-tarot-restored{text-align:center;font-size:.8rem;color:var(--tarot-secondary);margin-bottom:20px}
.kn-tarot-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;max-width:710px;margin:0 auto 46px;align-items:start}
.kn-tarot-card{position:relative;display:flex;align-items:center;flex-direction:column;gap:13px;min-width:0;background:none;border:0;padding:0 0 16px;text-align:center;color:var(--kn-ink);border-radius:2px}
.kn-tarot-artwork{display:block;width:100%;min-width:0;animation:kn-tarot-reveal .56s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--tarot-order,0) * 150ms);transform-origin:center}
.is-restored .kn-tarot-artwork{animation:none}
.kn-tarot-card img{display:block;width:100%;aspect-ratio:var(--tarot-card-ratio);object-fit:contain;background:#e8e3d7;border-radius:4px;box-shadow:0 5px 12px #2b32231c;transition:transform .25s ease-out}
.kn-tarot-card:hover img{transform:translateY(-5px)}
.kn-tarot-card[aria-pressed=true]::after{content:'';position:absolute;inset:auto 18% 0;height:2px;background:var(--kn-accent)}
.kn-tarot-card[aria-pressed=true] img{outline:2px solid #62664b;outline-offset:4px}
.kn-tarot-position{order:-1;font-size:.8rem;color:var(--tarot-secondary);line-height:1.5;min-height:24px}
.kn-tarot-card-name{font-family:var(--kn-serif);font-size:1.3rem;line-height:1.2;font-weight:400;overflow-wrap:anywhere}
.kn-tarot-detail{max-width:820px;margin-inline:auto;padding-block:34px 42px;border-top:1px solid var(--kn-line);scroll-margin-top:calc(var(--kn-header) + 24px)}
.kn-tarot-detail h3,.kn-tarot-detail h2{font-size:2.35rem;line-height:1.15}
.kn-tarot-detail p{color:#4d5346;font-size:1rem;line-height:1.85;margin-top:16px;max-width:72ch}
.kn-tarot-detail .kn-tarot-detail-position{font-size:.8rem;color:var(--tarot-secondary);margin:0 0 10px}
.kn-tarot-detail .kn-tarot-keywords{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.8rem;color:#62664b;margin-top:15px;padding:0;list-style:none}
.kn-tarot-detail .kn-tarot-advice{font-family:var(--kn-serif);font-size:1.25rem;color:#414b38;line-height:1.7;margin-top:22px}
.kn-tarot-summary-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:54px;background:#e9ecdf;padding:42px;margin-top:8px}
.kn-tarot-summary-title h2{font-size:2.4rem;line-height:1.1;max-width:260px;color:#35402c}
.kn-tarot-summary-title>p{font-size:.875rem;color:#58634c;margin-top:16px}
.kn-tarot-summary h3{font-size:1.5rem;color:#35402c;margin-bottom:16px;line-height:1.2}
.kn-tarot-summary p{font-size:1rem;line-height:1.85;color:#414d37;max-width:72ch}
.kn-tarot-summary p+p{margin-top:18px}
.kn-tarot-summary .kn-tarot-summary-themes{font-size:.8rem;line-height:1.6;color:#4e5c40;margin-bottom:16px}
.kn-tarot-again{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px}
.kn-tarot-again>p{font-size:.875rem;color:var(--tarot-secondary);max-width:460px;line-height:1.8}
.kn-tarot-again .kn-button{flex-shrink:0}
.kn-tarot-error{background:#f1e9df;color:#6b3925;padding:20px;margin-block:24px;font-size:.94rem;line-height:1.7}
.kn-tarot-about{border-top:1px solid var(--kn-line);margin-top:44px;padding-top:22px}
.kn-tarot-about details{max-width:780px}
.kn-tarot-about summary{display:inline-flex;align-items:center;gap:20px;min-height:44px;list-style:none;font-size:.875rem;color:#414b38;cursor:pointer}
.kn-tarot-about summary::-webkit-details-marker{display:none}
.kn-tarot-about details[open] summary>.kn-chevron{transform:rotate(180deg)}
.kn-tarot-about details div{padding-top:12px;color:var(--tarot-secondary);font-size:.875rem;line-height:1.8}
.kn-tarot-about details div>p+p{margin-top:12px}
.kn-tarot-art-credit{font-size:.75rem;color:var(--tarot-secondary);margin-top:20px!important;line-height:1.7}
.kn-tarot-art-credit a{text-decoration:underline;text-underline-offset:3px}
@keyframes kn-tarot-deal{from{transform:translateY(14px) rotate(-3deg)}to{transform:translateY(0) rotate(0)}}
@keyframes kn-tarot-reveal{from{transform:perspective(800px) rotateY(-85deg)}to{transform:perspective(800px) rotateY(0)}}
@media(min-width:768px) and (max-width:1050px){.kn-tarot-intro{padding:40px;gap:24px}.kn-tarot-fan-card{width:140px}.kn-tarot-fan-card:nth-child(1){transform:translate(-72px,17px) rotate(-19deg)}.kn-tarot-fan-card:nth-child(3){transform:translate(72px,17px) rotate(19deg)}.kn-tarot-deck{grid-template-columns:repeat(10,minmax(0,1fr))}}
@media(max-width:767px){.kn-tarot-container{padding-block:24px 46px}.kn-tarot-heading{margin-bottom:28px}.kn-tarot-heading h1{font-size:3rem}.kn-tarot-heading>p{font-size:.94rem;margin-top:16px}.kn-tarot-intro{grid-template-columns:1fr;padding:30px 24px;gap:16px;min-height:0}.kn-tarot-intro-copy{order:1}.kn-tarot-intro h2{font-size:2.65rem}.kn-tarot-intro h2 br{display:none}.kn-tarot-intro-copy>p{margin-top:16px}.kn-tarot-fan{height:235px}.kn-tarot-fan-card{width:115px}.kn-tarot-fan-card:nth-child(1){transform:translate(-70px,10px) rotate(-19deg)}.kn-tarot-fan-card:nth-child(2){transform:translate(0,-6px)}.kn-tarot-fan-card:nth-child(3){transform:translate(70px,10px) rotate(19deg)}.kn-tarot-card-back::after{font-size:25px}.kn-tarot-intro .kn-button{width:100%;margin-top:22px}.kn-tarot-intro-note{text-align:center}.kn-tarot-selection{padding:24px 16px}.kn-tarot-selection-heading{display:block;margin-bottom:22px}.kn-tarot-selection-heading h2{font-size:2rem}.kn-tarot-count{margin-top:14px!important}.kn-tarot-deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 8px}.kn-tarot-deck-card .kn-tarot-card-back::before{inset:6%;border-color:#d7c5a8a8}.kn-tarot-deck-card .kn-tarot-card-back::after{font-size:12px}.kn-tarot-order{min-width:23px;height:23px;top:-9px;right:-2px}.kn-tarot-selection-actions{display:block;margin-top:24px;padding-top:20px}.kn-tarot-selection-actions .kn-button{width:100%;margin-top:16px}.kn-tarot-spread{gap:15px;margin-bottom:28px}.kn-tarot-card{gap:10px}.kn-tarot-position{font-size:.72rem;min-height:40px;display:flex;align-items:center;justify-content:center}.kn-tarot-card-name{font-size:1rem;line-height:1.25}.kn-tarot-detail{padding-block:26px 32px}.kn-tarot-detail h2,.kn-tarot-detail h3{font-size:2rem}.kn-tarot-summary-section{grid-template-columns:1fr;gap:26px;padding:28px 24px}.kn-tarot-summary-title h2{font-size:2.2rem;max-width:290px}.kn-tarot-summary-title>p{margin-top:12px}.kn-tarot-again{display:block;margin-top:26px}.kn-tarot-again .kn-button{width:100%;margin-top:18px}.kn-tarot-about{margin-top:30px}.kn-tarot-restored{font-size:.75rem}}
@media(max-width:380px){.kn-tarot-selection{padding-inline:10px}.kn-tarot-deck{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 9px}.kn-tarot-spread{gap:12px}.kn-tarot-position{font-size:.68rem}.kn-tarot-summary-section{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.kn-tarot-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.kn-tarot-card:hover img,.kn-tarot-deck-card:hover{transform:none}}
@media print{.kn-tarot-intro,.kn-tarot-selection,.kn-tarot-again,.kn-tarot-about,.kn-tarot-restored{display:none!important}.kn-tarot-container{width:100%;padding:0}.kn-tarot-heading{margin-bottom:24px}.kn-tarot-spread{max-width:480px}.kn-tarot-card img{box-shadow:none}.kn-tarot-summary-section{break-inside:avoid;background:transparent;border-top:1px solid #dedbd2;padding:24px 0}.kn-tarot-detail{break-inside:avoid}}