/* ==========================================================================
   PHV ATLAS — shared layout for content pages
   Used by: philippines_temporary_visitor.php | visa_fees.php
   Theme:   navy #0e2050 / ink #14212e · red #97201d · blue #1e6fd8
            gold #f2b01e / #fcd116 — light-first, fully responsive
   Class prefix: at-   (FAQ/fee-tool classes are JS-bound and kept as-is)
   ========================================================================== */

:root {
  --at-navy: #0e2050;
  --at-navy2: #091422;
  --at-ink: #14212e;
  --at-red: #97201d;
  --at-red2: #b02a26;
  --at-blue: #1e6fd8;
  --at-gold: #f2b01e;
  --at-gold2: #fcd116;
  --at-goldsoft: #fff5cf;
  --at-soft: #f6f8fc;
  --at-line: #e3e9f2;
  --at-line2: #eef2f7;
  --at-text: #46525e;
  --at-r: 14px;
  --at-r-lg: 20px;
  --at-sh-sm: 0 4px 14px -10px rgba(20, 33, 46, .18);
  --at-sh-md: 0 14px 34px -20px rgba(20, 33, 46, .30);
  --at-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --at-font-body: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
}

/* ---------- Base ---------- */

.at {
  font-family: var(--at-font-body);
  color: var(--at-text);
  background: var(--at-soft);
  overflow-x: hidden;
}

.at a { color: var(--at-blue); }
/* .at b, .at strong { color: var(--at-ink); } */

/* scoped box-sizing: ATLAS surfaces carry borders + padding (hero fig, split media,
   cards) — without border-box those borders push content past the container and
   create horizontal scroll on mobile */
.at, .at * { box-sizing: border-box; }

.at img { max-width: 100%; }

/* content width = the old bootstrap .container (540/720/960/1140 steps + 15px gutters) */
.at-wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}


/* ---------- Buttons ---------- */

.apply-btn-wrap { margin: 0; }

.at .apply-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--at-red);
  color: #fff;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.3;
  padding: 14px 30px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .14);
  text-decoration: none;
  box-shadow: 0 14px 28px -14px rgba(20, 33, 46, .55);
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.at .apply-btn:hover,
.at .apply-btn:focus {
  background: var(--at-navy);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 18px 34px -14px rgba(9, 20, 34, .55);
}

.at .apply-btn:active { transform: translateY(0); box-shadow: var(--at-sh-sm); }

/* ---------- Hero band (both pages) ---------- */

.at-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--at-navy) 0%, var(--at-navy2) 100%);
  color: #fff;
  min-height: 280px;
}


.at-hero--fees {
  background:
    radial-gradient(720px 360px at 88% 12%, rgba(242, 176, 30, .20), transparent 62%),
    radial-gradient(900px 480px at 8% 115%, rgba(30, 111, 216, .22), transparent 60%),
    linear-gradient(160deg, var(--at-navy) 0%, var(--at-navy2) 100%);
}

.at-hero__bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
}
.at-hero__bg .wrapped-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  float: none;
}
.at-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  border-radius: 0;
  display: block;
  min-width: 100%;
  min-height: 100%;
}

.at-hero__veil {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background:
    linear-gradient(100deg, rgba(9, 20, 34, .98) 0%, rgba(14, 32, 80, .94) 40%, rgba(14, 32, 80, .62) 66%, rgba(9, 20, 34, .25) 100%),
    linear-gradient(180deg, transparent 55%, rgba(9, 20, 34, .55) 100%);
  pointer-events: none;
}

.at-hero__inner {
  position: relative;
  z-index: 2;
  padding: clamp(54px, 8vw, 96px) 0 clamp(52px, 7vw, 92px);
}

.at-crumb ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.at-crumb li {
  color: rgba(255, 255, 255, .72);
  font-weight: 600;
}

.at-crumb li.breadcrumb-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.at-crumb li.breadcrumb-item i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .10);
  color: var(--at-gold2);
  font-size: 11px;
}

.at-crumb li.breadcrumb-item + li.breadcrumb-item::before {
  content: "\003E";
  margin: 0 10px;
  color: rgba(255, 255, 255, .38);
  font-weight: 700;
}

.at-hero h1 {
  font-family: var(--at-font-display);
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -.015em;
  color: #fff;
  margin: 16px 0 14px;
}

.at-hero h1::after {
  content: "";
  display: block;
  width: 76px;
  height: 4px;
  border-radius: 3px;
  margin-top: 14px;
  background: linear-gradient(90deg, var(--at-gold2), rgba(252, 209, 22, .15));
}

.at-hero__lead {
  color: rgba(255, 255, 255, .90);
  line-height: 1.75;
  margin: 0 0 14px;
}

.at-hero .apply-btn-wrap { margin-top: 10px; }

/* ==========================================================================
   TEMPOARY VISITOR PAGE — .at-page
   ========================================================================== */

.at-page { background: var(--at-soft); }

