.elementor-49096 .elementor-element.elementor-element-e73bf21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-49096 .elementor-element.elementor-element-2e44ba0{--display:flex;--min-height:1440px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-49096 .elementor-element.elementor-element-2e44ba0:not(.elementor-motion-effects-element-type-background), .elementor-49096 .elementor-element.elementor-element-2e44ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2A5D92;background-image:url("https://kineticit.com.au/wp-content/uploads/2025/09/Web-Gartner-2025-Mobile-Design-7.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-49096 .elementor-element.elementor-element-2e44ba0::before, .elementor-49096 .elementor-element.elementor-element-2e44ba0 > .elementor-background-video-container::before, .elementor-49096 .elementor-element.elementor-element-2e44ba0 > .e-con-inner > .elementor-background-video-container::before, .elementor-49096 .elementor-element.elementor-element-2e44ba0 > .elementor-background-slideshow::before, .elementor-49096 .elementor-element.elementor-element-2e44ba0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-49096 .elementor-element.elementor-element-2e44ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-49096 .elementor-element.elementor-element-f895a93 .elementor-heading-title{font-family:"Roboto", Roboto;font-size:20px;font-weight:500;color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-fc146df .elementor-heading-title{font-family:"Roboto", Roboto;font-size:60px;font-weight:600;line-height:1.25em;color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-e4cc931{font-family:"Roboto", Roboto;font-size:20px;font-weight:400;color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-e4cc931 p{margin-block-end:0px;}.elementor-49096 .elementor-element.elementor-element-45b00b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-49096 .elementor-element.elementor-element-45b00b2:not(.elementor-motion-effects-element-type-background), .elementor-49096 .elementor-element.elementor-element-45b00b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #2A5D92 0%, #1A2E4A 100%);}.elementor-49096 .elementor-element.elementor-element-3f9b693{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-49096 .elementor-element.elementor-element-3f9b693 .elementor-heading-title{font-family:"Roboto", Roboto;font-size:20px;font-weight:500;color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-3944386{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-49096 .elementor-element.elementor-element-3944386 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-49096 .elementor-element.elementor-element-3944386 .elementor-heading-title{font-family:"Roboto", Roboto;font-size:60px;font-weight:600;line-height:1.25em;color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-399c4c7{width:initial;max-width:initial;font-family:"Roboto", Roboto;font-size:26px;font-weight:500;color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-399c4c7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-49096 .elementor-element.elementor-element-399c4c7 p{margin-block-end:0px;}.elementor-49096 .elementor-element.elementor-element-fb40671{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Roboto", Roboto;font-size:20px;font-weight:400;color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-fb40671 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-49096 .elementor-element.elementor-element-fb40671 p{margin-block-end:0px;}.elementor-49096 .elementor-element.elementor-element-4163487 > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-49096 .elementor-element.elementor-element-4163487{font-family:"Roboto", Roboto;font-size:32px;font-weight:500;line-height:1.3em;color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-4163487 p{margin-block-end:0px;}.elementor-49096 .elementor-element.elementor-element-c4fa977 .elementor-button{background-color:var( --e-global-color-72d684b6 );font-family:"Roboto", Roboto;font-size:18px;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-49096 .elementor-element.elementor-element-c4fa977 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-49096 .elementor-element.elementor-element-c4fa977 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-49096 .elementor-element.elementor-element-c4fa977 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-49096 .elementor-element.elementor-element-10ceedc{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-49096 .elementor-element.elementor-element-10ceedc:not(.elementor-motion-effects-element-type-background), .elementor-49096 .elementor-element.elementor-element-10ceedc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2E4A;background-image:url("https://kineticit.com.au/wp-content/uploads/2025/09/Web-Gartner-2025-Mobile-Design-10.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-49096 .elementor-element.elementor-element-8f9518e{text-align:start;}.elementor-49096 .elementor-element.elementor-element-8f9518e img{max-width:35%;}.elementor-49096 .elementor-element.elementor-element-dce4efa .elementor-heading-title{font-family:"Roboto", Roboto;font-size:40px;font-weight:600;color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-5fbe58c{font-family:"Roboto", Roboto;font-size:20px;font-weight:400;color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-5fbe58c p{margin-block-end:0px;}.elementor-49096 .elementor-element.elementor-element-cc803f4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-49096 .elementor-element.elementor-element-cc803f4:not(.elementor-motion-effects-element-type-background), .elementor-49096 .elementor-element.elementor-element-cc803f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-72d684b6 );}.elementor-49096 .elementor-element.elementor-element-c140634{font-family:"Roboto", Roboto;font-size:24px;font-weight:600;text-transform:uppercase;line-height:1.4em;color:var( --e-global-color-primary );}.elementor-49096 .elementor-element.elementor-element-c140634 p{margin-block-end:0px;}body.elementor-page-49096:not(.elementor-motion-effects-element-type-background), body.elementor-page-49096 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2A5D92;}body.elementor-page-49096{padding:0px 0px 0px 0px;}@media(max-width:999px){.elementor-49096 .elementor-element.elementor-element-3f9b693{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-49096 .elementor-element.elementor-element-3944386{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-49096 .elementor-element.elementor-element-10ceedc{--justify-content:center;--padding-top:0px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-49096 .elementor-element.elementor-element-8f9518e img{max-width:50%;}.elementor-49096 .elementor-element.elementor-element-cc803f4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-49096 .elementor-element.elementor-element-c140634 > .elementor-widget-container{padding:0px 40px 0px 40px;}.elementor-49096 .elementor-element.elementor-element-c140634{text-align:center;font-size:22px;}}@media(max-width:799px){.elementor-49096 .elementor-element.elementor-element-e73bf21{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-49096 .elementor-element.elementor-element-2e44ba0:not(.elementor-motion-effects-element-type-background), .elementor-49096 .elementor-element.elementor-element-2e44ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kineticit.com.au/wp-content/uploads/2025/09/Web-Gartner-2025-Mobile-Design-7-768x1096.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-49096 .elementor-element.elementor-element-2e44ba0{--min-height:100vh;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:1;--padding-top:40px;--padding-bottom:266px;--padding-left:24px;--padding-right:24px;}.elementor-49096 .elementor-element.elementor-element-f895a93 .elementor-heading-title{font-size:14px;line-height:1.5em;}.elementor-49096 .elementor-element.elementor-element-fc146df .elementor-heading-title{font-size:32px;line-height:1.2em;letter-spacing:0.4px;}.elementor-49096 .elementor-element.elementor-element-e4cc931{font-size:16px;line-height:1.5em;}.elementor-49096 .elementor-element.elementor-element-e4cc931 p{margin-block-end:0px;}.elementor-49096 .elementor-element.elementor-element-45b00b2{--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-49096 .elementor-element.elementor-element-3f9b693 .elementor-heading-title{font-size:14px;line-height:1.5em;}.elementor-49096 .elementor-element.elementor-element-3944386 .elementor-heading-title{font-size:32px;line-height:1.2em;letter-spacing:0.4px;}.elementor-49096 .elementor-element.elementor-element-399c4c7{font-size:22px;line-height:1.5em;}.elementor-49096 .elementor-element.elementor-element-399c4c7 p{margin-block-end:0px;}.elementor-49096 .elementor-element.elementor-element-fb40671{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:1.5em;}.elementor-49096 .elementor-element.elementor-element-fb40671 p{margin-block-end:0px;}.elementor-49096 .elementor-element.elementor-element-4163487 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-49096 .elementor-element.elementor-element-4163487{font-size:22px;line-height:1.3em;letter-spacing:0px;}.elementor-49096 .elementor-element.elementor-element-4163487 p{margin-block-end:0px;}.elementor-49096 .elementor-element.elementor-element-c4fa977 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-49096 .elementor-element.elementor-element-c4fa977 .elementor-button{font-size:16px;line-height:1.5em;}.elementor-49096 .elementor-element.elementor-element-10ceedc:not(.elementor-motion-effects-element-type-background), .elementor-49096 .elementor-element.elementor-element-10ceedc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kineticit.com.au/wp-content/uploads/2025/09/Web-Gartner-2025-Mobile-Design-10-768x800.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-49096 .elementor-element.elementor-element-10ceedc{--min-height:70vh;--justify-content:flex-start;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:120px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-49096 .elementor-element.elementor-element-8f9518e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-49096 .elementor-element.elementor-element-8f9518e{text-align:start;}.elementor-49096 .elementor-element.elementor-element-8f9518e img{max-width:250px;}.elementor-49096 .elementor-element.elementor-element-dce4efa .elementor-heading-title{font-size:26px;line-height:1.4em;letter-spacing:0.4px;}.elementor-49096 .elementor-element.elementor-element-5fbe58c{font-size:16px;line-height:1.5em;}.elementor-49096 .elementor-element.elementor-element-5fbe58c p{margin-block-end:0px;}.elementor-49096 .elementor-element.elementor-element-cc803f4{--content-width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-49096 .elementor-element.elementor-element-c140634 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 00px 0px;}.elementor-49096 .elementor-element.elementor-element-c140634{text-align:center;font-size:14px;line-height:1.4em;}.elementor-49096 .elementor-element.elementor-element-c140634 p{margin-block-end:0px;}}@media(min-width:800px){.elementor-49096 .elementor-element.elementor-element-2e44ba0{--content-width:1280px;}.elementor-49096 .elementor-element.elementor-element-45b00b2{--content-width:1280px;}.elementor-49096 .elementor-element.elementor-element-10ceedc{--content-width:1280px;}.elementor-49096 .elementor-element.elementor-element-cc803f4{--content-width:1280px;}}/* Start custom CSS for html, class: .elementor-element-d3c36a7 *//* Base styling for the sub‑navigation bar */
#page-subnav {
  position: sticky;
  top: 0;
  z-index: 999;
  width: 100%;
  background: #2fa4cf;
  color: #ffffff;
  font-family: Roboto, sans-serif;
}

#page-subnav .subnav-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}

/* Title link */
#page-subnav .subnav-title a {
  color: inherit;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}

/* Inline links (desktop view) */
#page-subnav .subnav-links {
  display: flex;
  align-items: center;
  gap: 1rem;
}

#page-subnav .subnav-links a {
  color: inherit;
  text-decoration: none;
  font-weight: 500;
  padding: 0.25rem 0;
}

#page-subnav .subnav-links a:hover {
  text-decoration: underline;
}

/* Social icons container (desktop) */
#page-subnav .subnav-social {
  display: flex;
  gap: 0.5rem;
  margin-left: 1rem;
}

