/* Approved San Pedro mural editorial reference; scoped to Stories only. */
.mural-story-page{background:#071219;color:#edf5f6}
.mural-story{width:88%;margin:0 auto;padding:0 0 3rem}
.mural-hero{position:relative;min-height:clamp(380px,39vw,580px);display:flex;align-items:flex-end;overflow:hidden;background:#102832}
.mural-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.mural-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,12,17,.97),rgba(3,12,17,.38) 55%,rgba(3,12,17,.04))}
.mural-hero-copy{position:relative;z-index:1;padding:clamp(1.3rem,3vw,3rem);max-width:1050px}
.mural-kicker{display:inline-block;margin:0 0 .85rem;padding:.3rem .55rem;background:#efc65b;color:#071219;font-size:.75rem;font-weight:800;letter-spacing:.13em}
.mural-hero h1{border-left:5px solid #efc65b;padding-left:1rem;margin:0;font:700 clamp(1.9rem,3.8vw,3.7rem)/1.08 'DM Sans',sans-serif;overflow-wrap:anywhere;color:#fff}
.mural-hero h1 span{display:block;margin-top:.85rem;font:600 clamp(.9rem,1.3vw,1.2rem)/1.5 'DM Sans',sans-serif;letter-spacing:.17em;text-transform:uppercase}
.mural-byline{margin:.85rem 0 0 1.3rem;color:#e0e8ea;font-size:.85rem}
.mural-editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.34fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;margin-top:2rem}
.mural-body,.mural-intro-copy{min-width:0;font-size:1.06rem;line-height:1.75;overflow-wrap:break-word}
.mural-intro-copy>p:first-child{margin-top:0}.mural-body p,.mural-intro-copy p{margin:0 0 1.1rem}
.mural-chapter{margin-top:2.5rem;max-width:75ch}.mural-chapter-imaged{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(1.5rem,3vw,3rem);align-items:start}.mural-chapter-imaged .mural-photo{margin-top:0}.mural-body h2,.mural-related h2{color:#fff;font:700 clamp(1.4rem,2.2vw,2rem)/1.2 'DM Sans',sans-serif;margin:0 0 1.15rem}
.mural-body h2::after{content:"";display:block;width:3rem;height:3px;background:#efc65b;margin-top:.65rem}
.mural-photo{margin:1.6rem 0 0}.mural-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#102832}.mural-photo figcaption{font-size:.8rem;line-height:1.5;color:#b9cbd1;margin-top:.5rem}
.mural-glance{background:#102832;border:1px solid #36505b;padding:1.3rem;min-width:0;font-size:.9rem;line-height:1.5}
.mural-glance h2{font-size:.85rem;letter-spacing:.15em;margin:0 0 1.25rem;color:#edf5f6}.mural-glance h3{font-size:.8rem;color:#efc65b;letter-spacing:.07em;margin:1.2rem 0 .35rem}.mural-glance p{margin:0;color:#c7d5d9;overflow-wrap:break-word}
.mural-sources{margin-top:2.5rem;border-top:1px solid #36505b;padding-top:1.4rem;font-size:.9rem}.mural-sources ul{padding-left:1.2rem}.mural-sources li{margin-bottom:.6rem}
.mural-story a{color:#efc65b;text-underline-offset:.25rem}.mural-back{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.mural-related{border-top:1px solid #36505b;margin-top:2.5rem;padding-top:1.4rem}.mural-related>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mural-related h2{font-size:1.2rem;margin:0}.mural-related a{display:inline-flex;min-height:44px;align-items:center;font-size:.9rem}.mural-related .stories-results{margin-top:1rem}
.mural-story a:focus-visible,.stories-series-card a:focus-visible{outline:3px solid #efc65b;outline-offset:4px}
.stories-series-card h3 a{color:inherit;text-decoration:none;display:block}.stories-series-card h3 a:hover{text-decoration:underline;text-underline-offset:.2rem}
.stories-page .stories-card.featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;border:1px solid #36505b}
.stories-page .stories-card.featured .stories-card-copy{padding:clamp(1.2rem,3vw,3rem)}
@media(max-width:900px){.mural-editorial-grid{grid-template-columns:1fr}.mural-chapter-imaged{grid-template-columns:1fr}.mural-body{max-width:none}.mural-hero{min-height:440px}.mural-desktop-break{display:none}}
@media(max-width:720px){.mural-story{width:90%}.mural-hero{min-height:420px}.mural-hero h1{font-size:clamp(1.65rem,6vw,2.6rem)}.mural-hero h1 span{font-size:.85rem;letter-spacing:.09em}.mural-byline{font-size:.8rem}.mural-body,.mural-intro-copy{font-size:1rem}.mural-related>div:first-child{align-items:flex-start;flex-direction:column;gap:0}.stories-page .stories-card.featured{grid-template-columns:1fr}}