:root{--ryn-ui-paper:#faf8f3;--ryn-ui-surface:#fffefa;--ryn-ui-ink:#1f2740;--ryn-ui-muted:#5c6378;--ryn-ui-action:#243b5a;--ryn-ui-selected:#eef1f8;--ryn-ui-rule:#d9d6cc;--ryn-ui-focus:#1e3a8a;--ryn-ui-navy:#151c38;--ryn-ui-gold:#c9a454;--ryn-ui-gold-ink:#9a7728;--ryn-ui-ivory:#f0ebdd;--ryn-ui-danger:#a32d36;--ryn-ui-radius:12px;--ryn-ui-control:48px;--ryn-ui-group:24px;--ryn-ui-section:40px;--ryn-ui-reading:68ch;--ryn-ui-motion:180ms}

/* R0092: approved card-first C system. Shared semantic tokens and component layout. */

body.ryn-gallery-ui{background:var(--ryn-ui-paper)}
.ryn-gallery-ui .digital-tarot{--digital-ink:var(--ryn-ui-ink);--digital-muted:var(--ryn-ui-muted);--digital-accent:var(--ryn-ui-action);--digital-line:var(--ryn-ui-rule);--accent:var(--ryn-ui-action);--selection:var(--ryn-ui-action)}
.ryn-gallery-ui :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--ryn-ui-focus)!important;outline-offset:4px}
.ryn-gallery-ui ::selection{background:#eef1f8;color:#151c38}
.ryn-gallery-ui .digital-tarot .site-header{border-bottom:1px solid var(--ryn-ui-rule);height:72px;min-height:72px;background:var(--ryn-ui-paper);padding-inline:32px}
.ryn-gallery-ui .digital-tarot .site-topnav a{gap:8px;border-radius:12px}
.ryn-gallery-ui .digital-tarot .site-topnav a[aria-current]{background:var(--ryn-ui-selected)!important;color:var(--ryn-ui-action)}
.ryn-gallery-ui .digital-tarot .site-layout.has-section{grid-template-columns:minmax(0,1fr)}
.ryn-gallery-ui .digital-tarot .site-subnav{display:none}
.ryn-gallery-ui .digital-tarot #site-content{max-width:1184px;margin-inline:auto}
.ryn-gallery-ui .digital-tarot .site-content>main{max-width:1120px}
.ryn-gallery-ui .digital-tarot .site-breadcrumb{color:var(--ryn-ui-muted)}
.ryn-gallery-ui .digital-tarot .primary-action,.ryn-gallery-ui .digital-tarot .study-primary{background:var(--ryn-ui-action)!important;color:#fff!important;border-radius:var(--ryn-ui-radius);min-height:var(--ryn-ui-control);display:inline-flex;gap:10px;align-items:center;justify-content:center}
.ryn-gallery-ui .digital-tarot .secondary-action{border-radius:var(--ryn-ui-radius);min-height:var(--ryn-ui-control);border-color:var(--ryn-ui-rule)!important}
.ryn-gallery-ui .digital-tarot input:not([type=radio]):not([type=checkbox]):not([type=range]),.ryn-gallery-ui .digital-tarot select,.ryn-gallery-ui .digital-tarot textarea{border-color:var(--ryn-ui-rule);border-radius:10px;caret-color:var(--ryn-ui-action)}
.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .setup-header{margin-block:12px 24px;align-items:center;gap:24px}
.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .setup-header h1{font-size:30px!important;line-height:1.35;letter-spacing:-.025em}
.ryn-gallery-ui .digital-tarot .reading-masthead{margin-bottom:8px}
.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .setup-flow{grid-template-columns:minmax(320px,440px) minmax(0,1fr);column-gap:40px;row-gap:20px}
.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .deck-curator__selected--feature{padding:24px;border-radius:16px}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .deck-curator__cover{height:340px;min-height:340px}
.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .deck-curator__copy h2{font-size:22px;line-height:1.4}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img{width:158px;max-height:310px}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img:nth-child(2){width:176px}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img:first-child{transform:translate(-90px,8px) rotate(-11deg)}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img:last-child{transform:translate(90px,8px) rotate(11deg)}
.ryn-gallery-ui .digital-tarot .question-topic-grid{gap:8px}
.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .question-topic-grid button{min-height:68px;padding:10px;border-radius:12px;background:var(--ryn-ui-surface);border:1px solid var(--ryn-ui-rule);gap:6px;transition:background-color var(--ryn-ui-motion),border-color var(--ryn-ui-motion)}
.ryn-gallery-ui .digital-tarot .question-topic-grid button[aria-pressed=true],.ryn-gallery-ui .digital-tarot .question-situation-grid button[aria-pressed=true]{background:var(--ryn-ui-selected)!important;border-color:var(--ryn-ui-action)!important;color:var(--ryn-ui-action);box-shadow:inset 0 0 0 1px var(--ryn-ui-action)}
.ryn-gallery-ui .digital-tarot .question-situation-grid{margin-top:16px;padding-top:16px}
.ryn-gallery-ui .digital-tarot .question-situation-grid button{border-radius:12px;min-height:56px}
.ryn-gallery-ui .digital-tarot .question-selected{margin-block:16px 8px;padding-block:14px;font-weight:600;line-height:1.5}
.ryn-gallery-ui .digital-tarot .question-custom{margin-bottom:20px}
.ryn-gallery-ui .digital-tarot .setup-section-heading{margin-bottom:12px}
.ryn-gallery-ui .digital-tarot .setup-section-heading h2,.ryn-gallery-ui .digital-tarot .quick-question-picker h2{font-size:18px}
.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .spread-quick-choices button{min-height:80px;border-radius:12px;padding:10px}
.ryn-gallery-ui .digital-tarot .setup-more-spreads>summary,.ryn-gallery-ui .digital-tarot .setup-label-disclosure>summary{min-height:48px;padding-block:12px}
.ryn-gallery-ui .digital-tarot .setup-preferences{gap:8px}
.ryn-gallery-ui .digital-tarot .setup-submit-bar{border-top:1px solid var(--ryn-ui-rule);padding-block:16px}
.ryn-gallery-ui .digital-tarot .content-result-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px}
.ryn-gallery-ui .digital-tarot .result-heading h1{font-size:30px;line-height:1.35}
.ryn-gallery-ui .digital-tarot .reading-guide-meaning,.ryn-gallery-ui .digital-tarot .luminous-topic-reading p,.ryn-gallery-ui .digital-tarot .ig-application p{max-width:var(--ryn-ui-reading);font-size:16px;line-height:1.8}
.ryn-gallery-ui .digital-tarot .digital-result-shortcuts{gap:8px;margin-block:20px 28px}
.ryn-gallery-ui .digital-tarot .digital-result-shortcuts a{border-radius:10px;min-height:44px}
.ryn-gallery-ui .digital-tarot .luminous-topic-options button{border-radius:10px}
.ryn-gallery-ui .digital-tarot .reading-guide-learn{border-top:1px solid var(--ryn-ui-rule);margin-top:16px;padding-block:12px;color:var(--ryn-ui-action);gap:8px}
.ryn-gallery-ui .digital-tarot .reading-guide-learn>svg:last-child{margin-left:auto;width:16px;height:16px}
.ryn-gallery-ui .digital-tarot .card-study-header h1{font-size:30px}
.ryn-gallery-ui .digital-tarot .ig-layout{gap:40px}
.ryn-gallery-ui .digital-tarot .study-search{border-radius:12px}
.ryn-gallery-ui .digital-tarot .study-empty{background:#f0ebdd;border-radius:16px}
@media(hover:hover){.ryn-gallery-ui .digital-tarot .question-topic-grid button:hover,.ryn-gallery-ui .digital-tarot .question-situation-grid button:hover{border-color:var(--ryn-ui-action)}.ryn-gallery-ui .digital-tarot .primary-action:hover{filter:brightness(1.1)}}
@media(min-width:1024px){.ryn-gallery-ui .digital-tarot .setup-submit-bar{grid-column:1/-1}.ryn-gallery-ui .digital-tarot .content-result-art{position:sticky;top:96px}}
@media(max-width:1023px){.ryn-gallery-ui .digital-tarot .site-header{height:64px;min-height:64px;padding-inline:20px}.ryn-gallery-ui .digital-tarot #site-content{max-width:720px}.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .setup-flow{grid-template-columns:minmax(0,1fr);gap:24px}.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .setup-header h1{font-size:24px!important}.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .deck-curator__selected--feature{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:24px}body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .deck-curator__cover{width:100%;height:240px;min-height:240px;max-height:240px}.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .deck-curator__copy{padding:0;align-self:center}.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .deck-curator__copy h2{font-size:19px}body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img{display:block;width:112px;height:auto;max-width:none;max-height:220px;box-shadow:0 8px 16px #0003}body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img:nth-child(2){width:126px;height:auto;max-width:none;max-height:220px;transform:none}body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img:first-child{transform:translate(-62px,8px) rotate(-10deg)}body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img:last-child{transform:translate(62px,8px) rotate(10deg)}.ryn-gallery-ui .digital-tarot .deck-curator__change{position:static;margin-top:10px;min-height:44px}.ryn-gallery-ui .digital-tarot .content-result-layout{grid-template-columns:1fr;gap:32px}.ryn-gallery-ui .digital-tarot .site-bottomnav{background:var(--ryn-ui-paper);border-top:1px solid var(--ryn-ui-rule)}.ryn-gallery-ui .digital-tarot .site-bottomnav a[aria-current]{color:var(--ryn-ui-action);background:var(--ryn-ui-selected)}.ryn-gallery-ui .digital-tarot .setup-submit-bar{background:var(--ryn-ui-paper)}}
@media(max-width:360px){.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .deck-curator__selected--feature{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px}.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .deck-curator__copy h2{font-size:17px}.ryn-gallery-ui .digital-tarot .question-topic-grid button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ryn-gallery-ui .digital-tarot .question-topic-grid button{transition:none}}

body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .primary-action:not(:disabled){background:var(--ryn-ui-action)!important;color:#fff!important;border-color:var(--ryn-ui-action)!important}

/* R0093: restore the pre-Rust navy/gold identity; preserve artwork and cloth colours. */
.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected{--content-forest:var(--ryn-ui-navy);--content-gold:var(--ryn-ui-gold);--content-soft:#eef1f8;--content-green:var(--ryn-ui-action);--content-line:var(--ryn-ui-rule);--content-muted:var(--ryn-ui-muted)}
.ryn-gallery-ui .digital-tarot .infographic-learning{--paper:var(--ryn-ui-paper);--ink:var(--ryn-ui-ink);--green:var(--ryn-ui-action);--gold:var(--ryn-ui-gold-ink);--wash:var(--ryn-ui-selected);--rule:var(--ryn-ui-rule);--line:#687280;--muted:var(--ryn-ui-muted)}
.ryn-gallery-ui .digital-tarot .question-topic-grid .ryn-pictogram{width:40px;height:40px;object-fit:contain;filter:none}
.ryn-gallery-ui .digital-tarot .question-situation-grid .ryn-pictogram{width:32px;height:32px;object-fit:contain;filter:none}
.ryn-gallery-ui .digital-tarot :is(.site-topnav,.site-bottomnav) .ryn-pictogram{width:32px;height:32px;object-fit:contain;filter:none}
.ryn-gallery-ui .digital-tarot .ryn-pictogram{flex-shrink:0;vertical-align:middle;object-fit:contain}

.ryn-gallery-ui .digital-tarot.gallery-tarot{--digital-accent:var(--ryn-ui-action);--digital-ink:var(--ryn-ui-ink);--digital-muted:var(--ryn-ui-muted);--digital-page:var(--ryn-ui-paper);--digital-line:var(--ryn-ui-rule);--ryn-canvas:var(--ryn-ui-paper);--ryn-ink:var(--ryn-ui-ink);--ryn-muted:var(--ryn-ui-muted);--ryn-rule:var(--ryn-ui-rule);--ryn-action:var(--ryn-ui-action);--ryn-on-action:#fff;--ryn-selected:var(--ryn-ui-selected);--ryn-selected-ink:var(--ryn-ui-action);--ryn-focus:var(--ryn-ui-focus)}
.ryn-gallery-ui .digital-tarot .infographic-learning :is(.ig-zoom,.ig-marker){color:var(--ryn-ui-ink)}
.ryn-gallery-ui .digital-tarot .infographic-learning .ig-marker{border-color:var(--ryn-ui-ink)}
.ryn-gallery-ui dialog.card-study-zoom::backdrop{background:rgba(21,28,56,.75)}

/* R0094: shared action/selected/illustration roles across all public screens. */
body.ryn-gallery-ui .digital-tarot.gallery-tarot :is(.primary-action,.study-primary,.card-study-action,.member-primary):not(:disabled):not([aria-disabled=true]){background:var(--ryn-ui-action)!important;border-color:var(--ryn-ui-action)!important;color:#fff!important}
body.ryn-gallery-ui .digital-tarot.gallery-tarot :is(.primary-action,.study-primary,.card-study-action,.member-primary):hover:not(:disabled):not([aria-disabled=true]){background:var(--ryn-ui-navy)!important}
.ryn-gallery-ui .digital-tarot .spread-category-tabs button[aria-pressed=true]{background:var(--ryn-ui-action);color:#fff;border-color:var(--ryn-ui-action)}
.ryn-gallery-ui .digital-tarot .spread-learning-choice[aria-pressed=true],.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected .spread-quick-choices button[aria-pressed=true]{background:var(--ryn-ui-selected);border-color:var(--ryn-ui-action);color:var(--ryn-ui-action)}
.ryn-gallery-ui .digital-tarot .spread-learning-detail b{color:var(--ryn-ui-action)}
.ryn-gallery-ui .digital-tarot .infographic-learning .ig-point-tabs button{color:var(--ryn-ui-paper);border-color:var(--ryn-ui-gold)}
.ryn-gallery-ui .digital-tarot .infographic-learning .ig-point-tabs button[aria-pressed=true]{background:var(--ryn-ui-gold);border-color:var(--ryn-ui-gold);color:var(--ryn-ui-navy)}
.ryn-gallery-ui .digital-tarot .member-perks :is(svg,.ryn-pictogram){color:var(--ryn-ui-action);margin-bottom:4px}
.ryn-gallery-ui .digital-tarot .member-entry{background:var(--ryn-ui-selected);border-color:var(--ryn-ui-rule)}
.ryn-gallery-ui .digital-tarot .member-entry-icon{background:var(--ryn-ui-ivory);color:var(--ryn-ui-action)}
.ryn-gallery-ui .digital-tarot .member-entry small{color:var(--ryn-ui-muted)}
.ryn-gallery-ui .digital-tarot .member-entry strong{color:var(--ryn-ui-ink)}
.ryn-gallery-ui .digital-tarot .study-empty>.ryn-pictogram{display:block;margin:0 auto 16px}
.ryn-gallery-ui .digital-tarot .settings-group>header .ryn-pictogram{width:56px;height:56px}

.ryn-gallery-ui .digital-tarot .infographic-learning .ig-observation{border-color:var(--ryn-ui-gold)}
.ryn-gallery-ui .digital-tarot .luminous-question-lens h4{color:var(--ryn-ui-ink)}
.ryn-gallery-ui .digital-tarot :is(.card-learning,.result-reading-guide) .luminous-topic-options button{color:var(--ryn-ui-action);border-color:var(--ryn-ui-rule)}
.ryn-gallery-ui .digital-tarot :is(.card-learning,.result-reading-guide) .luminous-topic-options button[aria-pressed=true]{background:var(--ryn-ui-selected);color:var(--ryn-ui-action);border-color:var(--ryn-ui-action)}
.ryn-gallery-ui .digital-tarot .luminous-lesson-source{color:var(--ryn-ui-muted);border-color:var(--ryn-ui-rule)}
/* R0103: a fitted spread diagram and one coherent action dock. */
.ryn-gallery-ui .digital-tarot .spread-learning-choices{gap:16px;margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ryn-gallery-ui .digital-tarot .spread-learning-choice{display:flex;flex-direction:column;gap:18px;padding:20px;text-align:left;border:1px solid var(--ryn-ui-rule);border-radius:12px;background:var(--ryn-ui-surface);min-width:0;box-shadow:none}
.ryn-gallery-ui .digital-tarot .spread-learning-choice>.setup-spread-diagram{height:180px;width:100%;padding:12px;background:var(--ryn-ui-ivory);border-radius:8px;overflow:visible}
.ryn-gallery-ui .digital-tarot .spread-learning-choice>.spread-learning-copy{display:grid;gap:6px;width:100%;line-height:1.5}
.ryn-gallery-ui .digital-tarot .spread-learning-choice strong{font-size:16px;display:block}
.ryn-gallery-ui .digital-tarot .spread-learning-choice small{font-size:13px;color:var(--ryn-ui-muted);display:block}
.ryn-gallery-ui .digital-tarot .setup-spread-diagram .spread-mini-face{fill:var(--ryn-ui-navy);stroke:none}
.ryn-gallery-ui .digital-tarot .setup-spread-diagram .spread-mini-frame{fill:none;stroke:var(--ryn-ui-gold);stroke-width:2}
.ryn-gallery-ui .digital-tarot .setup-spread-diagram .spread-mini-star{fill:var(--ryn-ui-gold);stroke:none}
.ryn-gallery-ui .digital-tarot .setup-spread-diagram text{fill:var(--ryn-ui-ivory)!important;font-family:inherit;font-weight:500;stroke:none}
.ryn-gallery-ui .digital-tarot .d2-empty-spread>.setup-spread-diagram{width:100%;height:clamp(240px,45vw,440px)}
.ryn-gallery-ui .digital-tarot .setup-submit-bar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-radius:16px;background:var(--ryn-ui-paper);min-height:80px}
.ryn-gallery-ui .digital-tarot .setup-submit-bar>span{flex:1;min-width:0;line-height:1.4;font-size:14px}
.ryn-gallery-ui .digital-tarot .setup-submit-bar button{flex:none;margin:0;min-height:48px}
.ryn-gallery-ui .digital-tarot .experience-cloth-picker{gap:12px;flex-wrap:wrap}
.ryn-gallery-ui .digital-tarot .guide-source{font-size:12px;color:var(--ryn-ui-muted);text-align:center;margin-top:16px;line-height:1.6}
.ryn-gallery-ui .digital-tarot .guide-keywords{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 24px}
.ryn-gallery-ui .digital-tarot .guide-keywords li{padding:6px 12px;background:var(--ryn-ui-selected);color:var(--ryn-ui-action);border-radius:20px;font-size:14px}
.ryn-gallery-ui .digital-tarot .guide-meaning-flow{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:0}
.ryn-gallery-ui .digital-tarot .guide-meaning-flow>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;position:relative;padding-bottom:28px}
.ryn-gallery-ui .digital-tarot .guide-meaning-flow>li:not(:last-child):before{content:"";position:absolute;left:21px;top:48px;bottom:4px;width:1px;background:var(--ryn-ui-rule)}
.ryn-gallery-ui .digital-tarot .guide-step{width:44px;height:44px;display:grid;place-items:center;color:var(--ryn-ui-ivory);background:var(--ryn-ui-navy);border-radius:50%}
.ryn-gallery-ui .digital-tarot .guide-step svg{width:21px;height:21px}
.ryn-gallery-ui .digital-tarot .guide-meaning-flow h2{font-size:18px;margin:8px 0 10px}
.ryn-gallery-ui .digital-tarot .guide-meaning-flow p{margin:0;font-size:16px;line-height:1.8;max-width:56ch;word-break:keep-all;overflow-wrap:anywhere}
.ryn-gallery-ui .digital-tarot .guide-reflection{padding:22px 0;margin:12px 0 24px;border-block:1px solid var(--ryn-ui-rule)}
.ryn-gallery-ui .digital-tarot .guide-reflection h3{font-size:14px;color:var(--ryn-ui-muted);margin:0 0 10px}
.ryn-gallery-ui .digital-tarot .guide-reflection p{font-size:20px;line-height:1.6;margin:0}
.ryn-gallery-ui .digital-tarot .guide-contexts summary{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}
.ryn-gallery-ui .digital-tarot .guide-contexts svg{width:20px;height:20px}
@media(max-width:1023px){.ryn-gallery-ui .digital-tarot .setup-submit-bar{left:12px;right:12px;width:auto;bottom:calc(var(--setup-nav-height,72px) + 8px);padding:12px 16px;gap:12px;min-height:72px}.ryn-gallery-ui .digital-tarot .setup-screen{padding-bottom:calc(var(--setup-dock-height,160px) + 32px)}.ryn-gallery-ui .digital-tarot .spread-learning-choice>.setup-spread-diagram{height:160px}}
@media(max-width:520px){.ryn-gallery-ui .digital-tarot .spread-learning-choices{gap:12px}.ryn-gallery-ui .digital-tarot .spread-learning-choice{padding:12px;gap:14px}.ryn-gallery-ui .digital-tarot .spread-learning-choice>.setup-spread-diagram{height:140px;padding:4px}.ryn-gallery-ui .digital-tarot .spread-learning-choice strong{font-size:14px}.ryn-gallery-ui .digital-tarot .spread-learning-choice small{font-size:12px}.ryn-gallery-ui .digital-tarot .setup-submit-bar>span{font-size:12px}.ryn-gallery-ui .digital-tarot .setup-submit-bar button{padding-inline:18px;font-size:14px}.ryn-gallery-ui .digital-tarot .guide-meaning-flow>li{gap:12px}.ryn-gallery-ui .digital-tarot .guide-meaning-flow p{font-size:15px}}

.ryn-gallery-ui .digital-tarot .guide-infographic .ig-art-panel{display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px;align-self:start}
.ryn-gallery-ui .digital-tarot .guide-infographic .ig-art-frame{width:min(100%,280px);margin:0 auto}
.ryn-gallery-ui .digital-tarot .guide-infographic .guide-source{color:var(--ryn-ui-ivory);margin:0;text-align:center}
.ryn-gallery-ui .digital-tarot .guide-infographic .lesson-primary{background:var(--ryn-ui-action);color:var(--ryn-ui-paper);border-radius:24px;min-height:48px}
@media(max-width:700px){.ryn-gallery-ui .digital-tarot .guide-infographic .ig-art-panel{padding:24px}.ryn-gallery-ui .digital-tarot .guide-infographic .ig-art-frame{width:210px;max-width:100%}}

body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar{height:auto;min-height:80px;align-self:start;padding:16px 24px;border-radius:16px;gap:20px;box-sizing:border-box}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar>span{display:block;margin:0;padding:0;line-height:1.5;min-width:0}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar button{margin:0;flex:none}
body.ryn-gallery-ui .digital-tarot .setup-spread-diagram .spread-mini-frame{stroke:var(--ryn-ui-gold)!important;stroke-width:2!important;fill:none!important}
.ryn-gallery-ui .digital-tarot .spread-category-tabs{gap:8px;margin-top:16px}.ryn-gallery-ui .digital-tarot .spread-category-tabs button{min-height:44px;padding:8px 16px;border-radius:22px;border:1px solid var(--ryn-ui-rule)}
@media(max-width:1023px){body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar{left:12px;right:12px;width:auto;bottom:calc(var(--setup-nav-height,64px) + 8px);padding:12px 16px;min-height:72px;gap:12px;border-radius:16px}}
@media(max-width:600px){.ryn-gallery-ui .digital-tarot .spread-learning-choice:has(svg[data-count="10"],svg[data-count="11"],svg[data-count="13"]){grid-column:1/-1}.ryn-gallery-ui .digital-tarot .spread-learning-choice:has(svg[data-count="10"],svg[data-count="11"],svg[data-count="13"])>svg{height:250px}.ryn-gallery-ui .digital-tarot .spread-category-tabs{gap:6px}.ryn-gallery-ui .digital-tarot .spread-category-tabs button{padding-inline:14px}}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar>div{display:grid;gap:3px;flex:1 1 auto;min-width:0;align-items:center}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar>div strong{display:block;font-size:15px;line-height:1.5;white-space:normal}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar>div span{font-size:12px;line-height:1.5;color:var(--ryn-ui-muted)}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar>button{width:auto;max-width:65%;min-width:160px;padding-inline:24px}
@media(max-width:520px){body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar>button{min-width:0;padding-inline:18px}body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar>div strong{font-size:12px}}

/* R0116: one optional oracle perspective; scoped to result and saved summary. */
#oracle-companion { margin-block:32px; padding-block:28px; border-block:1px solid var(--ryn-line,#d8d4ca); color:var(--ryn-ink,#243B5A); }
#oracle-companion [hidden] { display:none; }
#oracle-companion button { min-height:44px; font:inherit; cursor:pointer; }
#oracle-companion button:focus-visible,#oracle-panel:focus-visible { outline:3px solid #997322; outline-offset:4px; }
#oracle-companion button:disabled { opacity:.55; cursor:wait; }
.oc-header { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.oc-header>div { flex:1; min-width:160px; }
.oc-header h2 { font-size:24px; margin:0 0 6px; }
.oc-header p { margin:0; color:#59647a; }
#oracle-panel { margin-top:28px; scroll-margin-block:120px; }
.oc-question { display:flex; flex-direction:column; gap:8px; margin:0 0 16px; font-size:18px; overflow-wrap:anywhere; }
.oc-question>span,.oc-original>span,.oc-step span,.oc-hint { font-size:14px; color:#59647a; }
.oc-topic { border-block:1px solid #d8d4ca; padding-block:12px; }
.oc-topic summary { padding-block:8px; cursor:pointer; }
.oc-question-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:16px; }
.oc-question-options button { text-align:left; padding:12px; border:1px solid #d8d4ca; background:transparent; color:inherit; border-radius:8px; }
.oc-choices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-block:24px; }
.oc-choices button { display:flex; flex-direction:column; align-items:center; gap:8px; padding:18px 8px; border:1px solid #d8d4ca; background:transparent; color:inherit; border-radius:12px; }
.oc-choices button>span { font-size:14px; }
#oracle-companion button[aria-pressed=true] { background:#edf0f6; border-color:#243B5A; color:#243B5A; }
.oc-gate { padding-block:16px; }
.oc-gate h3 { font-size:20px; margin:0 0 16px; }
.oc-gate button { margin:0 8px 8px 0; }
.oc-offer { padding:24px 0; }
.oc-offer>p:first-child { font-size:20px; font-weight:600; }
.oc-card { display:grid; grid-template-columns:minmax(160px,.65fr) minmax(0,1.35fr); gap:32px; margin-block:28px; }
.oc-card figure { margin:0; align-self:start; }
.oc-card figure>img { display:block; width:100%; height:auto; max-width:280px; margin-inline:auto; border-radius:8px; }
.oc-card figcaption { text-align:center; margin-top:12px; color:#59647a; font-size:14px; }
.oc-reading { min-width:0; }
.oc-reading h3 { font-size:28px; margin:0 0 12px; }
.oc-reading h4 { font-size:20px; margin:24px 0 16px; line-height:1.5; }
.oc-badge { display:inline-block; padding:5px 9px; border:1px solid #c9a454; color:#725518; font-size:13px; border-radius:4px; margin:0 0 12px; }
.oc-bridge { font-size:16px; line-height:1.7; }
.oc-original { padding-block:16px; border-block:1px solid #d8d4ca; }
.oc-original p { margin:8px 0 0; line-height:1.65; }
.oc-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; gap:12px; margin:20px 0; }
.oc-map li { display:flex; flex-direction:column; gap:9px; border-top:1px solid #c9a454; padding-top:16px; min-width:0; }
.oc-map strong { font-size:16px; line-height:1.5; }
.oc-map span { font-size:14px; line-height:1.6; color:#59647a; }
.oc-feelings { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-block:20px; }
.oc-feelings>span { width:100%; font-size:14px; }
.oc-feelings button { border:1px solid #c6c7cc; background:transparent; color:inherit; border-radius:20px; padding:6px 14px; }
.oc-step { display:flex; align-items:flex-start; gap:14px; padding-block:20px; border-block:1px solid #d8d4ca; }
.oc-step>img { flex-shrink:0; }
.oc-step p { margin:8px 0 0; line-height:1.75; font-size:17px; }
.oc-more { margin-top:20px; }
.oc-more summary { padding-block:12px; cursor:pointer; }
.oc-more p,.oc-more dd { line-height:1.75; margin:8px 0 20px; font-size:16px; }
.oc-more dt { font-weight:600; }
.oc-more small { color:#59647a; line-height:1.7; font-size:14px; }
.oc-actions,.oc-secondary { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.oc-secondary button { background:transparent; border:none; text-decoration:underline; text-underline-offset:5px; color:inherit; }
.oc-record-summary { margin-block:24px; padding-block:20px; border-block:1px solid #d8d4ca; display:flex; flex-direction:column; gap:8px; }
.oc-record-summary>span { font-size:14px; color:#59647a; }
@media(max-width:700px) {
 .oc-choices { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .oc-card { grid-template-columns:1fr; gap:24px; }
 .oc-card figure>img { max-width:210px; }
 .oc-reading h3 { font-size:25px; }
 .oc-header h2 { font-size:21px; }
 .oc-question-options { grid-template-columns:1fr; }
 .oc-map { gap:10px; }
 .oc-map li { overflow-wrap:anywhere; }
 .oc-actions button { flex:1; min-width:120px; }
}
@media(prefers-reduced-motion:reduce) { #oracle-companion * { scroll-behavior:auto; } }
#oracle-companion .oc-choices button { border-radius:12px; }
#oracle-companion .oc-secondary button { border:0; border-radius:0; background:transparent; padding-inline:4px; }
#oc-record-feedback { margin-top:16px; display:flex; flex-wrap:wrap; gap:12px; font-size:16px; }
#oracle-companion { scroll-margin-top:110px; }

/* R0139: selection is a compact control mark, separate from the spread illustration. */
.ryn-gallery-ui .digital-tarot .spread-learning-choice>.spread-learning-art{display:block;width:100%}
.ryn-gallery-ui .digital-tarot .spread-learning-choice>.spread-learning-check{display:grid;place-items:center;width:24px;height:24px;min-width:24px;padding:0;gap:0;line-height:1;top:8px;right:8px;border-radius:50%;background:var(--ryn-ui-action);color:#fff}
.ryn-gallery-ui .digital-tarot .spread-learning-check>.ui-icon{width:16px;height:16px}
/* R0195: one mobile setup dock; art remains whole and questions become visible. */
.ryn-gallery-ui .digital-tarot .site-bottomnav[hidden]{display:none!important}
body.ryn-gallery-ui #oracle-companion .oc-actions [data-action="oc-record"]{background:var(--ryn-ui-action);color:var(--ryn-ui-paper);border-color:var(--ryn-ui-action);text-decoration:none;min-height:48px;padding:12px 20px;border-radius:28px}
body.ryn-gallery-ui #oracle-companion .oc-actions [data-action="oc-export"]{background:transparent!important;color:var(--ryn-ui-action)!important;min-height:48px;padding:12px 20px;border-radius:28px;border:1px solid var(--ryn-ui-rule);text-decoration:none}
body.ryn-gallery-ui #oracle-companion .oc-secondary button{background:none;border:0;box-shadow:none;border-radius:0;min-height:44px;padding:8px 4px;color:var(--ryn-ui-muted);text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature{grid-template-columns:minmax(0,1fr) minmax(105px,.8fr);gap:16px;padding:18px}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .deck-curator__cover{height:178px;min-height:178px;max-height:178px}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img{width:70px;max-height:136px}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img:nth-child(2){width:80px;max-height:150px}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img:first-child{transform:translate(-34px,6px) rotate(-10deg)}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__selected--feature .content-deck-fan img:last-child{transform:translate(34px,6px) rotate(10deg)}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .deck-curator__copy h2{font-size:17px}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-submit-bar{bottom:0;left:0;right:0;border-radius:0;padding:10px 18px calc(10px + var(--safe-bottom,0px));min-height:68px}
}
/* The open oracle completion already owns the same record action; restore it on close. */
#site-content:has(#oracle-panel .oc-actions) .reading-main-actions>button{display:none}
/* R0197: direct setup navigation and visible selected question. */
.setup-jumps{display:flex;gap:8px;justify-content:flex-end;margin:0 0 16px}.setup-jumps button{min-width:64px;min-height:44px;background:transparent;color:var(--ryn-ui-navy,#243c58);border:1px solid #d9d5ca;border-radius:24px;padding:8px 16px;font:inherit;font-size:14px}
body.ryn-gallery-ui .digital-tarot.gallery-tarot .content-connected.setup-screen .setup-question-summary{margin:0;font-size:12px;line-height:1.5;color:var(--ryn-ui-navy,#243c58);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.setup-jumps+form .quick-question-picker,.setup-jumps+form .setup-arrangement,.setup-jumps+form .deck-curator{scroll-margin-top:100px}
@media(max-width:700px){.setup-jumps{justify-content:flex-start}.setup-jumps button{flex:1}}