#page-subnav .subnav-social a {
  display: block;
  width: 24px;
  height: 24px;
  color: inherit;
}

#page-subnav .subnav-social svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

/* Toggle button (hidden on large screens) */
#page-subnav .subnav-toggle {
  display: none;
  align-items: center;
  background: none;
  border: none;
  color: inherit;
  font-size: 1rem;
  cursor: pointer;
}

#page-subnav .subnav-toggle .icon {
  margin-left: 0.25rem;
  transition: transform 0.3s ease;
}

/* Dropdown container (hidden by default) */
#page-subnav .subnav-dropdown {
  display: none;
  flex-direction: column;
  background: #013a79;
  padding: 0.5rem 1rem;
}

#page-subnav .subnav-dropdown a {
  color: inherit;
  text-decoration: none;
  padding: 0.5rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#page-subnav .subnav-dropdown a:first-child {
  border-top: none;
}

#page-subnav .subnav-dropdown .subnav-social {
  margin-top: 0.5rem;
}

/* Show the dropdown and rotate icon when open */
#page-subnav.open .subnav-dropdown {
  display: flex;
}

#page-subnav.open .subnav-toggle .icon {
  transform: rotate(180deg);
}

/* Responsive: collapse inline links on smaller screens */
@media (max-width: 768px) {
  #page-subnav .subnav-links {
    display: none;
  }
  #page-subnav .subnav-toggle {
    display: flex;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31492db *//* ============ Mobile-first Interactive Image (CSS-only) ============ */
