/* Loaded after every theme; chapters apply only when the script has initialized. */
body.mobile-topics [hidden]{display:none!important}
body.mobile-topics{padding-bottom:calc(6rem + env(safe-area-inset-bottom));overflow-wrap:break-word}
.mobile-topics .wrap{padding:0 1rem}
.mobile-topics .top{padding:.55rem 0;align-items:center;gap:.3rem}
.mobile-topics .brand{font-size:1.3rem}
.mobile-topics .top nav{font-size:.8rem}
.mobile-topics .top nav a:not(:first-child){display:none}
.mobile-topics .phone-preferences{border-bottom:1px solid var(--border)}
.mobile-topics summary{cursor:pointer;min-height:44px;padding:.6rem .1rem;font-weight:700}
.mobile-topics .phone-preferences>summary{font-size:.85rem}
.mobile-topics .topic-progress{font-size:.8rem;font-weight:700;color:var(--accent);margin:1rem 0 .5rem}
.mobile-topics section,.mobile-topics .hero{padding:1rem 0;border-bottom:0;margin-top:0}
.mobile-topics .hero{gap:1rem}
.mobile-topics .hero h1{font-size:clamp(3rem,16vw,4.5rem);margin-bottom:.8rem}
.mobile-topics .hero .eyebrow{margin-bottom:.6rem}
.mobile-topics .hero .intro{font-size:1.1rem;margin:.7rem 0}
.mobile-topics .hero-actions{gap:.6rem;margin-top:1rem}
.mobile-topics .hero-actions a{font-size:.9rem;padding:.6rem}
.mobile-topics .ways-strip,.mobile-topics footer{display:none}
.mobile-topics h2{font-size:clamp(1.8rem,8vw,2.5rem);margin:.5rem 0}
.mobile-topics .subtitle{font-size:1.05rem;margin-bottom:1rem}
.mobile-topics .eyebrow{font-size:.7rem}
.mobile-topics .poem-doors{gap:.8rem;margin:1rem 0}
.mobile-topics .poem-doors a{min-height:0;padding:1rem;gap:.4rem;box-shadow:3px 3px 0 var(--border);border-radius:18px}
.mobile-topics .poem-doors strong{font-size:1.35rem}
.mobile-topics .poem-doors .door-number{font-size:.65rem}
.mobile-topics .topic-more{border-top:1px solid var(--border);margin-top:.7rem}
.mobile-topics .hero>.topic-more{border-bottom:1px solid var(--border)}
.mobile-topics .topic-more>summary{padding:.8rem .2rem}
.mobile-topics .hero-note{margin:1rem 0;max-width:100%}
.mobile-topics .credits-grid{grid-template-columns:1fr;gap:.7rem;margin-top:1rem}
.mobile-topics .credit-card{display:block}
.mobile-topics .credit-card>.topic-more{margin:0;border:0}
.mobile-topics .credit-card>.topic-more>summary{padding:1rem;font-size:1.15rem;background:var(--lilac)}
.mobile-topics .artefact{padding:1rem;margin-top:1rem;border-radius:18px}
.mobile-topics .contact{padding:1.2rem;gap:.7rem}
.mobile-topics .contact-links{gap:.7rem;min-width:0}
.mobile-topics .contact-links a{overflow-wrap:anywhere}
.mobile-topics .floating{bottom:0;left:0;right:0;justify-content:space-between;gap:.25rem;padding:.55rem .65rem calc(.55rem + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;border-bottom:0;box-shadow:0 -3px 16px #0001}
.mobile-topics .floating button{font-size:.95rem;min-height:48px;padding:.5rem .75rem;white-space:nowrap;min-width:0}
.mobile-topics .floating #index{background:var(--ink);color:var(--paper);flex:1;max-width:9rem}
.mobile-topics .topic-step:disabled{opacity:.4;cursor:default;transform:none}
.mobile-topics .index-menu{left:.6rem;right:.6rem;bottom:calc(4.8rem + env(safe-area-inset-bottom));min-width:0;max-height:65vh;max-height:65dvh;overscroll-behavior:contain;padding:.6rem}
.mobile-topics .index-menu a{font-size:1rem;line-height:1.3;padding:.65rem}
.mobile-topics .index-menu [aria-current]{font-weight:900;text-decoration-thickness:3px}
@media print{.phone-preferences,.topic-progress,.topic-step{display:none}}

/* Short reading pages are the phone default, including landscape phones. */
.mobile-topics .hero h1{font-size:clamp(2.5rem,11vw,3.6rem)}
.mobile-topics .hero{grid-template-columns:1fr}
.mobile-topics .hero img{max-height:160px;width:auto;max-width:100%;object-fit:contain}
.mobile-topics .columns,.mobile-topics .contact{grid-template-columns:1fr;gap:1rem}
.mobile-topics .top nav{flex-wrap:wrap}