/* A short, touch-friendly entrance. All changes are opt-in on three entry pages. */
.maram-mobile-entry{display:none}
.maram-theme-entry{padding:48px 0;background:#fff8e9;border-block:1px solid #e9dec8}
.maram-theme-entry__inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center}
.maram-theme-entry__image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:24px;box-shadow:0 8px 28px #123b5319}
.maram-theme-entry h2{font-size:clamp(1.65rem,3vw,2.65rem);margin:10px 0}
.maram-theme-entry p{max-width:52ch;margin:0 0 18px}
.maram-theme-entry__note{display:block;font-size:.85rem;color:#475e63;margin-top:12px}
.maram-start-page .maram-listen-start{align-items:stretch}
.maram-listen .player-stage{aspect-ratio:auto;min-height:0;padding:0;display:block}
.maram-listen .player-persistent-note{min-height:0;padding:28px 22px}
.maram-listen .player-shell:has(.player-persistent-note) .player-caption{display:none}
.maram-listen .player-persistent-note h2{font-size:clamp(1.45rem,3vw,2.1rem)}
.maram-listen .player-shell{scroll-margin-top:100px}
.maram-start-page :is(.maram-mobile-entry a,.maram-theme-entry a,.maram-listen-start button):focus-visible{outline:3px solid #123b53;outline-offset:4px}
@media(max-width:720px){
 .maram-mobile-entry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-block:12px}
 .maram-mobile-entry a{display:grid;grid-template-columns:24px auto;gap:0 5px;align-items:center;justify-content:center;min-height:64px;padding:9px 4px;border:1px solid #cbdcd9;border-radius:16px;text-decoration:none;color:#123b53;background:#fff9ed}
 .maram-mobile-entry a:first-child{background:#ffe29b;border-color:#eac578}
 .maram-mobile-entry a:last-child{background:#eaf3ec}
 .maram-mobile-entry span{grid-row:span 2;font-size:1.35rem}
 .maram-mobile-entry strong{font-size:1rem;line-height:1.25}
 .maram-mobile-entry small{font-size:.67rem;line-height:1.6;white-space:nowrap}
 .maram-start-page .hero{min-height:0;align-items:start}
 .maram-start-page .hero-waves{height:44px}
 .maram-start-page .page-hero .wave-divider{height:32px}
 .maram-start-page .hero__content{width:100%;padding:28px 0 56px}
 .maram-start-page .hero::before{background:linear-gradient(180deg,#123b5399,#123b5377)}
 .maram-start-page .hero h1{font-size:clamp(2rem,8vw,2.8rem);line-height:1.12;margin:12px 0}
 .maram-start-page .hero p{font-size:1rem;margin-bottom:18px}
 .maram-start-page .hero .eyebrow{font-size:.7rem}
 .maram-start-page .hero :is(.hero__boat,.hero__cloud,.hero__gull){display:none}
 .maram-start-page .hero-actions{gap:8px}
 .maram-start-page .hero-actions .button{min-height:46px;padding:11px 14px;font-size:.85rem}
 .maram-start-page .eli-home-shortcut{margin-top:16px}
 .maram-start-page .page-hero--image{min-height:0;padding:28px 0 44px}
 .maram-start-page .page-hero--image::before{background:#123b53c9}
 .maram-start-page .page-hero__content{width:100%;padding:0;max-width:none}
 .maram-start-page .page-hero--image h1{font-size:clamp(1.8rem,7.5vw,2.45rem);margin:10px 0;line-height:1.15}
 .maram-start-page .page-hero--image p{font-size:1rem;line-height:1.55}
 .maram-start-page .page-hero__trail a{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px;font-size:.85rem}
 .maram-start-page .maram-listen-start{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}
 .maram-start-page .maram-listen-start .button{min-height:48px;font-size:.95rem;padding:12px 16px}
 .maram-listen .page-hero__trail{display:none}
 .maram-start-page .section{padding-block:32px}
 .maram-theme-entry{padding:24px 0}
 .maram-theme-entry__inner{grid-template-columns:1fr;gap:18px}
 .maram-theme-entry__image img{max-height:190px;border-radius:18px}
 .maram-theme-entry h2{font-size:1.8rem}
 .maram-theme-entry .eyebrow{font-size:.7rem}
 .maram-listen .player-placeholder{padding:22px 16px}
 .maram-listen .player-placeholder .play-orb{width:60px;height:60px;font-size:1.7rem}
 .maram-listen .player-placeholder h2{font-size:1.65rem}
 .maram-play .play-entry-grid{gap:16px}
}
@media print{.maram-mobile-entry{display:none}}