/* Apyx library prototype v0.9 — scoped; no legacy page overrides. */
.arm-library,.arm-detail{--arm-navy:#102d50;--arm-blue:#2da6cc;color:var(--arm-navy);font-family:inherit}
.arm-library{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);gap:5.5%;padding:32px 0 60px;align-items:start}
.arm-sidebar{font-size:17px;line-height:1.38;color:var(--arm-navy)}
.arm-menu-level{list-style:none!important;margin:0!important;padding:0!important}
.arm-menu-item{list-style:none!important;margin:0 0 13px!important;padding:0!important}
.arm-menu-line{display:flex;align-items:baseline;gap:8px}
.arm-expander,.arm-link{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;min-height:0!important;color:var(--arm-navy)!important;font:inherit!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;line-height:1.35!important;cursor:pointer;text-align:left!important;border-radius:0!important}
.arm-expander,.arm-expander-spacer{display:inline-block;flex:0 0 15px;color:var(--arm-navy);text-align:center;font-size:14px;line-height:1.38}
.arm-link:hover,.arm-link.arm-selected{color:var(--arm-blue)!important}
.arm-submenu{overflow:hidden!important;height:0;opacity:0;margin:0 0 0 21px!important;visibility:hidden;transition:height .36s cubic-bezier(.22,.61,.36,1),opacity .26s ease,margin-top .36s ease,visibility 0s linear .36s!important}
.arm-submenu.arm-open{opacity:1;margin-top:10px!important;visibility:visible;transition:height .36s cubic-bezier(.22,.61,.36,1),opacity .26s ease,margin-top .36s ease,visibility 0s linear 0s!important}
.arm-submenu[hidden]{display:none!important}
.arm-submenu>.arm-menu-level{margin:0!important;padding:0!important}
.arm-sidebar .arm-menu-line>.arm-expander{pointer-events:auto!important;position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.arm-submenu{transition:none!important}}
.arm-submenu .arm-menu-item{margin:0 0 3px!important}
.arm-submenu .arm-expander-spacer{font-size:14px}
.arm-submenu .arm-link{font-size:16px!important}
.arm-main{min-width:0}
.arm-current-heading{font-size:19px;font-weight:400;margin:0 0 12px;color:var(--arm-navy)}
.arm-current-subheading{font-size:15px;margin:0 0 38px;color:var(--arm-navy)}
.arm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:7%;row-gap:82px}
.arm-card{min-width:0;text-align:left!important}
.arm-card[hidden]{display:none!important}
.arm-thumb{height:255px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none}
.arm-thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}
.arm-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#eee;color:#999;font-size:13px}
.arm-card h4{font-size:19px!important;font-weight:400!important;line-height:1.28!important;letter-spacing:0!important;text-transform:none!important;color:var(--arm-navy)!important;margin:27px 0 20px!important;min-height:0}
.arm-learn{display:inline-block;padding:9px 24px!important;border:1px solid var(--arm-navy)!important;border-radius:28px!important;background:transparent!important;color:var(--arm-navy)!important;text-transform:uppercase!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;line-height:1.1!important;text-decoration:none!important;box-shadow:none!important}
.arm-learn:hover{background:var(--arm-navy)!important;color:#fff!important}
.arm-detail-head{background:linear-gradient(100deg,#1a426e,#2c75b4 60%,#8ba8cf);padding:46px 35px;color:#fff}.arm-detail-head h1{color:#fff;margin:0;font-size:34px}
.arm-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:28px 0}.arm-detail-preview img{width:100%;max-height:750px;object-fit:contain}
.arm-download{display:block;background:var(--arm-blue);padding:10px 20px;text-align:center;color:#fff!important;text-decoration:none;border-radius:3px}.arm-back{display:block;border:1px solid var(--arm-navy);padding:10px 20px;text-align:center;margin-top:25px;color:var(--arm-navy);text-decoration:none;border-radius:3px}
@media(max-width:900px){.arm-library{grid-template-columns:1fr;gap:30px}.arm-grid{column-gap:5%}.arm-thumb{height:230px}}
@media(max-width:620px){.arm-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:35px}.arm-thumb{height:200px}.arm-card h4{font-size:16px!important}.arm-detail-body{grid-template-columns:1fr}}
@media(max-width:430px){.arm-grid{grid-template-columns:1fr}.arm-thumb{height:270px}}

/* Requested typography: nav and resource descriptions only. */
.arm-library .arm-sidebar,
.arm-library .arm-sidebar .arm-link,
.arm-library .arm-sidebar .arm-expander,
.arm-library .arm-sidebar .arm-submenu .arm-link {
  font-family: "Sora", Sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.2rem !important;
}
.arm-detail .arm-detail-copy,
.arm-detail .arm-detail-copy p,
.arm-detail .arm-detail-copy li {
  font-family: "Sora", Sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.2rem !important;
}

/* v0.9: Preserve complete artwork in the thumbnail frame; avoid Elementor image cropping. */
.arm-library .arm-thumb{overflow:visible!important; height:255px!important; min-height:0!important;}
.arm-library .arm-thumb img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;aspect-ratio:auto!important;clip-path:none!important;transform:none!important;}
@media(max-width:900px){.arm-library .arm-thumb{height:230px!important}}
@media(max-width:620px){.arm-library .arm-thumb{height:200px!important}}
@media(max-width:430px){.arm-library .arm-thumb{height:270px!important}}
/* Remove browser/Elementor's black focus rectangle on our navigation only.
   Retain visible keyboard focus using a blue underline. */
.arm-library .arm-sidebar .arm-link:focus,
.arm-library .arm-sidebar .arm-link:focus-visible,
.arm-library .arm-sidebar .arm-expander:focus,
.arm-library .arm-sidebar .arm-expander:focus-visible {outline:none!important;box-shadow:none!important;border-color:transparent!important;}
.arm-library .arm-sidebar .arm-link:focus-visible{text-decoration:underline!important;text-decoration-color:var(--arm-blue)!important;text-underline-offset:4px!important;}
.arm-library .arm-sidebar .arm-expander:focus-visible{color:var(--arm-blue)!important;}

.arm-video-player{margin:20px 0;max-width:100%;aspect-ratio:16/9}.arm-video-player iframe,.arm-video-player video{width:100%;height:100%;max-width:100%}.arm-video-missing{color:#794c21;font-size:14px}
/* v1.5: match legacy resource video and header presentation, scoped to test details */
.arm-detail-head{padding:42px 48px 44px!important;background:linear-gradient(100deg,#1c426d 0%,#387db9 64%,#8ba8cf 100%)!important}
.arm-detail-head h1{font-family:Sora,sans-serif!important;font-size:clamp(27px,3.1vw,46px)!important;line-height:1.14!important;font-weight:500!important;letter-spacing:0!important;margin:0 0 13px!important;color:#fff!important}
.arm-detail-head p{font-family:Sora,sans-serif!important;color:#fff!important;font-size:17px!important;line-height:1.35!important;font-weight:700!important;margin:0!important}
.arm-detail-body{grid-template-columns:minmax(0,32%) minmax(0,1fr)!important;gap:4%!important;padding:20px 0!important;align-items:start}
.arm-detail-copy h2{font-family:Sora,sans-serif!important;font-size:19px!important;line-height:1.22!important;font-weight:700!important;color:#133d6b!important;margin:0 0 15px!important}
.arm-detail-preview{min-width:0}
.arm-detail-preview .arm-video-player{width:100%!important;max-width:none!important;aspect-ratio:16/9;margin:0!important;background:#102d50}
.arm-detail-preview .arm-video-player iframe,.arm-detail-preview .arm-video-player video,.arm-detail-preview .arm-video-player .wp-video{width:100%!important;max-width:100%!important;height:100%!important}
.arm-detail-preview .arm-download{margin-top:18px!important;background:#19a5c8!important;color:white!important;font-family:Sora,sans-serif!important;font-weight:600!important;font-size:14px!important;line-height:1.3!important;border-radius:3px!important}
.arm-detail-copy .arm-back{margin-top:23px!important;background:transparent!important;font-size:13px!important;font-weight:600!important;border:1px solid #143c6e!important;text-transform:uppercase!important}
.arm-video-poster img{width:100%;height:auto;object-fit:contain}
@media(max-width:767px){.arm-detail-body{grid-template-columns:1fr!important}.arm-detail-head{padding:28px 20px!important}}
