/* Vorobyiev–Yagodkina oval in the space weather section. */
.apm-oval-section { padding: 24px 0 48px; }
.apm-oval-content { display: grid; gap: 18px; }
.apm-oval-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.apm-oval-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.apm-oval-heading h2 { margin: 0; font-size: clamp(22px, 2.5vw, 28px); }
.apm-oval-heading p { margin: 5px 0 0; color: var(--muted); font-size: 14px; }
.apm-oval-refresh { padding: 8px 13px; border: 1px solid #286e88; border-radius: 5px; background: #fff; color: #205b74; font-size: 14px; font-weight: 700; text-decoration: none; }
.apm-oval-refresh:hover, .apm-oval-refresh:focus-visible { background: #edf6f8; }
.apm-oval-summary { display: grid; grid-template-columns: 1.6fr 1fr 1fr; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: #f5f9fb; }
.apm-oval-state, .apm-oval-index { display: grid; gap: 6px; align-content: start; padding: 18px 22px; }
.apm-oval-index { border-left: 1px solid var(--line); }
.apm-oval-label { color: var(--muted); font-size: 13px; font-weight: 700; }
.apm-oval-state > strong { font-size: 23px; line-height: 1.2; color: #173d53; }
.apm-oval-state > span:not(.apm-oval-label), .apm-oval-index > span:not(.apm-oval-label) { color: var(--muted); font-size: 13px; }
.apm-oval-index > strong { color: #173d53; font-size: 30px; line-height: 1.2; }
.apm-oval-index small { font-size: 15px; font-weight: 600; }
.apm-oval-state .apm-oval-freshness { justify-self: start; margin-top: 3px; color: #246046; }
.apm-oval-state .apm-oval-freshness--stale { color: #8a551a; }
.apm-oval-notices { display: grid; gap: 7px; }
.apm-oval-notices:empty { display: none; }
.apm-oval-notices p { margin: 0; padding: 10px 13px; border-left: 3px solid #cc973f; background: #fff8e9; color: #755322; font-size: 14px; line-height: 1.5; }
.apm-oval-maps { display: grid; grid-template-columns: 1fr 1.12fr; gap: 20px; align-items: start; }
.apm-oval-map { min-width: 0; margin: 0; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: #f6fafb; }
.apm-oval-map__head { padding: 16px 18px 0; }
.apm-oval-map__head h2 { margin: 0; font-size: 22px; }
.apm-oval-map__head p { margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.4; }
.apm-oval-map__body { padding: 12px; }
.apm-oval-position { margin: 9px 3px 0; color: #3c6672; font-size: 13px; }
.apm-oval-page .auroral-oval-kola-vector__stations text { font-size: 11px; }
.apm-oval-page .apm-polar-label { fill: #235a68; text-anchor: middle; }
.apm-oval-page .auroral-oval-vector-dialog .apm-polar-label { fill: #e0f2f6; }
.apm-oval-legend { display: flex; flex-wrap: wrap; gap: 10px 22px; color: var(--muted); font-size: 13px; }
.apm-oval-legend > span { display: inline-flex; align-items: center; gap: 7px; }
.apm-oval-legend i { display: inline-block; width: 22px; height: 10px; border-radius: 2px; }
.apm-oval-legend__zone { background: #95dda9; border: 1px solid #25865b; }
.apm-oval-legend i.apm-oval-legend__equatorward { height: 0; border-top: 3px solid #238657; }
.apm-oval-legend i.apm-oval-legend__poleward { height: 0; border-top: 3px dashed #5c9676; }
.apm-oval-legend__day { background: #a5cbd0; }
.apm-oval-legend__night { background: #334d60; }
.apm-oval-map-note { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.apm-oval-about { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.apm-oval-about article { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 8px; }
.apm-oval-about h2 { margin: 0 0 12px; font-size: 22px; }
.apm-oval-about p { margin: 0 0 10px; font-size: 14px; line-height: 1.65; color: var(--muted); }
.apm-oval-about p:last-child { margin-bottom: 0; }
.apm-oval-about dl { display: grid; gap: 11px; margin: 0; }
.apm-oval-about dl > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 12px; font-size: 13px; line-height: 1.5; }
.apm-oval-about dt { color: var(--muted); }
.apm-oval-about dd { margin: 0; color: var(--ink); }
@media (max-width: 800px) {
    .apm-oval-maps, .apm-oval-about { grid-template-columns: 1fr; }
    .apm-oval-summary { grid-template-columns: 1fr 1fr; }
    .apm-oval-state { grid-column: 1 / -1; border-bottom: 1px solid var(--line); }
    .apm-oval-index:nth-child(2) { border-left: 0; }
    .apm-oval-index { padding: 14px 18px; }
}
@media (max-width: 450px) {
    .apm-oval-state { padding: 16px; }
    .apm-oval-state > strong { font-size: 21px; }
    .apm-oval-index > strong { font-size: 26px; }
    .apm-oval-map__head h2, .apm-oval-about h2 { font-size: 20px; }
    .apm-oval-map__body { padding: 7px; }
    .apm-oval-page .apm-polar-label { font-size: 14px; }
    .apm-oval-about article { padding: 16px; }
    .apm-oval-about dl > div { grid-template-columns: 1fr; gap: 2px; }
    .apm-oval-legend { gap: 9px 16px; }
}