@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500;600&display=swap');
/* =====================================================================
   Header menu: DJ-MegaMenu replaces Helix Ultimate's built-in menu
   (DJ-MegaMenu module #376, position "menu", theme "clean")
   ===================================================================== */
:root { --atx-menu-accent: #0345bf; --atx-menu-ink: #252525; }

/* Hide Helix's own desktop mega menu and its mobile burger/off-canvas toggle */
#sp-header #sp-menu nav.sp-megamenu-wrapper,
#sp-header #offcanvas-toggler { display: none !important; }

/* Keep logo + menu on one row, menu column takes the remaining width */
#sp-header .container-inner > .row { flex-wrap: nowrap; }
#sp-header #sp-menu { flex: 1 1 0; min-width: 0; }
#sp-header #sp-menu .sp-column > .sp-module { margin: 0; flex: 0 0 auto; display: flex; justify-content: flex-end; }
#sp-header #sp-menu .sp-column > .sp-module:has(.dj-megamenu-wrapper) { flex: 1 1 auto; min-width: 0; }
#sp-header #sp-menu .sp-module-content { width: 100%; display: flex; justify-content: flex-end; }

/* Top-level items: same size/colour as the old Helix menu */
#sp-header ul.dj-megamenu { flex-wrap: nowrap; }
#sp-header ul.dj-megamenu > li > a {
  padding: 0 11px; font-size: 15px; font-weight: 500; color: var(--atx-menu-ink);
  height: 60px; line-height: 60px; white-space: nowrap; background: transparent;
}
#sp-header ul.dj-megamenu > li:hover > a,
#sp-header ul.dj-megamenu > li.hover > a,
#sp-header ul.dj-megamenu > li.active > a { color: var(--atx-menu-accent); background: transparent; }
#sp-header ul.dj-megamenu > li.active > a { box-shadow: inset 0 -3px 0 var(--atx-menu-accent); }

/* Dropdowns */
#sp-header ul.dj-megamenu .dj-subwrap .dj-subwrap-in {
  background: #fff; border-top: 3px solid var(--atx-menu-accent);
  box-shadow: 0 10px 30px rgba(0,0,0,.12); border-radius: 0 0 6px 6px;
}
#sp-header ul.dj-megamenu .dj-subwrap a { color: var(--atx-menu-ink); font-size: 14.5px; }
#sp-header ul.dj-megamenu .dj-subwrap a:hover,
#sp-header ul.dj-megamenu .dj-subwrap li.active > a { color: var(--atx-menu-accent); }

/* Tighter spacing on smaller desktops */
@media (max-width: 1199.98px) {
  #sp-header ul.dj-megamenu > li > a { padding: 0 7px; font-size: 14px; }
}

/* =====================================================================
   Full-width layout (was boxed at 1140px)
   Header, page-builder sections, main body and footer span the window,
   with responsive side gutters.
   ===================================================================== */
:root { --atx-gutter: clamp(16px, 3vw, 48px); }

#sp-header > .container,
#sp-top-bar > .container,
#sp-section-1 > .container,
#sp-title > .container,
#sp-main-body > .container,
#sp-bottom > .container,
#sp-footer > .container,
.sp-page-builder .sppb-section > .sppb-row-container,
.sp-page-builder .sppb-section > .sppb-container-inner > .sppb-row-container {
  max-width: 100% !important;
  width: 100%;
  padding-left: var(--atx-gutter);
  padding-right: var(--atx-gutter);
}

/* =====================================================================
   BLOG REDESIGN ("Flight Log") — menu item 530 (/blog)
   Hero = Custom module "Blog Hero" (#378, position top1, Blog only)
   ===================================================================== */
.atx-blog-hero, .itemid-530 .blog {
  --bh-navy: #0b1a33; --bh-navy-2: #13274a; --bh-line: #34466b;
  --bh-blue: #0345bf; --bh-blue-d: #022f86; --bh-red: #c8102e;
  --bh-ink: #0f1b2d; --bh-body: #3b4556; --bh-muted: #5b6475; --bh-border: #cfd6e2;
  --bh-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --bh-sans: 'IBM Plex Sans', system-ui, sans-serif;
}

/* ---- Hero: full-bleed band ---- */
#sp-section-1:has(.atx-blog-hero) > .container { padding-left: 0 !important; padding-right: 0 !important; }
#sp-section-1:has(.atx-blog-hero) .row { margin: 0; }
#sp-section-1:has(.atx-blog-hero) #sp-top1 { padding: 0; }
#sp-section-1:has(.atx-blog-hero) .sp-module { margin: 0; }
.view-article #sp-section-1:has(.atx-blog-hero) { display: none; }   /* hero only on list pages */

.atx-blog-hero { background: var(--bh-navy); color: #fff; font-family: var(--bh-sans);
  padding: 56px var(--atx-gutter, 48px) 36px; display: flex; flex-direction: column; gap: 28px; }
