/* The artwork remains inspectable at every size, including long mobile dialogs. */
.dialog-toolbar{position:sticky;top:0;height:0;z-index:5;display:flex;justify-content:flex-end;pointer-events:none}
.dialog-toolbar .dialog-close{position:static;flex-shrink:0;pointer-events:auto;margin:8px;width:44px;height:44px;border:1px solid #a18b6350;border-radius:50%;background:var(--paper);box-shadow:0 3px 10px #14201b15;color:#56654d;line-height:1;font-size:30px}
.art-zoom-button{display:block;width:100%;background:transparent;border:0;padding:0;color:#65705f;text-align:center;cursor:zoom-in}
.art-zoom-button[aria-pressed=true]{cursor:zoom-out}
.art-zoom-button>span{display:block;font:13px/1.7 var(--sans);min-height:44px;padding:13px 0 3px;letter-spacing:.5px}
.art-orientation{font:14px/1.8 var(--sans);color:#65705f;text-align:center;margin:8px 0 0}
.dialog-layout.art-expanded{grid-template-columns:1fr;padding-top:45px;gap:28px}
.dialog-layout.art-expanded .dialog-art{width:min(360px,100%);margin:0 auto}
.dialog-layout.art-expanded .dialog-copy{max-width:560px;width:100%;margin:0 auto}
.tarot-svg text{font-kerning:normal}
@media screen and (max-width:800px){.art-zoom-button>span{font-size:15px;line-height:1.8;padding-top:13px}.dialog-toolbar .dialog-close{width:48px;height:48px;font-size:32px}.dialog-layout.art-expanded{padding-top:58px}.dialog-layout.art-expanded .dialog-art{width:min(360px,100%)} }
@media screen and (max-width:580px){.dialog-layout.art-expanded{padding-left:16px;padding-right:16px}.dialog-layout.art-expanded .dialog-copy{padding:0 6px} }
/* Keep authored readings comfortable to read on larger screens as well. */
@media screen and (min-width:801px){
  .hero-copy,.section-header p,.spread p,.daily-copy p,.teaser-copy p,.philosophy p,.setup-copy p,.library-header p,.empty-state p{font-size:16px;line-height:1.95}
  .meaning,.contextual-meaning,.dialog-copy .meaning{font-size:17px;line-height:1.95}
  .position-reading,.reflection p,.action-note,.dialog-copy .reflection p,.dialog-copy .action-note,.reading-flow p,.tension-note p,.synthesis-reflection,.step-choice p,.base-meaning p,.result-journal p,.entry-note{font-size:16px;line-height:1.95}
  .synthesis-lead{font-size:18px;line-height:1.95}
  .dialog-tabs button,.reflection small,.dialog-copy .reflection small{font-size:14px}
}