/* OAQ space tone — site-wide theme layer (loaded by mu-plugins/oaq-theme.php). Colors: navy #081538 / #0A1F55, cyan #7FE7FF, orange #FF6600. */
:root {
  --oaq-navy: #081538;
  --oaq-navy-2: #0A1F55;
  --oaq-navy-3: #0E2B6E;
  --oaq-cyan: #7FE7FF;
  --oaq-orange: #FF6600;
  --oaq-text: #FFFFFF;
  --oaq-muted: #B7C4E4;
  --oaq-line: rgba(120, 180, 255, 0.28);
  --oaq-line-solid: #2D4C8C; /* opaque twin of --oaq-line on navy: overlapping connector segments must not double up */
}
html, body, .site, #page, .site-content, .ast-container { background: var(--oaq-navy) !important; color: var(--oaq-text); }
body { font-family: "IBM Plex Sans Thai Looped", "Noto Sans Thai", sans-serif; }
.site-content a { color: var(--oaq-cyan); }
.site-content a:hover { color: var(--oaq-orange); }

/* atmosphere */
.oaq-glow { background:
  radial-gradient(640px 340px at 12% 15%, rgba(41, 121, 255, 0.35), transparent 62%),
  radial-gradient(560px 320px at 88% 75%, rgba(0, 229, 255, 0.16), transparent 62%),
  linear-gradient(160deg, #0B1E4D 0%, #071233 60%, #0A1F55 100%); position: relative; }
.oaq-stars { background-image:
  radial-gradient(1.5px 1.5px at 12% 18%, rgba(255,255,255,.9), transparent 60%),
  radial-gradient(1px 1px at 30% 70%, rgba(255,255,255,.7), transparent 60%),
  radial-gradient(1.5px 1.5px at 62% 28%, rgba(255,255,255,.8), transparent 60%),
  radial-gradient(1px 1px at 78% 82%, rgba(255,255,255,.6), transparent 60%),
  radial-gradient(1px 1px at 90% 12%, rgba(255,255,255,.7), transparent 60%),
  radial-gradient(1.5px 1.5px at 45% 88%, rgba(255,255,255,.6), transparent 60%); }
.oaq-streak::before, .oaq-streak::after { content: ""; position: absolute; height: 2px; width: 520px; pointer-events: none; filter: blur(1px);
  background: linear-gradient(90deg, transparent, rgba(127,231,255,.85), transparent); transform: rotate(-18deg); }
.oaq-streak::before { left: -60px; top: 70px; }
.oaq-streak::after { right: -60px; bottom: 90px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent); }

/* glass surfaces */
.oaq-glass, .oaq-glass.elementor-element { background: rgba(255,255,255,0.07) !important; border: 1px solid var(--oaq-line); border-radius: 14px; backdrop-filter: blur(6px);
  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 10px 30px rgba(0,0,0,.25); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.oaq-glass:hover { transform: translateY(-2px); border-color: rgba(127,231,255,.6); background: rgba(255,255,255,0.10) !important; }
.oaq-glass .elementor-icon-box-title, .oaq-glass .elementor-icon-box-title a, .oaq-glass .elementor-image-box-title { color: #FFFFFF !important; }
.oaq-glass .elementor-icon-box-description, .oaq-glass .elementor-image-box-description { color: var(--oaq-muted) !important; }
.oaq-glass .elementor-icon-box-icon .elementor-icon { color: var(--oaq-cyan) !important; }
.oaq-glass .elementor-icon-box-icon .elementor-icon i, .oaq-glass .elementor-icon-box-icon .elementor-icon svg { color: var(--oaq-cyan); fill: var(--oaq-cyan); }
.oaq-glass .elementor-icon-box-title a { text-decoration: none !important; }
/* whole card clickable when the icon-box has a link (stretched link) */
.oaq-glass:has(.elementor-icon-box-title a) { position: relative; }
.oaq-glass .elementor-icon-box-title a::after { content: ""; position: absolute; inset: 0; border-radius: 14px; }
.oaq-glass .elementor-icon-box-description .oaq-host { display: inline-block; margin-top: 8px; font-size: 12px; font-weight: 500; color: var(--oaq-cyan); opacity: .85; }
.oaq-glass:hover .elementor-icon-box-description .oaq-host { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.oaq-iconpad .elementor-icon-box-icon .elementor-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(0,229,255,.12); border: 1px solid rgba(0,229,255,.35); display: inline-flex; align-items: center; justify-content: center; }

/* card covers (ctaSection): full-bleed, fixed height */
.oaq-glass > .elementor-widget-image, .oaq-glass > .elementor-widget-image .elementor-widget-container, .oaq-glass > .elementor-widget-image a { display: block; width: 100%; }
.oaq-glass > .elementor-widget-image img { display: block; width: 100% !important; height: 180px !important; object-fit: cover; border-radius: 0; }
/* breadcrumb */
.oaq-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--oaq-muted); }
.oaq-crumbs a { color: var(--oaq-cyan) !important; text-decoration: none; }
.oaq-crumbs a:hover { text-decoration: underline; text-underline-offset: 3px; }
.oaq-crumbs i { font-style: normal; opacity: .55; }
.oaq-crumbs span { color: #FFFFFF; }

/* org tree (structure page): leadership tree + vertical unit rows on a spine. Connectors are real elements (no pseudo). */
.oaq-org { display: flex; flex-direction: column; align-items: center; width: 100%; }
.oaq-org-lvl { display: flex; justify-content: center; gap: 24px; width: 100%; }
.oaq-org-conn { width: 2px; height: 26px; background: var(--oaq-line-solid); }
.oaq-org-bus { position: relative; width: min(60%, 760px); height: 26px; border: 2px solid var(--oaq-line-solid); border-bottom: 0; border-radius: 12px 12px 0 0; }
.oaq-org-bus::after { content: ""; position: absolute; left: 50%; top: -2px; bottom: 0; width: 2px; margin-left: -1px; background: var(--oaq-line-solid); }
.oaq-org-pair { width: min(100%, 1120px); justify-content: space-between; margin-top: -2px; position: relative; }
.oaq-org-through { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: var(--oaq-line-solid); }
.oaq-org-pair .oaq-org-card { width: calc(50% - 40px); max-width: none; }
.oaq-org-card { display: flex; align-items: center; gap: 14px; padding: 12px 18px 12px 12px; border-radius: 14px; background: rgba(255,255,255,.07); border: 1px solid var(--oaq-line); backdrop-filter: blur(6px); min-width: 320px; max-width: 460px; }
.oaq-org-card img, .oaq-org-card i { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: top; flex: 0 0 56px; background: rgba(255,255,255,.12); }
.oaq-org-card b { display: block; color: #FFFFFF; font-size: 16px; line-height: 1.3; }
.oaq-org-card span { display: block; color: var(--oaq-muted); font-size: 13.5px; line-height: 1.35; margin-top: 2px; }
.oaq-org-card.is-top { background: linear-gradient(135deg, rgba(31,78,179,.55), rgba(255,255,255,.08)); border-color: rgba(127,231,255,.5); }
.oaq-org-card.is-office { border-color: var(--oaq-line); background: rgba(255,255,255,.09); }
.oaq-org-units { width: 100%; max-width: 1120px; position: relative; padding-left: 34px; padding-top: 36px; display: flex; flex-direction: column; gap: 14px; }
/* elbow: from the centre stub across to the left spine; spine segments are drawn per row so it ends exactly at the last tick */
/* elbow under the deputy card: straight line div + two fixed-size SVG curves (exact geometry, no seams from overlapping borders) */
.oaq-org-elbow { position: absolute; left: 27px; right: calc(50% + 12px); top: 18px; height: 2px; background: var(--oaq-line-solid); }
.oaq-org-elbow-r { position: absolute; right: calc(50% - 1px); top: 0; width: 14px; height: 20px; display: block; }
.oaq-org-row::after { content: ""; position: absolute; left: -23px; top: -17px; bottom: -17px; width: 2px; background: var(--oaq-line-solid); }
.oaq-org-corner { position: absolute; left: 12px; top: 18px; width: 16px; height: 20px; display: block; }
.oaq-org-row.is-first::after { top: -5px; }
.oaq-org-row.is-last::after { bottom: auto; height: 46px; width: 23px; background: none; border-left: 2px solid var(--oaq-line-solid); border-bottom: 2px solid var(--oaq-line-solid); border-bottom-left-radius: 12px; }
.oaq-org-row.is-last::before { display: none; }
.oaq-org-elbow, .oaq-org-corner, .oaq-org-bus, .oaq-org-row::after { box-sizing: border-box; }
.oaq-org-row { position: relative; display: grid; grid-template-columns: 220px 1fr; gap: 16px; align-items: start; background: rgba(255,255,255,.05); border: 1px solid var(--oaq-line); border-radius: 12px; padding: 14px 16px; }
/* row pseudo-elements are offset from the row's padding box: compensate the 1px border (-23 / -17) */
.oaq-org-row::before { content: ""; position: absolute; left: -23px; top: 27px; width: 23px; height: 2px; background: var(--oaq-line-solid); }
.oaq-org-row h4 { margin: 0; font-size: 16px; font-weight: 700; color: #FFFFFF; line-height: 1.3; padding: 6px 0 0; border-left: 3px solid var(--oaq-orange); padding-left: 12px; }
.oaq-org-row ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.oaq-org-row li { background: rgba(255,255,255,.06); border: 1px solid rgba(120,180,255,.18); border-radius: 10px; padding: 8px 12px; }
.oaq-org-row li b { display: block; font-size: 14px; font-weight: 600; color: #FFFFFF; line-height: 1.35; }
.oaq-org-row li span { display: block; font-size: 12px; color: var(--oaq-muted); line-height: 1.3; margin-top: 1px; }
@media (max-width: 1024px) { .oaq-org-row { grid-template-columns: 1fr; gap: 10px; } }
@media (max-width: 767px) {
  .oaq-org-lvl { flex-direction: column; align-items: stretch; gap: 12px; }
  .oaq-org-pair .oaq-org-card, .oaq-org-card { width: auto; min-width: 0; max-width: none; }
  .oaq-org-bus { width: 2px; border: 0; background: var(--oaq-line-solid); border-radius: 0; }
  .oaq-org-units { padding-left: 0; }
  .oaq-org-elbow, .oaq-org-elbow-r, .oaq-org-corner, .oaq-org-row::before, .oaq-org-row::after, .oaq-org-through, .oaq-org > .oaq-org-conn:nth-last-child(2) { display: none; }
  .oaq-org-units { padding-top: 0; margin-top: 4px; }
  .oaq-org-row ul { grid-template-columns: 1fr; }
}

/* staff page: anchors, section heads, compact people cards */
.oaq-anchors { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
.oaq-anchors a { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 18px; font-size: 14px; font-weight: 500; color: #FFFFFF !important; background: rgba(255,255,255,.07); border: 1px solid var(--oaq-line); text-decoration: none !important; transition: background .18s ease, border-color .18s ease; }
.oaq-anchors a:hover { background: rgba(255,255,255,.14); border-color: var(--oaq-cyan); }
.oaq-sec { display: flex; align-items: center; gap: 12px; margin: 40px 0 16px !important; padding-left: 14px; border-left: 4px solid var(--oaq-orange); font-size: 24px !important; line-height: 1.25; color: #FFFFFF; scroll-margin-top: 70px; }
.oaq-sec b { font-size: 13px; font-weight: 600; color: var(--oaq-cyan); background: rgba(0,229,255,.12); border: 1px solid rgba(0,229,255,.35); border-radius: 12px; padding: 2px 10px; }
.oaq-people { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.oaq-people-4 { grid-template-columns: repeat(4, 1fr); }
.oaq-people-2 { grid-template-columns: repeat(2, 1fr); }
.oaq-people-2 .oaq-person img, .oaq-people-2 .oaq-person-ph { width: 144px; height: 180px; flex-basis: 144px; }
.oaq-people-2 .oaq-person b { font-size: 17.5px; }
.oaq-people-2 .oaq-person span { font-size: 14.5px; }
.oaq-person { display: flex; align-items: center; gap: 16px; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.07); border: 1px solid var(--oaq-line); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.oaq-person:hover { transform: translateY(-2px); border-color: rgba(127,231,255,.6); background: rgba(255,255,255,.1); }
.oaq-person img, .oaq-person-ph { width: 124px; height: 155px; border-radius: 12px; object-fit: cover; flex: 0 0 124px; background: rgba(255,255,255,.08); display: block; }
.oaq-person b { display: block; color: #FFFFFF; font-size: 16.5px; font-weight: 600; line-height: 1.3; }
.oaq-person b em { font-style: normal; font-weight: 500; color: var(--oaq-muted); }
.oaq-person span { display: block; color: var(--oaq-muted); font-size: 14px; line-height: 1.35; margin-top: 2px; }
.oaq-person small { display: inline-block; margin-top: 6px; font-size: 12px; font-weight: 600; color: var(--oaq-cyan); background: rgba(0,229,255,.1); border: 1px solid rgba(0,229,255,.3); border-radius: 8px; padding: 1px 8px; }
@media (max-width: 1024px) { .oaq-people, .oaq-people-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .oaq-people, .oaq-people-4 { grid-template-columns: 1fr; } .oaq-person img, .oaq-person-ph { width: 104px; height: 130px; flex-basis: 104px; } .oaq-sec { font-size: 20px !important; margin-top: 28px !important; } }

/* contact card + notice */
.oaq-cc { background: rgba(255,255,255,.07); border: 1px solid var(--oaq-line); border-radius: 16px; padding: 18px 20px; backdrop-filter: blur(6px); }
.oaq-cc h3 { margin: 0 0 12px; font-size: 14px; font-weight: 600; letter-spacing: .02em; color: var(--oaq-cyan); text-transform: none; }
.oaq-cc-who { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.oaq-cc-who img, .oaq-cc-ph { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: top; flex: 0 0 56px; }
.oaq-cc-who img.oaq-cc-logo { border-radius: 10px; object-fit: contain; object-position: center; background: #FFFFFF; padding: 4px; }
.oaq-cc-ph { display: inline-flex; align-items: center; justify-content: center; font-style: normal; font-weight: 700; font-size: 22px; color: #FFFFFF; background: linear-gradient(135deg, #1F4EB3, #0E2B6E); border: 1px solid rgba(127,231,255,.4); }
.oaq-cc-who b { display: block; color: #FFFFFF; font-size: 16.5px; line-height: 1.3; }
.oaq-cc-who span { display: block; color: var(--oaq-muted); font-size: 13.5px; margin-top: 2px; }
.oaq-cc ul { list-style: none; margin: 0; padding: 12px 0 0; border-top: 1px solid rgba(255,255,255,.1); }
.oaq-cc li { display: flex; align-items: center; gap: 10px; padding: 5px 0; color: #FFFFFF; font-size: 15px; }
.oaq-cc li svg { color: var(--oaq-cyan); flex: 0 0 16px; }
.oaq-cc li span { color: var(--oaq-muted); font-size: 12.5px; }
.oaq-cc li a { color: #FFFFFF !important; text-decoration: none; }
.oaq-cc li a:hover { color: var(--oaq-cyan) !important; }
.oaq-cc li a.oaq-cc-more { color: var(--oaq-cyan) !important; font-size: 14px; }
/* 5+ people: two compact columns so the hero stays balanced */
.oaq-cc-many .oaq-cc-who { display: inline-flex; width: calc(50% - 6px); vertical-align: top; }
.oaq-cc-many .oaq-cc-who:nth-child(odd) { margin-right: 8px; }
.oaq-cc-many .oaq-cc-who img, .oaq-cc-many .oaq-cc-ph { width: 44px; height: 44px; }
.oaq-cc-many .oaq-cc-who b { font-size: 14.5px; }
.oaq-cc-many .oaq-cc-who span { font-size: 12px; }
@media (max-width: 1100px) { .oaq-cc-many .oaq-cc-who { width: 100%; margin-right: 0; } }
.oaq-cc li a.oaq-cc-more:hover { text-decoration: underline; text-underline-offset: 3px; }
.oaq-notice { display: flex; gap: 14px; align-items: flex-start; padding: 14px 18px; border-radius: 12px; background: rgba(255,102,0,.1); border: 1px solid rgba(255,102,0,.4); color: #FFFFFF; font-size: 15px; line-height: 1.5; margin: 0 0 14px; }
.oaq-notice svg { color: var(--oaq-orange); flex: 0 0 20px; margin-top: 2px; }
.oaq-notice-cyan { background: rgba(0,229,255,.08); border-color: rgba(0,229,255,.35); }
.oaq-notice-cyan svg { color: var(--oaq-cyan); }

/* text widgets on navy */
.oaq-doc .elementor-widget-text-editor, .oaq-doc .elementor-widget-text-editor p, .oaq-doc .elementor-widget-text-editor li, .oaq-doc .elementor-widget-shortcode, .oaq-doc .elementor-widget-shortcode p, .oaq-doc .elementor-widget-shortcode li { color: #FFFFFF; }
.oaq-drive-summary { color: var(--oaq-muted) !important; margin: 0 0 12px; }
.oaq-drive-meta { color: var(--oaq-muted) !important; font-size: 13px; margin: 18px 0 0; }
.oaq-drive-meta em { font-style: normal; color: var(--oaq-orange); }
.oaq-drive-note { color: var(--oaq-muted) !important; font-size: 14px; line-height: 1.45; margin: 2px 0 4px; }
.oaq-council details.oaq-more .oaq-drive-note { padding: 0 16px 8px 36px; }
.oaq-doc h3 { color: #FFFFFF; font-size: 22px; margin: 26px 0 8px; }
.oaq-doc ul { padding-left: 1.2em; }
.oaq-doc li { margin: 6px 0; line-height: 1.55; }
.oaq-doc a:not(.elementor-button):not(.oaq-file) { color: #FFFFFF; text-decoration: underline; text-decoration-color: rgba(127,231,255,.55); text-underline-offset: 3px; }
.oaq-doc a:hover { color: var(--oaq-cyan); }
.oaq-doc a.oaq-file, .oaq-cc a.oaq-file { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; padding: 2px 10px; border-radius: 10px; font-size: 12.5px; font-weight: 600; letter-spacing: .03em; text-decoration: none; color: var(--oaq-cyan); background: rgba(0,229,255,.12); border: 1px solid rgba(0,229,255,.35); vertical-align: middle; }
.oaq-doc a.oaq-file::after, .oaq-cc a.oaq-file::after { content: '↗'; font-weight: 500; opacity: .8; }
.oaq-doc a.oaq-file:hover, .oaq-cc a.oaq-file:hover { border-color: var(--oaq-cyan); background: rgba(0,229,255,.24); color: #FFFFFF; }
.oaq-doc a.oaq-file .oaq-badge { margin-left: 2px; }
.oaq-badge { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; letter-spacing: .04em;
  color: var(--oaq-cyan); background: rgba(0,229,255,.12); border: 1px solid rgba(0,229,255,.35); vertical-align: middle; }

/* chips (systems) */
.oaq-chip { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 22px; font-size: 15px; font-weight: 500;
  color: #FFFFFF !important; background: rgba(255,255,255,.08); border: 1px solid var(--oaq-line); text-decoration: none !important; }
.oaq-chip:hover { background: rgba(255,255,255,.14); border-color: var(--oaq-cyan); }

/* jet tabs restyle */
.oaq-tabs .jet-tabs__control { background: rgba(255,255,255,.06); border-color: var(--oaq-line); }
.oaq-tabs .jet-tabs__control.active-tab { background: var(--oaq-orange) !important; }
.oaq-tabs .jet-tabs__content { background: rgba(255,255,255,.05) !important; border-color: var(--oaq-line) !important; color: #FFFFFF; }
.oaq-tabs .jet-tabs__control-wrapper, .oaq-tabs .jet-tabs__content-wrapper { background: transparent !important; }
.oaq-tabs .jet-tabs__content a { color: #FFFFFF; }
.oaq-tabs .jet-tabs__content a:hover { color: var(--oaq-cyan); }

/* event slide (loop item) */
.oaq-slide { position: relative; overflow: hidden; border-radius: 20px; border: 0; background-clip: border-box;
  box-shadow: inset 0 0 0 1px rgba(120,180,255,.35), 0 20px 60px rgba(0,0,0,.45), inset 0 0 80px rgba(41,121,255,.15); min-height: 440px; }
.oaq-slide-title h2, .oaq-slide-title .elementor-heading-title { text-shadow: none; } /* user preference: no glow/shadow on the slide */
.oaq-slide-title .elementor-heading-title a { color: #FFFFFF; }
.oaq-slide-title .elementor-heading-title a:hover { color: var(--oaq-cyan); }
.oaq-date, .oaq-date.e-con { background: #FFFFFF; border-radius: 12px; color: #0B1E4D; --width: 78px; width: 78px !important; min-width: 78px; max-width: 78px; flex: 0 0 78px !important; }
.oaq-date .elementor-heading-title { white-space: nowrap; }
.oaq-date .elementor-heading-title { color: #0B1E4D !important; text-shadow: none !important; } /* the slide-title glow must not bleed onto the date box */
.oaq-date .oaq-date-month .elementor-heading-title { color: var(--oaq-orange) !important; }
.e-loop-item:empty { display: none; }

/* carousel chrome */
.oaq-carousel .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; }
.oaq-carousel .swiper-pagination-bullet-active { background: #FFFFFF; width: 22px; border-radius: 4px; }
.oaq-carousel .elementor-swiper-button { width: 40px; height: 40px; border-radius: 20px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.3); color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }

/* header + nav */
.oaq-header-top > .e-con-inner > .e-con, .oaq-header-top > .e-con-inner > .e-con > .e-con { --width: auto; width: auto; flex: 0 0 auto; }
.oaq-header-top .oaq-logo { flex: 0 0 auto; }
/* height drives the size; width must stay auto at every breakpoint — Elementor's responsive width settings (122/96px)
   combined with a fixed height distort the mark, and as a flex item it also shrinks below its natural width */
.oaq-header-top .oaq-logo img { height: 46px; width: auto !important; max-width: none; flex: 0 0 auto; object-fit: contain; }
.oaq-navbar.elementor-sticky--active { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.oaq-header-top.elementor-sticky--active { background: #071233; box-shadow: 0 6px 20px rgba(0,0,0,.35); border-bottom: 1px solid var(--oaq-line); }
.oaq-nav .elementor-nav-menu--main .elementor-item { color: #FFFFFF; font-weight: 600; font-size: 17px; padding: 13px 15px; border-radius: 6px; position: relative; }
.oaq-nav .elementor-nav-menu--main .elementor-item:hover, .oaq-nav .elementor-nav-menu--main .elementor-item:focus-visible { background: rgba(255,255,255,.12); color: #FFFFFF; }
.oaq-nav .elementor-nav-menu--main .elementor-item.elementor-item-active,
.oaq-nav .elementor-nav-menu--main .current-menu-ancestor > .elementor-item { background: rgba(255,255,255,.16); color: #FFFFFF; box-shadow: inset 0 -3px 0 var(--oaq-cyan); }
.oaq-nav .elementor-nav-menu--main .elementor-item .sub-arrow { opacity: .8; }
.oaq-nav .elementor-nav-menu--dropdown { background: #0E2B6E; border: 1px solid var(--oaq-line); border-radius: 10px; box-shadow: 0 14px 34px rgba(0,0,0,.4); }
.oaq-nav .elementor-nav-menu--dropdown a { color: #FFFFFF; padding: 11px 18px; }
.oaq-nav .elementor-nav-menu--dropdown a:hover, .oaq-nav .elementor-nav-menu--dropdown a.elementor-item-active { background: rgba(255,255,255,.1) !important; color: var(--oaq-cyan) !important; box-shadow: inset 3px 0 0 var(--oaq-cyan); }
.oaq-nav .elementor-menu-toggle { color: #FFFFFF; width: 42px; height: 42px; border-radius: 8px; background: rgba(255,255,255,.1); border: 1px solid var(--oaq-line); }
.oaq-nav .elementor-menu-toggle.elementor-active { background: var(--oaq-orange); border-color: var(--oaq-orange); }
.oaq-nav-m .elementor-nav-menu--dropdown { border-radius: 0 0 14px 14px; border-top: 0; margin-top: 8px; }
.oaq-nav-m .elementor-nav-menu--dropdown a { font-size: 16px; padding: 13px 20px; border-bottom: 1px solid rgba(255,255,255,.06); }
.oaq-nav-m .elementor-nav-menu--dropdown .sub-menu a { padding-left: 34px; font-size: 15px; color: var(--oaq-muted); }

/* tablet: single-row header too (row 2 hidden) */
@media (min-width: 768px) and (max-width: 1024px) {
  .oaq-header-top > .e-con-inner > .e-con:first-child, .oaq-header-top > .e-con-inner > .e-con:first-child > .e-con { flex: 1 1 auto !important; min-width: 0; }
  .oaq-header-top .elementor-widget-heading .elementor-heading-title { font-size: 17px !important; line-height: 1.25 !important; }
}

/* footer */
.oaq-footer .oaq-flinks { list-style: none; margin: 0; padding: 0; columns: 1; }
.oaq-footer .oaq-flinks li { margin: 0 0 8px; line-height: 1.4; }
.oaq-footer .oaq-flinks a, .oaq-footer .oaq-fbottom a { color: var(--oaq-muted); text-decoration: none; font-size: 15px; }
.oaq-footer .oaq-fbottom { color: var(--oaq-muted); font-size: 12.5px; }
.oaq-footer .oaq-fbottom a { font-size: 12.5px; }
.oaq-footer .oaq-map { color: var(--oaq-cyan); font-size: 13.5px; text-decoration: none; display: inline-block; margin-top: 4px; }
.oaq-footer .oaq-map:hover { text-decoration: underline; }
.oaq-footer .oaq-flinks a:hover, .oaq-footer .oaq-fbottom a:hover, .oaq-footer .oaq-fline a:hover .elementor-icon-list-text { color: var(--oaq-cyan); }
.oaq-footer .oaq-fline .elementor-icon-list-text { color: #FFFFFF; }
.oaq-footer .oaq-partner > .e-con-inner, .oaq-footer .oaq-partner { text-align: center; }
.oaq-footer .oaq-partner img { max-height: 54px; width: auto; max-width: 100%; }
.oaq-footer .oaq-partner:hover .elementor-heading-title { color: var(--oaq-cyan) !important; }
.oaq-footer .elementor-social-icon { background: rgba(255,255,255,.1) !important; border: 1px solid var(--oaq-line); }
.oaq-footer .elementor-social-icon { transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.oaq-footer .elementor-social-icon:hover { transform: translateY(-2px); }
.oaq-footer .elementor-social-icon-facebook:hover { background: #1877F2 !important; border-color: #1877F2; }
.oaq-footer .elementor-social-icon-youtube:hover { background: #FF0000 !important; border-color: #FF0000; }
.oaq-footer .elementor-social-icon-line:hover { background: #06C755 !important; border-color: #06C755; }

/* buttons — hover/active/focus system (variants tagged via _css_classes; generic fallback for untagged legacy buttons) */
.elementor-button { transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease, filter .18s ease; }
.elementor-button:hover { transform: translateY(-1px); filter: brightness(1.08); }
.elementor-button:active { transform: translateY(0); filter: brightness(.96); transition-duration: .06s; }
.oaq-btn-primary .elementor-button:hover { background-color: #FF7A1F !important; box-shadow: 0 10px 26px rgba(255,102,0,.45) !important; filter: none; }
.oaq-btn-ghost .elementor-button:hover { background-color: rgba(255,255,255,.16) !important; border-color: #FFFFFF !important; filter: none; }
.oaq-btn-cyan .elementor-button:hover { background-color: rgba(0,229,255,.24) !important; border-color: var(--oaq-cyan) !important; color: #FFFFFF !important; filter: none; }
.oaq-btn-link .elementor-button { padding-left: 0 !important; }
.oaq-btn-link .elementor-button:hover { transform: none; filter: none; color: #FFB380 !important; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(255,179,128,.7); }
.oaq-btn-link .elementor-button .elementor-button-icon { transition: transform .18s ease; }
.oaq-btn-link .elementor-button:hover .elementor-button-icon { transform: translateX(4px); }
.oaq-btn-primary .elementor-button .elementor-button-icon { transition: transform .18s ease; }
.oaq-btn-primary .elementor-button:hover .elementor-button-icon { transform: translateX(3px); }
.oaq-tabs .jet-tabs__control:not(.active-tab):hover { background: rgba(255,255,255,.12) !important; border-color: var(--oaq-cyan) !important; }
.oaq-partner > .e-con:first-child { transition: transform .18s ease, box-shadow .18s ease; }
.oaq-partner:hover > .e-con:first-child { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.35); }
#ast-scroll-top { background: var(--oaq-orange) !important; border-radius: 10px; transition: transform .18s ease, filter .18s ease; }
#ast-scroll-top:hover { transform: translateY(-2px); filter: brightness(1.1); }
.oaq-chip { transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.oaq-chip:hover { transform: translateY(-1px); }
.oaq-footer .elementor-social-icon:hover { transform: translateY(-2px); }
a:focus-visible, .elementor-button:focus-visible, .oaq-chip:focus-visible, .elementor-menu-toggle:focus-visible { outline: 2px solid var(--oaq-cyan); outline-offset: 3px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { .elementor-button, .oaq-glass, .oaq-chip, .oaq-partner > .e-con, #ast-scroll-top, .elementor-social-icon { transition: none !important; } .elementor-button:hover, .oaq-glass:hover, .oaq-chip:hover, .oaq-partner:hover > .e-con:first-child { transform: none !important; } }

/* misc */
.oaq-hr { border-top: 1px solid var(--oaq-line); }
::selection { background: rgba(127,231,255,.35); }

/* excerpt clamps (Thai text has no word boundaries — trim by lines, not words) */
.oaq-clamp-2 .elementor-widget-container, .oaq-clamp-3 .elementor-widget-container { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.oaq-clamp-2 .elementor-widget-container { -webkit-line-clamp: 2; }
.oaq-clamp-3 .elementor-widget-container { -webkit-line-clamp: 3; }

/* mobile */
@media (max-width: 767px) {
  .oaq-tabs .jet-tabs__control-wrapper { flex-wrap: wrap; overflow: visible; }
  .oaq-tabs .jet-tabs__control { width: 100%; }
  .oaq-slide { min-height: 480px; }
  .oaq-carousel .swiper, .oaq-carousel .swiper-container { overflow: hidden; }
  /* arrows: bottom-right, out of the text column */
  .oaq-carousel .elementor-swiper-button { top: 18px !important; bottom: auto !important; transform: none !important; width: 36px; height: 36px; font-size: 14px; } /* phones: arrows top-right, so the bottom row (date + button) has the full width */
  .oaq-carousel .elementor-swiper-button-prev { left: auto !important; right: 62px !important; }
  .oaq-carousel .elementor-swiper-button-next { right: 18px !important; }
  .oaq-carousel .swiper-pagination { text-align: left; padding-left: 20px; }
  /* single-row mobile header: logo | title (2-line clamp, shrinkable) | hamburger */
  html, body { overflow-x: hidden; }
  .oaq-header-top > .e-con-inner { flex-wrap: nowrap; }
  .oaq-header-top > .e-con-inner > .e-con:first-child, .oaq-header-top > .e-con-inner > .e-con:first-child > .e-con { flex: 1 1 auto !important; min-width: 0; width: auto; }
  .oaq-header-top > .e-con-inner > .e-con:last-child { flex: 0 0 auto !important; }
  .oaq-header-top .oaq-logo { flex: 0 0 auto; width: auto !important; }
  .oaq-header-top .oaq-logo img { height: 32px; width: auto !important; }
  .oaq-header-top .elementor-widget-heading .elementor-heading-title { font-size: 13px !important; line-height: 1.25 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .oaq-footer .oaq-flinks { columns: 2; column-gap: 16px; }
}
/* year pages the mu-plugin creates by itself (no Elementor layout): hero + boxed body, matching lib2 hero/content */
.oaq-auto-wrap { max-width: 1320px; margin: 0 auto; padding: 0 24px; }
.oaq-auto-hero { padding: 64px 0 48px; border-bottom: 1px solid var(--oaq-line); overflow: hidden; position: relative; }
.oaq-auto-hero .oaq-crumbs { margin-bottom: 14px; }
.oaq-auto-kicker { color: var(--oaq-cyan); font-size: 15px; font-weight: 600; margin: 0 0 4px; }
.oaq-auto-title { color: #FFFFFF; font-size: 40px; font-weight: 700; line-height: 1.15; margin: 0; }
.oaq-auto-lead { color: var(--oaq-muted); font-size: 17px; max-width: 760px; margin: 10px 0 0; }
.oaq-auto-body { padding: 48px 0; }
.oaq-auto-back { margin-top: 28px; }
.oaq-doc .oaq-auto-wrap .oaq-auto-back a, .oaq-auto-back a { color: var(--oaq-cyan); text-decoration: none; }
.oaq-doc .oaq-auto-wrap .oaq-auto-back a:hover, .oaq-auto-back a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px) { .oaq-auto-wrap { padding: 0 16px; } .oaq-auto-hero { padding: 36px 0 28px; } .oaq-auto-title { font-size: 28px; } .oaq-auto-body { padding: 32px 0; } }
/* year cards (one per ประจำปี) */
.oaq-ycards { display: grid; grid-template-columns: repeat(var(--oaq-ycols, 3), 1fr); gap: 16px; margin: 8px 0; }
.oaq-ycards .oaq-ycard { display: flex; flex-direction: column; gap: 6px; padding: 18px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid var(--oaq-line); text-decoration: none !important; transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.oaq-ycards .oaq-ycard:hover { background: rgba(255,255,255,.09); border-color: var(--oaq-cyan); transform: translateY(-2px); }
.oaq-ycards .oaq-ycard b { color: #FFFFFF; font-size: 18px; font-weight: 600; }
.oaq-ycards .oaq-ycard span { color: var(--oaq-muted); font-size: 13.5px; line-height: 1.45; }
@media (max-width: 1024px) { .oaq-ycards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .oaq-ycards { grid-template-columns: 1fr; } }

/* video cards (online teaching) */
.oaq-video { position: relative; padding-top: 56.25%; background: #000; }
.oaq-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.oaq-video-cap { padding: 14px 18px 16px; }
.oaq-video-cap b { display: block; color: #FFFFFF; font-size: 17px; line-height: 1.3; }
.oaq-video-cap span { display: block; color: var(--oaq-muted); font-size: 13px; margin-top: 3px; }
.oaq-doc .oaq-notice { margin-top: 28px; }
/* collapsible archive list + hero callout card */
.oaq-doc details.oaq-more { margin: 4px 0 26px; border: 1px solid var(--oaq-line); border-radius: 12px; background: rgba(255,255,255,.04); }
.oaq-doc details.oaq-more summary { cursor: pointer; padding: 12px 16px; color: var(--oaq-cyan); font-weight: 600; list-style: none; }
.oaq-doc details.oaq-more summary::-webkit-details-marker { display: none; }
.oaq-doc details.oaq-more summary::before { content: '+'; display: inline-block; width: 18px; font-weight: 700; }
.oaq-doc details.oaq-more[open] summary::before { content: '−'; }
.oaq-doc details.oaq-more ul { margin: 0; padding: 0 16px 12px 36px; }
.oaq-cc-big { margin: 0 0 4px; color: #FFFFFF; font-size: 26px; font-weight: 700; line-height: 1.2; }
.oaq-cc-sub { margin: 0 0 12px; color: var(--oaq-muted); font-size: 13.5px; line-height: 1.5; }
.oaq-cc a.oaq-file { margin-left: 0 !important; color: var(--oaq-cyan) !important; }
/* council-resolution archive */
.oaq-council details.oaq-more { margin: 0 0 10px; }
.oaq-council details.oaq-more summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; color: #FFFFFF; }
.oaq-council details.oaq-more summary::before { color: var(--oaq-cyan); }
.oaq-council-date { color: var(--oaq-muted); font-weight: 400; font-size: 14px; }
.oaq-council-n { margin-left: auto; color: var(--oaq-cyan); font-weight: 500; font-size: 13px; }
.oaq-council ol { margin: 0; padding: 0 16px 14px 40px; }
.oaq-council ol li { margin: 4px 0; font-size: 15px; line-height: 1.45; }
/* Document links inside the collapsible meeting lists are rows, not prose: no underline until hover.
   Needs 3 classes + 2 elements to outrank `.oaq-doc a:not(.elementor-button):not(.oaq-file)` (0,3,1) above. */
.oaq-doc .oaq-council details.oaq-more ol li a, .oaq-council ol li a { color: #FFFFFF; text-decoration: none; }
.oaq-doc .oaq-council details.oaq-more ol li a:hover, .oaq-council ol li a:hover { color: var(--oaq-cyan); text-decoration: underline; text-underline-offset: 3px; }
.oaq-doc .oaq-drive .oaq-drive-meta a, .oaq-doc .oaq-glass .elementor-icon-box-icon a { text-decoration: none; }
.oaq-doc .oaq-drive .oaq-drive-meta a { color: var(--oaq-cyan); }
.oaq-doc .oaq-drive .oaq-drive-meta a:hover { text-decoration: underline; text-underline-offset: 3px; }
.oaq-sec b.oaq-sec-txt { font-size: 13px; }
/* ITA landing */
.oaq-ita { background: rgba(255,255,255,.06); border: 1px solid var(--oaq-line); border-radius: 16px; padding: 24px 28px; }
.oaq-ita h2 { margin: 0 0 8px; font-size: 24px; color: #FFFFFF; }
.oaq-ita p { color: var(--oaq-muted); }
.oaq-doc .oaq-ita a.oaq-ita-go { display: inline-block; background: var(--oaq-orange); color: #FFFFFF !important; text-decoration: none; padding: 12px 22px; border-radius: 10px; font-weight: 600; font-size: 16px; box-shadow: 0 8px 24px rgba(255,102,0,.35); }
.oaq-doc .oaq-ita a.oaq-ita-go:hover { filter: brightness(1.08); transform: translateY(-1px); }
.oaq-ita-count { font-size: 14px; }
.oaq-ita-count b { color: var(--oaq-cyan); }
.oaq-doc .oaq-ita-count a { color: var(--oaq-cyan); }
/* news cards + single post */
.oaq-news-card > .elementor-widget-image a { display: block; width: 100%; }
.oaq-glass.oaq-news-card > .elementor-widget-image img { width: 100%; height: auto !important; aspect-ratio: 940 / 788; object-fit: cover; display: block; } /* natural poster ratio; only a differently-shaped image gets cropped to it */
/* equal-height news cards: cell → card stretches, content grows, button pinned to the bottom, title clamped */
.oaq-loop .e-loop-item { display: flex; }
.oaq-loop .e-loop-item > .oaq-news-card { width: 100%; min-height: 100%; display: flex; flex-direction: column; }
.oaq-news-card > .e-con { flex: 1 1 auto; display: flex; flex-direction: column; }
.oaq-news-card > .e-con > .elementor-widget-button { margin-top: auto; }
.oaq-news-card .elementor-widget-heading .elementor-heading-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* news covers keep their natural ratio (user request); hub cards stay 180px cover */
.oaq-post-body .elementor-heading-title { color: #FFFFFF; }
.oaq-post-body .elementor-widget-text-editor { color: #E6ECFF; font-size: 16px; line-height: 1.75; }
.oaq-post-body .elementor-widget-text-editor p { margin-bottom: 1em; }
.oaq-post-body .elementor-widget-text-editor a { color: var(--oaq-cyan); }
.oaq-post-body .elementor-widget-image img, .oaq-post-body .elementor-widget-image-gallery img, .oaq-post-body figure img { border-radius: 12px; max-width: 100%; height: auto; }
.oaq-post-body .elementor-widget-image-gallery .gallery-item { padding: 6px; }
.oaq-post-nav .elementor-post-navigation { border-color: var(--oaq-line) !important; }
.oaq-post-nav .elementor-post-navigation__link a, .oaq-post-nav .post-navigation__prev--label, .oaq-post-nav .post-navigation__next--label { color: var(--oaq-muted) !important; }
.oaq-post-nav .post-navigation__prev--title, .oaq-post-nav .post-navigation__next--title { color: #FFFFFF !important; }
.oaq-post-nav .elementor-post-navigation__link a:hover .post-navigation__prev--title, .oaq-post-nav .elementor-post-navigation__link a:hover .post-navigation__next--title { color: var(--oaq-cyan) !important; }
.oaq-post-nav .elementor-post-navigation__separator { background: var(--oaq-line) !important; }
/* loop-grid pagination */
.oaq-loop .elementor-pagination { margin-top: 28px; }
.oaq-loop .elementor-pagination .page-numbers { color: #FFFFFF; border: 1px solid var(--oaq-line); border-radius: 10px; padding: 8px 14px; margin: 0 3px; }
.oaq-loop .elementor-pagination .page-numbers.current, .oaq-loop .elementor-pagination .page-numbers:hover { background: var(--oaq-orange); border-color: var(--oaq-orange); }
/* single post: Astra "separate container" wrappers become transparent + full-bleed so the Elementor single template owns the layout */
.single-post .site-content, .single-post #primary, .single-post .site-main, .single-post .ast-article-single, .single-post .ast-article-post, .single-post .entry-content { background: transparent !important; box-shadow: none !important; border: 0 !important; }
.single-post .ast-container { max-width: 100% !important; padding: 0 !important; }
.single-post #primary, .single-post .site-main, .single-post .ast-article-single, .single-post .entry-content { margin: 0 !important; padding: 0 !important; max-width: 100% !important; }
.single-post .ast-separate-container .ast-article-single { padding: 0 !important; }
/* embedded Google Form (complaints) */
.oaq-formwrap { background: rgba(255,255,255,.06); border-radius: 16px; overflow: hidden; border: 1px solid var(--oaq-line); }
.oaq-formhead { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid var(--oaq-line); }
.oaq-formhead b { color: #FFFFFF; font-size: 16px; }
.oaq-doc .oaq-formhead a.oaq-file { margin-left: 0; }
.oaq-formwrap iframe { display: block; width: 100%; height: 1150px; border: 0; background: #FFFFFF; }
@media (max-width: 767px) { .oaq-formwrap iframe { height: 1400px; } }
/* home hero row: slider box as tall as the services grid; cover image inside the slide */
.oaq-hero-row > .e-con { display: flex; flex-direction: column; }
.oaq-hero-row .elementor-widget-loop-carousel, .oaq-hero-row .elementor-widget-loop-carousel > .elementor-widget-container, .oaq-hero-row .swiper, .oaq-hero-row .swiper-container { height: 100%; flex: 1 1 auto; }
.oaq-hero-row .swiper-wrapper { height: 100%; }
.oaq-hero-row .swiper-slide { height: auto; display: flex; }
.oaq-hero-row .swiper-slide > .oaq-slide, .oaq-hero-row .e-loop-item > .oaq-slide { width: 100%; min-height: 100%; }
.oaq-slide-cover img { width: 100%; height: auto; aspect-ratio: 940 / 788; object-fit: cover; border-radius: 14px; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 18px 40px rgba(0,0,0,.35); display: block; }
.oaq-slide-cover a { display: block; width: 100%; }
@media (max-width: 767px) { .oaq-slide-cover img { max-height: 240px; } }
/* slide footer: date box left, button right, never squeezed */
.oaq-slide-foot > .e-con, .oaq-slide-foot > .e-con > .e-con { flex: 0 0 auto; min-width: 0; width: auto; } /* never shrink the date group (Elementor sets min-width:0 on containers → the box slid under the button on phones) */
.oaq-slide-foot > .elementor-widget-button { flex: 0 0 auto; width: auto; }
.oaq-slide-foot .elementor-button { white-space: nowrap; }
@media (max-width: 767px) {
  .oaq-slide-foot { justify-content: space-between !important; gap: 14px !important; }
  .oaq-slide-foot .oaq-date ~ .e-con { display: none; } /* event time/place column (empty on posts) */
}
@media (max-width: 1024px) { .oaq-hero-row .oaq-slide { min-height: 520px; } .oaq-hero-row .swiper-slide > .oaq-slide, .oaq-hero-row .e-loop-item > .oaq-slide { min-height: 520px; } } /* stacked tablet layout: fixed slider height instead of matching the grid */
.oaq-slide.e-con { border: 0 !important; } /* frame drawn as an inset ring over the photo — a real border left a navy sliver between ring and image */
.oaq-slide::before { border-radius: inherit; } /* Elementor overlay follows the rounded corners */

/* legal pages (privacy notice, cookie policy) — long-form text on the dark ground */
.oaq-legal { color: rgba(255,255,255,.86); font-size: 15.5px; line-height: 1.7; max-width: 900px; }
.oaq-legal p { margin: 0 0 12px; }
.oaq-legal h3 { color: #FFFFFF; font-size: 18px; font-weight: 600; margin: 22px 0 8px; }
.oaq-legal ul { padding-left: 1.25em; margin: 0 0 12px; }
.oaq-legal li { margin: 7px 0; }
.oaq-legal li > ul { margin: 6px 0 0; }
.oaq-legal b { color: #FFFFFF; font-weight: 600; }
.oaq-legal a { color: #FFFFFF; text-decoration: underline; text-decoration-color: rgba(127,231,255,.55); text-underline-offset: 3px; }
.oaq-legal a:hover { color: var(--oaq-cyan); }

/* programme groups inside a curriculum level (หลักสูตรปกติ / นานาชาติ / ต่อเนื่อง) */
.oaq-subhead { color: #FFFFFF; font-size: 17px; font-weight: 600; margin: 18px 0 2px; display: flex; align-items: baseline; gap: 10px; }
.oaq-subhead span { color: var(--oaq-cyan); font-size: 12.5px; font-weight: 600; padding: 2px 10px; border-radius: 999px; background: rgba(0,229,255,.12); border: 1px solid rgba(0,229,255,.35); }

/* programme cards on the faculty pages (/curriculum/<unit>/) */
.oaq-prog .elementor-widget-image img { display: block; width: 100%; }
.oaq-prog .elementor-heading-title a, .oaq-prog .oaq-revs li a { text-decoration: none !important; }
.oaq-prog .elementor-heading-title a { color: #FFFFFF; }
.oaq-prog .elementor-heading-title a:hover { color: var(--oaq-cyan); }
.oaq-prog .oaq-prog-meta { color: var(--oaq-muted); font-size: 13px; margin: 0 0 8px; line-height: 1.5; }
.oaq-prog .oaq-revs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.oaq-prog .oaq-revs li { display: flex; align-items: baseline; gap: 8px; }
.oaq-prog .oaq-revs li a { color: var(--oaq-cyan); font-size: 13.5px; font-weight: 600; text-decoration: none; padding: 4px 12px; border-radius: 999px; background: rgba(0,229,255,.10); border: 1px solid rgba(0,229,255,.30); }
.oaq-prog .oaq-revs li a::after { content: ' ↗'; opacity: .75; font-weight: 500; }
.oaq-prog .oaq-revs li a:hover { background: rgba(0,229,255,.20); color: #FFFFFF; }
.oaq-prog .oaq-revs li span { color: var(--oaq-muted); font-size: 12px; }
.oaq-prog .oaq-revs-empty { color: var(--oaq-muted); font-size: 12.5px; margin: 0; }