/* Inline viewer */
.kit-map-inline {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}
.kit-map-inline img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.kit-map-inline .kit-map-open {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 10px 14px;
  font: 600 14px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #fff;
  background: rgba(26,46,74,0.92); /* KIT deep blue with opacity */
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
  transition: transform .15s ease, opacity .15s ease;
}
.kit-map-inline .kit-map-open:active { transform: scale(0.98); }

/* Fullscreen overlay via :target (no JS) */
#kit-map-zoom {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  background: rgba(0,0,0,.9);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility 0s linear .2s;
}

/* When targeted, show the overlay */
#kit-map-zoom:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .2s ease;
}

/* Top toolbar */
.kit-map-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: calc(env(safe-area-inset-top, 0) + 12px) 16px 12px;
}
.kit-map-title {
  color: #fff;
  font: 600 16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: .2px;
}
.kit-map-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(42,93,146,0.95); /* KIT bright/dark blue tone */
  color: #fff;
  text-decoration: none;
  font: 600 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  box-shadow: 0 2px 10px rgba(0,0,0,.3);
}

/* Scrollable canvas area for panning the zoomed image */
.kit-map-canvas {
  position: relative;
  touch-action: auto;
  flex: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  /* Give a subtle grid background to orient users while zoomed */
  background:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px) 0 0/100% 32px,
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px) 0 0/32px 100%,
    #0b0f15;
}