.atx-bh-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; flex-wrap: wrap; }
.atx-bh-kicker { font-family: var(--bh-display); font-weight: 600; font-size: 16px; letter-spacing: 4px; color: #8fb3ff; margin-bottom: 8px; }
.atx-bh-title { margin: 0 0 12px; font-family: var(--bh-display); font-weight: 800; font-size: clamp(48px, 6vw, 76px); line-height: .95; color: #fff; }
.atx-bh-lead { margin: 0; max-width: 640px; font-size: 18px; line-height: 1.5; color: #c9d4e8; }
.atx-bh-search { display: flex; width: min(440px, 100%); }
.atx-bh-search input { flex: 1; min-width: 0; height: 50px; border: 0; border-radius: 8px 0 0 8px; padding: 0 16px; font: 400 15px var(--bh-sans); color: var(--bh-ink); background: #fff; }
.atx-bh-search button { width: 56px; height: 50px; border: 0; border-radius: 0 8px 8px 0; background: var(--bh-blue); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.atx-bh-search button:hover { background: var(--bh-blue-d); }
.atx-bh-filters { display: flex; flex-direction: column; gap: 12px; }
.atx-bh-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.atx-bh-label { width: 64px; font-size: 13px; font-weight: 600; letter-spacing: 1px; color: #8fa0bf; }
.atx-blog-hero a.atx-pill { padding: 9px 18px; border-radius: 999px; border: 1px solid var(--bh-line); color: #e4ebf7; font-size: 14px; line-height: 1.2; text-decoration: none; }
.atx-blog-hero a.atx-pill:hover { border-color: #8fb3ff; color: #fff; }
.atx-blog-hero a.atx-pill.is-active { background: #fff; border-color: #fff; color: var(--bh-navy); font-weight: 600; }
.atx-blog-hero a.atx-chip { padding: 7px 14px; border-radius: 6px; background: var(--bh-navy-2); color: #e4ebf7; font-family: var(--bh-display); font-weight: 600; font-size: 16px; letter-spacing: .5px; text-decoration: none; }
.atx-blog-hero a.atx-chip:hover { background: var(--bh-blue); color: #fff; }

/* ---- List area ---- */
.itemid-530.view-category #sp-main-body { background: #f3f4f6; padding-top: 48px; padding-bottom: 32px; }
.itemid-530 .blog { font-family: var(--bh-sans); color: var(--bh-ink); }
.itemid-530 .blog .article { background: #fff; border: 0; border-radius: 12px; overflow: hidden; padding: 0; margin: 0;
  box-shadow: 0 1px 2px rgba(15,27,45,.06), 0 6px 18px rgba(15,27,45,.05); display: flex; flex-direction: column; height: 100%; }
.itemid-530 .blog .article-featured-video, .itemid-530 .blog .article-featured-audio { margin: 0; background: var(--bh-navy); }
.itemid-530 .blog .article-featured-audio:not(:has(iframe)) { display: none; }
.itemid-530 .blog .article-body { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.itemid-530 .blog .article-header h2 { margin: 0; font-family: var(--bh-display); font-weight: 700; font-size: 25px; line-height: 1.08; }
.itemid-530 .blog .article-header h2 a { color: var(--bh-ink); text-decoration: none; }
.itemid-530 .blog .article-header h2 a:hover { color: var(--bh-blue); }
.itemid-530 .blog .article-info { order: -1; margin: 0; display: flex; gap: 8px; align-items: center; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--bh-muted); }
.itemid-530 .blog .article-info > span { margin: 0; padding: 0; }
.itemid-530 .blog .article-info > span + span::before { content: "·"; margin-right: 8px; color: #9aa3b2; }
.itemid-530 .blog .article-info .category-name a { color: var(--bh-blue); text-decoration: none; }
.itemid-530 .blog .article-info .published { font-weight: 500; letter-spacing: 0; text-transform: none; font-size: 13px; }
.itemid-530 .blog .article-info .fa, .itemid-530 .blog .article-info .fas, .itemid-530 .blog .article-info .far { display: none; }
.itemid-530 .blog ul.tags { margin: 0 !important; display: flex; flex-wrap: wrap; gap: 6px; }
.itemid-530 .blog ul.tags li { margin: 0 !important; }
.itemid-530 .blog ul.tags a { display: inline-block; padding: 3px 9px; border-radius: 5px; background: #eef2f9; color: #2a3a57; font-size: 12px; font-weight: 500; text-decoration: none; border: 0; }
.itemid-530 .blog ul.tags a:hover { background: var(--bh-blue); color: #fff; }
.itemid-530 .blog .article-introtext { font-size: 15px; line-height: 1.55; color: var(--bh-body); }
.itemid-530 .blog .article-list.cols-3 .article-introtext { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.itemid-530 .blog .article-introtext p { margin: 0; }
.itemid-530 .blog .readmore { display: none; }

/* cards grid */
.itemid-530 .blog .article-list.cols-3 { margin-top: 8px; }
.itemid-530 .blog .article-list.cols-3 > .row { row-gap: 32px; margin-bottom: 32px; --bs-gutter-x: 32px; }
.itemid-530 .blog .article-list.cols-3 > .row > [class*="col-"] { display: flex; }

/* featured (leading) post */
.itemid-530 .blog .articles-leading { margin-bottom: 48px; }
.itemid-530 .blog .articles-leading .article { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); height: auto;
  box-shadow: 0 1px 2px rgba(15,27,45,.06), 0 10px 28px rgba(15,27,45,.08); border-radius: 14px; }
.itemid-530 .blog .articles-leading .article-featured-video { align-self: stretch; display: flex; align-items: center; }
.itemid-530 .blog .articles-leading .article-featured-video .ratio { width: 100%; }
.itemid-530 .blog .articles-leading .article-body { padding: 40px; justify-content: center; gap: 16px; }
.itemid-530 .blog .articles-leading .article-body::before { content: "LATEST"; order: -2; align-self: flex-start; padding: 5px 11px; border-radius: 5px; background: var(--bh-red); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 1.5px; }
.itemid-530 .blog .articles-leading .article-header h2 { font-size: clamp(32px, 3vw, 44px); line-height: 1.02; }
.itemid-530 .blog .articles-leading .article-introtext { font-size: 17px; line-height: 1.6; }

/* pagination */
.itemid-530 .blog .pagination { justify-content: center; gap: 8px; margin: 8px 0 24px !important; flex-wrap: wrap; }
.itemid-530 .blog .pagination .page-link { min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 8px !important; border: 1px solid var(--bh-border); background: #fff; color: var(--bh-ink); font-weight: 500; margin: 0; }
.itemid-530 .blog .pagination .page-link:hover { border-color: var(--bh-blue); color: var(--bh-blue); }
.itemid-530 .blog .pagination .active .page-link { background: var(--bh-blue); border-color: var(--bh-blue); color: #fff; }
.itemid-530 .blog .pagination .disabled .page-link { opacity: .45; }
.itemid-530 .blog .com-content-category-blog__counter { text-align: center; color: var(--bh-muted); font-size: 14px; }

/* responsive */
@media (max-width: 991.98px) {
  .itemid-530 .blog .articles-leading .article { grid-template-columns: 1fr; }
  .itemid-530 .blog .articles-leading .article-body { padding: 22px; }
  .atx-bh-search { width: 100%; }
}
@media (max-width: 575.98px) {
  .atx-blog-hero { padding-top: 32px; padding-bottom: 24px; gap: 18px; }
  .atx-bh-lead { font-size: 15px; }
  .atx-bh-label { display: none; }
  .atx-bh-row { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
  .atx-bh-row::-webkit-scrollbar { display: none; }
  .atx-bh-row > a { flex-shrink: 0; }
  .itemid-530.view-category #sp-main-body { padding-top: 24px; }
}

/* =====================================================================
   HOME PAGE REDESIGN — SP Page Builder page "Home" (id 164, menu item 437)
   Markup lives in the page's "Home: …" text blocks; latest posts are
   filled by js/custom.js
   ===================================================================== */
.atx-home {
  --hp-navy: #0b1a33; --hp-navy-2: #13274a; --hp-line: #34466b;
  --hp-blue: #0345bf; --hp-blue-d: #022f86; --hp-red: #c8102e;
  --hp-ink: #0f1b2d; --hp-body: #3b4556; --hp-muted: #5b6475; --hp-border: #cfd6e2;
  --hp-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --hp-sans: 'IBM Plex Sans', system-ui, sans-serif;
  font-family: var(--hp-sans); color: var(--hp-ink);
}
.itemid-437 #sp-main-body { background: #f3f4f6; padding: 0 0 80px; }
.itemid-437 .sp-page-builder .sppb-section { padding: 0 !important; margin: 0 !important; }
.itemid-437 .sp-page-builder .sppb-addon-text-block .sppb-addon-content { margin: 0; }
.itemid-437 .sp-page-builder .sppb-column-addons > div { margin-bottom: 0 !important; }
.atx-home a { text-decoration: none; }

/* shared */
.atx-hp-block { padding-top: 80px; }
.atx-hp-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; }
.atx-home .atx-hp-h2 { margin: 0; font-family: var(--hp-display); font-weight: 700; font-size: clamp(32px, 3.2vw, 44px); line-height: 1.05; color: var(--hp-ink); }
.atx-hp-more { font-weight: 600; font-size: 15px; color: var(--hp-blue); }
.atx-hp-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.atx-home a.atx-hp-btn { display: inline-flex; align-items: center; min-height: 50px; padding: 0 24px; border-radius: 8px; background: var(--hp-blue); color: #fff; font-weight: 600; font-size: 16px; }
.atx-home a.atx-hp-btn:hover { background: var(--hp-blue-d); color: #fff; }
.atx-home a.atx-hp-btn-ghost { background: transparent; border: 1px solid #4a5f86; }
.atx-home a.atx-hp-btn-ghost:hover { background: var(--hp-navy-2); }
.atx-home a.atx-hp-btn-line { background: #fff; border: 1px solid var(--hp-border); color: var(--hp-ink); }
.atx-home a.atx-hp-btn-line:hover { background: #fff; border-color: var(--hp-blue); color: var(--hp-blue); }
.atx-hp-card-shadow, .atx-hp-size, .atx-hp-post, .atx-hp-feature { box-shadow: 0 1px 2px rgba(15,27,45,.06), 0 6px 18px rgba(15,27,45,.05); }

/* hero (full-bleed) */
.atx-hp-hero { margin-inline: calc(-1 * var(--atx-gutter, 48px)); background: var(--hp-navy); color: #fff;
  padding: 72px var(--atx-gutter, 48px) 128px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.atx-hp-kicker { font-family: var(--hp-display); font-weight: 600; font-size: 16px; letter-spacing: 4px; color: #8fb3ff; margin-bottom: 16px; }
.atx-home .atx-hp-h1 { margin: 0 0 20px; font-family: var(--hp-display); font-weight: 800; font-size: clamp(46px, 5.6vw, 84px); line-height: .95; color: #fff; }
.atx-hp-lead { margin: 0 0 28px; max-width: 560px; font-size: 19px; line-height: 1.55; color: #c9d4e8; }
.atx-hp-hero-media { border-radius: 16px; overflow: hidden; background: var(--hp-navy-2); aspect-ratio: 16 / 9; box-shadow: 0 20px 50px rgba(0,0,0,.35); }
.atx-hp-hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* pilot tools (overlaps hero) */
.atx-hp-tools { position: relative; z-index: 2; margin-top: -72px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.atx-home a.atx-hp-tool { background: #fff; border-radius: 12px; padding: 22px; display: flex; flex-direction: column; gap: 8px; color: var(--hp-ink);
  box-shadow: 0 10px 30px rgba(15,27,45,.10); transition: transform .15s ease, box-shadow .15s ease; }
.atx-home a.atx-hp-tool:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(15,27,45,.14); color: var(--hp-ink); }
.atx-hp-tool-ico { width: 44px; height: 44px; border-radius: 10px; background: #e8eefb; color: var(--hp-blue); display: flex; align-items: center; justify-content: center; margin-bottom: 4px; }
.atx-hp-tool-name { font-family: var(--hp-display); font-weight: 700; font-size: 24px; line-height: 1.1; }
.atx-hp-tool-desc { font-size: 14px; line-height: 1.45; color: var(--hp-muted); }

/* shop by size */
.atx-hp-sizes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.atx-home a.atx-hp-size { background: #fff; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; color: var(--hp-ink); transition: transform .15s ease; }
.atx-home a.atx-hp-size:hover { transform: translateY(-3px); color: var(--hp-ink); }
.atx-hp-size-img { aspect-ratio: 16 / 9; background: var(--hp-navy-2); overflow: hidden; display: block; }
.atx-hp-size-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.atx-hp-size-body { padding: 18px 22px 22px; display: flex; flex-direction: column; gap: 6px; }
.atx-hp-size-name { font-family: var(--hp-display); font-weight: 700; font-size: 28px; line-height: 1.05; }
.atx-home a.atx-hp-size:hover .atx-hp-size-name { color: var(--hp-blue); }
.atx-hp-size-models { font-size: 14px; color: var(--hp-muted); }

/* featured model */
.atx-hp-feature { margin-top: 80px; background: #fff; border-radius: 16px; overflow: hidden; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.atx-hp-feature-img { background: var(--hp-navy); min-height: 100%; }
.atx-hp-feature-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.atx-hp-feature-body { padding: 48px; display: flex; flex-direction: column; gap: 18px; justify-content: center; }
.atx-hp-badge { align-self: flex-start; padding: 5px 11px; border-radius: 5px; background: var(--hp-red); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 1.5px; }
.atx-home .atx-hp-feature-title { margin: 0; font-family: var(--hp-display); font-weight: 800; font-size: clamp(40px, 4vw, 56px); line-height: .95; color: var(--hp-ink); }
.atx-hp-feature-body p { margin: 0; font-size: 17px; line-height: 1.6; color: var(--hp-body); }
.atx-hp-specs { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.atx-hp-specs > div { background: #f3f4f6; border-radius: 10px; padding: 14px; }
.atx-hp-specs dt { font-size: 12px; font-weight: 600; letter-spacing: 1px; color: var(--hp-muted); }
.atx-hp-specs dd { margin: 4px 0 0; font-family: var(--hp-display); font-weight: 700; font-size: 26px; }

/* latest posts */
.atx-hp-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.atx-home a.atx-hp-post { background: #fff; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; color: var(--hp-ink); }
.atx-hp-thumb { position: relative; aspect-ratio: 16 / 9; background: var(--hp-navy); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.atx-hp-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.atx-hp-thumb-text { position: absolute; left: 18px; bottom: 4px; font-family: var(--hp-display); font-weight: 800; font-size: 80px; line-height: 1; white-space: nowrap; color: #1d3561; }
.atx-hp-play { position: relative; width: 60px; height: 60px; border-radius: 50%; background: #fff; box-shadow: 0 8px 22px rgba(0,0,0,.35); }
.atx-hp-play::after { content: ""; position: absolute; left: 24px; top: 19px; border-left: 18px solid var(--hp-blue); border-top: 11px solid transparent; border-bottom: 11px solid transparent; }
.atx-home a.atx-hp-post:hover .atx-hp-play { background: var(--hp-blue); }
.atx-home a.atx-hp-post:hover .atx-hp-play::after { border-left-color: #fff; }
.atx-hp-post-body { padding: 18px 22px 22px; display: flex; flex-direction: column; gap: 8px; }
.atx-hp-meta { font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--hp-blue); }
.atx-hp-post-title { font-family: var(--hp-display); font-weight: 700; font-size: 25px; line-height: 1.08; }
.atx-home a.atx-hp-post:hover .atx-hp-post-title { color: var(--hp-blue); }

/* team pilots */
.atx-hp-team { margin-top: 80px; background: var(--hp-navy); color: #fff; border-radius: 16px; padding: 48px; }
.atx-hp-team .atx-hp-h2 { color: #fff; }
.atx-hp-team .atx-hp-more { color: #8fb3ff; }
.atx-hp-pilots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.atx-home a.atx-hp-pilot { background: var(--hp-navy-2); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; color: #fff; }
.atx-hp-pilot-img { aspect-ratio: 31 / 10; overflow: hidden; display: block; }
.atx-hp-pilot-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.atx-home a.atx-hp-pilot:hover img { transform: scale(1.04); }
.atx-hp-pilot-body { padding: 16px 20px 18px; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.atx-hp-pilot-name { font-family: var(--hp-display); font-weight: 700; font-size: 26px; }
.atx-hp-pilot-nick { font-size: 14px; color: #9fb0cc; }

/* responsive */
@media (max-width: 1199.98px) {
  .atx-hp-tools { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
  .atx-hp-hero { grid-template-columns: 1fr; padding-top: 40px; padding-bottom: 104px; }
  .atx-hp-hero-media { order: -1; }
  .atx-hp-sizes, .atx-hp-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .atx-hp-feature { grid-template-columns: 1fr; }
  .atx-hp-feature-img { aspect-ratio: 16 / 9; }
  .atx-hp-feature-body { padding: 28px; }
  .atx-hp-pilots { grid-template-columns: 1fr; }
  .atx-hp-team { padding: 28px; }
}
@media (max-width: 575.98px) {
  .atx-hp-block, .atx-hp-feature, .atx-hp-team { margin-top: 0; }
  .atx-hp-block { padding-top: 48px; }
  .atx-hp-feature, .atx-hp-team { margin-top: 48px; }
  .atx-hp-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: -64px; }
  .atx-home a.atx-hp-tool { padding: 16px; }
  .atx-hp-tool-ico { display: none; }
  .atx-hp-tool-name { font-size: 21px; }
  .atx-hp-sizes, .atx-hp-posts { grid-template-columns: 1fr; gap: 16px; }
  .atx-hp-lead { font-size: 16px; }
  .atx-hp-actions { flex-direction: column; }
  .atx-home a.atx-hp-btn { justify-content: center; }
}

/* =====================================================================
   POWER TIPS PAGE — SP Page Builder page 360 (/power-tips)
   Icons: images/page_images/power_tips/*.svg
   ===================================================================== */
.atx-pt {
  --pt-navy: #0b1a33; --pt-navy-2: #13274a; --pt-blue: #0345bf; --pt-red: #c8102e;
  --pt-ink: #0f1b2d; --pt-body: #3b4556; --pt-muted: #5b6475; --pt-line: #e3e7ee;
  --pt-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  font-family: 'IBM Plex Sans', system-ui, sans-serif; color: var(--pt-ink);
}
.itemid-1377 #sp-main-body { background: #f3f4f6; padding: 0 0 72px; }
.itemid-1377 .sp-page-builder .sppb-section { padding: 0 !important; margin: 0 !important; }
.itemid-1377 .sp-page-builder .sppb-addon-text-block .sppb-addon-content { margin: 0; }
.itemid-1377 .sp-page-builder .sppb-column-addons > div { margin-bottom: 0 !important; }

.atx-pt-hero { margin-inline: calc(-1 * var(--atx-gutter, 48px)); background: var(--pt-navy); color: #fff; padding: 56px var(--atx-gutter, 48px) 40px; }
.atx-pt-kicker { font-family: var(--pt-display); font-weight: 600; font-size: 16px; letter-spacing: 4px; color: #8fb3ff; margin-bottom: 10px; }
.atx-pt .atx-pt-h1 { margin: 0 0 14px; font-family: var(--pt-display); font-weight: 800; font-size: clamp(44px, 5.4vw, 76px); line-height: .95; color: #fff; }
.atx-pt-lead { margin: 0 0 28px; max-width: 720px; font-size: 18px; line-height: 1.55; color: #c9d4e8; }
.atx-pt-legend { margin: 0; display: flex; flex-wrap: wrap; gap: 12px 28px; }
.atx-pt-legend > div { display: flex; align-items: center; gap: 10px; }
.atx-pt-legend dt { margin: 0; display: flex; }
.atx-pt-legend dd { margin: 0; font-size: 14px; color: #c9d4e8; }
.atx-pt-legend img { height: 30px; width: auto; }

.atx-pt-card { margin-top: 40px; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 2px rgba(15,27,45,.06), 0 8px 24px rgba(15,27,45,.06); }
.atx-pt-card-head { padding: 26px 28px 18px; display: flex; justify-content: space-between; align-items: baseline; gap: 12px 24px; flex-wrap: wrap; }
.atx-pt .atx-pt-h2 { margin: 0; font-family: var(--pt-display); font-weight: 700; font-size: clamp(28px, 2.6vw, 36px); line-height: 1.05; color: var(--pt-ink); }
.atx-pt-note { margin: 0; font-size: 14px; color: var(--pt-muted); }
.atx-pt-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.atx-pt-scroll:focus-visible { outline: 3px solid var(--pt-blue); outline-offset: -3px; }
.atx-pt-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 15px; font-variant-numeric: tabular-nums; min-width: 1080px; }
.atx-pt-tail { min-width: 720px; }
.atx-pt-table thead th { position: sticky; top: 0; background: var(--pt-navy); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; text-align: left; padding: 12px 14px; white-space: nowrap; }
.atx-pt-table td, .atx-pt-table tbody th { padding: 12px 14px; border-top: 1px solid var(--pt-line); vertical-align: middle; text-align: left; white-space: nowrap; }
.atx-pt-table tr.atx-pt-start > * { border-top-color: #cfd6e2; }
.atx-pt-table tbody tr.atx-pt-g0 > * { background: #f8f9fb; }
.atx-pt-table tbody tr:hover > td { background: #eef3fd; }
.atx-pt-model { font-family: var(--pt-display); font-weight: 700; font-size: 20px; line-height: 1.1; color: var(--pt-ink); white-space: normal !important; min-width: 150px; }
.atx-pt-model .atx-pt-sub { display: block; font-family: 'IBM Plex Sans', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 0; }
.atx-pt-sub { color: var(--pt-muted); font-size: 12px; font-weight: 500; }
.atx-pt-setup img { height: 28px; width: auto; display: block; }
.atx-pt-styles { display: flex; }
.atx-pt-table td.atx-pt-styles { display: table-cell; }
.atx-pt-table td.atx-pt-styles { min-width: 118px; }
.atx-pt-styles img { display: inline-block !important; height: 28px; width: 28px; margin: 0 6px 0 0; vertical-align: middle; }
.atx-pt-setup img { max-width: none; }
.atx-pt-mono { font-family: ui-monospace, Consolas, monospace; font-size: 13.5px; }
.atx-pt-rpm { font-weight: 600; }
.atx-pt-max { color: var(--pt-blue); }

.atx-pt-caution { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 16px 28px 22px; background: #fff4f5; border-top: 1px solid #f3c9cf; color: #8a0b1f; }
.atx-pt-caution svg { flex: none; margin-top: 2px; }
.atx-pt-caution p { margin: 0; font-size: 15px; line-height: 1.5; }

@media (max-width: 767.98px) {
  .atx-pt-hero { padding-top: 32px; }
  .atx-pt-lead { font-size: 16px; }
  .atx-pt-card { margin-top: 24px; border-radius: 12px; }
  .atx-pt-card-head { padding: 20px 18px 14px; }
  .atx-pt-table tbody th.atx-pt-model { position: sticky; left: 0; z-index: 1; background: #fff; box-shadow: 1px 0 0 var(--pt-line); }
  .atx-pt-table tbody tr.atx-pt-g0 th.atx-pt-model { background: #f8f9fb; }
  .atx-pt-caution { padding: 14px 18px 18px; }
}

/* =====================================================================
   SERVO SPECS PAGE — SP Page Builder page 59 (/servo-specs)
   Reuses the .atx-pt page styles from POWER TIPS; search in js/custom.js
   ===================================================================== */
.itemid-1702 #sp-main-body { background: #f3f4f6; padding: 0 0 72px; }
.itemid-1702 .sp-page-builder .sppb-section { padding: 0 !important; margin: 0 !important; }
.itemid-1702 .sp-page-builder .sppb-addon-text-block .sppb-addon-content { margin: 0; }
.itemid-1702 .sp-page-builder .sppb-column-addons > div { margin-bottom: 0 !important; }

.atx-sv-tools { margin-top: 4px; max-width: 560px; }
.atx-sv-tools input { width: 100%; height: 50px; border: 0; border-radius: 8px; padding: 0 16px; font: 400 16px 'IBM Plex Sans', system-ui, sans-serif; color: #0f1b2d; background: #fff; }
.atx-sv-tools input:focus { outline: 3px solid #8fb3ff; outline-offset: 2px; }
.atx-sv-result { margin: 8px 0 0; min-height: 1.4em; font-size: 14px; color: #c9d4e8; }
.atx-sv-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.atx-sv-hero a.atx-sv-chip { padding: 8px 14px; border-radius: 999px; border: 1px solid #34466b; color: #e4ebf7; font-size: 14px; text-decoration: none; }
.atx-sv-hero a.atx-sv-chip:hover { background: #fff; border-color: #fff; color: #0b1a33; }

.atx-sv-info { margin-top: 32px; display: flex; flex-direction: column; gap: 16px; }
.atx-sv-warn { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 16px 20px; border-radius: 12px; background: #fff7ed; border: 1px solid #f5c58a; color: #7a3d00; }
.atx-sv-warn svg { flex: none; margin-top: 2px; }
.atx-sv-warn p { margin: 0; font-size: 15px; line-height: 1.55; }
.atx-sv-legend { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: 14px; }
.atx-sv-legend dt { font-weight: 600; color: #3b4556; }
.atx-sv-legend dd { margin: 0; }
.atx-sv-source { margin: 0; font-size: 14px; line-height: 1.55; color: #5b6475; }
.atx-sv-source a { color: #0345bf; }

.atx-sv-card { margin-top: 28px; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 2px rgba(15,27,45,.06), 0 8px 24px rgba(15,27,45,.06); scroll-margin-top: 90px; font-family: 'IBM Plex Sans', system-ui, sans-serif; }
.atx-sv-card[hidden] { display: none; }
.atx-sv-card-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 22px 24px 14px; }
.atx-sv-h2 { margin: 0; font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; font-weight: 700; font-size: 32px; line-height: 1.05; color: #0f1b2d; }
.atx-sv-count { font-size: 14px; color: #5b6475; }
.atx-sv-table { width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; font-size: 15px; font-variant-numeric: tabular-nums; }
.atx-sv-table thead th { background: #0b1a33; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; text-align: left; padding: 10px 14px; white-space: nowrap; }
.atx-sv-table thead tr:first-child th[colspan] { border-left: 1px solid #243a60; font-size: 13px; }
.atx-sv-table thead tr:first-child th small { display: block; font-size: 11px; font-weight: 500; letter-spacing: .4px; text-transform: none; color: #9fb0cc; }
.atx-sv-table thead tr + tr th { background: #13274a; color: #c9d4e8; font-size: 11px; padding-top: 8px; padding-bottom: 8px; }
.atx-sv-table thead tr + tr th:nth-child(odd) { border-left: 1px solid #243a60; }
.atx-sv-table tbody th, .atx-sv-table tbody td { padding: 10px 14px; border-top: 1px solid #e3e7ee; text-align: left; white-space: nowrap; vertical-align: middle; }
.atx-sv-table tbody tr:nth-child(even) > * { background: #f8f9fb; }
.atx-sv-table tbody tr:hover > * { background: #eef3fd; }
.atx-sv-table tbody th { font-weight: 600; color: #0f1b2d; }
.atx-sv-table tbody td:nth-child(2n) { border-left: 1px solid #eef1f5; }
.atx-sv-num { font-weight: 600; }
.atx-sv-num span { font-weight: 500; font-size: 12px; color: #5b6475; }
.atx-sv-na { color: #8a93a3; font-size: 13px; }
.atx-sv-src { display: inline-block; margin-left: 6px; padding: 2px 7px; border-radius: 4px; background: #e8eefb; color: #0345bf; font-size: 11px; font-weight: 600; letter-spacing: .4px; vertical-align: middle; }
.atx-sv-table tr[hidden] { display: none; }

/* status LED chips */
.atx-led { display: inline-flex; align-items: center; gap: 8px; padding: 4px 10px 4px 8px; border-radius: 999px; font-size: 13px; font-weight: 500; line-height: 1.2; white-space: nowrap; border: 1px solid transparent; }
.atx-led i { width: 12px; height: 12px; border-radius: 50%; display: inline-block; flex: none; }
.atx-led-blue { background: #e8eefb; color: #0a3a9e; }
.atx-led-blue i { background: #1d5cff; box-shadow: 0 0 0 3px rgba(29,92,255,.18); }
.atx-led-blue-fl { background: #eef3ff; color: #0a3a9e; border-color: #c7d6fb; }
.atx-led-blue-fl i { background: #1d5cff; animation: atx-led-blink 1s steps(1) infinite; }
.atx-led-red { background: #fdecee; color: #9b0c22; }
.atx-led-red i { background: #e0112f; box-shadow: 0 0 0 3px rgba(224,17,47,.18); }
.atx-led-red-fl { background: #fff4f5; color: #9b0c22; border-color: #f6c7cf; }
.atx-led-red-fl i { background: #e0112f; animation: atx-led-blink 1s steps(1) infinite; }
.atx-led-vio { background: #f3ecfd; color: #5b2a9e; }
.atx-led-vio i { background: #8a3ffc; box-shadow: 0 0 0 3px rgba(138,63,252,.18); }
@keyframes atx-led-blink { 50% { opacity: .15; } }
@media (prefers-reduced-motion: reduce) { .atx-led-blue-fl i, .atx-led-red-fl i { animation: none; opacity: .55; } }

@media (max-width: 767.98px) {
  .atx-sv-card-head { padding: 18px 16px 12px; }
  .atx-sv-table tbody th { position: sticky; left: 0; z-index: 1; background: #fff; box-shadow: 1px 0 0 #e3e7ee; }
  .atx-sv-table tbody tr:nth-child(even) th { background: #f8f9fb; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   CONTACT PAGE — SP Page Builder page 216 (/contact-us)
   Reuses the .atx-pt page styles from POWER TIPS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.itemid-1258 #sp-main-body { background: #f3f4f6; padding: 0 0 72px; }
.itemid-1258 .sp-page-builder .sppb-section { padding: 0 !important; margin: 0 !important; }
.itemid-1258 .sp-page-builder .sppb-addon-text-block .sppb-addon-content { margin: 0; }
.itemid-1258 .sp-page-builder .sppb-column-addons > div { margin-bottom: 0 !important; }
.atx-ct-grid { margin-top: 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.atx-ct-card { display: flex; flex-direction: column; gap: 10px; padding: 24px; background: #fff; border-radius: 14px; box-shadow: 0 1px 2px rgba(15,27,45,.06), 0 8px 24px rgba(15,27,45,.06); }
.atx-ct-ico { width: 44px; height: 44px; border-radius: 10px; background: #eaf0fb; color: #0345bf; display: grid; place-items: center; }
.atx-ct-ico svg { width: 22px; height: 22px; }
.atx-pt .atx-ct-h2 { margin: 4px 0 0; font-family: var(--pt-display); font-weight: 700; font-size: 26px; line-height: 1.05; color: var(--pt-ink); }
.atx-ct-value { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.35; color: var(--pt-ink); overflow-wrap: anywhere; }
.atx-pt .atx-ct-value a { color: var(--pt-blue); text-decoration: none; }
.atx-pt .atx-ct-value a:hover { text-decoration: underline; }
.atx-ct-note { margin: 0; font-size: 14px; line-height: 1.5; color: var(--pt-muted); }
.atx-ct-hours { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; font-size: 15px; }
.atx-ct-hours dt { font-weight: 600; color: var(--pt-body); }
.atx-ct-hours dd { margin: 0; color: var(--pt-ink); font-variant-numeric: tabular-nums; }
.atx-ct-closed { color: var(--pt-red) !important; font-weight: 600; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   EDOCMAN PDF THUMBNAILS — first page of each PDF as its picture
   Manuals cards, EDocman category lists and document pages; see js/custom.js
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.atx-pdfthumb-loading { position: relative; overflow: hidden; }
.atx-pdfthumb-loading::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent); animation: atx-pdfthumb-shimmer 1.2s infinite; }
@keyframes atx-pdfthumb-shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .atx-pdfthumb-loading::after { animation: none; } }
.atx-img.atx-pdfthumb-done { background: #fff; }
.edocman-document.atx-has-thumb { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 16px; align-items: start; }
.edocman-document.atx-has-thumb > * { grid-column: 2; }
.edocman-document.atx-has-thumb > .atx-edoc-thumb { grid-column: 1; grid-row: 1 / span 6; }
.atx-edoc-thumb { display: block; margin-top: 8px; aspect-ratio: 3 / 4; border: 1px solid #e3e7ee; border-radius: 6px; background: #f3f4f6; overflow: hidden; }
.atx-edoc-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.atx-edoc-preview { display: block; width: 100%; max-width: 280px; aspect-ratio: 3 / 4; margin: 0 0 20px; border: 1px solid #e3e7ee; border-radius: 8px; background: #f3f4f6; overflow: hidden; box-shadow: 0 1px 2px rgba(15,27,45,.06), 0 8px 24px rgba(15,27,45,.06); }
.atx-edoc-preview img { width: 100%; height: 100%; object-fit: contain; display: block; background: #fff; }
@media (max-width: 575px) { .edocman-document.atx-has-thumb { grid-template-columns: 72px minmax(0, 1fr); column-gap: 12px; } }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   T15 COMBO PAGE (product page) — SP Page Builder page 363
   (/t-rex-helis/align-t-rex-150-size-rc-helicopters/t-rex-t15-combo-rh15e21x-rh15e22x)
   Reuses the .atx-pt page styles from POWER TIPS; .atx-pd-* = product page
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.itemid-1604 #sp-main-body { background: #f3f4f6; padding: 0 0 72px; }
.itemid-1604 .sp-page-builder .sppb-section { padding: 0 !important; margin: 0 !important; }
.itemid-1604 .sp-page-builder .sppb-addon-text-block .sppb-addon-content { margin: 0; }
.itemid-1604 .sp-page-builder .sppb-column-addons > div { margin-bottom: 0 !important; }
.atx-pd-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 40px; align-items: center; }
.atx-pd-hero .atx-pt-lead { margin-bottom: 24px; }
.atx-pd-hero-img { margin: 0; border-radius: 12px; overflow: hidden; background: #13274a; box-shadow: 0 20px 40px rgba(0,0,0,.35); }
.atx-pd-hero-img img { display: block; width: 100%; height: auto; }
.atx-pd-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.atx-pt a.atx-pd-btn { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 8px; font-weight: 600; font-size: 15px; text-decoration: none; border: 1px solid transparent; }
.atx-pt a.atx-pd-btn svg { width: 18px; height: 18px; }
.atx-pt a.atx-pd-buy { background: var(--pt-red); color: #fff; }
.atx-pt a.atx-pd-buy:hover { background: #a50d26; }
.atx-pt a.atx-pd-ghost { border-color: #34466b; color: #e4ebf7; }
.atx-pt a.atx-pd-ghost:hover { background: #fff; color: var(--pt-navy); border-color: #fff; }
.atx-pd-specs { margin: 0 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--pt-line); border-radius: 14px; overflow: hidden; box-shadow: 0 1px 2px rgba(15,27,45,.06), 0 8px 24px rgba(15,27,45,.06); }
.atx-pd-specs > div { background: #fff; padding: 18px 20px; }
.atx-pd-specs dt { font-size: 12px; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; color: var(--pt-muted); }
.atx-pd-specs dd { margin: 4px 0 0; font-family: var(--pt-display); font-weight: 700; font-size: 30px; line-height: 1; color: var(--pt-ink); font-variant-numeric: tabular-nums; }
.atx-pd-specs dd small { font-family: 'IBM Plex Sans', system-ui, sans-serif; font-size: 13px; font-weight: 500; color: var(--pt-muted); margin-left: 4px; }
.atx-pd-wrap { margin-top: 28px; display: flex; flex-direction: column; gap: 28px; }
.atx-pd-card { background: #fff; border-radius: 14px; padding: 28px; box-shadow: 0 1px 2px rgba(15,27,45,.06), 0 8px 24px rgba(15,27,45,.06); }
.atx-pd-card-kicker { font-family: var(--pt-display); font-weight: 600; font-size: 14px; letter-spacing: 3px; color: var(--pt-blue); margin-bottom: 6px; }
.atx-pt .atx-pd-h2 { margin: 0 0 14px; font-family: var(--pt-display); font-weight: 700; font-size: 34px; line-height: 1.05; color: var(--pt-ink); }
.atx-pt .atx-pd-h3 { margin: 0 0 10px; font-family: var(--pt-display); font-weight: 700; font-size: 22px; line-height: 1.1; color: var(--pt-ink); }
.atx-pd-card p, .atx-pd-card li { font-size: 16px; line-height: 1.6; color: var(--pt-body); }
.atx-pd-card p { margin: 0 0 12px; }
.atx-pd-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.atx-pd-video { position: relative; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #000; }
.atx-pd-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.atx-pd-feats { margin: 0 0 18px; padding: 0; list-style: none; display: grid; gap: 10px; }
.atx-pd-feats li { display: flex; gap: 10px; align-items: flex-start; }
.atx-pd-feats li::before { content: ''; flex: none; width: 8px; height: 8px; margin-top: 9px; border-radius: 50%; background: var(--pt-blue); }
.atx-pd-stores { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.atx-pd-stores img { height: 44px; width: auto; display: block; }
.atx-pd-tx { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 6px 0 22px; }
.atx-pd-tx > div { border: 1px solid var(--pt-line); border-radius: 10px; padding: 16px 18px; }
.atx-pd-tx strong { display: block; font-size: 15px; color: var(--pt-ink); margin-bottom: 4px; }
.atx-pd-tx span { font-size: 14px; line-height: 1.5; color: var(--pt-body); }
.atx-pd-tag { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: #e7f6ec; color: #17693a; font-size: 12px; font-weight: 600; vertical-align: 2px; }
.atx-pd-steps { margin: 0 0 14px; padding: 0; list-style: none; counter-reset: s; display: grid; gap: 12px; }
.atx-pd-steps li { counter-increment: s; position: relative; padding-left: 44px; }
.atx-pd-steps li::before { content: counter(s); position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; background: var(--pt-navy); color: #fff; font-weight: 700; font-size: 14px; display: grid; place-items: center; }
.atx-pd-rx { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.atx-pd-rx figure { margin: 0; border: 1px solid var(--pt-line); border-radius: 10px; padding: 14px; text-align: center; }
.atx-pd-rx img { width: 100%; height: 150px; object-fit: contain; display: block; }
.atx-pd-rx figcaption { margin-top: 8px; font-size: 14px; font-weight: 600; color: var(--pt-ink); }
.atx-pd-rx figcaption a { color: var(--pt-blue); }
.atx-pd-note { margin-top: 14px; padding: 14px 16px; border-radius: 10px; background: #eef3fc; font-size: 14px !important; }
.atx-pd-app { margin: 18px 0 0; }
.atx-pd-app img { width: 100%; height: auto; display: block; border-radius: 10px; }
.atx-pd-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.atx-pd-gallery a { display: block; aspect-ratio: 16 / 10; border-radius: 10px; overflow: hidden; background: #f3f4f6; }
.atx-pd-gallery img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s; }
.atx-pd-gallery a:hover img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) { .atx-pd-gallery img { transition: none; } }
.atx-pd-box { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 32px; }
.atx-pd-box li { break-inside: avoid; padding: 9px 0; border-bottom: 1px solid var(--pt-line); font-size: 15px !important; }
.atx-pd-table { width: 100%; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
.atx-pd-table th, .atx-pd-table td { padding: 9px 0; border-bottom: 1px solid var(--pt-line); text-align: left; }
.atx-pd-table th { font-weight: 500; color: var(--pt-muted); }
.atx-pd-table td { font-weight: 600; color: var(--pt-ink); text-align: right; }
.atx-pd-docs { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.atx-pt a.atx-pd-doc { display: flex; gap: 14px; align-items: center; padding: 18px; border: 1px solid var(--pt-line); border-radius: 10px; text-decoration: none; color: var(--pt-ink); }
.atx-pt a.atx-pd-doc:hover { border-color: var(--pt-blue); }
.atx-pd-doc b { display: block; font-size: 16px; }
.atx-pd-doc span { font-size: 13px; color: var(--pt-muted); }
.atx-pd-doc i { flex: none; width: 44px; height: 44px; border-radius: 10px; background: #eaf0fb; color: var(--pt-blue); display: grid; place-items: center; }
.atx-pd-doc i svg { width: 22px; height: 22px; }
@media (max-width: 991px) { .atx-pd-hero, .atx-pd-split { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .atx-pd-card { padding: 20px; } .atx-pd-box { columns: 1; } .atx-pd-rx img { height: 110px; } .atx-pt .atx-pd-h2 { font-size: 28px; } }

/* T15 page: app screens cropped from the one composite image, shown in phone frames */
.atx-pd-screens { grid-column: 1 / -1; margin-top: 8px; padding-top: 24px; border-top: 1px solid var(--pt-line); }
.atx-pd-screens-row { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 20px; overflow-x: auto; padding: 6px 4px 14px; scroll-snap-type: x mandatory; }
.atx-pd-screens figure { margin: 0; text-align: center; scroll-snap-align: start; }
.atx-pd-phone { max-width: 180px; margin: 0 auto; aspect-ratio: 164.6 / 349; border: 6px solid #0b1a33; border-radius: 24px; background: #000 url(/images/article_images/t15g_app/t15g_app_screen_images1.jpg) no-repeat; background-size: 500% 100%; background-position: calc(var(--i) * 25%) 0; box-shadow: 0 2px 4px rgba(15,27,45,.12), 0 14px 28px rgba(15,27,45,.16); }
.atx-pd-screens figcaption { margin-top: 12px; }
.atx-pd-screens figcaption b { display: block; font-size: 14px; color: var(--pt-ink); }
.atx-pd-screens figcaption span { display: block; margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--pt-muted); }
@media (max-width: 767px) { .atx-pd-screens-row { grid-template-columns: repeat(5, 150px); } }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   PRODUCT GALLERY LIGHTBOX — pop-up viewer for .atx-pd-gallery (js/custom.js)
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.atx-pd-gallery a { cursor: zoom-in; }
.atx-lb-lock, .atx-lb-lock body { overflow: hidden; }
.atx-lb { position: fixed; inset: 0; width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(8,14,28,.96); color: #fff; }
.atx-lb::backdrop { background: transparent; }
.atx-lb[open] { display: block; }
.atx-lb-fig { margin: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 64px 88px 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.atx-lb-fig img { max-width: 100%; max-height: calc(100% - 34px); width: auto; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.5); background: #fff; }
.atx-lb-count { margin-top: 12px; font: 500 14px 'IBM Plex Sans', system-ui, sans-serif; color: #c9d4e8; font-variant-numeric: tabular-nums; }
.atx-lb-btn { position: absolute; z-index: 1; width: 52px; height: 52px; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 34px; line-height: 1; display: grid; place-items: center; cursor: pointer; padding: 0 0 4px; }
.atx-lb-btn:hover { background: rgba(255,255,255,.26); }
.atx-lb-btn:focus-visible { outline: 3px solid #8fb3ff; outline-offset: 2px; }
.atx-lb-close { top: 16px; right: 16px; }
.atx-lb-prev { left: 20px; top: 50%; transform: translateY(-50%); }
.atx-lb-next { right: 20px; top: 50%; transform: translateY(-50%); }
@media (max-width: 767px) {
  .atx-lb-fig { padding: 64px 12px 88px; }
  .atx-lb-prev, .atx-lb-next { top: auto; bottom: 20px; transform: none; }
  .atx-lb-prev { left: calc(50% - 64px); } .atx-lb-next { right: calc(50% - 64px); }
}

/* ==========================================================================
   MANUALS PAGE REDESIGN — SP Page Builder page "ALIGN T-REX Helicopter Manuals"
   Matches the Home redesign (.atx-home tokens). Doubled class beats the
   page's inline <style>.
   ========================================================================== */
.atx-manuals.atx-manuals{
  --hp-navy:#0b1a33;--hp-navy-2:#13274a;--hp-blue:#0345bf;--hp-blue-d:#022f86;
  --hp-ink:#0f1b2d;--hp-body:#3b4556;--hp-muted:#5b6475;--hp-border:#cfd6e2;--hp-soft:#f3f6fb;
  --hp-display:'Barlow Condensed','Arial Narrow',sans-serif;
  --hp-sans:'IBM Plex Sans',system-ui,sans-serif;
  --atx-accent:var(--hp-blue);--atx-ink:var(--hp-ink);--atx-muted:var(--hp-muted);--atx-line:var(--hp-border);
  font-family:var(--hp-sans);color:var(--hp-ink);
  max-width:none;margin:0;
}
/* navy header panel built from title + intro + size nav */
.atx-manuals.atx-manuals .atx-title{
  margin:0;padding:44px 40px 10px;background:var(--hp-navy);color:#fff;border-radius:14px 14px 0 0;
  font-family:var(--hp-display);font-weight:700;font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:.2px;
}
.atx-manuals.atx-manuals .atx-title::before{
  content:"THE ALIGN T-REX RESOURCE";display:block;margin-bottom:12px;
  font-family:var(--hp-sans);font-size:12px;font-weight:600;letter-spacing:.18em;color:#8fb2ff;
}
.atx-manuals.atx-manuals .atx-intro{
  margin:0;padding:0 40px 22px;background:var(--hp-navy);color:#c9d3e6;font-size:17px;line-height:1.55;
}
.atx-manuals.atx-manuals .atx-nav{
  margin:0 0 40px;padding:0 40px 36px;background:var(--hp-navy);border-radius:0 0 14px 14px;gap:8px;
}
.atx-manuals.atx-manuals .atx-nav a{
  min-width:56px;text-align:center;padding:9px 14px;border-radius:8px;
  background:transparent;border:1px solid #4a5f86;color:#fff;font-family:var(--hp-sans);font-weight:600;font-size:15px;
  transition:background .15s,border-color .15s;
}
.atx-manuals.atx-manuals .atx-nav a:hover,.atx-manuals.atx-manuals .atx-nav a:focus-visible{
  background:var(--hp-blue);border-color:var(--hp-blue);color:#fff;
}
/* section headings */
.atx-manuals.atx-manuals .atx-cat{margin:0 0 48px;scroll-margin-top:110px}
.atx-manuals.atx-manuals .atx-cat-head{border-bottom:1px solid var(--hp-border);padding:0 0 10px;margin:0 0 20px;position:relative}
.atx-manuals.atx-manuals .atx-cat-head::after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:3px;background:var(--hp-blue);border-radius:2px}
.atx-manuals.atx-manuals .atx-cat-head h3,.atx-manuals.atx-manuals .atx-cat-head h2{
  margin:0;font-family:var(--hp-display);font-weight:700;font-size:clamp(26px,2.6vw,34px);line-height:1.05;color:var(--hp-ink);
}
.atx-manuals.atx-manuals .atx-cat-head span,.atx-manuals.atx-manuals .atx-cat-head small{
  color:var(--hp-muted);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
}
/* cards */
.atx-manuals.atx-manuals .atx-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.atx-manuals.atx-manuals .atx-body{padding:10px 12px 6px}
.atx-manuals.atx-manuals .atx-model{font-size:14.5px;line-height:1.3}
.atx-manuals.atx-manuals .atx-btns{grid-template-columns:1.35fr 1fr 1fr;gap:5px;padding:0 10px 12px}
.atx-manuals.atx-manuals .atx-btn{font-size:12.5px;padding:7px 2px;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
.atx-manuals.atx-manuals .atx-ph svg{width:40px;height:40px}
.atx-manuals.atx-manuals .atx-card{
  background:#fff;border:1px solid #e3e8f0;border-radius:12px;overflow:hidden;
  box-shadow:0 1px 2px rgba(15,27,45,.06),0 6px 18px rgba(15,27,45,.05);
  transition:transform .15s,box-shadow .15s,border-color .15s;
}
.atx-manuals.atx-manuals .atx-card:hover{transform:translateY(-2px);border-color:#c3d2ee;box-shadow:0 2px 4px rgba(15,27,45,.08),0 12px 28px rgba(15,27,45,.10)}
.atx-manuals.atx-manuals .atx-img{background:var(--hp-soft)}
.atx-manuals.atx-manuals .atx-ph{background:linear-gradient(160deg,#eef3fb,#dfe7f4);color:#6f7f9c;font-family:var(--hp-sans);font-weight:600;letter-spacing:.12em}
.atx-manuals.atx-manuals .atx-ph svg{color:var(--hp-blue)}
.atx-manuals.atx-manuals .atx-code{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:var(--hp-blue);font-weight:600}
.atx-manuals.atx-manuals .atx-model,.atx-manuals.atx-manuals .atx-model a{font-family:var(--hp-sans);font-weight:600;color:var(--hp-ink);text-decoration:none}
.atx-manuals.atx-manuals .atx-model a:hover{color:var(--hp-blue)}
.atx-manuals.atx-manuals .atx-desc{color:var(--hp-body)}
/* buttons */
.atx-manuals.atx-manuals .atx-btn{border-radius:8px;font-family:var(--hp-sans);font-weight:600;border:1px solid var(--hp-border);background:#fff;color:var(--hp-ink);transition:background .15s,border-color .15s,color .15s}
.atx-manuals.atx-manuals .atx-btn:hover{border-color:var(--hp-blue);color:var(--hp-blue);background:#fff}
.atx-manuals.atx-manuals .atx-btn.atx-dl{background:var(--hp-blue);border-color:var(--hp-blue);color:#fff}
.atx-manuals.atx-manuals .atx-btn.atx-dl:hover{background:var(--hp-blue-d);border-color:var(--hp-blue-d);color:#fff}
.atx-manuals.atx-manuals .atx-top{color:var(--hp-blue);font-weight:600;text-decoration:none}
/* PDF viewer bar */
.atx-pv .atx-pv-bar{background:var(--hp-navy,#0b1a33)}
.atx-pv .atx-pv-bar .atx-pv-dl{background:#0345bf}
@media (max-width:640px){
  .atx-manuals.atx-manuals .atx-title{padding:32px 20px 8px}
  .atx-manuals.atx-manuals .atx-intro{padding:0 20px 18px;font-size:16px}
  .atx-manuals.atx-manuals .atx-nav{padding:0 20px 26px}
}

/* Manuals page: 2 cards per row on phones */
@media (max-width:600px){
.atx-manuals.atx-manuals .atx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.atx-manuals.atx-manuals .atx-body{padding:8px 9px 4px}
.atx-manuals.atx-manuals .atx-code{font-size:10.5px}
.atx-manuals.atx-manuals .atx-model{font-size:13px;line-height:1.25}
.atx-manuals.atx-manuals .atx-desc{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.atx-manuals.atx-manuals .atx-btns{grid-template-columns:1fr 1fr;gap:5px;padding:0 8px 9px}
.atx-manuals.atx-manuals .atx-btn{font-size:12px;padding:7px 2px}
.atx-manuals.atx-manuals .atx-btn.atx-dl{grid-column:1 / -1}
.atx-manuals.atx-manuals .atx-ph svg{width:32px;height:32px}
.atx-manuals.atx-manuals .atx-cat{margin-bottom:32px}
}

/* ==========================================================================
   EDOCMAN DOCUMENT (DETAILS) PAGE — matches Home / Manuals redesign
   Helper script in js/custom.js adds the .atx-doc-* elements
   ========================================================================== */
#edocman-document-page{
  --hp-navy:#0b1a33;--hp-blue:#0345bf;--hp-blue-d:#022f86;--hp-ink:#0f1b2d;--hp-body:#3b4556;
  --hp-muted:#5b6475;--hp-border:#cfd6e2;--hp-soft:#f3f6fb;
  --hp-display:'Barlow Condensed','Arial Narrow',sans-serif;--hp-sans:'IBM Plex Sans',system-ui,sans-serif;
  font-family:var(--hp-sans);color:var(--hp-ink);max-width:none;margin:0;
}
#edocman-document-page .atx-doc-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;font-weight:600;font-size:14px;color:var(--hp-blue);text-decoration:none}
#edocman-document-page .atx-doc-back:hover{color:var(--hp-blue-d);text-decoration:underline}
#edocman-document-page .document-card{border:1px solid #e3e8f0;border-radius:14px;overflow:hidden;background:#fff;
  box-shadow:0 1px 2px rgba(15,27,45,.06),0 6px 18px rgba(15,27,45,.05);padding:0}
#edocman-document-page .document-header{background:var(--hp-navy);color:#fff;padding:34px 36px 30px;border:0;margin:0}
#edocman-document-page .document-header .doc-icon,
#edocman-document-page .indicators-container,
#edocman-document-page .mobile-indicators{display:none!important}
#edocman-document-page .atx-doc-kicker{display:block;margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.18em;color:#8fb2ff;text-transform:uppercase}
#edocman-document-page .atx-doc-code{display:block;margin:0 0 4px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:15px;font-weight:600;letter-spacing:.04em;color:#c9d3e6}
#edocman-document-page h1.document-title{margin:0;color:#fff;font-family:var(--hp-display);font-weight:700;font-size:clamp(32px,4vw,48px);line-height:1.02}
#edocman-document-page .document-body{padding:30px 36px 32px}
#edocman-document-page .document-content{display:grid!important;grid-template-columns:minmax(220px,300px) 1fr!important;gap:36px;align-items:start}
#edocman-document-page .thumbnail-container{background:var(--hp-soft);border:1px solid #e3e8f0;border-radius:10px;padding:14px;display:flex;justify-content:center}
#edocman-document-page .thumbnail-image{width:100%;height:auto;max-width:272px;border-radius:4px;box-shadow:0 2px 10px rgba(15,27,45,.12);cursor:zoom-in}


#edocman-document-page .meta-label{display:block;margin:0 0 4px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-muted)}
#edocman-document-page .meta-value{font-size:15.5px;font-weight:600;color:var(--hp-ink);word-break:break-word}
#edocman-document-page .meta-group.atx-empty{display:none}
#edocman-document-page .document-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 0;padding:20px 0 0;border-top:1px solid #eef1f6}
#edocman-document-page .primary-actions{display:flex;flex-wrap:wrap;gap:8px}
#edocman-document-page .edocman-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 20px;border-radius:8px;font-family:var(--hp-sans);font-weight:600;font-size:15px;
  background:#fff;border:1px solid var(--hp-border);color:var(--hp-ink);text-decoration:none;box-shadow:none;transition:background .15s,border-color .15s,color .15s}
#edocman-document-page .edocman-btn:hover{border-color:var(--hp-blue);color:var(--hp-blue);background:#fff}
#edocman-document-page .edocman-btn-download{background:var(--hp-blue);border-color:var(--hp-blue);color:#fff}
#edocman-document-page .edocman-btn-download:hover{background:var(--hp-blue-d);border-color:var(--hp-blue-d);color:#fff}
#edocman-document-page .edocman-btn-edit,#edocman-document-page .edocman-btn-delete,#edocman-document-page .edocman-btn-publish{min-height:36px;padding:0 12px;font-size:13px;color:var(--hp-muted);border-style:dashed}
#edocman-document-page .social-btn{width:36px;height:36px;border-radius:8px}
@media (max-width:760px){
  #edocman-document-page .document-header{padding:26px 20px 22px}
  #edocman-document-page .document-body{padding:20px}
  #edocman-document-page .document-content{grid-template-columns:1fr!important;gap:20px}
  #edocman-document-page .thumbnail-image{max-width:220px}
  #edocman-document-page .document-meta{grid-template-columns:1fr 1fr}
  #edocman-document-page .primary-actions{width:100%}
  #edocman-document-page .primary-actions .edocman-btn-download,#edocman-document-page .primary-actions .edocman-btn-view{flex:1;justify-content:center}
}

#edocman-document-page .document-card .document-header{background:var(--hp-navy)!important;color:#fff!important;padding:34px 36px 30px!important;border:0!important;margin:0!important}
#edocman-document-page .document-header .header-content,#edocman-document-page .document-header .document-title-container,#edocman-document-page .document-header .title-content,#edocman-document-page .document-header .title-row,#edocman-document-page .mobile-title-row,#edocman-document-page .mobile-title-container{display:block!important;background:transparent!important;padding:0!important;margin:0!important}
#edocman-document-page .document-header h1.document-title{color:#fff!important;font-family:var(--hp-display)!important;font-weight:700!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.02!important;margin:0!important}
#edocman-document-page .document-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;background:#e3e8f0;border:1px solid #e3e8f0;border-radius:10px;overflow:hidden;padding:0!important}
#edocman-document-page .document-meta .meta-group{background:#fff;padding:14px 16px!important;margin:0!important;border:0!important}
@media (max-width:760px){#edocman-document-page .document-meta{grid-template-columns:1fr 1fr!important}#edocman-document-page .document-card .document-header{padding:26px 20px 22px!important}}

#edocman-document-page .document-meta{background:#fff!important;gap:0!important}
#edocman-document-page .document-meta .meta-group{box-shadow:1px 0 0 #e3e8f0,0 1px 0 #e3e8f0}

body.com-edocman #sp-main-body{padding-top:24px;padding-bottom:56px}

#edocman-document-page .document-content{grid-template-columns:282px 1fr!important}
#edocman-document-page .document-thumbnail{width:282px!important;max-width:none!important;margin:0!important;padding:0!important}
#edocman-document-page .thumbnail-container{display:block!important;width:282px!important;height:auto!important;padding:10px!important;line-height:0;box-sizing:border-box}
#edocman-document-page .thumbnail-image{display:block!important;width:260px!important;max-width:none!important;height:auto!important;margin:0!important}
@media (max-width:760px){#edocman-document-page .document-content{grid-template-columns:1fr!important}#edocman-document-page .document-thumbnail{width:auto!important}#edocman-document-page .thumbnail-container{width:242px!important;margin:0 auto!important}#edocman-document-page .thumbnail-image{width:220px!important}}

#edocman-document-page .document-thumbnail,#edocman-document-page .thumbnail-container{overflow:visible!important;height:auto!important;padding-bottom:0}
#edocman-document-page .thumbnail-container{padding:10px!important}
#edocman-document-page .thumbnail-image{position:static!important;object-fit:contain!important;inset:auto!important;transform:none!important}

/* Details page: one title block per screen size (EDocman has desktop + mobile copies) */
@media (max-width:767.98px){#edocman-document-page .document-header .header-content{display:none!important}#edocman-document-page .document-header .mobile-header{display:block!important}}
@media (min-width:768px){#edocman-document-page .document-header .mobile-header{display:none!important}}

/* Details page: description box */
#edocman-document-page .document-description{background:#fff!important;border:1px solid #e3e8f0!important;border-radius:10px!important;padding:18px 20px 6px!important;margin:0 0 18px!important;box-shadow:none!important}
#edocman-document-page .document-description .description-title{margin:0 0 10px!important;font-family:var(--hp-sans)!important;font-size:11.5px!important;font-weight:600!important;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-muted)!important;line-height:1.3}
#edocman-document-page .document-description p,#edocman-document-page .document-description p *{font-family:var(--hp-sans)!important;margin:0 0 12px;font-size:16px!important;line-height:1.65!important;color:var(--hp-body)!important}
#edocman-document-page .document-description p:empty,#edocman-document-page .document-description > br{display:none}
@media (max-width:760px){#edocman-document-page .document-description{padding:16px 16px 4px!important}#edocman-document-page .document-description p{font-size:15.5px}}

/* Pop-up PDF viewer (copied from the Manuals page so the Details page can use it) */
.atx-pv{position:fixed;inset:0;z-index:100000;background:rgba(20,20,22,.97);display:none;flex-direction:column} 
.atx-pv.is-open{display:flex} 
.atx-pv-bar{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;background:#1d1d1f;color:#fff;font:600 14px/1.2 system-ui,sans-serif;flex-wrap:wrap} 
.atx-pv-title{flex:1;min-width:8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} 
.atx-pv-bar button,.atx-pv-bar a{background:#333;border:0;color:#fff!important;border-radius:6px;padding:.4rem .7rem;font:600 13px system-ui,sans-serif;cursor:pointer;text-decoration:none} 
.atx-pv-bar button:hover,.atx-pv-bar a:hover{background:#4a4a4f} 
.atx-pv-bar .atx-pv-dl{background:#c8102e} 
.atx-pv-info{opacity:.75;font-weight:500;min-width:5.5rem;text-align:center} 
.atx-pv-pages{flex:1;overflow:auto;padding:1rem 0;-webkit-overflow-scrolling:touch} 
.atx-pv-page{margin:0 auto 1rem;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.4);display:block;max-width:none} 
.atx-pv-msg{color:#fff;text-align:center;padding:3rem 1rem;font:500 15px system-ui,sans-serif} 
.atx-pv-msg a{color:#fff} 
body.atx-pv-lock{overflow:hidden}

/* Manuals page: card description = 2 lines + "…" on tablet/desktop, hidden on phone portrait */
.atx-manuals.atx-manuals .atx-desc{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:none}
@media (max-width:600px) and (orientation:portrait){.atx-manuals.atx-manuals .atx-desc{display:none!important}}

/* ==========================================================================
   SITE FOOTER — Custom module "Site Footer" in position footer1, all pages.
   Links are placeholders (href="#") until the layout is final.
   ========================================================================== */
#sp-footer{background:#0b1a33!important;color:#c9d3e6;padding:0!important}
#sp-footer .sp-copyright{display:none!important}
#sp-footer .atx-foot{font-family:'IBM Plex Sans',system-ui,sans-serif;padding:56px 0 0;text-align:left}
#sp-footer .atx-foot-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:36px;padding-bottom:44px}
#sp-footer .atx-foot-logo{margin:0 0 12px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:30px;line-height:1;color:#fff;letter-spacing:.3px}
#sp-footer .atx-foot-logo span{color:#8fb2ff}
#sp-footer .atx-foot-blurb{margin:0;max-width:340px;font-size:15px;line-height:1.6;color:#aebbd3}
#sp-footer .atx-foot-h{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8fb2ff}
#sp-footer .atx-foot ul{list-style:none;margin:0;padding:0}
#sp-footer .atx-foot li{margin:0 0 9px}
#sp-footer .atx-foot a{color:#dfe6f3;text-decoration:none;font-size:15px}
#sp-footer .atx-foot a:hover,#sp-footer .atx-foot a:focus-visible{color:#fff;text-decoration:underline}
#sp-footer .atx-foot-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 26px;border-top:1px solid #22375c;font-size:14px;color:#8f9db8}
#sp-footer .atx-foot-bar p{margin:0}
#sp-footer .atx-foot-social{display:flex;gap:18px}
#sp-footer .atx-foot-social a{font-size:14px;color:#aebbd3}
@media (max-width:1000px){#sp-footer .atx-foot-grid{grid-template-columns:repeat(4,1fr);gap:32px 24px}#sp-footer .atx-foot-brand{grid-column:1 / -1}}
@media (max-width:700px){#sp-footer .atx-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){#sp-footer .atx-foot{padding-top:40px}#sp-footer .atx-foot-grid{gap:28px 16px}#sp-footer .atx-foot-bar{flex-direction:column;align-items:flex-start}}

/* ==========================================================================
   LEGAL PAGES (Privacy Policy etc.) — SP Page Builder text block, .atx-legal
   ========================================================================== */
.atx-legal{--hp-navy:#0b1a33;--hp-blue:#0345bf;--hp-ink:#0f1b2d;--hp-body:#3b4556;--hp-muted:#5b6475;
  font-family:'IBM Plex Sans',system-ui,sans-serif;color:var(--hp-ink);max-width:none;margin:0}
.atx-legal .atx-legal-head{background:var(--hp-navy);color:#fff;border-radius:14px;padding:44px 40px 36px;margin:0 0 28px}
.atx-legal .atx-legal-kicker{display:block;margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8fb2ff}
.atx-legal .atx-legal-title{margin:0;color:#fff;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:clamp(36px,4.4vw,56px);line-height:1.02}
.atx-legal .atx-legal-date{margin:14px 0 0;color:#c9d3e6;font-size:15px}
.atx-legal .atx-legal-body{background:#fff;border:1px solid #e3e8f0;border-radius:14px;box-shadow:0 1px 2px rgba(15,27,45,.06),0 6px 18px rgba(15,27,45,.05);padding:36px 40px 20px;max-width:none}
.atx-legal .atx-legal-body > *{max-width:820px}
.atx-legal .atx-legal-body p,.atx-legal .atx-legal-body li{font-size:16.5px;line-height:1.7;color:var(--hp-body)}
.atx-legal .atx-legal-body p{margin:0 0 16px}
.atx-legal .atx-legal-body h2{margin:34px 0 12px;padding-top:26px;border-top:1px solid #eef1f6;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:30px;line-height:1.1;color:var(--hp-ink)}
.atx-legal .atx-legal-body h2:first-of-type{margin-top:22px}
.atx-legal .atx-legal-body h3{margin:22px 0 8px;font-size:17px;font-weight:600;color:var(--hp-ink)}
.atx-legal .atx-legal-body ul{margin:0 0 18px;padding-left:22px}
.atx-legal .atx-legal-body li{margin:0 0 6px}
.atx-legal .atx-legal-body li::marker{color:var(--hp-blue)}
.atx-legal .atx-legal-body a{color:var(--hp-blue);text-decoration:underline;text-underline-offset:2px}
.atx-legal .atx-legal-body code{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.9em;background:#f3f6fb;border:1px solid #e3e8f0;border-radius:4px;padding:1px 5px}
@media (max-width:640px){
  .atx-legal .atx-legal-head{padding:30px 20px 26px;border-radius:12px}
  .atx-legal .atx-legal-body{padding:22px 20px 10px;border-radius:12px}
  .atx-legal .atx-legal-body h2{font-size:26px}
  .atx-legal .atx-legal-body p,.atx-legal .atx-legal-body li{font-size:16px}
}

/* Legal pages: header matches the Power Tips hero (full-bleed, square corners) */
.atx-legal .atx-legal-head{margin:0 calc(-1 * var(--atx-gutter, 48px)) 0;border-radius:0;padding:56px var(--atx-gutter, 48px) 40px}
.atx-legal .atx-legal-kicker{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;font-size:16px;letter-spacing:4px;color:#8fb3ff;margin:0 0 10px}
.atx-legal .atx-legal-title{margin:0 0 14px;font-weight:800;font-size:clamp(44px,5.4vw,76px);line-height:.95}
.atx-legal .atx-legal-date{margin:0;max-width:720px;font-size:18px;line-height:1.55;color:#c9d4e8}
.atx-legal .atx-legal-body{margin-top:40px}
@media (max-width:767.98px){.atx-legal .atx-legal-head{padding-top:32px;border-radius:0}.atx-legal .atx-legal-date{font-size:16px}.atx-legal .atx-legal-body{margin-top:24px}}

/* Legal pages: tighter spacing between sections */
.atx-legal .atx-legal-body{padding-top:28px}
.atx-legal .atx-legal-body h2{margin:20px 0 8px;padding-top:16px}
.atx-legal .atx-legal-body h2:first-of-type{margin-top:16px}
.atx-legal .atx-legal-body h3{margin:14px 0 4px}
.atx-legal .atx-legal-body p{margin:0 0 10px}
.atx-legal .atx-legal-body ul{margin:0 0 12px}
.atx-legal .atx-legal-body li{margin:0 0 3px}
@media (max-width:640px){.atx-legal .atx-legal-body{padding-top:20px}}

/* Manuals page: header matches the Power Tips hero (full-bleed, square corners) */
.atx-manuals.atx-manuals .atx-title,.atx-manuals.atx-manuals .atx-intro,.atx-manuals.atx-manuals .atx-nav{margin-left:calc(-1 * var(--atx-gutter, 48px));margin-right:calc(-1 * var(--atx-gutter, 48px));padding-left:var(--atx-gutter, 48px);padding-right:var(--atx-gutter, 48px);border-radius:0}
.atx-manuals.atx-manuals .atx-title{padding-top:56px;padding-bottom:0;margin-top:0;margin-bottom:0;font-weight:800;font-size:clamp(44px,5.4vw,76px);line-height:.95}
.atx-manuals.atx-manuals .atx-title::before{content:"MANUALS";font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;font-size:16px;letter-spacing:4px;color:#8fb3ff;margin-bottom:10px;line-height:1.2}
.atx-manuals.atx-manuals .atx-intro{padding-top:14px;padding-bottom:28px;margin-top:0;margin-bottom:0;max-width:none;font-size:18px;line-height:1.55;color:#c9d4e8}
.atx-manuals.atx-manuals .atx-nav{padding-top:0;padding-bottom:40px;margin-top:0;margin-bottom:40px}
@media (max-width:767.98px){.atx-manuals.atx-manuals .atx-title{padding-top:32px}.atx-manuals.atx-manuals .atx-intro{font-size:16px;padding-bottom:24px}.atx-manuals.atx-manuals .atx-nav{padding-bottom:28px;margin-bottom:24px}}
.sppb-addon-content:has(> .atx-manuals) > p:first-child{margin:0;padding:0}

/* ==========================================================================
   HEADER MENU POLISH — DJ-MegaMenu #376 (theme "clean") restyled to match
   the Home / Manuals / Power Tips redesign. CSS only; menu settings untouched.
   ========================================================================== */
#sp-header{box-shadow:0 1px 0 #e3e8f0,0 6px 18px rgba(15,27,45,.05)!important}
#sp-header ul.dj-megamenu > li.dj-up > a.dj-up_a{font-family:'IBM Plex Sans',system-ui,sans-serif!important;font-size:15px!important;font-weight:500!important;color:#0f1b2d!important;padding:0 13px!important;position:relative;background:transparent!important;transition:color .15s}
#sp-header ul.dj-megamenu > li.dj-up > a.dj-up_a::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#0345bf;transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
#sp-header ul.dj-megamenu > li.dj-up:hover > a.dj-up_a,#sp-header ul.dj-megamenu > li.dj-up > a.dj-up_a:focus-visible,#sp-header ul.dj-megamenu > li.dj-up.active > a.dj-up_a{color:#0345bf!important}
#sp-header ul.dj-megamenu > li.dj-up:hover > a.dj-up_a::after,#sp-header ul.dj-megamenu > li.dj-up.active > a.dj-up_a::after{transform:scaleX(1)}
#sp-header ul.dj-megamenu > li.dj-up > a.dj-up_a .arrow{opacity:.55;font-size:11px;margin-left:5px;transition:transform .18s ease,opacity .15s}
#sp-header ul.dj-megamenu > li.dj-up:hover > a.dj-up_a .arrow{opacity:1;transform:rotate(180deg)}
/* dropdown cards */
#sp-header ul.dj-megamenu .dj-subwrap .dj-subwrap-in{background:#fff!important;border:1px solid #e3e8f0!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(15,27,45,.14),0 2px 6px rgba(15,27,45,.06)!important;padding:8px!important;width:272px!important}
#sp-header ul.dj-megamenu > li.dj-up > .dj-subwrap{padding-top:8px!important}
#sp-header ul.dj-megamenu .dj-submenu > li > a{font-family:'IBM Plex Sans',system-ui,sans-serif!important;font-size:14.5px!important;font-weight:500!important;line-height:1.35!important;color:#0f1b2d!important;padding:9px 12px!important;border-radius:8px!important;background:transparent!important;white-space:normal!important;transition:background .12s,color .12s}
#sp-header ul.dj-megamenu .dj-submenu > li:hover > a,#sp-header ul.dj-megamenu .dj-submenu > li > a:focus-visible,#sp-header ul.dj-megamenu .dj-submenu > li.active > a{background:#eef3fb!important;color:#0345bf!important}
#sp-header ul.dj-megamenu .dj-submenu > li + li{border-top:0!important}
#sp-header ul.dj-megamenu .dj-submenu > li > a .arrow{opacity:.5}
/* flyouts open with a small gap beside the card */
#sp-header ul.dj-megamenu .dj-submenu > li > .dj-subwrap{padding-left:6px!important}
/* last two top items open right-aligned so they never run off the screen */
#sp-header ul.dj-megamenu > li.dj-up:nth-last-child(-n+2):hover > .dj-subwrap,#sp-header ul.dj-megamenu > li.dj-up:nth-last-child(-n+2):focus-within > .dj-subwrap{left:auto!important;right:0!important}