/* AviationWey UI V2: clear aviation blue, compact hierarchy, readable cards. */
:root {
  --ink: #0a2742;
  --deep: #082844;
  --paper: #f5faff;
  --line: #c9deed;
  --blue: #1683c5;
  --sky: #e5f4ff;
  --orange: #1683c5;
  --aw-white: #fff;
  --aw-muted: #587086;
}

body { background: linear-gradient(180deg, #fff 0, #f5faff 42%, #edf7ff 100%); }
.topline { background: var(--deep); color: #dff3ff; }
.header { background: rgba(255,255,255,.97); border-color: #d5e7f3; box-shadow: 0 8px 30px rgba(8,40,68,.06); }
.header-main { height: 76px; }
.wordmark { color: var(--deep); letter-spacing: -.055em; }
.wordmark>span:last-child>span { color: var(--blue); }
.mark { color: #fff; background: var(--deep); border-color: var(--deep); }
.main-nav a:hover,.topic-nav a:hover { color: var(--blue); }
.lang { background: #fff; border-color: #bdd8ea; border-radius: 8px; }
.topic-nav { height: 48px; border-color: #d5e7f3; gap: 8px; }
.topic-nav a { padding: 7px 11px; border-radius: 999px; font-family: var(--sans); font-weight: 700; color: #34566f; }
.topic-nav a:hover { background: var(--sky); }
.topic-nav a[data-filter-link="airline"] { order: 1; }
.topic-nav a[data-filter-link="airport"] { order: 2; }
.topic-nav a[data-filter-link="aircraft_model"] { order: 3; }
.topic-nav a[data-filter-link="manufacturer"] { order: 4; }
.topic-nav a[data-filter-link="air_route"] { order: 5; }
.topic-nav a[data-filter-link="incident_safety"] { order: 6; }
.topic-nav a[href="#video"] { order: 7; }

.hero { min-height: 560px; padding-top: 26px; padding-bottom: 30px; }
.hero-image { min-height: 500px; border-radius: 22px; box-shadow: 0 24px 60px rgba(8,40,68,.18); }
.hero-image:after { inset: 26px 0 30px; border-radius: 22px; background: linear-gradient(90deg,rgba(5,35,60,.86),rgba(5,35,60,.32) 70%,rgba(5,35,60,.08)); }
.hero-copy { padding-left: 54px; }
.hero h1 { font-family: var(--sans); font-weight: 800; letter-spacing: -.065em; }
.hero h1 em { color: #8ed3ff; font-style: normal; font-weight: 800; }
.eyebrow { color: var(--blue); font-family: var(--sans); font-weight: 800; }
.hero .eyebrow { color: #8ed3ff; }
.button { background: var(--blue); border-radius: 9px; box-shadow: 0 8px 20px rgba(22,131,197,.28); }
.status-bar { background: #dff2ff; color: var(--deep); border-block: 1px solid #c4e3f5; }
.status-bar b { background: #07975f; }

.section { padding: 78px 0; }
.section-head { border-color: #c9deed; margin-bottom: 26px; padding-bottom: 28px; }
.section h2,.country-section h2,.sectors h2 { font-family: var(--sans); font-weight: 800; color: var(--deep); }
.section h2 em,.country-section h2 em,.sectors h2 em { color: var(--blue); font-style: normal; font-weight: 800; }
.section-head>p { color: var(--aw-muted); }

.flow-toolbar { gap: 9px; margin-bottom: 26px; }
.flow-toolbar button { border: 1px solid #bdd8ea; background: #fff; color: #31546d; border-radius: 999px; padding: 10px 15px; font-family: var(--sans); font-weight: 800; }
.flow-toolbar button:hover,.flow-toolbar button.active { background: var(--deep); border-color: var(--deep); }
.flow-toolbar button[data-flow-filter="all"] { order: 0; }
.flow-toolbar button[data-flow-filter="airline"] { order: 1; }
.flow-toolbar button[data-flow-filter="airport"] { order: 2; }
.flow-toolbar button[data-flow-filter="aircraft_model"] { order: 3; }
.flow-toolbar button[data-flow-filter="manufacturer"] { order: 4; }
.flow-toolbar button[data-flow-filter="air_route"] { order: 5; }
.flow-toolbar button[data-flow-filter="incident_safety"] { order: 6; }
.flow-grid { grid-template-columns: .86fr 1.14fr; gap: 28px; align-items: start; }
.flow-lead { background: #fff; border: 1px solid #cfe3f1; border-radius: 16px; padding: 16px 16px 20px; box-shadow: 0 14px 38px rgba(8,40,68,.08); overflow: hidden; }
.flow-lead-image { margin: -16px -16px 20px; height: 270px; background: var(--sky); }
.flow-lead h3 { font-family: var(--sans); font-size: 27px; color: var(--deep); }
.flow-lead p { color: var(--aw-muted); }
.tag,.event-rail span { color: var(--blue); font-family: var(--sans); font-weight: 800; }
.article-read-link { color: var(--blue); }
.flow-list { display: grid; gap: 10px; }
.flow-list li,.flow-list li:has(.news-thumb) { border: 1px solid #d3e5f1; border-radius: 13px; background: #fff; padding: 13px; grid-template-columns: 92px 64px 1fr 22px; transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.flow-list li:first-child,.flow-list li:last-child { border: 1px solid #d3e5f1; }
.flow-list li:hover { transform: translateY(-2px); background: #fff; border-color: #86bfe2; box-shadow: 0 10px 26px rgba(8,40,68,.09); }
.news-thumb { width: 92px; height: 68px; border-radius: 9px; }
.flow-list b { color: var(--blue); }
.flow-list p { color: #274861; font-weight: 650; }
.flow-list small { color: #71879a; }
.flow-list a:hover { color: var(--blue); }
.outline-button { border-color: var(--deep); border-radius: 9px; color: var(--deep); }

.directory-grid { border: 0; gap: 13px; }
.directory-grid button { min-height: 180px; border: 1px solid #cce1ef; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(8,40,68,.045); }
.directory-grid button:hover { background: var(--sky); border-color: #75b7dd; }
.directory-grid button[data-directory-filter="airline"] { order: 1; }
.directory-grid button[data-directory-filter="airport"] { order: 2; }
.directory-grid button[data-directory-filter="aircraft_model"] { order: 3; }
.directory-grid button[data-directory-filter="manufacturer"] { order: 4; }
.directory-grid button[data-directory-filter="air_route"] { order: 5; }
.directory-grid button[data-directory-filter="aviation_video"] { order: 6; }
.directory-grid b { font-family: var(--sans); color: var(--deep); }
.directory-grid i { color: var(--blue); font-family: var(--sans); font-weight: 800; }

.country-section { background: linear-gradient(135deg,#e7f6ff 0%,#ccecff 100%); border-color: #b8ddf2; }
.coverage-proof { background: rgba(255,255,255,.62); border-radius: 14px; overflow: hidden; border-color: #8ebbd5; }
.world-pulse>span { color: var(--blue); }
.video-section { background: var(--deep); }
.video-main { background: linear-gradient(135deg,#0d416a,#176f9f); border-radius: 16px; }
.video-main>a:hover { color: #8ed3ff; }
.sector-grid { border: 0; gap: 12px; }
.sector-grid a { border: 1px solid #cce1ef; border-radius: 12px; background: #fff; color: var(--deep); }
.sector-grid a:hover { background: var(--sky); }
footer { background: var(--deep); }
.footer-grid b { color: #8ed3ff; }
.legal { border-color: #28516f; }

.article-page h1 { font-family: var(--sans); color: var(--deep); }
.article-teaser,.article-body { color: #294a62; }
.article-back { color: var(--blue); }

@media(max-width:800px) {
  .header-main { height: 66px; }
  .hero { min-height: 590px; }
  .hero-image { height: 590px; border-radius: 0; }
  .hero-image:after { inset: 0; border-radius: 0; }
  .hero-copy { padding: 30px 18px; }
  .hero h1 { font-size: 45px; }
  .status-bar { margin-top: 0; }
  .section { padding: 56px 0; }
  .flow-grid { gap: 16px; }
  .flow-list li,.flow-list li:has(.news-thumb) { grid-template-columns: 70px 1fr 18px; }
  .flow-list li:has(.news-thumb) .news-thumb { height: 165px; border-radius: 9px; }
  .directory-grid { gap: 10px; }
  .directory-grid button { min-height: 145px; }
  .main-nav.is-open { background: #fff; border-color: #c9deed; }
}

/* V2.1: compact lead story and wider news list. */
@media(min-width:801px) {
  .flow-grid { grid-template-columns: minmax(300px,390px) minmax(0,1fr); gap: 34px; }
  .flow-lead { width: 100%; }
  .flow-lead-image { height: 210px; }
  .flow-lead h3 { font-size: 23px; line-height: 1.2; }
  .flow-lead p { font-size: 13px; line-height: 1.6; }
}

/* V2.2: tablet and mobile must never retain the desktop split layout. */
html,body { max-width: 100%; overflow-x: hidden; }
.section,.flow-grid,.flow-grid>* { min-width: 0; }

@media(max-width:1100px) {
  .flow-toolbar {
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    padding-bottom: 5px;
  }
  .flow-toolbar::-webkit-scrollbar { display: none; }
  .flow-toolbar button { flex: 0 0 auto; }
  .flow-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 18px;
    width: 100%;
  }
  .flow-lead {
    width: 100%;
    max-width: none;
  }
  .flow-lead-image { height: clamp(210px,48vw,340px); }
  .flow-lead h3 {
    font-size: clamp(23px,5vw,32px);
    overflow-wrap: break-word;
  }
  .flow-list { width: 100%; }
}

@media(max-width:600px) {
  .wrap { width: calc(100% - 28px); }
  .flow-toolbar { margin-inline: 0; }
  .flow-lead { padding: 13px 13px 18px; }
  .flow-lead-image { margin: -13px -13px 18px; height: 210px; }
  .flow-list li,.flow-list li:has(.news-thumb) {
    width: 100%;
    grid-template-columns: 62px minmax(0,1fr) 18px;
    gap: 11px;
  }
  .flow-list p { overflow-wrap: anywhere; }
}