:root{--bg:#080b10;--panel:#10151d;--panel2:#151c26;--line:#252f3b;--text:#f4f7fb;--muted:#97a4b3;--blue:#55adff;--purple:#8877ff;--green:#35d49a;--red:#ff6577;--yellow:#ffd166}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0,#182943 0,transparent 28%),#080b10;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.top{height:74px;padding:0 max(20px,calc((100% - 1260px)/2));display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(7,10,15,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{display:flex;gap:10px;align-items:center;min-width:235px}.flag{font-size:30px}.brand b,.brand small{display:block}.brand b{font-size:16px}.brand small{font-size:11px;color:#8f9aaa;margin-top:2px}.top nav{display:flex;gap:5px;flex:1}.top nav a,.admin{padding:10px 12px;border-radius:10px;font-size:13px;color:#bbc5d1}.top nav a:hover,.admin:hover{background:#17202b;color:white}.admin{border:1px solid var(--line)}.hero{position:relative;padding:90px 20px 72px;overflow:hidden}.hero-bg{position:absolute;width:650px;height:650px;border-radius:50%;right:-250px;top:-300px;background:radial-gradient(circle,#203f65,transparent 67%);opacity:.55}.hero-inner{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:center;position:relative}.kicker{font-size:10px;letter-spacing:.17em;font-weight:900;color:#73baff}.hero h1{font-size:clamp(50px,7.2vw,88px);line-height:.95;letter-spacing:-.06em;margin:17px 0 24px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:690px;color:#a8b3c0;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--blue),var(--purple));color:white;border:0;padding:13px 18px;border-radius:11px;font-weight:850;cursor:pointer;box-shadow:0 12px 35px rgba(77,151,255,.18)}.ghost{display:inline-flex;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:11px;color:#c8d1db;font-size:13px}.trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}.trust span{padding:7px 10px;background:#101721;border:1px solid var(--line);border-radius:8px;font-size:11px;color:#9faab7}.hero-panel{background:linear-gradient(150deg,#162333,#10141c);border:1px solid #2b3948;border-radius:26px;padding:25px;box-shadow:0 25px 80px #0008}.hero-panel-top,.radio-title{display:flex;align-items:center;gap:8px;color:#8e9baa;font-size:10px;font-weight:800;letter-spacing:.1em}.hero-panel-top span:last-child{margin-left:auto}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.big-flag{font-size:25px;font-weight:950;letter-spacing:.04em;width:110px;height:110px;display:grid;place-items:center;background:linear-gradient(to bottom,#fff 0 33.33%,#169b62 33.33% 66.66%,#d62612 66.66% 100%);border:1px solid rgba(255,255,255,.2);border-radius:50%;margin:30px 0 18px;box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 0 0 5px rgba(255,255,255,.08)}.big-flag span{background:transparent!important;color:#17202b;padding:0;border-radius:0;box-shadow:none!important;font-weight:950;letter-spacing:.04em;text-shadow:0 1px 1px rgba(255,255,255,.45)}.hero-panel h3{font-size:28px;margin:0 0 5px}.hero-panel p{font-size:13px;margin:0 0 20px}.hero-links a{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #27313c;font-size:13px;color:#c8d0db}.hero-links b{color:#73baff}.services,main,.radio{max-width:1260px;margin:auto}.services{padding:0 20px 55px}.section-intro h2,.heading-row h2{font-size:30px;letter-spacing:-.035em;margin:8px 0 20px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{min-height:142px;padding:22px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:18px;background:var(--panel);transition:.2s}.service:hover{transform:translateY(-3px);border-color:#3c4b5d}.service-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#18212c;font-size:25px}.service small{font-size:9px;letter-spacing:.12em;color:#8290a0}.service h3{margin:4px 0;font-size:21px}.service p{margin:0;color:#8e9baa;font-size:12px}.service>b{margin-left:auto;font-size:20px;color:#68798b}.radio{margin-bottom:65px;padding:0 20px}.radio-title{padding:13px 18px;background:#111821;border:1px solid var(--line);border-radius:18px 18px 0 0}.radio-title strong{margin-left:auto;font-size:12px;color:#dce3eb}.radio-title .status{margin-left:12px;color:#6fe0b2}.radio-body{padding:28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;background:linear-gradient(135deg,#121b27,#171522)}.disc{width:82px;height:82px;border-radius:20px;display:grid;place-items:center;font-size:38px;background:linear-gradient(135deg,#294867,#3b2856);border:1px solid #43566d}.radio-body h2{margin:5px 0;font-size:29px}.radio-body p{margin:0;color:#8f9aaa;font-size:13px}.radio audio{width:320px}.community{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;padding:0 20px 75px}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px}.heading-row h2{margin-bottom:24px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.featured{padding:18px;background:linear-gradient(145deg,#172232,#111820);border:1px solid #2c3b4c;border-radius:15px}.featured>span{font-size:9px;color:#ffd66f;font-weight:900;letter-spacing:.1em}.featured h3{font-size:16px;margin:12px 0 7px}.featured p{font-size:12px;color:#98a5b3;line-height:1.5;margin:0 0 12px}.featured small{color:#6f8092}.search{display:flex;margin:18px 0 10px}.search input{flex:1;background:#0d1219;border:1px solid var(--line);color:white;padding:13px;border-radius:11px 0 0 11px;outline:0}.search button{border:1px solid var(--line);background:#19212c;color:#fff;padding:0 18px;border-radius:0 11px 11px 0}.chips{display:flex;gap:6px;overflow:auto;padding-bottom:10px}.chips a{white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:11px;color:#8f9baa}.chips a.on{background:#193650;border-color:#376b98;color:#fff}.post{display:flex;gap:15px;padding:19px 0;border-bottom:1px solid #202933}.post-icon{flex:none;width:44px;height:44px;display:grid;place-items:center;background:#151d27;border:1px solid var(--line);border-radius:12px;font-size:20px}.meta{font-size:10px;color:#6f8090}.post h3{margin:6px 0;font-size:17px}.post p{margin:0 0 8px;color:#9da9b7;font-size:13px;line-height:1.6}.post small{color:#667688;font-size:11px}.empty{padding:35px;text-align:center;color:#7e8c9c;border:1px dashed var(--line);border-radius:14px}.side{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:13px}.side-head{font-size:13px;font-weight:850;margin-bottom:7px}.latest{display:flex;gap:10px;padding:11px 0;border-top:1px solid #202933}.latest>span{font-size:18px}.latest b{display:block;font-size:12px;line-height:1.35}.latest small{display:block;color:#657486;font-size:10px;margin-top:4px}.useful{background:linear-gradient(145deg,#14283a,#121820)}.useful h3{font-size:20px;margin:7px 0}.useful p,.rules p{font-size:12px;line-height:1.6;color:#95a2b1}.useful a{font-size:11px;color:#72b9ff;font-weight:800}.publish{max-width:1260px;margin:0 auto 70px;padding:32px 20px;display:grid;grid-template-columns:.75fr 1.25fr;gap:45px}.publish-copy{padding:25px;background:linear-gradient(145deg,#111b27,#0e131a);border:1px solid var(--line);border-radius:20px}.publish h2{font-size:36px;margin:7px 0}.publish p{color:#9aa6b4;line-height:1.6}.steps{margin-top:25px;color:#a8b4c2;font-size:12px;line-height:3}.steps span{display:inline-block;width:27px;height:27px;line-height:27px;text-align:center;border-radius:50%;background:#1a2e43;color:#76bcff;margin-right:7px;font-size:9px}.publish form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;padding:25px}.publish input,.publish select,.publish textarea,.login-box input,.admin-card input,.admin-card select,.admin-card textarea{width:100%;background:#0d1218;color:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;outline:0}.publish textarea,.publish button{grid-column:1/-1}.publish button{width:max-content}.publish:has(+footer){}.publish:before{content:"";position:absolute}footer{border-top:1px solid var(--line);padding:28px max(20px,calc((100% - 1260px)/2));display:flex;align-items:center;justify-content:space-between;color:#8592a0;font-size:11px}footer b,footer small{display:block}footer small{margin-top:5px}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:#fff}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box{width:min(420px,100%);padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 80px #0009}.login-box .big-flag{margin:0 auto 20px}.login-box h1{margin:6px 0}.login-box p{color:#8996a5}.login-box form{display:grid;gap:10px;margin:22px 0}.login-box a{display:block;text-align:center;color:#70b8ff;font-size:12px}.error,.success{padding:11px;border-radius:9px;font-size:12px;margin:10px 0}.error{background:#3c1720;color:#ffb5c0}.success{background:#12382b;color:#9ce9c9}.admin-wrap{max-width:1100px;margin:45px auto;padding:0 20px 70px}.admin-count{padding:9px 12px;border:1px solid #5b4820;background:#2c2412;color:#ffd56c;border-radius:9px;font-size:11px}.admin-card{display:grid;grid-template-columns:1fr 260px;gap:9px;background:var(--panel);border:1px solid var(--line);padding:17px;border-radius:16px;margin-bottom:13px}.admin-meta,.admin-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-meta{justify-content:space-between;color:#68788a;font-size:10px}.state{padding:5px 7px;border-radius:6px;text-transform:uppercase;font-weight:900}.state.pending{background:#3b3015;color:#ffd86e}.state.approved{background:#12382c;color:#75dfb4}.state.rejected{background:#401a23;color:#ff9aaa}.admin-card textarea{grid-column:1/-1}.admin-actions button{border:1px solid var(--line);background:#1a222d;color:#fff;padding:8px 11px;border-radius:8px;cursor:pointer}.admin-actions .danger{background:#451c26}@media(max-width:900px){.hero-inner,.community,.publish{grid-template-columns:1fr}.service-grid,.featured-grid{grid-template-columns:1fr}.radio-body{grid-template-columns:auto 1fr}.radio-body audio{grid-column:1/-1;width:100%}.publish{padding:20px}.admin-card{grid-template-columns:1fr}}@media(max-width:620px){.top{height:66px;padding:0 12px}.top nav{display:none}.admin{margin-left:auto}.brand{min-width:auto}.hero{padding-top:58px}.hero h1{font-size:51px}.hero p{font-size:16px}.services,.community,.radio{padding-left:13px;padding-right:13px}.radio-body{padding:20px}.heading-row{align-items:start}.heading-row .ghost{white-space:nowrap}.publish form{grid-template-columns:1fr;padding:18px}.publish input,.publish select{grid-column:1}.publish button{width:100%}footer{flex-direction:column;align-items:flex-start;gap:15px}.footer-links{flex-wrap:wrap}.admin-wrap{padding:0 13px 50px}}

/* V4 visual refresh */
.radio-promo{max-width:1260px;margin:0 auto 55px;padding:28px 30px;border:1px solid #30445a;border-radius:22px;background:radial-gradient(circle at 85% 50%,#243d59,transparent 35%),linear-gradient(120deg,#111a26,#11131a);display:flex;justify-content:space-between;align-items:center;gap:20px}.radio-promo h2{margin:6px 0;font-size:28px}.radio-promo p{margin:0;color:#8796a7;font-size:13px}.radio-promo .btn{white-space:nowrap}.radio-page{min-height:100vh}.radio-main{max-width:1050px;margin:0 auto;padding:90px 20px;text-align:center}.radio-main h1{font-size:clamp(50px,7vw,88px);line-height:.95;letter-spacing:-.06em;margin:18px 0}.radio-main h1 em{font-style:normal;color:#55adff}.radio-lead{max-width:620px;margin:0 auto 42px;color:#94a2b2;font-size:17px;line-height:1.6}.radio-player{position:relative;min-height:460px;border:1px solid #33475d;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 38%,#25415f 0,#172538 25%,#0c1118 70%);box-shadow:0 35px 100px #000b;padding:70px 30px 45px;display:flex;flex-direction:column;align-items:center;justify-content:center}.radio-player:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#55adff14,transparent 42%);pointer-events:none}.visualizer{position:absolute;bottom:0;left:0;right:0;height:145px;display:flex;align-items:end;justify-content:center;gap:5px;opacity:.42}.visualizer i{width:8px;height:25%;border-radius:8px 8px 0 0;background:linear-gradient(to top,#5b76ff,#52c5ff);animation:bars 1s ease-in-out infinite alternate}.visualizer i:nth-child(2n){animation-delay:.2s}.visualizer i:nth-child(3n){animation-delay:.45s}.visualizer i:nth-child(4n){animation-delay:.7s}@keyframes bars{from{height:15%}to{height:80%}}.cover{position:relative;width:145px;height:145px;border-radius:50%;display:grid;place-items:center;font-size:65px;background:radial-gradient(circle,#283e59 0 20%,#111923 21% 38%,#334d68 39% 41%,#111820 42%);border:7px solid #202d3c;box-shadow:0 0 0 10px #ffffff06,0 20px 55px #000b}.cover:after{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:#0b1017;border:3px solid #72879d}@keyframes spin{to{transform:rotate(360deg)}}.live-badge{position:absolute;top:24px;right:25px;padding:8px 12px;border:1px solid #2c7659;background:#102c22;border-radius:20px;color:#76e5b8;font-size:10px;font-weight:900}.now{position:relative;margin:25px 0 20px}.now small{font-size:9px;letter-spacing:.2em;color:#72b9ff}.now h2{font-size:30px;margin:5px}.now p{color:#8998a8;margin:0;font-size:13px}.radio-player audio{width:min(520px,90%);position:relative}.radio-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.radio-info>div{padding:20px;border:1px solid #252f3b;background:#10151d;border-radius:15px;text-align:left}.radio-info span{font-size:22px;float:left;margin-right:12px}.radio-info b,.radio-info small{display:block}.radio-info b{font-size:13px}.radio-info small{font-size:10px;color:#758496;margin-top:4px}.radio-info a{color:#72b9ff}.back{display:inline-block;margin-top:30px;color:#7ebeff;font-size:12px}@media(max-width:650px){.radio-promo{margin:0 13px 40px;flex-direction:column;align-items:flex-start}.radio-promo .btn{width:100%}.radio-main{padding-top:60px}.radio-player{min-height:430px;padding-left:15px;padding-right:15px}.radio-info{grid-template-columns:1fr}.visualizer i{width:5px}.top nav a{display:none}}

.admin-management{margin:22px 0 35px;padding:24px;border:1px solid #2b3948;border-radius:20px;background:linear-gradient(145deg,#121d2a,#0e141b);box-shadow:0 18px 50px #0004}.management-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.management-head h2{margin:6px 0 5px;font-size:25px}.management-head p{max-width:700px;margin:0;color:#8e9baa;font-size:12px;line-height:1.6}.role-badge{white-space:nowrap;padding:9px 11px;border:1px solid #5b4820;background:#2c2412;color:#ffd66f;border-radius:9px;font-size:10px;font-weight:900}.add-admin{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;margin:20px 0}.add-admin input{background:#0b1016;color:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;outline:0}.admin-users{border-top:1px solid #26313d}.admin-user{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #202a34}.admin-user b{display:block;font-size:13px}.admin-user small{display:block;color:#718092;font-size:10px;margin-top:4px}.mini-actions{display:flex;gap:6px;align-items:center}.mini-actions input{width:175px;background:#0b1016;color:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:11px;outline:0}.mini-actions button{border:1px solid var(--line);background:#1a222d;color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:11px}.mini-actions .danger{background:#451c26}.admin-post-title{margin:25px 0 14px;font-size:25px}@media(max-width:800px){.management-head,.admin-user{flex-direction:column}.add-admin{grid-template-columns:1fr}.mini-actions{width:100%;flex-wrap:wrap}.mini-actions input{width:100%}}

/* ===== RADIO PLAYER V5.3 ===== */
.radio-player audio{display:none!important}
.big-play{position:relative;z-index:5;width:82px;height:82px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,#55adff,#8877ff);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(85,173,255,.08),0 18px 45px rgba(41,97,160,.4);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.big-play:hover{transform:scale(1.06);box-shadow:0 0 0 12px rgba(85,173,255,.08),0 22px 55px rgba(41,97,160,.48)}
.big-play:active{transform:scale(.97)}
.play-symbol{font-size:29px;line-height:1;margin-left:4px;text-shadow:0 2px 10px rgba(0,0,0,.22)}
.radio-player.playing .big-play{background:linear-gradient(135deg,#35d49a,#3a9dff)}
.radio-player.playing .play-symbol{margin-left:0;font-size:25px}
.cover.spinning{animation:spin 7s linear infinite}
.player-hint{position:relative;z-index:3;margin-top:13px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8493a4;min-height:15px}
@media(max-width:650px){.big-play{width:76px;height:76px}.play-symbol{font-size:27px}}

/* ===== COMMUNITY / POST DETAILS V6 ===== */
.section-sub{margin:5px 0 0;color:#768697;font-size:12px;line-height:1.5}.community aside{display:flex;flex-direction:column;min-width:0}.latest-side{flex:1;min-height:360px}.latest-side .latest{flex:1;min-height:72px;align-items:flex-start}.latest-side .side-head{margin-bottom:3px}.post{position:relative;align-items:flex-start;transition:transform .2s ease,border-color .2s ease,background .2s ease;padding-right:38px}.post:hover{transform:translateX(3px);border-color:#32475d;background:linear-gradient(90deg,#0f151d,#101a25)}.post-content{min-width:0}.post-arrow{position:absolute;right:5px;top:50%;transform:translateY(-50%);color:#619bd0;font-size:20px;opacity:.5;transition:.2s}.post:hover .post-arrow{opacity:1;right:0}.post-bottom{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mini-rating{color:#ffd166;font-size:11px;font-weight:800}.mini-rating i{font-style:normal;color:#718093;font-weight:500}.featured{transition:.2s}.featured:hover{transform:translateY(-3px);border-color:#42607c}.post-page{max-width:920px;margin:0 auto;padding:50px 20px 80px}.back-link{display:inline-flex;color:#76b9ff;font-size:12px;margin-bottom:18px}.full-post{background:linear-gradient(145deg,#121923,#0d131a);border:1px solid #2a3745;border-radius:24px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.full-meta{display:flex;justify-content:space-between;gap:12px;color:#778798;font-size:11px}.full-meta span:first-child{color:#77baff}.full-post h1{font-size:clamp(32px,5vw,54px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 10px}.author{color:#8391a0;font-size:12px;margin-bottom:28px}.full-body{color:#c4ccd5;font-size:16px;line-height:1.85;white-space:normal;border-top:1px solid #26313c;padding-top:25px}.post-rating{margin-top:32px;padding-top:25px;border-top:1px solid #26313c;display:flex;justify-content:space-between;align-items:center;gap:25px}.post-rating>div>small{font-size:9px;letter-spacing:.13em;color:#758698}.rating-summary{display:flex;align-items:center;gap:10px;margin-top:7px}.rating-summary strong{font-size:29px}.stars-static{display:inline-flex;gap:2px;font-size:21px}.stars-static span{color:#3a4654}.stars-static .filled{color:#ffd166}.star-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.star-picker{display:flex;direction:ltr;gap:2px}.star-form label{font-size:29px;color:#3a4654;cursor:pointer;transition:.15s;line-height:1}.star-form label input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.star-form label span{display:block}.star-form label:hover,.star-form label.active{color:#ffd166;text-shadow:0 0 14px #ffd16633}.rate-btn{margin-left:4px;border:1px solid #3d5c77;background:#172b3e;color:#8ec8ff;padding:9px 12px;border-radius:9px;cursor:pointer;font-size:11px}.comments{margin-top:20px}.comments-head h2{margin:5px 0 20px;font-size:30px}.comments-head h2 span{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:8px;background:#182432;color:#74b9ff;font-size:12px;vertical-align:middle}.comment{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #202a34}.comment-avatar{width:40px;height:40px;display:grid;place-items:center;flex:none;background:#151e28;border:1px solid #293642;border-radius:12px}.comment-top{display:flex;gap:12px;align-items:center}.comment-top b{font-size:12px}.comment-top small{font-size:10px;color:#687789}.comment p{margin:7px 0 0;color:#9ca8b5;font-size:13px;line-height:1.6}.comment-form{margin-top:25px;padding:23px;border:1px solid #2a3745;border-radius:18px;background:#101720}.comment-form .form-label{font-weight:800;font-size:15px;margin-bottom:5px}.comment-form input:not(.honeypot),.comment-form textarea{width:100%;background:#0b1117;color:#fff;border:1px solid #27333f;border-radius:10px;padding:12px;outline:0;margin-top:9px}.comment-form button{margin-top:11px}.comment-form>small{display:block;color:#68798a;font-size:10px;margin-top:9px}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.not-found{min-height:100vh;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:20px}.not-found>div{font-size:72px;font-weight:900;color:#55adff}.not-found h1{margin:0 0 15px}.comment-admin-body{grid-column:1/-1;padding:12px;background:#0b1118;border:1px solid #202b36;border-radius:10px;color:#adb8c4;font-size:12px;line-height:1.6}.comment-admin{grid-template-columns:1fr auto}

/* Radio player polish */
.radio-player{isolation:isolate}.radio-player .ambient{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#55adff12 0,#8877ff0a 38%,transparent 70%);animation:ambientPulse 4s ease-in-out infinite;z-index:-1}.cover{transition:transform .25s ease,box-shadow .25s ease}.cover.spinning{animation:spin 8s linear infinite}.vinyl-label{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#55adff,#8877ff);font-size:22px;color:#fff;box-shadow:0 5px 18px #0007}.big-play{width:96px;height:96px;border:1px solid #ffffff35;background:linear-gradient(145deg,#5cb6ff,#7068ff);box-shadow:0 0 0 8px #55adff12,0 18px 45px #0008}.big-play:hover{transform:scale(1.08);box-shadow:0 0 0 12px #55adff18,0 24px 65px #000a}.play-symbol{font-size:31px;margin-left:4px}.radio-player.playing .big-play{background:linear-gradient(145deg,#35d49a,#3a9dff)}.radio-player.playing{border-color:#3f6c8d;box-shadow:0 35px 100px #000b,0 0 70px #55adff10}.radio-player.playing .visualizer{opacity:.62}.visualizer i{animation-play-state:running}.radio-player:not(.playing) .visualizer i{animation-play-state:paused;height:12%!important}.radio-player.playing .visualizer i{animation-delay:calc(var(--d) * -0.11s)}@keyframes ambientPulse{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.08);opacity:1}}.player-hint{letter-spacing:.08em}.radio-main{padding-bottom:80px}.radio-info>div{transition:.2s}.radio-info>div:hover{transform:translateY(-2px);border-color:#3a4e63}

@media(max-width:900px){.post-page{padding-top:35px}.full-post{padding:25px}.post-rating{align-items:flex-start;flex-direction:column}.community aside{display:flex}.latest-side{min-height:0}.latest-side .latest{flex:none}.publish form{min-width:0}.radio-player{min-height:500px}}
@media(max-width:620px){.top{position:sticky}.hero-inner{gap:28px}.hero-panel{padding:21px}.community{gap:18px}.heading-row{align-items:flex-start;flex-direction:column}.heading-row .ghost{width:100%;justify-content:center}.section-intro h2,.heading-row h2{font-size:27px}.post{padding:16px 32px 16px 0}.post h3{font-size:16px}.post p{font-size:12px}.post-icon{width:40px;height:40px;font-size:18px}.post-arrow{right:0}.latest-side{min-height:0}.latest-side .latest{min-height:auto}.full-post{padding:20px;border-radius:18px}.full-meta{flex-direction:column}.full-post h1{font-size:32px}.full-body{font-size:14px;line-height:1.75}.post-rating{gap:17px}.rating-summary{gap:7px}.rating-summary strong{font-size:25px}.stars-static{font-size:18px}.star-form label{font-size:25px}.rate-btn{margin-left:5px}.comment-form{padding:18px}.radio-main{padding:52px 13px}.radio-main h1{font-size:48px}.radio-lead{font-size:14px;margin-bottom:28px}.radio-player{min-height:450px;border-radius:24px;padding:50px 15px 35px}.cover{width:130px;height:130px;font-size:50px}.big-play{width:82px;height:82px}.visualizer{height:110px;gap:3px}.visualizer i{width:5px}.radio-info{margin-top:13px}.radio-info>div{padding:16px}.admin-wrap{padding-left:13px;padding-right:13px}.comment-admin{grid-template-columns:1fr}}

/* ===== V7 visual/mobile refinements ===== */
.section-sub{margin:0 0 8px;color:#7e8d9e;font-size:12px}.post-content{min-width:0;flex:1}.post{position:relative;min-width:0}.post p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:4.9em}.post h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.post-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#6faef0;font-size:18px}.post-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-rating{font-size:11px;color:#ffd76b}.mini-rating i{font-style:normal;color:#728195}.side-head-link{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:900}.side-head-link strong{font-size:10px;color:#70b9ff}.latest-side{height:100%;min-height:310px}.latest-news{display:block;padding:13px 0;border-top:1px solid #202933}.latest-news b{display:block;font-size:12px;line-height:1.42;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.latest-news small{display:block;color:#647487;font-size:9px;margin-top:5px}.news-empty{display:block;color:#7c8a99;font-size:12px;line-height:1.5;padding-top:12px}.calendar-page,.news-page{max-width:1100px;margin:0 auto;padding:60px 20px 80px}.calendar-page h1,.news-page h1{font-size:58px;letter-spacing:-.055em;margin:10px 0}.calendar-lead,.news-lead{font-size:16px;color:#9ba8b6;max-width:760px;line-height:1.65}.calendar-note{margin:25px 0;padding:14px 16px;border:1px solid #39485a;background:#101a25;border-radius:12px;color:#a9b7c5;font-size:12px}.calendar-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.calendar-card{background:#10151d;border:1px solid var(--line);border-radius:18px;padding:20px}.calendar-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.calendar-card-head>div{display:flex;gap:10px;align-items:center}.calendar-card-head span:first-child{font-size:24px}.calendar-card h2{margin:0;font-size:18px}.calendar-count{color:#73baff;background:#15273a;border:1px solid #2c4d6d;padding:6px 8px;border-radius:8px;font-size:9px;font-weight:900}.holiday{display:flex;align-items:center;gap:13px;padding:11px 0;border-top:1px solid #202933}.date{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:12px;background:#172332;border:1px solid #2b4056}.date b{font-size:20px;line-height:1}.date small{font-size:8px;color:#75b9f5;font-weight:900}.date.accent{background:#2b2037;border-color:#5a3d72}.holiday>div:last-child b{display:block;font-size:13px}.holiday>div:last-child small{display:block;color:#728295;font-size:10px;margin-top:3px}.calendar-info{margin-top:12px;padding:12px;border-radius:10px;background:#17131d;color:#9b8fa9;font-size:11px;line-height:1.5}.official-source{margin-top:16px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#152131,#12161e);display:flex;align-items:center;justify-content:space-between;gap:20px}.official-source h2{margin:6px 0}.official-source p{color:#8f9baa;font-size:12px;line-height:1.5}.news-source{margin:24px 0 14px;padding:14px 16px;display:flex;align-items:center;gap:12px;border:1px solid #2c3b4c;border-radius:13px;background:#111a25}.news-source>span:first-child{font-size:22px}.news-source b,.news-source small{display:block}.news-source b{font-size:12px}.news-source small{font-size:10px;color:#7e8c9c;margin-top:3px}.source-live{margin-left:auto!important;color:#69ddb0;font-size:9px!important;letter-spacing:.1em;font-weight:900}.news-list{display:grid;gap:10px}.news-card{display:grid;grid-template-columns:85px 1fr;gap:15px;padding:18px;background:#10151d;border:1px solid var(--line);border-radius:15px;transition:.2s}.news-card:hover{border-color:#3c4d60;transform:translateY(-1px)}.news-date{font-size:20px;font-weight:900;color:#75b8f4}.news-card-body{min-width:0}.news-meta{color:#65778a;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.news-card h2{margin:6px 0;font-size:18px;line-height:1.3}.news-card h2 a:hover{color:#72b9ff}.news-card p{margin:0 0 9px;color:#97a5b3;font-size:12px;line-height:1.6}.read-news{font-size:10px;color:#73baff;font-weight:800}.news-footer-card{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#142536,#11171f);display:flex;align-items:center;justify-content:space-between;gap:20px}.news-footer-card h2{margin:6px 0;font-size:24px}.news-footer-card p{color:#8997a7;font-size:12px;line-height:1.5}.back{display:block;margin:25px 0;text-align:center;color:#70b8ff;font-size:12px}.top nav a.active{background:#162b40;color:#fff}.hero-panel{min-height:310px}.login-box code{color:#80beff}
@media(max-width:900px){.calendar-grid{grid-template-columns:1fr}.official-source,.news-footer-card{flex-direction:column;align-items:flex-start}.official-source .btn,.news-footer-card .ghost{width:100%;justify-content:center}.latest-side{min-height:auto}.hero-panel{min-height:270px}}
@media(max-width:620px){
 .top{height:64px;padding:0 9px;gap:7px}.brand{min-width:154px;gap:7px}.brand .flag{font-size:25px}.brand b{font-size:13px}.brand small{font-size:9px}.top nav{display:flex;overflow-x:auto;scrollbar-width:none;gap:3px}.top nav::-webkit-scrollbar{display:none}.top nav a{flex:none;font-size:10px;padding:8px 8px}.admin{font-size:10px;padding:8px 8px;flex:none}
 .hero{padding:50px 13px 42px}.hero-inner{gap:25px}.hero h1{font-size:47px}.hero p{font-size:14px;line-height:1.6}.trust span{font-size:9px;padding:6px 8px}.hero-panel{min-height:0;padding:19px;border-radius:18px}.big-flag{width:75px;height:75px;font-size:45px;margin:18px 0 12px}.hero-panel h3{font-size:23px}.hero-panel p{font-size:12px}.services{padding:0 13px 36px}.service{min-height:105px;padding:15px;border-radius:14px}.service-icon{width:43px;height:43px;font-size:21px}.service h3{font-size:18px}.service p{font-size:10px}.radio-promo{margin-left:13px!important;margin-right:13px!important}
 .community{padding:0 13px 45px;gap:20px}.heading-row h2{font-size:25px}.section-sub{font-size:10px}.heading-row .ghost{font-size:10px;padding:9px 10px}.featured-grid{gap:8px}.featured{padding:14px}.featured h3{font-size:14px}.featured p{font-size:10px}.search{margin-top:12px}.search input{font-size:11px;padding:11px}.search button{font-size:11px;padding:0 12px}.chips a{font-size:9px;padding:6px 8px}.post{gap:10px;padding:13px 24px 13px 0}.post-icon{width:36px;height:36px;font-size:16px;border-radius:10px}.post h3{font-size:14px;line-height:1.25;margin:4px 0}.post p{font-size:10.5px;line-height:1.5;-webkit-line-clamp:2;max-height:3.15em;margin-bottom:6px}.post small{font-size:9px}.post-arrow{font-size:14px}.post-bottom{gap:5px}.mini-rating{font-size:9px}.side{padding:15px}.latest-side{height:auto}.latest-news{padding:10px 0}.latest-news b{font-size:11px;-webkit-line-clamp:2}.latest-news small{font-size:8px}.useful h3{font-size:18px}
 .publish{padding:20px 13px;margin-bottom:45px;gap:10px}.publish-copy{padding:19px}.publish h2{font-size:29px}.publish p{font-size:12px}.steps{font-size:10px}.publish form{grid-template-columns:1fr;padding:15px}.publish input,.publish select,.publish textarea,.publish button{grid-column:1!important;font-size:11px}.publish button{width:100%}
 .calendar-page,.news-page{padding:38px 13px 60px}.calendar-page h1,.news-page h1{font-size:43px}.calendar-lead,.news-lead{font-size:13px}.calendar-card{padding:15px}.calendar-card h2{font-size:15px}.holiday{gap:10px}.date{width:45px;height:45px}.date b{font-size:17px}.holiday>div:last-child b{font-size:11px}.holiday>div:last-child small{font-size:8px}.calendar-note{font-size:10px;padding:11px}.official-source{padding:17px}.news-source{padding:11px}.news-source small{font-size:9px}.source-live{display:none}.news-card{grid-template-columns:61px 1fr;gap:10px;padding:14px}.news-date{font-size:15px}.news-card h2{font-size:14px}.news-card p{font-size:10px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.news-footer-card{padding:18px}.news-footer-card h2{font-size:19px}
 .radio-main{padding-left:13px!important;padding-right:13px!important}.radio-player{min-height:390px!important;padding:38px 12px 28px!important}.cover{width:118px!important;height:118px!important}.big-play{width:74px!important;height:74px!important}.visualizer{height:85px!important}.player-hint{font-size:9px!important}
}

/* ===== V8 mobile layout + compact cards ===== */
html,body{max-width:100%;overflow-x:hidden}
.menu-toggle{display:none;border:1px solid var(--line);background:#101720;color:#dce5ee;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer}
.menu-toggle span{margin-left:4px}

/* Never allow the desktop columns to force horizontal scrolling. */
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .service-grid{grid-template-columns:1fr}
  .featured-grid{grid-template-columns:1fr}
  .community{grid-template-columns:1fr}
  .community aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .community aside .side{margin-bottom:0;min-width:0}
  .radio-body{grid-template-columns:1fr;justify-items:center;text-align:center}
  .radio audio{width:min(100%,420px)}
  .publish{grid-template-columns:1fr}
}

@media(max-width:620px){
  .top{height:auto;min-height:62px;padding:8px 10px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}
  .brand{min-width:0}
  .brand b{font-size:13px}
  .brand small{font-size:9px}
  .brand .flag{font-size:24px}
  .menu-toggle{display:block;justify-self:end}
  .main-nav{display:none!important;grid-column:1/-1;flex-direction:column;gap:4px;width:100%;padding:7px 0 2px;border-top:1px solid rgba(255,255,255,.07)}
  .main-nav.open{display:flex!important}
  .main-nav a{width:100%;padding:11px 12px;font-size:12px;border:1px solid transparent;background:#0f161f}
  .main-nav a.active,.main-nav a:hover{border-color:#2b4660;background:#152538}
  .admin{display:none}

  .hero{padding:42px 13px 32px}
  .hero-inner{width:100%;gap:22px}
  .hero h1{font-size:clamp(38px,12vw,56px);line-height:.98}
  .hero p{font-size:14px;line-height:1.55}
  .hero-actions{margin-top:20px}
  .hero-actions .btn,.hero-actions .ghost{width:100%;justify-content:center}
  .hero-panel{width:100%;min-width:0;padding:18px;border-radius:18px}
  .big-flag{width:74px;height:74px;font-size:42px;margin:20px 0 14px}
  .hero-panel h3{font-size:22px}
  .hero-panel p{font-size:12px}

  .services,.radio,.community{padding-left:13px;padding-right:13px}
  .services{padding-bottom:35px}
  .section-intro h2,.heading-row h2{font-size:24px}
  .service{min-height:88px;padding:15px;border-radius:14px}
  .service-icon{width:43px;height:43px;font-size:21px}
  .service h3{font-size:17px}
  .service p{font-size:10px}

  .community{gap:18px;padding-bottom:42px}
  .heading-row{margin-bottom:8px}
  .heading-row .ghost{width:100%;justify-content:center}
  .search{margin:12px 0 7px;width:100%}
  .search input{min-width:0;width:100%;font-size:12px}
  .search button{font-size:11px;padding:0 12px;flex:none}
  .chips{max-width:100%;overflow-x:auto}
  .post-list{width:100%;min-width:0}
  .post{width:100%;min-width:0;max-width:100%;padding:14px 27px 14px 0;gap:10px;overflow:hidden}
  .post-content{min-width:0;max-width:calc(100% - 50px)}
  .post-icon{width:38px;height:38px;font-size:17px}
  .post h3{font-size:14px;line-height:1.25;margin:4px 0}
  .post p{font-size:11px;line-height:1.45;margin-bottom:7px;-webkit-line-clamp:2;max-height:3.2em}
  .post .meta{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .post-bottom{font-size:9px;min-width:0}
  .post-bottom small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48%}
  .mini-rating{font-size:9px;white-space:nowrap}
  .post-arrow{right:2px;font-size:15px}

  .community aside{display:grid;grid-template-columns:1fr;gap:10px}
  .community aside .side{width:100%;min-height:0;padding:14px;margin:0}
  .latest-side{height:auto;min-height:0}
  .latest-news{padding:9px 0}
  .latest-news b{font-size:11px;-webkit-line-clamp:2}
  .latest-news small{font-size:8px}

  .publish{padding:18px 13px;margin-bottom:35px}
  .publish-copy{padding:16px;border-radius:15px}
  .publish h2{font-size:27px}
  .publish form{padding:13px;border:1px solid var(--line);border-radius:15px}
  .publish input,.publish select,.publish textarea{font-size:12px;min-width:0}

  .radio-promo{margin-left:13px;margin-right:13px}
  .radio-body{padding:20px 15px}
  .radio audio{display:none}
}

/* News thumbnails */
.news-thumb{display:block;width:85px;height:85px;border-radius:12px;overflow:hidden;background:#17212d;border:1px solid var(--line)}
.news-thumb img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:620px){.news-card{grid-template-columns:70px 1fr}.news-thumb{width:70px;height:70px}.news-date{font-size:14px}}


/* ===== V9: real phone layout ===== */
/* Phones/tablets with touch input get the compact mobile shell even when the browser
   reports a wider CSS viewport. Desktop mouse/keyboard layouts remain unchanged. */
@media (hover:none) and (pointer:coarse) and (max-width:1024px), (max-width:767px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{min-width:0}
  .top{width:100%;height:auto;min-height:62px;padding:8px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}
  .brand{min-width:0;width:100%;gap:7px}
  .brand .flag{font-size:24px}
  .brand b{font-size:13px}
  .brand small{font-size:9px}
  .menu-toggle{display:block;justify-self:end;white-space:nowrap}
  .main-nav{display:none!important;grid-column:1/-1;flex-direction:column;gap:4px;width:100%;padding:8px 0 2px;border-top:1px solid rgba(255,255,255,.07)}
  .main-nav.open{display:flex!important}
  .main-nav a{width:100%;padding:11px 12px;font-size:12px;border:1px solid #202c38;background:#0f161f;border-radius:10px}
  .admin{display:none}

  .hero{width:100%;padding:38px 12px 30px;overflow:hidden}
  .hero-inner{width:100%;max-width:none;display:grid;grid-template-columns:1fr;gap:20px}
  .hero-inner>div{min-width:0;max-width:100%}
  .hero h1{font-size:clamp(37px,11vw,52px);line-height:.98;word-break:normal}
  .hero p{max-width:100%;font-size:14px;line-height:1.55}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-actions .btn,.hero-actions .ghost{width:100%;justify-content:center}
  .hero-panel{width:100%;min-width:0;padding:17px;border-radius:17px}
  .hero-panel-top{font-size:9px}
  .hero-panel h3{font-size:22px}
  .hero-panel p{font-size:12px}

  .services,.radio,.community{width:100%;max-width:none;padding-left:12px;padding-right:12px}
  .service-grid{grid-template-columns:1fr;gap:9px}
  .service{width:100%;min-width:0;min-height:82px;padding:13px;border-radius:13px}
  .service-icon{width:42px;height:42px;flex:none;font-size:20px}
  .service h3{font-size:17px}
  .service p{font-size:10px}

  .radio-body{grid-template-columns:1fr;justify-items:center;text-align:center;padding:19px 13px}
  .radio audio{display:none}

  .community{display:block;min-width:0}
  .community .main-col,.community aside{width:100%;min-width:0;max-width:100%}
  .heading-row{display:block;width:100%}
  .heading-row .ghost{display:flex;width:100%;justify-content:center;margin-top:9px}
  .featured-grid{grid-template-columns:1fr;gap:8px}
  .featured{width:100%;min-width:0;padding:13px;border-radius:13px}
  .featured h3{font-size:14px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .featured p{font-size:10px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .search{width:100%;min-width:0}
  .search input{min-width:0;width:100%;font-size:12px}
  .chips{width:100%;max-width:100%;overflow-x:auto}

  .post-list{width:100%;max-width:100%;min-width:0}
  .post{width:100%;max-width:100%;min-width:0;display:flex;gap:9px;padding:13px 25px 13px 0;overflow:hidden}
  .post-icon{width:37px;height:37px;flex:none;font-size:16px}
  .post-content{width:calc(100% - 46px);min-width:0;max-width:none;overflow:hidden}
  .post .meta{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .post h3{font-size:14px;line-height:1.25;margin:4px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .post p{font-size:10.5px;line-height:1.45;margin:0 0 6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:3.1em}
  .post-bottom{min-width:0;display:flex;justify-content:space-between;gap:6px}
  .post-bottom small{font-size:8px;max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mini-rating{font-size:8px;white-space:nowrap}
  .post-arrow{right:0;font-size:14px}

  .community aside{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}
  .community aside .side{width:100%;min-width:0;min-height:0;height:auto;margin:0;padding:13px;border-radius:13px}
  .latest-side{min-height:0!important;height:auto!important}
  .latest-news{padding:9px 0}
  .latest-news b{font-size:10.5px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .latest-news small{font-size:8px}

  .publish{width:100%;max-width:none;display:block;padding:18px 12px;margin-bottom:35px}
  .publish-copy{width:100%;padding:16px;border-radius:14px}
  .publish h2{font-size:27px}
  .publish form{width:100%;display:grid;grid-template-columns:1fr;padding:13px;margin-top:10px;border:1px solid var(--line);border-radius:14px}
  .publish input,.publish select,.publish textarea,.publish button{grid-column:1!important;width:100%;min-width:0;font-size:12px}
  .publish button{width:100%}

  footer{width:100%;padding:24px 12px;display:block;text-align:center}
  .footer-links{justify-content:center;flex-wrap:wrap;margin-top:12px;gap:10px}

  .calendar-page,.news-page{width:100%;max-width:none;padding:35px 12px 55px}
  .calendar-page h1,.news-page h1{font-size:40px;line-height:1}
  .news-source{width:100%;min-width:0}
  .news-list{width:100%;min-width:0}
  .news-card{width:100%;min-width:0;grid-template-columns:68px minmax(0,1fr);gap:10px;padding:12px;border-radius:13px}
  .news-thumb{width:68px;height:68px}
  .news-card-body{min-width:0;overflow:hidden}
  .news-card h2{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .news-card p{font-size:10px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .news-footer-card{width:100%;min-width:0;padding:17px;display:block}
  .news-footer-card .ghost{width:100%;justify-content:center;margin-top:12px}

  .admin-wrap{width:100%;max-width:none;padding-left:12px;padding-right:12px;overflow:hidden}
}

/* JS adds this class for phones whose browser reports a tablet-like viewport. */
.mobile-mode .main-nav{display:none!important}
.mobile-mode .main-nav.open{display:flex!important}
.mobile-mode .menu-toggle{display:block}
.mobile-mode .admin{display:none}
.mobile-mode .top{height:auto;min-height:62px;padding:8px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.mobile-mode .brand{min-width:0;width:100%}
.mobile-mode .hero-inner{grid-template-columns:1fr}
.mobile-mode .service-grid{grid-template-columns:1fr}
.mobile-mode .community{grid-template-columns:1fr}
.mobile-mode .community aside{display:grid;grid-template-columns:1fr;gap:9px}
.mobile-mode .publish{grid-template-columns:1fr}
.latest-news{display:flex;align-items:center;gap:9px}
.latest-news img{width:52px;height:42px;flex:none;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#17212d}
.latest-news>div{min-width:0}
@media (hover:none) and (pointer:coarse) and (max-width:1024px), (max-width:767px){
  .latest-news img{width:58px;height:46px}
}

/* ===== V10 fixes ===== */
/* The mobile menu must open reliably on touch phones, even if the browser reports a wide viewport. */
.mobile-mode .menu-toggle{display:block!important}
.mobile-mode .main-nav{display:none!important}
.mobile-mode .main-nav.open{display:flex!important}
.mobile-mode .main-nav a{display:block;width:100%}
.menu-toggle[aria-expanded="true"] + .main-nav{display:flex!important}

/* News images stay as compact thumbnails and can never stretch the page. */
.news-card{min-width:0;overflow:hidden}
.news-thumb{width:90px!important;height:70px!important;min-width:90px;max-width:90px;display:block;overflow:hidden;aspect-ratio:9/7}
.news-thumb img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:cover!important}
.news-card-body{min-width:0;max-width:100%;overflow:hidden}
.news-card h2,.news-card p{max-width:100%;overflow:hidden}
.latest-news{min-width:0;max-width:100%;overflow:hidden}
.latest-news img{width:52px!important;height:42px!important;min-width:52px;max-width:52px;object-fit:cover!important}

@media (max-width:767px){
  .news-thumb{width:68px!important;height:68px!important;min-width:68px;max-width:68px}
}


/* ===== V11 news polish ===== */
.latest-side .side-head-link.news-heading{display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;cursor:default}
.latest-side .side-head-link.news-heading span{width:100%;text-align:center}
.latest-side .side-head-link.news-heading:hover{color:inherit}

.consulate-news{display:block!important}
.consulate-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.consulate-head>div{min-width:0}
.consulate-head .ghost{flex:none;white-space:nowrap}
.consulate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.consulate-item{display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;min-width:0;padding:10px;border:1px solid #25313d;border-radius:13px;background:#0d141c;text-decoration:none;color:inherit;transition:.2s}
.consulate-item:hover{border-color:#3b5871;background:#101a24;transform:translateY(-1px)}
.consulate-thumb{display:block;width:82px;height:72px;overflow:hidden;border-radius:9px;background:#17212d}
.consulate-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.consulate-body{display:block;min-width:0;overflow:hidden}
.consulate-body b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px;line-height:1.35;color:#dbe5ee}
.consulate-body small{display:block;margin-top:6px;color:#6f8192;font-size:9px}
.consulate-body em{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:6px;color:#8998a7;font-size:9px;line-height:1.4;font-style:normal}
@media(max-width:767px){
 .consulate-head{display:block}
 .consulate-head .ghost{width:100%;justify-content:center;margin-top:12px}
 .consulate-list{grid-template-columns:1fr}
 .consulate-item{grid-template-columns:68px minmax(0,1fr)}
 .consulate-thumb{width:68px;height:68px}
}

/* Pagination for community posts */
.pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 4px;flex-wrap:wrap}
.pagination a{min-width:34px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:#101720;color:#9aabba;font-size:11px;font-weight:900;text-decoration:none;transition:.2s}
.pagination a:hover{border-color:#4c6b88;color:#fff;background:#152334}
.pagination a.active{background:#183451;border-color:#3e6e9f;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.16)}
@media(max-width:620px){.pagination{margin-top:14px;gap:5px}.pagination a{min-width:32px;height:32px;font-size:10px}}

/* Featured publication rotator */
.featured-rotator{margin-bottom:16px;position:relative}
.featured-viewport{position:relative;overflow:hidden;border-radius:15px}
.featured-slide{display:none;opacity:0;transform:translateX(12px)}
.featured-slide.active{display:block;animation:featuredIn .45s ease forwards}
@keyframes featuredIn{to{opacity:1;transform:translateX(0)}}
.featured-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:9px}
.featured-arrow{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:#101720;color:#cbd6e1;font-size:21px;line-height:1;cursor:pointer;display:grid;place-items:center}
.featured-arrow:hover{background:#172638;border-color:#41617f;color:#fff}
.featured-dots{display:flex;align-items:center;justify-content:center;gap:6px}
.featured-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#465364;cursor:pointer;transition:.2s}
.featured-dot.active{width:20px;border-radius:5px;background:#72b9ff}
@media(max-width:620px){.featured-controls{margin-top:7px;gap:9px}.featured-arrow{width:28px;height:28px;font-size:19px}.featured-dot{width:6px;height:6px}.featured-dot.active{width:17px}}

/* ===== V15 community / admin polish ===== */
@media(min-width:768px){
  .top .flag{width:46px;height:30px;border-radius:7px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:950;color:#17202b;box-shadow:0 5px 18px rgba(0,0,0,.25);background:linear-gradient(to bottom,#fff 0 33.33%,#169b62 33.33% 66.66%,#d62612 66.66% 100%)}
  .top .flag b{background:transparent;padding:0;border-radius:0;letter-spacing:.04em;color:#17202b;text-shadow:0 1px 1px rgba(255,255,255,.25)}
}
.side-news-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#77899b;padding:11px 0 3px;border-top:1px solid #202933;margin-top:6px}
.side-news-label:first-of-type{border-top:0;margin-top:0}
.side-news-label.consulate-label{color:#e2c56e}
.useful h3 a{color:inherit;text-decoration:none}
.useful h3 a:hover{color:#75bcff}
.whatsapp-side{background:linear-gradient(145deg,#12291e,#101820);border-color:#244734}
.whatsapp-icon{font-size:28px;margin-bottom:7px}
.whatsapp-side h3{font-size:18px;margin:7px 0}
.whatsapp-side p{font-size:12px;line-height:1.6;color:#9bb0a4;margin:0 0 13px}
.whatsapp-btn{width:100%;font-size:11px;padding:11px 10px;background:linear-gradient(135deg,#159447,#0d6d35)}
.admin-post-nav{position:sticky;top:84px;z-index:10;display:flex;gap:7px;flex-wrap:wrap;padding:10px;margin:14px 0 20px;background:rgba(8,11,16,.94);border:1px solid var(--line);border-radius:13px;backdrop-filter:blur(14px)}
.admin-post-nav a{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#101720;color:#aebbc8;font-size:11px;font-weight:850}
.admin-post-nav a:hover{color:#fff;border-color:#3d5870;background:#162433}
.admin-post-section{margin:0 0 30px}
.admin-section-head{margin:0 0 10px;padding:14px 3px 4px;border-bottom:1px solid #202933}
.admin-section-head h2{margin:5px 0 3px;font-size:22px}
.admin-section-head h2 span{font-size:11px;padding:4px 7px;border-radius:6px;background:#182330;color:#8ea5b8;vertical-align:middle}
.admin-section-head p{margin:0 0 10px;color:#738294;font-size:11px}
.admin-post-section#important .admin-section-head h2{color:#ffd66f}
.admin-post-section#pending .admin-section-head h2{color:#ffd66f}
.admin-post-section#approved .admin-section-head h2{color:#76dfb4}
.admin-post-section#rejected .admin-section-head h2{color:#ff9aaa}
@media(max-width:767px){
 .admin-post-nav{position:static;overflow:auto;flex-wrap:nowrap}
 .admin-post-nav a{white-space:nowrap}
 .whatsapp-side{margin-top:0}
}
.news-updated{display:block;margin:6px 0 0;color:#68788a;font-size:9px;line-height:1.4}
.news-source .news-refresh{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #2d465d;border-radius:8px;background:#142333;color:#8bc7ff;font-size:9px;font-weight:900;text-decoration:none}
.news-source .news-refresh:hover{background:#1a3147;border-color:#477293;color:#fff}
@media(max-width:767px){.news-source{flex-wrap:wrap}.news-source .news-refresh{margin-left:0}.news-updated{font-size:8px}}