.media-page{background:#f4f8f9;color:#153b49}
.media-page .guide-header,.media-page main{max-width:1120px}
.media-page .guide-header{padding:22px 28px}
.media-page .guide-header nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;font-weight:650}
.media-page main{padding:0 28px;margin:28px auto 42px}
.media-page .guide-breadcrumb{font-size:13px;margin-bottom:24px}
.media-page .section-label{display:block;font-size:11px;font-weight:800;letter-spacing:.12em}
.media-hero{padding:44px 48px;border-radius:24px;background:linear-gradient(120deg,#123d4b,#206171);color:#fff}
.media-hero .section-label{color:#bbdbe1}
.media-hero h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.035em;line-height:1.1;margin:18px 0 22px}
.media-tagline{font-size:clamp(20px,2.4vw,27px);line-height:1.4;margin:0;color:#e0edf0}
.media-content{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:40px;align-items:start;margin:38px 0}
.media-story,.media-contact{min-width:0}
.media-intro p{font-size:16px;line-height:1.8;margin:0 0 20px}
.media-intro .guide-lead{font-size:18px;color:#234c5b}
.media-topics{border-top:1px solid #d3e4e8;margin-top:30px;padding-top:28px}
.media-topics h2,.media-contact h2{font-size:25px;line-height:1.3;letter-spacing:-.02em;margin:12px 0 20px}
.media-topics ul{padding-left:22px}
.media-topics li{padding-left:4px;margin:12px 0;font-size:16px;line-height:1.7}
.media-topics p{font-size:16px;line-height:1.8}
.media-contact{padding:28px;background:#fff;border:1px solid #d3e4e8;border-radius:18px}
.media-email{display:block;max-width:100%;font-size:17px;font-weight:750;line-height:1.6;padding:8px 0;overflow-wrap:anywhere}
.media-contact>p{font-size:15px;line-height:1.8;color:#385b68}
.media-contact-note{border-top:1px solid #d3e4e8;margin-top:24px;padding-top:18px}
.media-contact-note p{font-size:13px;line-height:1.8;margin:0;color:#385b68}
.media-page .guide-return{font-size:14px}
.media-footer{border-top:1px solid #d3e4e8;background:#fff}
.media-footer>div{max-width:1120px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.media-footer nav{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:13px}
.media-page a:focus-visible{outline:3px solid #3c8598;outline-offset:4px}
.media-skip{position:absolute;left:16px;top:-100px;z-index:20;background:#fff;padding:12px}
.media-skip:focus{top:12px}
@media(max-width:850px){.media-content{grid-template-columns:1fr;gap:24px}.media-contact{max-width:100%}}
@media(max-width:700px){.media-page .guide-header{padding:18px 20px;flex-wrap:wrap;gap:18px}.media-page .guide-header nav{font-size:13px}.media-page main{padding:0 20px;margin-top:22px}.media-hero{padding:32px 26px;border-radius:20px}.media-hero h1{font-size:38px}.media-content{margin:28px 0}.media-contact{padding:24px}.media-email{font-size:16px}.media-footer>div{padding:24px 20px}.media-page .guide-return{gap:16px}}