@font-face {font-family:'Bahnschrift';src:local('Bahnschrift'),local('Bahnschrift Regular');}
:root{
  --bg1:#071428; --bg2:#0a1e3a; --line:rgba(255,255,255,.16);
  --glass:rgba(255,255,255,.045); --hover:rgba(255,255,255,.10);
  --ink:#ffffff; --muted:rgba(255,255,255,.82);
  --fz:1;
}
body{
  margin:0;color:var(--ink);font-family:'Bahnschrift',system-ui,sans-serif;
  font-weight:500;
  background:linear-gradient(180deg,var(--bg2) 0%, var(--bg1) 100%);
}
a{color:var(--ink);text-decoration:none;}
a:hover{color:#b9d7ff}
.section{padding:28px 0;}
.wrap{background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:18px;}
.hrline{border-top:1px solid var(--line);opacity:1;margin:14px 0;}
.badge-soft{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:6px 10px;font-size:.85rem;opacity:.95}
.btn-soft{
  border:1px solid var(--line);background:transparent;border-radius:10px;padding:8px 12px;text-decoration:none;
  display:inline-flex;gap:8px;align-items:center;color:#fff
}
.btn-soft:hover{background:var(--hover);color:#fff}

.card-news{position:relative;isolation:isolate;background:var(--glass);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s}
.card-news:hover{border-color:#fff;}
.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#091a30}
.meta{display:flex;align-items:center;gap:14px;font-size:14px;opacity:.92;flex-wrap:wrap}
.meta .kv{display:flex;align-items:center;gap:6px}
.title{font-weight:600 !important;}
.title a{font-weight:600 !important;}
.title a:hover{text-decoration:underline}
.pager .btn{border:1px solid var(--line);background:transparent;border-radius:10px;padding:8px 14px}
.pager .btn:hover{background:var(--hover);}
.pager .btn{color:#fff !important;}
.pager .btn svg{stroke:#fff !important;}

.view-title{font-weight:650 !important;letter-spacing:-.01em;font-size:clamp(1.18rem,1.8vw,1.55rem);line-height:1.3;margin:0}

/* tarix + saat eyni ölçüdə */
.view-date{display:inline-flex;align-items:center;gap:6px 14px;white-space:nowrap;opacity:.92;font-size:.8rem;line-height:1.25;}
.view-date span{display:inline-block;font-size:inherit;line-height:inherit;vertical-align:baseline;}
.view-date__item{display:inline-flex !important;align-items:center;gap:5px;color:var(--muted)}
.view-date__item svg{width:14px;height:14px;flex:0 0 14px;color:#6bdee5;stroke:currentColor;fill:none}

.view-body{
  margin-top:14px;
  font-size:calc(1.04rem * var(--fz));
  line-height:1.85;
  font-weight:450;
  opacity:.96;
  text-align:justify;
  text-justify:inter-word;
}
.view-body p{margin:0 0 14px}
.view-body h2,.view-body h3,.view-body h4,.view-body h5,.view-body h6{text-align:start}
.view-body a{color:#cfe4ff;text-decoration:underline;text-underline-offset:3px}
.view-body a:hover{color:#ffffff}

.hero{width:100%;border-radius:16px;border:1px solid var(--line);overflow:hidden;background:#091a30;cursor:pointer;}
.hero.is-static{cursor:default}
.hero img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;image-orientation:from-image;}

body.akf-public-news-page .news-detail-section{padding:clamp(16px,2vw,28px) 0}
body.akf-public-news-page .news-detail-shell{width:100% !important;max-width:none !important;margin:0 !important;padding-inline:clamp(14px,2.7vw,44px)}
body.akf-public-news-page .news-detail-toolbar{max-width:none;margin-bottom:12px !important}
body.akf-public-news-page .news-detail-toolbar :is(.btn-soft,.zoom-btn){min-height:38px;padding:7px 10px;font-size:.82rem}
body.akf-public-news-page .news-detail-card{width:100% !important;max-width:none !important;margin:0 !important;padding:clamp(16px,2vw,30px);border-radius:clamp(18px,2vw,26px)}
body.akf-public-news-page .news-detail-card .view-title{max-width:1100px;font-size:clamp(1.18rem,1.8vw,1.55rem) !important;line-height:1.3 !important;letter-spacing:-.01em !important;text-wrap:balance}
body.akf-public-news-page .news-detail-heading-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;margin-top:9px}
body.akf-public-news-page .news-detail-card .hrline{margin:12px 0}
body.akf-public-news-page .news-detail-card .hero img{width:100%;height:clamp(320px,56vw,760px);aspect-ratio:auto;object-fit:cover;object-position:center}
body.akf-public-news-page .news-detail-card .view-body{max-width:1120px;margin:16px auto 0}

.gallery{margin-top:14px;display:flex;gap:10px;overflow:auto;padding-bottom:6px;}
.gallery::-webkit-scrollbar{height:8px}
.gallery::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}
.gthumb{flex:0 0 auto;width:120px;border-radius:12px;border:1px solid var(--line);overflow:hidden;background:#091a30;cursor:pointer;}
.gthumb img{width:100%;height:80px;object-fit:cover;display:block;image-orientation:from-image;}

.share-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.share-label{opacity:.92;font-size:.92rem;margin-right:2px}
.share-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);display:inline-flex;align-items:center;justify-content:center;}
.share-btn:hover{background:var(--hover)}
.share-btn svg{fill:#fff}

.zoom-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.zoom-btn{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:10px;padding:8px 10px;display:inline-flex;align-items:center;gap:8px;color:#fff;}
.zoom-btn:hover{background:var(--hover)}
.zoom-btn svg{stroke:#fff;fill:none}

.vlink{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.vlink .lbl{opacity:.9;font-size:.92rem}
.vlink a{color:#cfe4ff;text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.vlink a:hover{color:#fff}

.modal-dialog{max-width:1100px;}
.modal-content{background:rgba(6,14,28,.96);border:1px solid var(--line);}
.modal-header{border-bottom:1px solid var(--line)}
.modal-footer{border-top:1px solid var(--line)}
.modal-body{padding:12px;}

.slide-stage{
  height:min(78vh, 720px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
}
.carousel-inner{width:100%;height:100%;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#060f1f;}
.carousel-item{width:100%;height:100%;}
.carousel-item .slide-stage img{
  max-width:100%;
  max-height:100%;
  width:auto;height:auto;
  object-fit:contain;
  display:block;
  image-orientation:from-image;
}

.cnav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  z-index:10;
}
.cnav:hover{background:var(--hover)}
.cprev{left:14px}
.cnext{right:14px}
.cnav svg{fill:#fff}

.carousel-indicators [data-gallery-index]{
  width:8px;height:8px;border-radius:50%;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(255,255,255,.18);
  margin:0 4px;
}
.carousel-indicators .active{background:#fff}

@media(max-width:576px){
  .view-title{font-size:1.14rem}
  body.akf-public-news-page .news-detail-shell{padding-inline:10px}
  body.akf-public-news-page .news-detail-card{padding:14px;border-radius:18px}
  body.akf-public-news-page .news-detail-card .view-title{font-size:1.14rem !important;line-height:1.34 !important}
  body.akf-public-news-page .news-detail-heading-row{align-items:flex-start;margin-top:8px}
  body.akf-public-news-page .news-detail-heading-row .share-row{width:100%}
  body.akf-public-news-page .news-detail-card .hero img{height:auto;aspect-ratio:16/9}
  body.akf-public-news-page .news-detail-toolbar>div{width:100%;justify-content:flex-start}
  body.akf-public-news-page .news-detail-toolbar :is(.btn-soft,.zoom-btn){min-height:36px;padding:6px 8px;font-size:.76rem}
  .gthumb{width:96px}
  .gthumb img{height:70px}
  .cnav{width:42px;height:42px;border-radius:12px}
  .cprev{left:10px}
  .cnext{right:10px}
  .slide-stage{height:min(70vh, 520px)}
  .modal-body{padding:10px;}
}

@media print{
  body{background:#fff !important;color:#000 !important;}
  a{color:#000 !important;text-decoration:underline;}
  .btn-soft,.share-row,.gallery,.modal,.pager,.zoom-row{display:none !important;}
  .wrap{background:#fff !important;border:0 !important;padding:0 !important;}
  .hero{border:0 !important;cursor:default !important;}
  .section{padding:0 !important;}
}