/* sticky two-column shell: rail + article */
.at-shell {
  display: grid;
  grid-template-columns: minmax(0, 296px) minmax(0, 1fr);
  gap: 26px;
  align-items: start;
  margin-top: 26px;
  margin-bottom: 64px;
}

/* ----- left rail (contents + apply card) ----- */
.at-rail {
  position: sticky;
  top: 84px;
  display: grid;
  gap: 14px;
}

.at-rail__nav {
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: var(--at-r);
  box-shadow: var(--at-sh-sm);
  padding: 8px;
}

.at-rail__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.at-rail__nav a {
  display: block;
  padding: 9px 12px;
  border-radius: 9px;
  color: var(--at-ink);
  font-weight: 600;
  font-size: 13.5px;
  line-height: 1.45;
  border-left: 3px solid transparent;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.at-rail__nav a:hover {
  background: var(--at-goldsoft);
  border-left-color: var(--at-gold);
  color: var(--at-navy);
}

.at-rail__cta {
  background: linear-gradient(160deg, var(--at-navy), var(--at-navy2));
  border-radius: var(--at-r);
  padding: 20px 18px 18px;
  color: #fff;
  box-shadow: var(--at-sh-md);
}

.at-rail__cta .fa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: var(--at-goldsoft);
  color: var(--at-red);
  font-size: 19px;
  margin-bottom: 14px;
}

.at-rail__cta a {
  display: block;
  text-align: center;
  background: var(--at-gold2);
  color: var(--at-navy2);
  font-weight: 800;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 14.5px;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

.at-rail__cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 22px -12px rgba(0, 0, 0, .5); }

/* ----- article column ----- */
.at-main { min-width: 0; }

.at-block {
  padding: clamp(26px, 4vw, 44px) 0;
  border-top: 1px solid var(--at-line);
  scroll-margin-top: 96px;
}

.at-block:first-child { border-top: 0; padding-top: 6px; }

.at-block h2 {
  font-family: var(--at-font-display);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.01em;
  color: var(--at-navy);
  margin: 0 0 18px;
  padding-left: 18px;
  position: relative;
}

.at-block h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 5px;
  border-radius: 4px;
  background: linear-gradient(180deg, var(--at-gold) 0%, var(--at-red) 100%);
}

.at-block > p {
  margin: 0 0 14px;
  line-height: 1.78;
}

.at-block a { color: #0756a5; }
.at-block a strong, .at-block a b { font-weight: 700; }

/* ----- visa types: two-column card rows ----- */
.at-types {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 6px;
}

.at-type {
  display: flex;
  gap: 14px;
  align-items: center;
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: var(--at-r);
  padding: 18px 16px;
  box-shadow: var(--at-sh-sm);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.at-type:hover {
  transform: translateY(-2px);
  border-color: rgba(151, 32, 29, .35);
  box-shadow: var(--at-sh-md);
}

.at-type__ic {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(150deg, var(--at-navy), var(--at-navy2));
  color: var(--at-gold2);
  font-size: 18px;
  line-height: 1;
  transition: background .25s ease;
}

.at-type__ic i {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.at-type:hover .at-type__ic { background: var(--at-red); }

.at-type h3 {
  font-family: var(--at-font-body);
  font-weight: 800;
  color: var(--at-red);
  margin: 3px 0 5px;
  line-height: 1.3;
}

.at-type p { margin: 0; line-height: 1.65; overflow-wrap: break-word; }

/* ----- who needs: check-list grid ----- */
.at-check {
  list-style: none;
  margin: 16px 0 18px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.at-check li {
  position: relative;
  margin: 0;
  padding: 12px 14px 12px 46px;
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: 12px;
  line-height: 1.6;
}

.at-check li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 12px;
  top: 11px;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #fbe9e7;
  color: var(--at-red);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

/* ----- figure (in-article image) ----- */
.at-figure { display: flex; justify-content: center; margin: 8px 0 20px; }
.at-figure .wrapped-image { float: none; margin: 0; width: 100%; max-width: 500px; }
.at-figure img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 14px;
  border: 5px solid #fff;
  box-shadow: var(--at-sh-md);
  display: block;
}

/* ----- how to apply: 3-up step cards with gold rail ----- */
.at-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 6px;
  counter-reset: atstep;
}

.at-steps .icon-item {
  margin: 0;
  padding: 18px 16px 16px;
  background: #fff;
  border: 1px solid var(--at-line);
  border-top: 3px solid var(--at-gold);
  border-radius: var(--at-r);
  box-shadow: var(--at-sh-sm);
  line-height: 1.62;
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease;
}

.at-steps .icon-item:hover { transform: translateY(-2px); box-shadow: var(--at-sh-md); }

.at-steps .icon-item > .fa {
  display: inline-flex;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  background: var(--at-goldsoft);
  color: var(--at-red);
  font-size: 17px;
  margin-bottom: 10px;
}

.at-steps .icon-item > b {
  display: block;
  color: var(--at-navy);
  font-weight: 800;
  margin-bottom: 4px;
}

/* ----- required documents: checklist grid ----- */
.at-docs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 6px;
}

.at-docs .icon-item {
  display: grid;
  grid-template-columns: 28px 1fr;
  grid-template-rows: auto auto;
  gap: 10px 12px;
  margin: 0;
  padding: 14px;
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: 12px;
  line-height: 1.62;
  transition: border-color .2s ease;
}

.at-docs .icon-item > .fa {
  grid-column: 1;
  grid-row: 1;
}

.at-docs .icon-item > b {
  grid-column: 2;
  grid-row: 1;
}

.at-docs .icon-item > .fa + b + * {
  grid-column: 1 / -1;
  grid-row: 2;
}

.at-docs .icon-item:hover { border-color: rgba(151, 32, 29, .3); }

.at-docs .icon-item > .fa {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbe9e7;
  color: var(--at-red);
  font-size: 12px;
}

.at-docs .icon-item > b {
  display: block;
  color: var(--at-navy);
  font-weight: 800;
  margin-bottom: 2px;
}

/* ----- generic bulleted list (extension / responsibilities) ----- */
.at-list {
  list-style: none;
  margin: 16px 0 18px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.at-list li {
  position: relative;
  margin: 0;
  padding: 12px 14px 12px 42px;
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: 12px;
  line-height: 1.62;
}
@media (max-width: 991px){
  .at-list { grid-template-columns: 1fr; }
}

.at-list li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 18px;
  width: 14px;
  height: 14px;
  border-radius: 5px;
  background: linear-gradient(135deg, var(--at-gold) 0 50%, var(--at-red) 50% 100%);
}

.at-list li b, .at-list li strong { color: var(--at-navy); font-weight: 800; }

/* ----- benefits bento ----- */
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 10px;
}

