/* Explicit container sizes and text scaling keep mobile WebKit readings in frame. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,main{width:100%;min-width:0}
.report-top>div,.report-body,.report-section,.mobile-reader,.journey-bar,.constellation-view,.constellation-controls,.scene-gallery{min-width:0;max-width:100%}
input,select,textarea,fieldset{min-width:0;max-width:100%}
.badge-row{max-width:100%;flex-wrap:wrap}.badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){
 main{padding-left:18px;padding-right:18px}
 .site-header{padding-left:18px;padding-right:18px;column-gap:12px;row-gap:12px}
 .top-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;gap:4px 16px!important;align-items:stretch}
 .top-nav a{white-space:normal;min-width:0;min-height:44px;display:flex;align-items:center;font-size:12px!important;padding:8px 0}
 .brand{min-width:0;font-size:22px}.brand img{flex-shrink:0}.motion-toggle{font-size:10px;padding:6px 10px}
 .report-top{width:100%;display:block}.report-top h1{font-size:clamp(28px,8.5vw,36px);line-height:1.12;letter-spacing:-1px;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
 .report-top .intro{max-width:100%;font-size:14px;line-height:1.65;overflow-wrap:break-word}
 .report-top .button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}
 .report-top .button-row>*{min-width:0;max-width:100%;padding:11px 8px;text-align:center;white-space:normal}
 .badge-row{gap:7px}.badge{font-size:10px;padding:4px 9px}
 .journey-bar{flex-wrap:wrap;gap:10px;padding:12px}.journey-label{flex:1 1 100px;min-width:0}.journey-bar .small-button{flex:0 1 auto;max-width:100%;min-height:44px}
 .mobile-reader select{display:block;width:100%;min-width:0;max-width:100%;font-size:16px}
 .blend-portrait{width:100%;min-width:0}.blend-portrait figcaption{gap:8px;flex-wrap:wrap}
 .report-body h2{font-size:clamp(26px,7.5vw,33px);overflow-wrap:anywhere}
 .star-picker{display:block}.star-picker select{width:100%;margin-top:8px;font-size:16px}.star-whisper{overflow-wrap:anywhere}
 .intention-fieldset{margin-left:0;margin-right:0;padding-left:0;padding-right:0;min-inline-size:0}
 .scene-controls select{font-size:16px}.scene-controls label{min-width:0}
}
@media(max-width:700px){input,select,textarea,.hero-form input,.hero-form select{font-size:16px}.date-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1fr)}.date-grid>label{min-width:0}.advanced-grid>*{min-width:0}}
/* Reading controls: consistent targets, clear selection, quieter secondary detail. */
.lenses,.theme-switcher{gap:8px}.lens-button,.reaction-button,.library-tab{min-height:44px;padding:10px 16px;font-size:13px;line-height:1.3;border-color:#ffffff35}
.lens-button[aria-pressed="true"]{background:#ffb4cf;color:#291425;border-color:#ffb4cf;box-shadow:0 0 18px #ff6b9d16}
.lens-card{position:relative;background:radial-gradient(ellipse at 100% 0,#7c42574d,transparent 65%),linear-gradient(145deg,#2d263d,#181e30);border-color:#d4a5bb40}.lens-card .card-kicker{color:#e0bc9c;letter-spacing:1.5px;margin-bottom:13px}.lens-card h3{font-size:clamp(27px,3vw,36px);font-family:Georgia,serif;font-weight:400;line-height:1.2}.lens-card p{max-width:65ch}.lens-question{font-family:Georgia,serif;font-size:19px!important;line-height:1.55!important}
.reading-depth{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0 14px}.reading-depth summary{cursor:pointer;min-height:44px;padding:12px 0;color:#e4c3a2;font-size:14px}.reading-depth .subhead{color:#c8b6cc}.explain{font-size:12px}.explain summary{min-height:44px;padding:10px 0}.chapter-next a{min-height:44px;display:inline-flex;align-items:center}.journey-bar{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding-left:0;padding-right:0}.journey-label strong{color:#edc6ad}.journey-bar .small-button{min-height:44px;font-size:11px}
@media(max-width:700px){.lenses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lenses button{width:100%;min-width:0}.lens-card{padding:22px 19px}.lens-card .card-kicker{font-size:10px}.lens-card h3{font-size:29px}.lens-card p{font-size:15px;line-height:1.75}.lens-question{font-size:19px!important}.journey-label{font-size:11px}}
