/* Reference-driven layout refinement for the catalog and shared story template. */
.catalog-page{background:linear-gradient(rgba(3,27,50,.48),rgba(3,24,45,.9)),url('/assets/illustrations/app-forest.webp') center bottom/cover fixed}
.catalog-hero{height:500px;border-bottom:1px solid rgba(255,222,151,.22)}
.catalog-hero>img{content:url('/assets/illustrations/catalog-hero-moon-reader.webp');object-position:center 49%}
.catalog-hero-shade{background:linear-gradient(90deg,rgba(3,24,46,.9) 0%,rgba(3,24,46,.66) 50%,rgba(3,24,46,.12)),linear-gradient(0deg,rgba(3,24,46,.6),transparent 55%)}
.catalog-hero-copy{padding-top:142px}.catalog-hero h1{letter-spacing:-2px;font-size:clamp(54px,5.3vw,82px)}.catalog-hero-copy>p:last-of-type{font:600 clamp(20px,1.8vw,29px)/1.25 var(--serif);max-width:620px}.catalog-search{height:64px;width:min(760px,100%);border-radius:18px;box-shadow:0 16px 35px rgba(0,0,0,.34)}.catalog-search input{font-size:16px}
.catalog{padding-top:28px}.category-row{justify-content:space-between;gap:12px;margin-bottom:30px}.category-row button{min-width:135px;justify-content:center;display:inline-flex;gap:5px;align-items:center;padding:12px 17px;border-color:rgba(255,231,178,.54);box-shadow:inset 0 1px rgba(255,255,255,.16)}
.catalog-layout{grid-template-columns:238px 1fr;gap:26px}.catalog-filters{background:linear-gradient(150deg,#fffdf6,#eee5d3);color:#133653;border-color:rgba(255,255,255,.9);box-shadow:0 16px 30px rgba(0,12,28,.27);border-radius:18px}.catalog-filters label{color:#183b58;font:700 14px var(--serif);padding-bottom:14px;border-bottom:1px solid #dcd2c0}.catalog-filters select{margin-top:3px}.filter-reset{color:#244f77}.catalog-results-head{padding:8px 2px 15px;border-bottom:1px solid rgba(255,240,200,.18)}.catalog-results-head p{font-size:25px;color:#fff4da}
.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.catalog-card{border-radius:13px;box-shadow:0 12px 26px rgba(0,0,0,.33),0 0 0 1px rgba(255,230,180,.48);transition:transform .2s,box-shadow .2s}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(0,0,0,.43),0 0 21px rgba(255,216,123,.14)}.catalog-card-cover{height:205px}.catalog-card-body{padding:13px}.catalog-card h3{font-size:16px;min-height:37px}.catalog-card p,.catalog-card small{font-size:11px}.listen-link{border-radius:999px;background:#113f73;color:#fff;padding:7px 10px;margin-top:7px}.favourite{background:rgba(7,43,78,.82);color:#fff;border:1px solid rgba(255,255,255,.48)}
.catalog-player{position:sticky;z-index:30;bottom:14px;min-height:90px;display:grid;grid-template-columns:auto 1fr auto 230px;align-items:center;gap:16px;margin-top:24px;padding:12px 20px;background:linear-gradient(105deg,#fffdf6,#eee5d6);color:#133653;border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 16px 35px rgba(0,0,0,.38)}.catalog-player>img{width:64px;height:64px;border-radius:10px;object-fit:cover}.catalog-player span,.catalog-player small{display:block;font-size:11px}.catalog-player strong{display:block;font:700 17px var(--serif);margin:4px 0}.catalog-player-controls{display:flex;align-items:center;gap:12px}.catalog-player-controls button{border:0;background:none;color:#143e6e;font-size:30px}.catalog-player-controls .catalog-player-main{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:16px;background:#113e73;color:#fff}.catalog-player-main svg{width:18px;fill:currentColor}.catalog-player>p{font:600 20px/1.03 var(--hand);color:#a4876f;margin:0;transform:rotate(-3deg)}
.story-hero{min-height:570px}.story-hero>img{object-position:center 45%}.story-intro{padding-top:122px}.story-intro-grid{grid-template-columns:440px minmax(0,1fr);gap:38px}.story-cover{border-radius:21px;aspect-ratio:4/4.8}.story-intro h1{font-size:clamp(48px,5vw,76px)}.story-description{font-size:18px}.story-intro dl>div{min-width:105px;padding-right:16px;border-right:1px solid rgba(255,255,255,.22)}.story-body{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.audio-state{grid-column:1/-1;padding:19px 26px}.story-tabs,.tab-panel{grid-column:1}.tab-panel{background:linear-gradient(135deg,#fffdf7,#f2e9d9);border-radius:18px;color:#153554;padding:30px}.tab-panel>h2,.reading-text h2{color:#123a63}.reading-text p{color:#25435c;font-size:18px}.similar-grid{grid-column:2;grid-row:2 / span 3;display:grid;grid-template-columns:1fr;gap:12px;background:linear-gradient(135deg,#fffdf7,#f2e9d9);padding:16px;border-radius:18px}.similar-grid a{display:grid;grid-template-columns:90px 1fr;align-items:center}.similar-grid img{aspect-ratio:1;grid-row:1}.similar-grid span{padding:10px;font-size:15px}.story-tabs{background:transparent}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-card-cover{height:215px}.story-intro-grid{grid-template-columns:300px minmax(0,1fr)}.story-body{grid-template-columns:1fr}.story-tabs,.tab-panel{grid-column:auto}.similar-grid{grid-column:auto;grid-row:auto;grid-template-columns:repeat(3,1fr)}.similar-grid a{display:block}.similar-grid img{aspect-ratio:1.4}.catalog-player{grid-template-columns:auto 1fr auto}}
@media(max-width:700px){.catalog-hero{height:430px}.catalog-hero-copy{padding-top:110px}.catalog-hero h1{font-size:52px}.category-row{justify-content:flex-start}.category-row button{min-width:auto}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card-cover{height:175px}.catalog-player{grid-template-columns:auto 1fr auto;bottom:8px;padding:10px 12px}.catalog-player>p{display:none}.catalog-player>img{width:52px;height:52px}.catalog-player strong{font-size:14px}.story-intro-grid{grid-template-columns:1fr}.story-cover{width:min(290px,75vw)}.story-body{display:block}.similar-grid{grid-template-columns:1fr}.tab-panel{margin-top:18px;padding:22px}.reading-text p{font-size:17px}}
@media(max-width:420px){.catalog-grid{grid-template-columns:1fr}.catalog-card-cover{height:250px}.catalog-player{grid-template-columns:auto 1fr}.catalog-player-controls{display:none}}