.benefit-card {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 18px 16px 15px;
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: var(--at-r);
  box-shadow: var(--at-sh-sm);
  line-height: 1.65;
}

.benefit-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--at-red) 0 33%, var(--at-gold) 33% 66%, transparent 66% 100%);
}

.benefit-card > b {
  display: block;
  color: var(--at-navy);
  font-weight: 800;
  margin-bottom: 5px;
}

.benefit-card-large { grid-column: span 6; background: linear-gradient(135deg, #fff, #fffbe9); }
.benefit-card-small { grid-column: span 3; }
.benefit-card-wide { grid-column: span 6; }

/* ----- FAQ (two-column: sticky heading + accordion) ----- */
.at-faq {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  padding: clamp(26px, 4vw, 44px) 0;
  border-top: 1px solid var(--at-line);
  scroll-margin-top: 96px;
}

.at-faq__side { position: sticky; top: 90px; }

.at-faq__ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 15px;
  background: var(--at-goldsoft);
  color: var(--at-red);
  font-size: 21px;
  margin-bottom: 14px;
}

.at-faq__side h3 {
  font-family: var(--at-font-display);
  font-weight: 600;
  line-height: 1.15;
  color: var(--at-navy);
  margin: 0;
  padding-left: 16px;
  position: relative;
}

.at-faq__side h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width: 5px;
  border-radius: 4px;
  background: linear-gradient(180deg, var(--at-gold) 0%, var(--at-red) 100%);
}

/* ==========================================================================
   FAQ accordion — shared (JS-bound classes: accordion_t / panel_t / active_t)
   ========================================================================== */

.at .phv-faq-item {
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: 13px;
  overflow: hidden;
  box-shadow: var(--at-sh-sm);
  margin-bottom: 10px;
  transition: border-color .2s ease;
}

.at .phv-faq-item:last-child { margin-bottom: 0; }

.at .phv-faq-item .accordion_t {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--at-navy);
  cursor: pointer;
  text-align: left;
  outline: 0;
  padding: 15px 54px 15px 16px !important;
  font-family: var(--at-font-body);
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  transition: background .2s ease;
}

.at .phv-faq-item .accordion_t b { font-weight: 800; color: inherit; }

.at .phv-faq-item .accordion_t::after {
  content: "\002B";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: var(--at-goldsoft);
  color: var(--at-red);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  transition: background .2s ease, color .2s ease;
}

.at .phv-faq-item .accordion_t:hover { background: var(--at-soft); }

.at .phv-faq-item .active_t {
  background: #fff9e3;
  transition: none;
}

.at .phv-faq-item .active_t::after {
  content: "\2212";
  background: var(--at-navy);
  color: var(--at-gold2);
}

.at .phv-faq-item .panel_t {
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height .28s ease-out;
  background: transparent;
}

.at .phv-faq-item .panel_t p {
  margin: 0;
  padding: 4px 16px 16px;
  line-height: 1.68;
  color: var(--at-text);
}

/* ==========================================================================
   VISA FEES PAGE — .at-fees
   ========================================================================== */

