.world-cards{--night:#10132d;--night-2:#191638;--gold:#d7bd81;--gold-soft:#eedeb7;--lavender:#c7b4ed;--aqua:#92dbd7;--rose:#e8a7b7;background:radial-gradient(circle at 50% 0,#2b2452 0,#171732 35%,#10132d 76%);color:#f2ecf4;min-height:100vh}
.world-cards .site-header{border-bottom:1px solid #d7bd812b}.world-cards .brand{color:var(--gold-soft)}.world-cards .brand-dot{background:var(--rose)}.world-cards nav a[aria-current]{color:var(--gold-soft)}.world-cards .skip,.world-cards a:focus-visible,.world-cards button:focus-visible,.world-cards textarea:focus-visible{outline-color:var(--gold-soft)}
.reading-shell{max-width:1520px;padding-bottom:76px}.reading-head{display:flex;justify-content:space-between;align-items:end;gap:48px;padding-block:34px 28px}.reading-kicker{color:var(--gold);font-size:.78rem;letter-spacing:.2em;line-height:1.6}.reading-head h1{font-family:Georgia,serif;font-weight:400;letter-spacing:.015em;font-size:clamp(2.7rem,5.1vw,5rem);line-height:1.03;margin-top:7px}.reading-head h1 span{display:inline-block;vertical-align:top;font:400 clamp(.9rem,1.3vw,1.2rem)/1.2 'Helvetica Neue',sans-serif;color:var(--gold);margin:9px 0 0 15px;letter-spacing:.12em}.reading-intro{font-family:Georgia,serif;color:#ddd4e7;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.5;max-width:430px;padding-bottom:7px}
.reading-workspace{border:1px solid #d7bd8142;background:linear-gradient(125deg,#ffffff09,#ffffff02 44%,#131331a6);box-shadow:0 30px 90px #03051960;padding:25px clamp(20px,3vw,42px) 35px}.reading-controls label{display:block;font-size:1rem;color:#f3e7f0;margin-bottom:10px}.reading-controls label span{color:#b8aec8;font-size:.9rem}.reading-controls textarea{display:block;width:100%;max-width:680px;background:#100f29;border:1px solid #a59db559;color:#fff;font:inherit;font-size:1rem;line-height:1.45;padding:13px 15px;resize:vertical;border-radius:2px}.reading-controls textarea::placeholder{color:#a69bb9}.reading-control-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.reading-control-foot p{font-size:.88rem;color:#b8aec8}.draw-button{background:var(--gold);border:1px solid var(--gold);color:#171426;padding:12px 19px;font-size:.94rem;font-weight:600;min-height:46px}.draw-button:hover:enabled{background:#f1d7a1}.draw-button:disabled{opacity:.55;cursor:wait}.reading-status{min-height:29px;font-size:.95rem;color:var(--gold-soft);margin:25px 0 14px}.reading-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.4vw,22px);align-items:start}.reading-three{display:contents}.reading-card{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:3/5;border:1px solid #e5cf946e;border-radius:7px;padding:0;overflow:hidden;color:#f8eef5;background:#232044;box-shadow:0 18px 30px #03051962;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.reading-card:enabled:hover{transform:translateY(-7px);border-color:var(--gold-soft);box-shadow:0 22px 38px #03051985}.reading-card:disabled{cursor:default}.reading-card.next-card{box-shadow:0 0 0 2px #d7bd8180,0 18px 32px #03051970}.card-back,.card-front{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-back{background:radial-gradient(circle at 40% 28%,#5a3677,#251d50 47%,#171b3d 88%);border:8px solid #171633}.card-back::before{content:"";position:absolute;inset:10px;border:1px solid #d7bd8178;pointer-events:none}.card-back-mark{position:relative;width:46%;aspect-ratio:1;margin-bottom:15%;}.card-back-mark::before,.card-back-mark::after{content:"";position:absolute;border:1px solid #e6d4a3b3;width:73%;height:73%;border-radius:50%;top:13%}.card-back-mark::before{left:0}.card-back-mark::after{right:0}.card-back-name{font:400 clamp(.72rem,1.2vw,1rem)/1.2 Georgia,serif;letter-spacing:.17em;color:#e9d6ad}.card-back-place{position:absolute;bottom:9%;font-size:.85rem;color:#ddc996;letter-spacing:.12em}.card-front{padding:8% 7%;background:radial-gradient(circle at 48% 38%,#ffffff18,transparent 52%),linear-gradient(160deg,var(--card-top),var(--card-bottom));text-align:center}.card-front::before{content:"";position:absolute;inset:9px;border:1px solid #f5e8c58c;pointer-events:none}.card-world{position:absolute;top:10%;font-size:clamp(.58rem,.95vw,.82rem);letter-spacing:.16em;text-transform:uppercase;color:#fff3e7}.card-number{font:400 clamp(2.6rem,5vw,5.1rem)/1 Georgia,serif;color:#fff5df;text-shadow:0 2px 12px #0005}.card-name{font:400 clamp(.95rem,1.55vw,1.6rem)/1.1 Georgia,serif;color:#fff5ed;max-width:100%;overflow-wrap:anywhere;margin-top:14%}.card-role{position:absolute;bottom:10%;font-size:clamp(.62rem,.9vw,.82rem);color:#ffe9c5;letter-spacing:.1em}.world-arquetipo{--card-top:#4251a2;--card-bottom:#252044}.world-fuerza{--card-top:#c46c81;--card-bottom:#4d2756}.world-umbral{--card-top:#665296;--card-bottom:#29243d}.reading-fourth{display:flex;align-items:center;flex-direction:column;gap:12px}.reading-fourth .reading-card{width:100%}.fourth-card .card-back{background:radial-gradient(circle at 52% 42%,#524776,#28244b 50%,#171731)}.fourth-card.next-card{box-shadow:0 0 0 2px #dfe8f5,0 0 36px #cbd2df75}.fourth-caption{text-align:center;color:#c1b4ce;font-size:.82rem;line-height:1.4}.fourth-front{--card-top:#a487c0;--card-bottom:#2b2855}.fourth-front .card-number{font-size:clamp(3rem,5.5vw,5.6rem)}
.reading-results{margin-top:38px;padding:0 0 18px}.result-heading{border-top:1px solid #d7bd8157;padding-top:30px;margin-bottom:18px}.result-heading h2{font:400 clamp(1.8rem,3vw,2.6rem)/1.2 Georgia,serif;margin-top:5px}.question-display{font-family:Georgia,serif;font-style:italic;font-size:1.15rem;color:#e9caba;border-left:2px solid var(--gold);padding-left:18px;margin:14px 0 25px;overflow-wrap:anywhere}.card-readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-reading{border:1px solid #d7bd8133;padding:21px;background:#ffffff08;min-width:0}.card-reading .reading-kicker{font-size:.73rem}.card-reading h3{font:400 clamp(1.35rem,2vw,1.8rem)/1.2 Georgia,serif;margin:7px 0 9px}.card-reading p{color:#e4dce8;font-size:1rem;line-height:1.6;margin-top:10px}.card-reading .card-prompt{color:#f2d6ad;font-family:Georgia,serif;font-size:1.06rem}.card-reading strong{color:#f4d9b5;font-weight:500}.card-reading .card-link-question{color:#bfc4ee;border-top:1px solid #ffffff27;padding-top:11px;margin-top:16px}.pattern-reading,.trama-result{border:1px solid #d7bd8150;padding:24px;margin-top:18px;background:linear-gradient(135deg,#292143b9,#162542a8)}.pattern-reading h3,.trama-result h3{font:400 clamp(1.3rem,2vw,1.7rem)/1.2 Georgia,serif;margin-bottom:11px}.pattern-reading p,.trama-result p{font-size:1rem;color:#e5dfeb;line-height:1.6;margin-top:8px}.trama-result{border-color:#ead69a9c;box-shadow:0 0 45px #e9c8871d}.trama-number{font:400 clamp(2rem,4vw,3.5rem)/1.1 Georgia,serif;color:#f2dba7;margin:6px 0 10px}.trama-question{font:400 clamp(1.15rem,2vw,1.5rem)/1.45 Georgia,serif!important;color:#fff0cf!important;max-width:770px}.reading-note{font-size:.87rem;color:#b8aec8;margin-top:22px;max-width:700px}.reading-footer{border-top:1px solid #d7bd8133;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:25px;color:#b8aec8;font-size:.9rem}.reading-footer .brand{font-size:1rem}
@media(max-width:1050px){.card-name{font-size:clamp(.82rem,2vw,1.4rem)}}
@media(max-width:700px){.reading-head{display:block;padding-block:27px 19px}.reading-intro{font-size:1.13rem;margin-top:11px}.reading-workspace{padding:17px 14px 24px}.reading-control-foot{align-items:start;flex-direction:column}.reading-control-foot p{order:2}.draw-button{width:100%}.reading-board{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;margin-inline:auto;gap:13px}.reading-fourth{align-self:start}.card-world{font-size:.68rem}.card-number{font-size:3.3rem}.card-name{font-size:1.25rem}.card-role{font-size:.72rem}.card-readings{grid-template-columns:1fr}.reading-footer{flex-direction:column;align-items:start}}
@media(max-width:370px){.card-back-name{font-size:.68rem}.card-name{font-size:1rem}.reading-board{gap:9px}}

.reading-board{position:relative}
.equation-sign{position:absolute;top:48%;z-index:10;display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce5f0a8;border-radius:50%;background:#252740e8;box-shadow:0 4px 18px #0a0a1caa;color:#edf3fb;font:400 1.5rem/1 Georgia,serif;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .2s ease,transform .2s ease}
.sign-one{left:25%}.sign-two{left:50%}.sign-three{left:75%}
.reading-board.show-equation .equation-sign,.reading-board.equation-revealed .equation-sign{opacity:1;transform:translate(-50%,-50%) scale(1)}
.equation-mobile{display:none}
@media(max-width:700px){.equation-sign{display:none}.equation-mobile:not([hidden]){display:block;margin:18px auto 0;text-align:center;color:#e2eaf5;font:400 clamp(1.25rem,5vw,1.7rem)/1.3 Georgia,serif;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.equation-sign{transition:none}}
@media(prefers-reduced-motion:reduce){.reading-card{transition:none}.reading-card:enabled:hover{transform:none}}

/* Chromatic card system: each number has a hue within its world. */
.reading-card{aspect-ratio:2/3}
.card-front:not(.illustrated):not(.fourth-front){background:
  radial-gradient(circle at 74% 22%,hsl(var(--card-hue) 95% 82% / .47),transparent 29%),
  radial-gradient(ellipse at 14% 82%,hsl(var(--card-hue-dark) 80% 72% / .37),transparent 47%),
  linear-gradient(150deg,hsl(var(--card-hue) 66% 51%),hsl(var(--card-hue-dark) 51% 31%) 58%,hsl(var(--card-hue-dark) 47% 18%));
  box-shadow:inset 0 0 28px #fff2}
.card-front:not(.illustrated):not(.fourth-front)::after{content:"";position:absolute;top:25%;left:19%;width:62%;aspect-ratio:1;border:1px solid #f8e5ba91;border-radius:50%;box-shadow:18px 0 0 -1px #ffffff00;opacity:.75;pointer-events:none}
.card-front:not(.illustrated) .card-number,.card-front:not(.illustrated) .card-name{position:relative;z-index:1}
.card-front.illustrated{padding:0;background:#1b2650}
.card-front.illustrated::before{display:none}
.card-illustration{width:100%;height:100%;object-fit:cover;display:block}

/* Silver metal joins the selected deck emblem. */
.world-cards{--gold:#cbd2df;--gold-soft:#f1f3f8}
.world-cards .site-header,.reading-workspace,.card-reading,.pattern-reading,.trama-result,.reading-footer{border-color:#cbd2df52}
.reading-card,.reading-card.next-card,.fourth-card.next-card{border-color:#dfe6f0a0}
.card-back::before,.card-front::before,.card-front:not(.illustrated):not(.fourth-front)::after{border-color:#e8eef4a6}
.card-back-mark{width:77%;height:34%;aspect-ratio:auto;margin-bottom:8%;background:url('/assets/tarot-llave-emblema-plata.webp') center/contain no-repeat}
.card-back-mark::before,.card-back-mark::after{display:none}
.card-back-name,.card-back-place,.card-world,.card-role,.card-front .card-name{color:#f1f3f8}

/* One typesetting system for all three illustrated worlds. The painted scene may vary. */
.card-front.illustrated{font-family:Georgia,serif}
.card-front.illustrated::before{display:block;z-index:4;inset:5px;border:2px solid #dce4ec;box-shadow:inset 0 0 0 1px #6e7c8a,0 0 6px #f6faff88;pointer-events:none}
.card-illustration{filter:brightness(1.055) saturate(1.045)}
.card-type-header,.card-type-footer{position:absolute;z-index:3;left:0;right:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(115deg,#111a25 0%,#273846 28%,#121c28 48%,#344554 52%,#121b26 75%);color:#f6f8fb;text-align:center;text-shadow:0 1px 2px #070d15}
.card-type-header{top:0;height:18%;flex-direction:column;gap:3px;border-bottom:2px solid #dce4ec;box-shadow:0 3px 8px #070d1580}
.card-type-number{font-size:clamp(1.38rem,2.8vw,2.45rem);line-height:1;font-weight:400}
.card-type-world{font-family:Georgia,serif;font-size:clamp(.58rem,.86vw,.82rem);letter-spacing:.21em;line-height:1.12}
.card-type-footer{bottom:0;height:17%;padding:0 5%;border-top:2px solid #dce4ec;font-size:clamp(.76rem,1.34vw,1.38rem);line-height:1.12;letter-spacing:.055em;box-shadow:0 -3px 8px #070d1580}
@media(max-width:700px){.card-type-number{font-size:1.55rem}.card-type-world{font-size:.64rem}.card-type-footer{font-size:1rem}}
.trama-number{color:#f2f4fa}

.archetypes-link{display:inline-block;font:500 .9rem Arial,sans-serif;letter-spacing:.02em;color:#e4eaf3;text-decoration:underline;text-underline-offset:4px;margin-top:15px}
.reading-quick-start{display:inline-block;margin:16px 17px 0 0;padding:9px 13px;border:1px solid #dce5ed;background:#dce5ed;color:#13182d;text-decoration:none;font:600 .9rem/1.25 Arial,sans-serif}
.reading-quick-start:hover,.reading-quick-start:focus-visible{background:#fff;color:#13182d}
.reading-workspace{scroll-margin-top:18px}
.result-heading .result-decode{font:400 1rem/1.55 Georgia,serif;color:#dce3ea;max-width:830px;margin-top:10px}

/* The position stays fixed while the worlds are drawn at random. */
.reading-position,.reading-fourth{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0}
.position-heading{min-height:57px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:0 3px 11px}
.position-heading strong{color:#e8edf5;font:600 clamp(.68rem,.95vw,.86rem)/1.2 Arial,sans-serif;letter-spacing:.16em}
.position-heading span{color:#bac5d2;font:400 clamp(.75rem,1vw,.92rem)/1.3 Georgia,serif}
.position-brief{min-height:2.9em;margin:11px 3px 0;color:#dce4eb;font:400 clamp(.84rem,1.1vw,.98rem)/1.45 Georgia,serif}
.position-brief[hidden]{display:none}
.fourth-caption{text-align:left}
.card-reading .reading-definition{font:400 1.12rem/1.5 Georgia,serif;color:#f1edf4;margin-top:5px}
.card-reading .card-prompt{margin-top:14px}
.reading-more{border-top:1px solid #cbd2df45;margin-top:16px;padding-top:12px}
.reading-more summary{color:#dbe5f0;font-size:.9rem;letter-spacing:.03em;cursor:pointer;list-style:none;width:max-content;max-width:100%}
.reading-more summary::-webkit-details-marker{display:none}
.reading-more summary::before{content:'＋';display:inline-block;margin-right:8px;color:#cbd2df}
.reading-more[open] summary::before{content:'−'}
.reading-more summary:hover,.reading-more summary:focus-visible{text-decoration:underline;text-underline-offset:4px}
.reading-more .long-description{font:400 1.08rem/1.6 Georgia,serif;color:#eee8f2;margin-top:14px}
.reading-more p{margin-top:10px}
@media(max-width:700px){.position-heading{min-height:63px}.position-heading strong{font-size:.7rem}.position-heading span{font-size:.78rem}.position-brief{font-size:.85rem;min-height:0}.reading-board{align-items:start}}

/* The Trama is a generated fourth dimension, with its own chromatic and geometric grammar. */
.card-front.trama-face{padding:0;overflow:hidden;background:
  radial-gradient(circle at 50% 51%,var(--trama-glow) 0%,transparent 39%),
  linear-gradient(162deg,var(--trama-top) 0%,var(--trama-top) 45%,var(--trama-bottom) 58%,var(--trama-bottom) 100%)}
.card-front.trama-face::before{z-index:5;inset:6px;border:2px solid #e4edf3;box-shadow:inset 0 0 0 1px #8297a3,0 0 9px #f3faff80}
.card-front.trama-face::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#07132345,transparent 29%,#0d1a260e 65%,#09121d8c);pointer-events:none}
.trama-symbol{position:absolute;inset:10% 7%;z-index:1;width:86%;height:80%;fill:none;stroke:#f0f5f2a6;stroke-width:1.3;stroke-linejoin:round;filter:drop-shadow(0 0 8px #fff9)}
.trama-topline,.trama-keyline{position:absolute;left:10%;right:10%;z-index:3;color:#f5f8fa;text-align:center;text-shadow:0 2px 8px #0a1522c0}
.trama-topline{top:10%;font:400 clamp(.77rem,1.1vw,1rem)/1.2 Georgia,serif;letter-spacing:.24em}
.trama-central-number{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);font:400 clamp(5.1rem,8vw,8.6rem)/1 Georgia,serif;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 3px #061522,0 5px 28px #0a1a29e0,0 0 45px #fff7}
.trama-keyline{bottom:10%;font:500 clamp(.65rem,.95vw,.88rem)/1.35 Arial,sans-serif;letter-spacing:.12em}
@media(max-width:700px){.trama-topline{font-size:.73rem}.trama-central-number{font-size:clamp(4.6rem,18vw,6.6rem)}.trama-keyline{font-size:clamp(.63rem,2.8vw,.78rem)}}
.read-trama-link{display:block;margin:21px 0 0 auto;padding:10px 15px;border:1px solid #dbe6f0a6;background:#25364a;color:#eff5f8;font:500 .9rem/1.3 Arial,sans-serif;cursor:pointer}
.read-trama-link:hover{background:#344d61}
.read-trama-link[hidden]{display:none}
@media(max-width:700px){.read-trama-link{width:100%;margin-top:18px}}
.pattern-reading .pattern-thread{font:400 clamp(1.18rem,1.8vw,1.45rem)/1.5 Georgia,serif;color:#f7eef5;max-width:920px;margin-top:13px}
.pattern-reading .pattern-world,.pattern-reading .pattern-numbers{max-width:900px}
.pattern-reading .pattern-numbers{color:#dce8f3}
.pattern-reading .pattern-counts{font-size:.85rem;color:#bbc8d7;border-top:1px solid #d7e0e855;padding-top:11px;margin-top:18px}
.pattern-clues{border-top:1px solid #d7e0e855;margin-top:21px;padding-top:12px;color:#dce4ed}
.pattern-clues summary{cursor:pointer;font:.88rem/1.4 Arial,sans-serif;letter-spacing:.04em}
.pattern-clues[open] summary{margin-bottom:10px}
.pattern-clues p{font-size:.93rem;color:#d4dce8}
.intention-controls{display:flex;align-items:end;justify-content:space-between;gap:clamp(20px,3vw,44px)}
.intention-invite{max-width:710px}
.intention-invite>p:last-child{margin-top:8px;color:#eee8f1;font:400 clamp(1.05rem,1.4vw,1.23rem)/1.5 Georgia,serif}
.reading-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;flex:none}
.reading-actions .shuffle-again{background:transparent;color:var(--gold-soft)}
.reading-actions .shuffle-again:hover:enabled{background:#d7bd8126}
.reading-board.is-shuffling [data-position]{animation:mix-cards .7s ease-in-out both}
.reading-board.is-shuffling [data-position="1"]{animation-delay:.07s}
.reading-board.is-shuffling [data-position="2"]{animation-delay:.14s}
@keyframes mix-cards{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(-10px) rotate(-2deg)}70%{transform:translateX(10px) rotate(2deg)}}
@media(max-width:700px){.intention-controls{display:block}.reading-actions{margin-top:20px}.reading-actions .draw-button{width:100%}}
@media(prefers-reduced-motion:reduce){.reading-board.is-shuffling [data-position]{animation:none}}
.trama-result{background:radial-gradient(circle at 3% 0,var(--trama-top),transparent 43%),linear-gradient(145deg,#202039,#14192f);border-color:var(--trama-glow);padding:clamp(24px,4vw,42px)}
.trama-result-heading{display:flex;align-items:center;gap:clamp(16px,3vw,34px);margin:15px 0 19px}
.trama-result-sum{font:400 clamp(5rem,9vw,8rem)/.9 Georgia,serif;color:#fff;text-shadow:0 3px 24px #080e1f9e}
.trama-result-arrow{font:300 clamp(2rem,3vw,3.5rem)/1 Arial,sans-serif;color:#d9e4ec}
.trama-result-key{min-width:0}
.trama-result-label{display:block;color:#dde5eb;font:.76rem/1.3 Arial,sans-serif;letter-spacing:.19em}
.trama-result-key h3{margin:5px 0 0;font:400 clamp(2.05rem,4vw,3.6rem)/1.08 Georgia,serif;color:#fff;overflow-wrap:anywhere}
.trama-result .trama-result-definition{font:400 clamp(1.12rem,1.75vw,1.36rem)/1.48 Georgia,serif;color:#f4eef3;max-width:760px;margin:0 0 19px}
.trama-application{border-left:2px solid var(--trama-glow);padding:3px 0 3px 18px;max-width:850px;margin:25px 0}
.trama-application h4,.trama-closing-label{font:500 .74rem/1.4 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#e7ebf0}
.trama-result .trama-application p{font:400 clamp(1.08rem,1.65vw,1.24rem)/1.6 Georgia,serif;color:#fff7f4;margin-top:9px}
.trama-closing{border-top:1px solid #e2ebf165;padding-top:19px;margin-top:21px}
.trama-result .trama-closing-label{font-size:.74rem;color:#dfe9f0;margin:0}
.trama-calculation{border-top:1px solid #d8e3ec55;border-bottom:1px solid #d8e3ec55;padding:12px 0;color:#dee6ef;max-width:760px}
.trama-calculation summary{cursor:pointer;font:.88rem/1.4 Arial,sans-serif;letter-spacing:.04em}
.trama-calculation[open] summary{margin-bottom:9px}
.trama-result .trama-calculation p{font-size:.92rem;margin:0;color:#dce4ed}
.trama-result .trama-result-risk{color:#d8d7e4;font-size:.94rem;margin-top:17px}
.trama-result .trama-question{margin-top:8px;margin-bottom:22px;font-size:clamp(1.28rem,2vw,1.7rem)!important;line-height:1.42!important;color:#fff!important}
@media(max-width:700px){.trama-result-heading{gap:9px 15px;flex-wrap:wrap}.trama-result-sum{font-size:4.8rem}.trama-result-key h3{font-size:clamp(1.75rem,7vw,2.3rem)}}

/* A brief reading primer keeps the method visible before the first draw. */
.reading-orientation{border-top:1px solid #cbd2df52;padding:23px 0 26px;margin-bottom:12px}
.orientation-heading{display:flex;align-items:baseline;gap:16px 26px;flex-wrap:wrap}
.orientation-heading h2{font:400 clamp(1.5rem,2.3vw,2.15rem)/1.2 Georgia,serif}
.orientation-heading>p:last-child{color:#d5dce7;font-size:.95rem;line-height:1.5;max-width:670px}
.orientation-worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.orientation-worlds a{border:1px solid #cbd2df54;background:linear-gradient(140deg,#ffffff0e,#ffffff04);padding:17px 19px;color:#eff2f6;text-decoration:none;min-height:110px}
.orientation-worlds a:hover,.orientation-worlds a:focus-visible{border-color:#eaf0f6;background:#ffffff16}
.orientation-worlds strong{display:block;font:400 1.27rem/1.2 Georgia,serif;margin-bottom:7px}
.orientation-worlds span{display:block;color:#d8e0ea;font-size:.93rem;line-height:1.48}
.orientation-method{color:#e1e4ed;font-size:.96rem;line-height:1.55;margin-top:16px;max-width:1050px}
.orientation-method strong{color:#f3f6fa}
.orientation-method a{color:#f3f6fa;text-underline-offset:4px}
@media(max-width:760px){.reading-orientation{padding-top:19px}.orientation-heading{display:block}.orientation-heading h2{margin:4px 0 7px}.orientation-worlds{grid-template-columns:1fr;gap:8px;margin-top:14px}.orientation-worlds a{min-height:0;padding:13px 15px}.orientation-worlds strong{font-size:1.18rem;margin-bottom:3px}.orientation-worlds span{font-size:.88rem}.orientation-method{font-size:.9rem}}