/* Bảng dự báo cực quang Murmansk – Teriberka (cn-aurora.js), màu ATN Travel */
.aq{--k0:#9fb6c9;--k1:#9be3c4;--k2:#3dcb8a;--k3:#ffb877;--k4:#f58220;--bd:rgba(255,255,255,.14);--card:rgba(255,255,255,.06);--tl-l:4.6rem;
  position:relative;margin:2em 0;padding:clamp(18px,3vw,28px);border-radius:20px;color:#eaf2fa;line-height:1.5;font-size:15px;
  background:radial-gradient(120% 70% at 10% 0%,rgba(61,203,138,.20),transparent 60%),radial-gradient(90% 60% at 100% 0%,rgba(245,130,32,.16),transparent 60%),linear-gradient(180deg,#091b36 0%,#0c2c4f 60%,#10547c 140%);
  scroll-margin-top:90px;overflow:hidden}
.aq p{margin:0}
.aq h3{font-size:16px;line-height:1.3;margin:0;color:#fff;font-weight:700}
.cn-body .aq h2,.cn-page .cn-body .aq h2{font-size:clamp(21px,3.4vw,26px);line-height:1.2;color:#fff!important;margin:.2em 0 .3em;padding:0;border:0}
.aq-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 18px;margin-bottom:18px}
.aq-k{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#ffb877;letter-spacing:.02em}
.aq-live{width:9px;height:9px;border-radius:50%;background:var(--k2);animation:aq-p 2s infinite}
@keyframes aq-p{0%{box-shadow:0 0 0 0 rgba(61,203,138,.6)}70%{box-shadow:0 0 0 9px rgba(61,203,138,0)}100%{box-shadow:0 0 0 0 rgba(61,203,138,0)}}
.aq-time{font-size:13px;color:#9fb6c9}
.aq.is-loading .aq-time::after{content:", đang tải…"}
.aq-actions{display:flex;flex-wrap:wrap;gap:8px}
.aq-btn{font:inherit;font-size:14px;font-weight:700;cursor:pointer;padding:9px 16px;border-radius:99px;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;white-space:nowrap}
.aq-btn:hover{background:rgba(255,255,255,.1);border-color:#fff}
.aq-share{background:#f58220;border-color:#f58220}
.aq-share:hover{background:#e0731a;border-color:#e0731a}
.aq-btn:focus-visible,.aq-tabs button:focus-visible{outline:3px solid #ffb877;outline-offset:2px}
.aq-verdict,.aq-card,.aq-tile,.aq-steps{background:var(--card);border:1px solid var(--bd);border-radius:16px}
.aq-verdict{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;padding:16px 18px}
.cn-page .aq .aq-gauge{width:100%;height:auto;overflow:visible;fill:none;stroke:none}
.cn-page .aq .aq-needle circle{fill:#fff}
.aq-gauge path{fill:none;stroke-width:16;stroke-linecap:round;opacity:.35}
.aq-gauge .kp0{stroke:var(--k0)}.aq-gauge .kp1{stroke:var(--k1)}.aq-gauge .kp2{stroke:var(--k2)}.aq-gauge .kp3{stroke:var(--k3)}.aq-gauge .kp4{stroke:var(--k4)}
.aq-verdict.kp0 path.kp0,.aq-verdict.kp1 path.kp1,.aq-verdict.kp2 path.kp2,.aq-verdict.kp3 path.kp3,.aq-verdict.kp4 path.kp4{opacity:1}
.aq-needle{transform-origin:100px 100px;transform:rotate(-90deg);transition:transform 1s cubic-bezier(.3,1.4,.5,1)}
.aq-needle line{stroke:#fff;stroke-width:4;stroke-linecap:round}.aq-needle circle{fill:#fff}
.aq-vk{font-size:12px;font-weight:700;color:#9fb6c9;text-transform:uppercase;letter-spacing:.06em}
.aq-vt{font-size:clamp(21px,3vw,26px);font-weight:800;line-height:1.15;margin:3px 0 6px!important;color:#fff}
.aq-verdict.kp0 .aq-vt{color:var(--k0)}.aq-verdict.kp1 .aq-vt{color:var(--k1)}.aq-verdict.kp2 .aq-vt{color:var(--k2)}.aq-verdict.kp3 .aq-vt{color:var(--k3)}.aq-verdict.kp4 .aq-vt{color:var(--k4)}
.aq-verdict.is-ovc .aq-vt{color:#d5e2ee}
.aq-vd{font-size:14px;color:#d5e2ee}
.aq-best{display:grid;gap:4px;margin-top:10px!important;font-size:14px;color:#fff}
.aq-best:empty{display:none}
.aq-best b{color:#ffb877}
.aq-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.aq-tile{padding:12px 14px;border-top:4px solid var(--k0)}
.aq-tile.kp1{border-top-color:var(--k1)}.aq-tile.kp2{border-top-color:var(--k2)}.aq-tile.kp3{border-top-color:var(--k3)}.aq-tile.kp4{border-top-color:var(--k4)}
.aq-l{font-size:12px;font-weight:700;color:#9fb6c9}
.aq-v{font-size:clamp(20px,2.6vw,26px);font-weight:800;line-height:1.2;color:#fff;margin:3px 0 1px!important;white-space:nowrap}
.aq-v small{font-size:.55em;font-weight:700;margin-left:3px;color:#9fb6c9}
.aq-s{font-size:12px;color:#d5e2ee}
.aq-t-dark .aq-v{font-size:clamp(17px,2.1vw,21px)}
.aq-night{padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.aq-night-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px}
.aq-dark-txt{font-size:13px;color:#d5e2ee}.aq-dark-txt b{color:#fff}
.aq-tl{position:relative;padding-top:22px}
.aq-tl-row{display:flex;align-items:center;margin-bottom:6px}
.aq-tl-l{flex:0 0 var(--tl-l);font-size:11.5px;font-weight:700;line-height:1.2;color:#9fb6c9}
.aq-tl-bar{position:relative;flex:1;height:28px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.05)}
.aq-tl-sky{border:1px solid rgba(255,255,255,.12)}
.aq-tl-bar em{font-size:12px;color:#9fb6c9;padding:5px 8px;display:block;font-style:normal}
.aq-kb,.aq-cb{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;border-right:1px solid #0c2c4f}
.aq-kb{color:#091b36;border-right-width:2px}
.aq-kb.kp0{background:var(--k0)}.aq-kb.kp1{background:var(--k1)}.aq-kb.kp2{background:var(--k2)}.aq-kb.kp3{background:var(--k3)}.aq-kb.kp4{background:var(--k4)}
.aq-kb.is-obs{opacity:.6}
.aq-cb{color:#eaf2fa;font-weight:700;font-size:10.5px}
.aq-cb.is-ovc{color:#091b36}
.aq-tl-ticks{position:relative;margin-left:var(--tl-l);height:18px}
.aq-tl-ticks span{position:absolute;transform:translateX(-50%);font-size:11px;color:#9fb6c9;white-space:nowrap}
.aq-tl-ticks span:first-child{transform:none}.aq-tl-ticks span:last-child{transform:translateX(-100%)}
.aq-now{position:absolute;top:0;bottom:20px;width:0;border-left:2px dashed #f58220;font-style:normal;pointer-events:none}
.aq-now b{position:absolute;top:0;left:0;transform:translateX(-50%);font-size:11px;font-weight:800;color:#fff;background:#f58220;padding:1px 7px;border-radius:99px;white-space:nowrap}
.aq-key,.aq-legend{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:12px;color:#d5e2ee}
.cn-body .aq ul,.cn-body .aq ol{padding-left:0;margin:0}
.cn-body .aq li::marker{content:none}
.cn-body .aq .aq-key,.cn-body .aq .aq-legend{display:flex}
.cn-body .aq .aq-bars{display:flex;gap:4px;padding-top:22px}
.cn-body .aq .aq-days{display:grid;gap:6px}
.cn-body .aq .aq-steps{display:grid;gap:14px;margin-top:12px;padding:16px 18px}
.aq-key li,.aq-legend li{display:inline-flex;align-items:center;gap:6px}
.aq-key li::before,.aq-legend li::before{content:"";width:14px;height:10px;border-radius:3px;border:1px solid rgba(255,255,255,.2)}
.aq-key .k-day::before{background:#F6D58A}.aq-key .k-tw::before{background:linear-gradient(90deg,#7F8FD0,#3A4A92)}.aq-key .k-dark::before{background:#06132a}
.aq-key .k-clr::before{background:rgba(226,234,244,.12)}.aq-key .k-ovc::before{background:rgba(226,234,244,.9)}
.aq-wx{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.aq-place{padding:14px 16px}
.aq-dl{display:grid;gap:6px;margin:10px 0 0;font-size:13.5px}
.aq-dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed rgba(255,255,255,.12);padding-bottom:5px}
.aq-dl dt{color:#9fb6c9}.aq-dl dd{margin:0;font-weight:700;color:#fff;text-align:right}
.aq-dl dd.is-good{color:var(--k2)}.aq-dl dd.is-bad,.aq-dl dd.is-red{color:#ff8a70}.aq-dl dd.is-or{color:#ffb877}
.aq-flag{margin-top:10px!important;font-size:13px;padding:8px 10px;border-radius:10px;background:rgba(245,130,32,.16);border:1px solid rgba(245,130,32,.45);color:#fff}
.aq-flag.is-red{background:rgba(255,107,74,.18);border-color:rgba(255,107,74,.6)}
.aq-flag a{color:#ffb877}
.aq-wait,.aq-err{font-size:13.5px;color:#d5e2ee;padding:8px 0}
.aq-charts{padding:16px 18px}
.aq-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:rgba(0,0,0,.25);margin-bottom:12px}
.aq-tabs button{font:inherit;font-size:14px;font-weight:700;cursor:pointer;border:0;border-radius:99px;padding:7px 15px;background:transparent;color:#d5e2ee}
.aq-tabs button[aria-selected="true"]{background:#fff;color:#091b36}
.aq-cap{font-size:12.5px;color:#9fb6c9;margin-bottom:10px!important}
.aq-bars{list-style:none;display:flex;gap:4px;margin:0;padding:22px 0 0;height:180px;overflow-x:auto;scrollbar-width:thin}
.aq-bar{position:relative;flex:1 0 24px;display:flex;flex-direction:column;justify-content:flex-end}
.aq-bar.is-day{margin-left:8px}.aq-bar.is-day:first-child{margin-left:0}
.aq-day{position:absolute;top:-20px;left:0;font-size:11px;font-weight:800;color:#fff;white-space:nowrap}
.aq-col{display:flex;align-items:flex-start;justify-content:center;height:var(--h);min-height:18px;border-radius:6px 6px 3px 3px;background:var(--k0)}
.aq-col b{font-size:11px;color:#091b36;padding-top:2px}
.aq-bar.kp1 .aq-col{background:var(--k1)}.aq-bar.kp2 .aq-col{background:var(--k2)}.aq-bar.kp3 .aq-col{background:var(--k3)}.aq-bar.kp4 .aq-col{background:var(--k4)}
.aq-bar.is-past .aq-col{opacity:.45}.aq-bar.is-now .aq-col{box-shadow:0 0 0 2px #fff}
.aq-h{font-size:10.5px;color:#9fb6c9;text-align:center;height:16px;margin-top:3px}
.aq-days{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;margin:0;padding:0}
.aq-days li{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:10px;background:var(--k0);color:#091b36;font-size:11px;font-weight:700;line-height:1.25}
.aq-days li b{font-size:16px}
.aq-days li.kp1{background:var(--k1)}.aq-days li.kp2{background:var(--k2)}.aq-days li.kp3{background:var(--k3)}.aq-days li.kp4{background:var(--k4)}
.aq-note{font-size:13.5px;color:#d5e2ee;margin-top:10px!important}
.aq-legend{margin-top:12px}
.aq-legend li::before{width:12px;height:12px;border-radius:4px;background:var(--k0)}
.aq-legend .kp1::before{background:var(--k1)}.aq-legend .kp2::before{background:var(--k2)}.aq-legend .kp3::before{background:var(--k3)}.aq-legend .kp4::before{background:var(--k4)}
.aq-steps{list-style:none;counter-reset:aqs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0 0;padding:16px 18px}
.aq-steps li{counter-increment:aqs;font-size:13.5px;color:#d5e2ee;line-height:1.5}
.aq-steps li b{display:flex;align-items:center;gap:8px;font-size:15px;color:#fff;margin-bottom:4px}
.aq-steps li b::before{content:counter(aqs);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f58220;color:#fff;font-size:13px;flex:0 0 auto}
.aq-src{font-size:12px;color:#9fb6c9;margin-top:14px!important}
.aq-src a{color:#ffb877}
@media (prefers-reduced-motion:reduce){.aq-live{animation:none}.aq-needle{transition:none}}
@media (max-width:760px){
  .cn-body>.aq{margin-left:calc(var(--gut,16px)*-1);margin-right:calc(var(--gut,16px)*-1);border-radius:0}
  .aq-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aq-wx{grid-template-columns:1fr}
  .aq-steps{grid-template-columns:1fr}
}
@media (max-width:520px){
  .aq{--tl-l:3.9rem}
  .aq-head{align-items:flex-start}
  .aq-actions{width:100%}
  .aq-btn{flex:1 1 0;text-align:center}
  .aq-verdict{grid-template-columns:1fr;justify-items:center;text-align:center}
  .aq-gauge{max-width:180px}
  .aq-tl-ticks span:nth-child(even){display:none}
  .aq-cb{font-size:0}
  .aq-tl-l{font-size:10.5px}
}