.at-fees { background: var(--at-soft); padding-bottom: 64px; }
.at-fees .at-hero__inner { padding-bottom: clamp(84px, 9vw, 120px); }

/* panels overlap the hero bottom edge */
.at-fees__inner {
  margin: -54px auto 0;
  padding: 0 15px;
  position: relative;
  z-index: 5;
  display: grid;
  gap: 18px;
}

.at-panel {
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: var(--at-r-lg);
  box-shadow: var(--at-sh-md);
  padding: clamp(22px, 3.4vw, 38px);
  min-width: 0;
}

.at-panel h2 {
  font-family: var(--at-font-display);
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -.01em;
  color: var(--at-navy);
  margin: 0 0 14px;
}

.at-panel h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  border-radius: 3px;
  margin-top: 10px;
  background: linear-gradient(90deg, var(--at-gold), rgba(242, 176, 30, .15));
}

.at-panel p { line-height: 1.75; margin: 0 0 12px; }
.at-panel p:last-child { margin-bottom: 0; }
.at-panel a { color: #0756a5; }
.at-panel a strong, .at-panel a b { font-weight: 700; }
.at-panel h3 { color: var(--at-navy); font-weight: 800; }

/* ----- fee finder (country select + table) ----- */
.at-finder {
  background: linear-gradient(180deg, #fffdf3 0%, #fff 22%), #fff;
  border-top: 4px solid var(--at-gold);
}

.at-finder__select { margin: 14px 0 10px; }

#nationality_value {
  width: 100%;
  padding: 13px 15px;
  border-radius: 12px;
  border: 1.5px solid var(--at-line);
  background: #fff;
  font-weight: 600;
  color: var(--at-ink);
  font-family: var(--at-font-body);
  transition: border-color .2s ease, box-shadow .2s ease;
}

#nationality_value:focus {
  outline: none;
  border-color: var(--at-gold);
  box-shadow: 0 0 0 4px rgba(242, 176, 30, .20);
}

#fee_table_loader { text-align: center; margin: 14px auto; }

#visa_fee_heading {
  font-family: var(--at-font-display);
  color: var(--at-navy);
  margin: 14px 0 4px;
  font-weight: 600;
}

/* desktop fee table */
.table-container { margin-top: 8px; }

.at-finder table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 14px;
  border: 1px solid var(--at-line);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.at-finder thead th {
  background: var(--at-navy2);
  color: var(--at-gold2);
  font-family: var(--at-font-body);
  font-weight: 800;
  letter-spacing: .02em;
  padding: 13px 15px;
  text-align: left;
  border: none;
  white-space: nowrap;
}

.at-finder tbody td {
  padding: 12px 15px;
  border: none;
  border-top: 1px solid var(--at-line2);
  color: var(--at-text);
  background: transparent;
}

.at-finder tbody tr:nth-child(even) td { background: var(--at-soft); }
.at-finder tbody tr:hover td { background: var(--at-goldsoft); }
.at-finder tbody td[cols*="7"] { color: var(--at-red); font-weight: 700; }

/* mobile fee cards (JS-rendered: .visa-card / .h5-center / .d-grid) */
#visa-container { margin-top: 18px; }

#visa-container .visa-card {
  background: linear-gradient(180deg, #fffdf3, #fff);
  border: 1px solid var(--at-line);
  border-left: 4px solid var(--at-gold);
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 14px;
  box-shadow: var(--at-sh-sm);
  width: 100%;
}

#visa-container .h5-center {
  font-family: var(--at-font-body);
  font-weight: 800;
  color: var(--at-red);
  text-align: center;
  margin: 0 0 10px;
  padding: 0 8px 9px;
  border-bottom: 3px solid var(--at-gold);
}

#visa-container .row { display: flex; flex-wrap: wrap; margin: 0 -6px; }
#visa-container .col-6 { flex: 1 1 50%; min-width: 150px; padding: 4px 6px; }

#visa-container p.d-grid {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  border-bottom: 1px dashed var(--at-line);
  line-height: 1.55;
  color: var(--at-text);
}

#visa-container p.d-grid strong { color: var(--at-navy); font-weight: 800; }

/* ----- processing speed tiers ----- */
.at-tiers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 10px;
}

.at-tier {
  position: relative;
  background: #fff;
  border: 1px solid var(--at-line);
  border-top: 4px solid var(--at-navy);
  border-radius: var(--at-r);
  padding: 20px 18px 18px;
  box-shadow: var(--at-sh-sm);
  min-width: 0;
  transition: transform .25s ease, box-shadow .25s ease;
}

.at-tier:hover { transform: translateY(-3px); box-shadow: var(--at-sh-md); }

.at-tier:nth-child(2) { border-top-color: var(--at-red); }

