﻿.station-instagram { padding:40px 0 44px; background:#f2f6fb; margin:20px 0 14px; color:#112845; }
.station-instagram [hidden] { display:none!important; }
.station-ig-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:26px; }
.station-ig-eyebrow { display:block; font-size:11px; font-weight:700; letter-spacing:.15em; color:#215b9c; margin-bottom:8px; }
.station-ig-heading h2 { font-size:clamp(24px,3vw,32px); font-weight:700; line-height:1.25; margin:0 0 10px; color:#112845; }
.station-ig-heading p { font-size:14px; line-height:1.6; color:#53677f; margin:0; }
.station-ig-profile { display:inline-flex; align-items:center; gap:9px; flex-shrink:0; color:#154d87; font-size:13px; font-weight:600; padding:12px 16px; border:1px solid #cddbea; border-radius:30px; background:#fff; }
.station-ig-profile:hover { background:#112845; color:#fff; border-color:#112845; }
.station-ig-track { display:flex; gap:22px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#9cb4cd transparent; padding:2px 2px 16px; align-items:flex-start; }
.station-ig-card { flex:0 0 calc((100% - 44px)/3); min-width:0; scroll-snap-align:start; background:#fff; border:1px solid #dde6ef; border-radius:14px; overflow:hidden; box-shadow:0 4px 15px rgba(17,40,69,.04); }
.station-ig-card-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 16px; color:#112845; font-weight:600; font-size:12px; }
.station-ig-card-header>span:first-child { display:inline-flex; align-items:center; gap:8px; }
.station-ig-card-header i { font-size:18px; color:#1e66a9; }
.station-ig-type { color:#173454; background:#ffdf5c; padding:4px 9px; border-radius:20px; font-size:10px; }
.station-ig-slot { position:relative; min-height:650px; background:#fff; }
.station-ig-placeholder { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; min-height:650px; padding:30px 20px; text-align:center; background:linear-gradient(155deg,#163e6b,#0e223d); color:white; }
.station-ig-placeholder>i { font-size:44px; color:#ffdf5c; }
.station-ig-placeholder p { color:#fff; font-size:17px; line-height:1.65; margin:0; }
.station-ig-placeholder button { background:#ffdf5c; color:#102845; border:0; font:inherit; font-size:12px; font-weight:700; border-radius:30px; padding:12px 18px; cursor:pointer; }
.station-ig-placeholder button:disabled { opacity:.6; cursor:wait; }
.station-ig-placeholder [role="status"] { font-size:11px; line-height:1.6; color:#d4e4f6; }
.station-ig-loading-overlay { position:absolute; inset:0; z-index:1; }
.station-ig-embed blockquote.instagram-media, .station-ig-embed iframe.instagram-media { min-width:0!important; width:100%!important; max-width:100%!important; margin:0!important; box-shadow:none!important; border:0!important; border-radius:0!important; }
.station-ig-open { display:flex; align-items:center; justify-content:center; gap:8px; padding:16px; color:#174f88; border-top:1px solid #e7edf4; font-weight:600; font-size:12px; }
.station-ig-open:hover { color:#102845; background:#fff8d8; }
.station-ig-navigation { display:flex; justify-content:space-between; align-items:center; margin-top:18px; font-size:12px; color:#526880; }
.station-ig-navigation>div { display:flex; gap:10px; }
.station-ig-navigation button { width:42px; height:42px; border:1px solid #cad8e7; border-radius:50%; background:#fff; color:#143d68; cursor:pointer; }
.station-ig-navigation button:hover:not(:disabled) { background:#143d68; color:#fff; border-color:#143d68; }
.station-ig-navigation button:disabled { opacity:.35; cursor:default; }
.station-instagram a:focus-visible,.station-instagram button:focus-visible,.station-ig-track:focus-visible { outline:3px solid #2673b9; outline-offset:3px; }
@media(max-width:1099px) { .station-ig-card { flex-basis:calc((100% - 22px)/2); } }
@media(max-width:699px) { .station-instagram { padding:30px 0; } .station-ig-heading { align-items:flex-start; flex-direction:column; gap:16px; } .station-ig-card { flex-basis:100%; } .station-ig-track { gap:16px; } .station-ig-slot,.station-ig-placeholder { min-height:610px; } }
@media(prefers-reduced-motion:reduce) { .station-ig-track { scroll-behavior:auto; } }