/* The zoomed image itself
   - Start larger than the viewport so users can pan immediately
   - Remove max-width so it can exceed container width
*/
.kit-map-zoomed {
  display: block;
  width: 220vw;      /* mobile default zoom */
  max-width: none;
  height: auto;
  margin: 0 auto;    /* keeps it centered when narrower than canvas */
  user-select: none;
  -webkit-user-drag: none;
  touch-action: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Tablet: reduce initial zoom a touch */
@media (min-width: 768px) {
  .kit-map-zoomed { width: 160vw; }
}
/* Desktop: closer to full width but still a bit zoomed in */
@media (min-width: 1024px) {
  .kit-map-zoomed { width: 120vw; }
}

/* Optional: subtle helper hint at bottom on first open */
.kit-map-hint {
  color: #cbd5e1;
  text-align: center;
  font: 500 12px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding: 10px 16px calc(env(safe-area-inset-bottom, 0) + 12px);
  opacity: .85;
}

/* Accessibility: ensure large tap targets */
.kit-map-open, .kit-map-close {
  min-height: 44px;
}

/* Hide overlay if user prints (avoid full-screen in print) */
@media print {
  #kit-map-zoom { display: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f77f082 *//* Base + variables */
.kit-accordion, .kit-accordion * { box-sizing: border-box; }
.kit-accordion{
  /* Typography scale (mobile default) */
  --fs-body: 16px; --lh-body: 1.5;
  --fs-h3: 18px;  --lh-h3: 1.4;     

  --card-bg: #FFFFFF;
  --text-color: #1a2e4a;
  --shadow: 0 8px 22px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.06);
  --pad-x: 20px; --pad-y: 20px;
  --acc-max: 1100px;

  font-family: 'Roboto', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  max-width: 1280px;
  margin-inline: auto;
  width: 100%;
  background: transparent;
}

/* One uniform card per item */
.kit-accordion .faq5_accordion{
  background: var(--card-bg);
  color: var(--text-color);
  box-shadow: var(--shadow);
  border-radius: 0;
  overflow: hidden;
}
.kit-accordion .faq5_accordion + .faq5_accordion{ margin-top: 16px; }

/* Remove default marker from details/summary */
.kit-accordion .faq5_question::-webkit-details-marker{ display: none; }
.kit-accordion .faq5_question { list-style: none; }

/* Header row */
.kit-accordion .faq5_question{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  user-select: none;
  padding: var(--pad-y) var(--pad-x);
  outline: none; /* rely on focus-visible */
}
.kit-accordion .faq5_question:focus-visible{
  box-shadow: 0 0 0 2px rgba(14,23,38,.18) inset;
}

/* Title text */
.kit-accordion .text-size-medium.text-weight-bold strong{
  display: block;
  font-weight: 700;
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  color: var(--text-color);
}

/* Icon wrapper – rotates 45° on open (Laneway style) */
.kit-accordion .faq5_icon-wrapper{
  width: 20px; height: 20px;
  display: grid; place-items: center;
  color: var(--text-color);
  transform: rotateZ(0deg);
  transition: transform .28s ease;
}
.kit-accordion .faq5_accordion[open] .faq5_icon-wrapper{
  transform: rotateZ(45deg);
}

/* Answer panel – smooth open/close with max-height transition */
.kit-accordion .faq5_answer{
  display: block;
  max-height: 0;                     /* collapsed */
  overflow: hidden;
  padding: 0 var(--pad-x);           /* no vertical padding when closed */
  border-top: 1px solid rgba(0,0,0,.08);
  opacity: 0;                        /* fade out when closed */
  transition:
    max-height .32s ease,
    padding .2s ease,
    opacity .2s ease;
  will-change: max-height;
}
.kit-accordion .faq5_accordion[open] .faq5_answer{
  padding: var(--pad-y) var(--pad-x) calc(var(--pad-y) + 2px);
  max-height: var(--acc-max);        /* tall enough for longest copy */
  opacity: 1;
}

/* Inner wrapper is the actual text content */
.kit-accordion .faq5_answer-inner{
  color: var(--text-color);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  font-weight: 400;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  margin: 0;
}

/* Responsive Typography per your spec */
@media (min-width: 768px) and (max-width: 1279.98px){
  .kit-accordion{
    --fs-body: 15px; --lh-body: 1.5;
    --fs-h3: 20px;  --lh-h3: 1.4;
    --pad-x: 20px;  --pad-y: 16px;
    --acc-max: 1100px;
  }
  .kit-accordion .faq5_icon-wrapper{ width: 22px; height: 22px; }
}
@media (min-width: 1280px){
  .kit-accordion{
    --fs-body: 16px; --lh-body: 1.5;
    --fs-h3: 24px;  --lh-h3: 1.4;
    --pad-x: 22px;  --pad-y: 18px;
    margin: 0 0 0 0px;
    --acc-max: 1500px;
  }
  .kit-accordion .faq5_icon-wrapper{ width: 24px; height: 24px; }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .kit-accordion .faq5_answer{
    transition: none;
  }
}/* End custom CSS */