.at-tier:nth-child(3) {
  border-top-color: var(--at-gold);
  background: linear-gradient(180deg, #fffbe9, #fff);
  transform: translateY(-6px);
  box-shadow: var(--at-sh-md);
}

.at-tier:nth-child(3):hover { transform: translateY(-9px); }

.at-tier i { margin-right: 7px; color: var(--at-red); font-size: 15px; }
.at-tier:nth-child(2) i { color: var(--at-red2); }
.at-tier:nth-child(3) i { color: #a9760a; }

.at-tier b {
  font-weight: 800;
  color: var(--at-navy);
  background: var(--at-goldsoft);
  border-radius: 7px;
  padding: 1px 7px;
}

.at-tier .note {
  margin: 0;
  line-height: 1.7;
}

/* ----- fees structure: split media + text ----- */
.at-split {
  display: grid;
  grid-template-columns: minmax(0, 400px) minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  gap: 14px 34px;
  align-items: start;
}

.at-split h2 { grid-column: 2; grid-row: 1; margin-bottom: 6px; }

.at-split__media {
  grid-column: 1;
  grid-row: 1 / span 3;
}

.at-split__media .wrapped-image,
.at-split__media center {
  float: none;
  margin: 0;
  width: 100%;
  text-align: center;
}

.at-split__media img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 14px;
  border: 5px solid #fff;
  box-shadow: var(--at-sh-md);
  display: block;
}

.at-split > p { grid-column: 2; }

.at-split ol {
  grid-column: 2;
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  counter-reset: feeitem;
  display: grid;
  gap: 10px;
}

.at-split ol li {
  counter-increment: feeitem;
  position: relative;
  margin: 0;
  padding: 12px 14px 12px 52px;
  background: var(--at-soft);
  border: 1px solid var(--at-line2);
  border-radius: 12px;
  line-height: 1.65;
}

.at-split ol li::before {
  content: counter(feeitem);
  position: absolute;
  left: 12px;
  top: 11px;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: linear-gradient(150deg, var(--at-navy), var(--at-navy2));
  color: var(--at-gold2);
  font-weight: 800;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.at-split ol li strong { color: var(--at-navy); font-weight: 800; }

/* ----- payment steps: vertical rail timeline ----- */
.at-paysteps {
  list-style: none;
  margin: 20px 0 6px;
  padding: 0;
  position: relative;
}

.at-paysteps::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 22px;
  bottom: 26px;
  width: 2px;
  background: linear-gradient(180deg, var(--at-gold) 0%, var(--at-line) 100%);
}

.at-paystep {
  position: relative;
  margin: 0 0 24px;
  padding: 0 0 0 78px;
}

.at-paystep:last-child { margin-bottom: 0; }

.at-paystep h3 {
  font-family: var(--at-font-body);
  font-weight: 800;
  color: var(--at-navy);
  margin: 0 0 5px;
  line-height: 1.4;
}

.at-paystep h3 .fa {
  position: absolute;
  left: 0;
  top: 0;
  width: 54px;
  height: 54px;
  border-radius: 15px;
  background: linear-gradient(150deg, var(--at-navy), var(--at-navy2));
  color: var(--at-gold2);
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--at-sh-sm);
  margin: 0;
}

.at-paystep p { margin: 0; line-height: 1.68; }
.at-paystep a strong { color: #0756a5; }

/* ----- accepted payment methods ----- */
.at-pay {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 16px 0 10px;
}

.at-pay__card {
  background: var(--at-soft);
  border: 1px solid var(--at-line);
  border-left: 4px solid var(--at-blue);
  border-radius: 12px;
  padding: 16px;
  transition: transform .2s ease, box-shadow .2s ease;
}

.at-pay__card:hover { transform: translateY(-2px); box-shadow: var(--at-sh-sm); }

.at-pay__card + .at-pay__card { border-left-color: var(--at-gold); }

.at-pay__card h3 {
  font-family: var(--at-font-body);
  font-weight: 800;
  color: var(--at-navy);
  margin: 0 0 6px;
}

.at-pay__card p { margin: 0; line-height: 1.65; }

.at-notes {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.at-notes li {
  position: relative;
  margin: 0;
  padding: 4px 4px 4px 22px;
  line-height: 1.65;
}

.at-notes li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  height: 3px;
  border-radius: 2px;
  background: var(--at-gold);
}

/* ----- refund callout ----- */
.at-callout {
  background: linear-gradient(135deg, #fdf2f0 0%, #fff 70%);
  border: 1px solid rgba(151, 32, 29, .22);
  border-left: 5px solid var(--at-red);
  border-radius: var(--at-r-lg);
  box-shadow: var(--at-sh-md);
  padding: clamp(22px, 3vw, 34px);
}

.at-callout h2 {
  font-family: var(--at-font-display);
  font-weight: 600;
  color: var(--at-red);
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.at-callout .at-callout__ic {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #fbe9e7;
  color: var(--at-red);
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.at-callout p { margin: 0; line-height: 1.75; }
.at-callout strong { color: var(--at-red); }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

/* rail collapses into a chip bar */
@media (max-width: 1120px) {
  .at-shell { grid-template-columns: 1fr; gap: 18px; margin-top: 18px; margin-bottom: 40px; }

  .at-rail { position: static; }

  .at-rail__nav { padding: 6px; }

  .at-rail__nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .at-rail__nav a {
    white-space: nowrap;
    flex: 0 0 auto;
    /* font-size: 12.5px; */
    padding: 7px 12px;
    border: 1px solid var(--at-line);
    border-left: 1px solid var(--at-line);
    border-radius: 999px;
    background: #fff;
  }

  .at-rail__nav a:hover { border-color: var(--at-gold); border-left-color: var(--at-gold); }

  .at-rail__cta { display: none; }

  /* hero compact */
  .at-hero__inner { padding: 36px 12px; }
  .at-hero h1 { font-size: clamp(1.5rem, 5vw, 1.9rem); margin: 12px 0 10px; }
  .at-hero h1::after { margin-top: 10px; }
  /* .at-hero__lead { font-size: 14px; max-width: 600px; line-height: 1.6; } */
  .at-hero .apply-btn-wrap { margin-top: 8px; }
  .at .apply-btn { padding: 12px 24px; font-size: 14px; }

  /* content compact */
  .at-block { padding: 22px 0; }
  .at-block h2 { font-size: 1.3rem; }

  .at-figure .wrapped-image { max-width: 380px; }
  .at-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .at-steps .icon-item { padding: 14px 12px 12px; }
  .at-types { gap: 10px; }
  .at-type { padding: 14px 12px; }
  .at-check { gap: 8px; }
  .at-check li { padding: 10px 12px 10px 42px; font-size: 13.5px; }
  .at-docs { gap: 8px; }
  .at-docs .icon-item { padding: 12px; }
}

@media (max-width: 900px) {
  .at-types { grid-template-columns: 1fr; }
  .at-faq { grid-template-columns: 1fr; gap: 18px; }
  .at-faq__side { position: static; }
  .at-faq__ic { width: 44px; height: 44px; font-size: 18px; }

  .at-split {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 16px;
  }

  .at-split h2 { grid-column: 1; grid-row: auto; }
  .at-split__media { grid-column: 1; grid-row: auto; }
  .at-split > p { grid-column: 1; }
  .at-split ol { grid-column: 1; }

  .at-fees__inner { margin-top: -38px; }
  .at-steps { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .at-check { grid-template-columns: 1fr; }
  .at-docs { grid-template-columns: 1fr; }
  .at-tiers { grid-template-columns: 1fr; }
  .at-tier:nth-child(3) { transform: none; }
  .at-tier:nth-child(3):hover { transform: translateY(-2px); }

  .benefits-grid { grid-template-columns: 1fr; }
  .benefit-card-large,
  .benefit-card-small,
  .benefit-card-wide { grid-column: span 1; }

  .at-pay { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .at-hero__inner { padding: 40px 16px 44px; }
  .at-hero h1::after { width: 56px; }

  .at .apply-btn {
    width: 100%;
    padding: 13px 22px;
  }

  .at-panel { padding: 18px 16px; }
  .at-fees__inner { padding: 0 15px; margin-top: -30px; }

  .at-paystep { padding-left: 0; }
  .at-paysteps::before { display: none; }
  .at-paystep h3 { margin: 0 0 6px; padding-left: 62px; }
  .at-paystep h3 .fa { width: 46px; height: 46px; font-size: 16px; border-radius: 12px; }
  .at-paystep p { padding-left: 0; }

  .at-callout h2 { flex-direction: row; flex-wrap: wrap; gap: 10px; }
  .at-callout .at-callout__ic { width: 40px; height: 40px; }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
  .at .apply-btn,
  .at-type,
  .at-steps .icon-item,
  .at-tier,
  .at-pay__card,
  .at-rail__cta a,
  .at-vtype {
    transition: none;
  }

  .at-type:hover,
  .at-steps .icon-item:hover,
  .at-tier:hover,
  .at-pay__card:hover,
  .at .apply-btn:hover,
  .at-rail__cta a:hover,
  .at-vtype:hover {
    transform: none;
  }
}

/* ==========================================================================
   APPLICATION FORM + VISA REQUIREMENTS PAGES -- 2026 rebuild (v13)
   visa_application-rt.php / visa_philippines-rt.php
   sticky TOC shell + icon step timeline + bento cards + dense country
   index + document board + alert list + dark CTA band.
   No font-size on h1-h6 or <p>; no max-width on containers.
   ========================================================================== */

/* ----- hero: glow + soft ring (scoped -- leaves fees/temp heroes untouched) ----- */
.at-hero--doc {
  background:
    radial-gradient(720px 360px at 88% 12%, rgba(242, 176, 30, .20), transparent 62%),
    radial-gradient(900px 480px at 8% 115%, rgba(30, 111, 216, .22), transparent 60%),
    linear-gradient(160deg, var(--at-navy) 0%, var(--at-navy2) 100%);
}

.at-hero--doc::after {
  content: "";
  position: absolute;
  right: -170px;
  bottom: -190px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  border: 72px solid rgba(255, 255, 255, .05);
  pointer-events: none;
}

/* ----- hero: text left, image right ----- */
.at-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 440px);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

.at-hero__txt { min-width: 0; }

.at-hero__fig {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.at-hero__fig .wrapped-image {
  margin: 0 auto;
  width: 100%;
  max-width: none;
  float: none;
  display: block;
}

.at-hero__fig img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  border: 5px solid rgba(255, 255, 255, .92);
  box-shadow: 0 26px 52px -22px rgba(0, 0, 0, .55);
}

/* ----- content-only shell (requirements page, no rail) ----- */
.at-shell--solo { grid-template-columns: 1fr; gap: 0; }

/* ----- icon step timeline (application form page) ----- */
.at-flow { position: relative; margin: 14px 0 4px; }

.at-flow__item {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding-bottom: 22px;
  scroll-margin-top: 96px;
}

.at-flow__item:last-child { padding-bottom: 0; }

/* connector rail between the icon chips */
.at-flow__item::before {
  content: "";
  position: absolute;
  left: 31px;
  top: 64px;
  bottom: -8px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--at-gold) 0%, var(--at-line) 85%);
}

.at-flow__item:last-child::before { display: none; }

.at-flow__ic {
  position: relative;
  z-index: 1;
  width: 62px;
  height: 62px;
  border-radius: 18px;
  background: linear-gradient(150deg, var(--at-navy), var(--at-navy2));
  color: var(--at-gold2);
  font-size: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--at-sh-md);
}

.at-flow__card {
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: 18px;
  box-shadow: var(--at-sh-sm);
  padding: 22px 24px;
  min-width: 0;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.at-flow__card:hover {
  transform: translateX(4px);
  border-color: rgba(151, 32, 29, .30);
  box-shadow: var(--at-sh-md);
}

.at-flow__card h2 {
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.01em;
  color: var(--at-navy);
  margin: 0 0 12px;
  padding-left: 0;
}

.at-block .at-flow__card h2::before { display: none; }

.at-flow__card h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  border-radius: 2px;
  margin-top: 10px;
  background: linear-gradient(90deg, var(--at-gold), rgba(242, 176, 30, .15));
}

.at-flow__card p { margin: 0 0 10px; line-height: 1.75; }
.at-flow__card p:last-child { margin-bottom: 0; }
.at-flow__card a { color: #0756a5; }
.at-flow__card a strong, .at-flow__card a b { font-weight: 700; }

/* ----- dark CTA band (support section) ----- */
.at-band {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  background: linear-gradient(135deg, var(--at-navy2) 0%, var(--at-navy) 100%);
  border-radius: 20px;
  box-shadow: 0 18px 40px -20px rgba(9, 20, 34, .55);
  padding: clamp(24px, 4vw, 40px);
  color: #fff;
  scroll-margin-top: 96px;
}

.at-band::before {
  content: "";
  position: absolute;
  right: -90px;
  top: -120px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(252, 209, 22, .22), transparent 70%);
  pointer-events: none;
}

.at-band__ic {
  position: relative;
  z-index: 1;
  width: 60px;
  height: 60px;
  border-radius: 17px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .18);
  color: var(--at-gold2);
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.at-band h2 {
  position: relative;
  z-index: 1;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -.01em;
  color: #fff;
  margin: 0 0 10px;
  padding-left: 0;
}

.at-block .at-band h2::before { display: none; }

.at-band p {
  position: relative;
  z-index: 1;
  margin: 0;
  line-height: 1.75;
  color: rgba(255, 255, 255, .88);
}

.at-band a { color: var(--at-gold2); }
.at-band a strong, .at-band a b { color: var(--at-gold2); font-weight: 700; }
.at-band strong { color: #fff; }

/* ----- visa type bento (requirements page) ----- */
.at-bento {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 6px;
}

.at-bento__card {
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: 16px;
  box-shadow: var(--at-sh-sm);
  padding: 20px 18px 18px;
  min-width: 0;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.at-bento__card:hover {
  transform: translateY(-3px);
  border-color: rgba(151, 32, 29, .30);
  box-shadow: var(--at-sh-md);
}

.at-bento__ic {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: linear-gradient(150deg, var(--at-navy), var(--at-navy2));
  color: var(--at-gold2);
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--at-sh-sm);
  margin-bottom: 12px;
}

.at-bento__card h3 {
  font-weight: 800;
  color: var(--at-red);
  margin: 0 0 6px;
  line-height: 1.35;
}

.at-bento__card p { margin: 0; line-height: 1.62; overflow-wrap: break-word; }

/* ----- country condition index (requirements page) ----- */
/* organized reference board: numbered index cards, 2-up then 1-up */
.at-country {
  list-style: none;
  margin: 18px 0 8px;
  padding: 0;
  counter-reset: atcountry;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

.at-country li {
  counter-increment: atcountry;
  position: relative;
  margin: 0;
  padding: 13px 16px 13px 68px;
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: 14px;
  box-shadow: var(--at-sh-sm);
  line-height: 1.55;
  color: var(--at-ink);
  font-weight: 700;
  overflow-wrap: break-word;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.at-country li:hover {
  transform: translateY(-2px);
  border-color: rgba(151, 32, 29, .30);
  box-shadow: var(--at-sh-md);
}

/* index number chip (01..41, pure CSS counter -- no added text) */
.at-country li::before {
  content: counter(atcountry, decimal-leading-zero);
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #fbe9e7;
  color: var(--at-red);
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.at-country .at-sub {
  display: block;
  margin-top: 3px;
  color: var(--at-text);
  font-weight: 400;
  line-height: 1.55;
}

/* ----- required documents board (requirements page) ----- */
.at-docboard {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 6px;
  align-items: start;
}

.at-doccell {
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: 16px;
  box-shadow: var(--at-sh-sm);
  padding: 16px 18px 15px;
  min-width: 0;
}

.at-doccell .ph-doc-line {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 36px;
  line-height: 1.62;
}

.at-doccell .ph-doc-line::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: 9px;
  background: #fbe9e7;
  color: var(--at-red);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

.at-doccell .ph-doc-checklist {
  list-style: none;
  margin: 0 0 4px;
  padding: 12px 14px;
  background: var(--at-soft);
  border: 1px dashed var(--at-line);
  border-radius: 12px;
  display: grid;
  gap: 7px;
}

.at-doccell .ph-doc-checklist li {
  position: relative;
  margin: 0;
  padding-left: 18px;
  line-height: 1.55;
}

.at-doccell .ph-doc-checklist li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--at-gold);
}

/* ----- entry problems list (requirements page) ----- */
.ph-issue-list {
  list-style: none;
  margin: 18px 0 10px;
  padding: 0;
  display: grid;
  gap: 10px;
}

.ph-issue-list li {
  position: relative;
  margin: 0;
  padding: 14px 16px 14px 56px;
  background: #fff;
  border: 1px solid rgba(151, 32, 29, .22);
  border-left: 4px solid var(--at-red);
  border-radius: 13px;
  box-shadow: var(--at-sh-sm);
  line-height: 1.62;
}

.ph-issue-list li::before {
  content: "\f071";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 15px;
  top: 13px;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #fbe9e7;
  color: var(--at-red);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

/* ----- these pages: allow wrapping of long anchor labels in the mobile chip bar ----- */
@media (max-width: 1120px) {
  .at-doc .at-rail__nav a { white-space: normal; }
}

/* ----- responsive ----- */
@media (max-width: 900px) {
  .at-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .at-country { grid-template-columns: 1fr; }
  .at-hero__grid { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 700px) {
  .at-docboard { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .at-bento { grid-template-columns: 1fr; }
  .at-country { grid-template-columns: 1fr; }

  .at-flow__item { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; }
  .at-flow__ic { width: 50px; height: 50px; border-radius: 15px; font-size: 19px; }
  .at-flow__item::before { left: 25px; top: 56px; }
  .at-flow__card { padding: 16px; }

  .at-band { grid-template-columns: 1fr; gap: 16px; }
  .at-band__ic { width: 52px; height: 52px; }

  /* doc components — compact rhythm on phones.
     Declared after the component rules above so it wins the cascade.
     body.at .at-hero__inner overrides the site .container padding shorthand. */
  body.at .at-hero__inner { padding: clamp(46px, 9vw, 84px) 15px clamp(42px, 8vw, 76px); }
  .at-block { padding: 18px 0 20px; }
  .at-block h2 { font-size: 1.22rem; margin-bottom: 12px; }
  .at-block p { margin-bottom: 12px; }
  .at-list { margin: 12px 0 14px; gap: 8px; }
  .at-list li { padding: 10px 12px 10px 38px;}
  .at-bento { gap: 10px; margin: 14px 0 4px; }
  .at-bento__card { padding: 14px 14px 13px; }
  .at-bento__card h3 { font-size: 1.08rem; }
  .at-faq { padding: 22px 0; gap: 14px; }
  .at-faq__ic { width: 44px; height: 44px; font-size: 18px; margin-bottom: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .at-flow__card,
  .at-bento__card,
  .at-country li {
    transition: none;
  }

  .at-flow__card:hover,
  .at-bento__card:hover,
  .at-country li:hover {
    transform: none;
  }
}

/* ==========================================================================
   FONTS: these two pages inherit every font from the main stylesheet
   (body.at-doc = visa_application-rt.php / visa_philippines-rt.php)
   ========================================================================== */
body.at-doc,
body.at-doc h1,
body.at-doc h2,
body.at-doc h3,
body.at-doc h4,
body.at-doc h5,
body.at-doc h6,
body.at-doc .at .phv-faq-item .accordion_t {
  font-family: revert;
}