/* Generated from retained T3 V0.26. See scripts/build-t3-integration.py. */
.t3-integrated{
      --brand: #0060A1;
      --brand-dark: #004B7D;
      --brand-soft: #EAF4FB;
      --brand-soft-2: #F4F9FC;
      --green: #105B55;
      --green-soft: #EAF5F3;
      --red: #B4232D;
      --red-soft: #FFF2F3;
      --text: #1A1A1A;
      --text-secondary: #5F6368;
      --surface: #FFFFFF;
      --surface-alt: #F4F6F8;
      --border-light: #D9DEE3;
      --border-strong: #7C8793;
      --shadow-soft: 0 12px 30px rgba(26, 26, 26, 0.07);
      --radius: 8px;
      --space-1: 4px;
      --space-2: 8px;
      --space-3: 12px;
      --space-4: 16px;
      --space-5: 24px;
      --space-6: 32px;
      --space-7: 40px;
      --space-8: 48px;
      --space-9: 64px;
      --space-10: 80px;
      --focus-gap: 2px;
      --focus-ring: 3px;
    }
.t3-integrated *,
.t3-integrated *::before,
.t3-integrated *::after{
      box-sizing: border-box;
    }
.t3-integrated{
      scroll-behavior: smooth;
    }
.t3-integrated{
      min-width: 320px;
      margin: 0;
      overflow-x: hidden;
      color: var(--text);
      background: var(--surface-alt);
      font-family: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", Arial, sans-serif;
      font-size: 18px;
      line-height: 1.6;
    }
.t3-integrated img,
.t3-integrated svg{
      max-width: 100%;
      height: auto;
    }
.t3-integrated button,
.t3-integrated a{
      font: inherit;
    }
.t3-integrated a{
      color: var(--brand);
      text-decoration-thickness: 1.5px;
      text-underline-offset: 3px;
    }
.t3-integrated a:hover{
      color: var(--brand-dark);
    }
.t3-integrated :focus-visible{
      outline: none;
      box-shadow:
        0 0 0 var(--focus-gap) var(--surface),
        0 0 0 calc(var(--focus-gap) + var(--focus-ring)) var(--brand);
    }
.t3-integrated button:focus-visible,
.t3-integrated a:focus-visible{
      border-radius: 6px;
    }
.t3-integrated [hidden]{
      display: none !important;
    }
.t3-integrated .shell{
      width: min(1180px, calc(100% - 32px));
      margin-inline: auto;
    }
.t3-integrated .planche-bar{
      position: sticky;
      top: 0;
      z-index: 50;
      border-bottom: 1px solid var(--border-light);
      background: rgba(255, 255, 255, 0.96);
      backdrop-filter: blur(8px);
    }
.t3-integrated .planche-bar__inner{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-4);
      min-height: 72px;
      padding-block: var(--space-3);
    }
.t3-integrated .planche-id{
      min-width: 0;
    }
.t3-integrated .planche-id strong,
.t3-integrated .planche-id span{
      display: block;
    }
.t3-integrated .planche-id strong{
      color: var(--brand);
      font-size: 15px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
.t3-integrated .planche-id span{
      color: var(--text-secondary);
      font-size: 14px;
    }
.t3-integrated .context-switcher{
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: var(--space-2);
    }
.t3-integrated .context-switcher button{
      min-height: 44px;
      padding: 8px 14px;
      color: var(--text);
      background: var(--surface);
      border: 1px solid var(--border-strong);
      border-radius: 8px;
      cursor: pointer;
    }
.t3-integrated .context-switcher button[aria-pressed="true"]{
      color: var(--surface);
      background: var(--brand);
      border-color: var(--brand);
    }
.t3-integrated .prototype-note{
      margin: var(--space-5) auto 0;
      padding: var(--space-4) var(--space-5);
      color: var(--text-secondary);
      background: #FFFDF6;
      border: 1px solid #E4D7A8;
      border-left: 4px solid #A98016;
      border-radius: var(--radius);
      font-size: 15px;
    }
.t3-integrated .t3-page{
      margin-top: var(--space-5);
      background: var(--surface);
      box-shadow: var(--shadow-soft);
    }
.t3-integrated .hero{
      padding: var(--space-8) 0 var(--space-7);
      background:
        linear-gradient(180deg, #F6FBFE 0%, var(--brand-soft-2) 100%);
      border-bottom: 1px solid var(--border-light);
    }
.t3-integrated .breadcrumbs{
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin: 0 0 var(--space-5);
      padding: 0;
      color: var(--text-secondary);
      font-size: 15px;
      list-style: none;
    }
.t3-integrated .breadcrumbs li:not(:last-child)::after{
      margin-left: 6px;
      color: var(--border-strong);
      content: "/";
    }
.t3-integrated .hero-grid{
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
      gap: var(--space-7);
      align-items: center;
    }
.t3-integrated .eyebrow{
      margin: 0 0 var(--space-2);
      color: var(--brand);
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.045em;
      text-transform: uppercase;
    }
.t3-integrated h1,
.t3-integrated h2,
.t3-integrated h3,
.t3-integrated h4,
.t3-integrated p{
      margin-top: 0;
    }
.t3-integrated h1,
.t3-integrated h2,
.t3-integrated h3,
.t3-integrated h4{
      color: var(--text);
      line-height: 1.18;
    }
.t3-integrated h1{
      max-width: 24ch;
      margin-bottom: var(--space-3);
      font-size: clamp(32px, 4.2vw, 44px);
      font-weight: 700;
      letter-spacing: -0.02em;
    }
.t3-integrated h2{
      margin-bottom: var(--space-4);
      font-size: clamp(28px, 3.4vw, 38px);
      font-weight: 700;
      letter-spacing: -0.018em;
    }
.t3-integrated h3{
      margin-bottom: var(--space-3);
      font-size: 24px;
      font-weight: 700;
    }
.t3-integrated h4{
      margin-bottom: var(--space-2);
      font-size: 19px;
      font-weight: 700;
    }
.t3-integrated .hero-summary{
      max-width: 64ch;
      margin-bottom: 0;
      color: #31353A;
      font-size: 19px;
      line-height: 1.55;
    }
.t3-integrated .meta-row{
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-2) var(--space-5);
      margin-top: var(--space-4);
      color: var(--text-secondary);
      font-size: 14px;
    }
.t3-integrated .meta-row strong{
      color: var(--text);
      font-weight: 600;
    }
.t3-integrated .fast-track{
      margin-top: var(--space-6);
      padding-top: var(--space-5);
      border-top: 1px solid rgba(0, 96, 161, 0.14);
    }
.t3-integrated .fast-track__title{
      margin-bottom: var(--space-3);
      color: var(--text);
      font-size: 18px;
      font-weight: 700;
    }
.t3-integrated .fast-track__grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--space-3);
    }
.t3-integrated .fast-link{
      position: relative;
      display: grid;
      grid-template-columns: 52px minmax(0, 1fr) 26px;
      gap: var(--space-3);
      align-items: center;
      min-height: 96px;
      padding: var(--space-4);
      color: var(--text);
      text-decoration: none;
      background: var(--surface);
      border: 1px solid #C8D8E4;
      border-top: 4px solid var(--brand);
      border-radius: var(--radius);
      box-shadow: 0 8px 20px rgba(26, 26, 26, 0.055);
    }
.t3-integrated .fast-link:hover{
      color: var(--text);
      border-color: #B8C9D6;
      transform: translateY(-1px);
    }
.t3-integrated .fast-link__icon{
      display: grid;
      width: 52px;
      height: 52px;
      place-items: center;
      color: var(--brand);
      background: var(--brand-soft);
      border: 1px solid rgba(0, 96, 161, 0.12);
      border-radius: 8px;
      font-weight: 700;
    }
.t3-integrated .fast-link__icon svg{
      width: 26px;
      height: 26px;
      stroke: currentColor;
    }
.t3-integrated .fast-link__text strong,
.t3-integrated .fast-link__text span{
      display: block;
    }
.t3-integrated .fast-link__text strong{
      margin-bottom: 2px;
      font-size: 17px;
    }
.t3-integrated .fast-link__text span{
      color: var(--text-secondary);
      font-size: 14px;
      line-height: 1.4;
    }
.t3-integrated .fast-link__arrow{
      color: var(--brand);
      font-size: 22px;
      font-weight: 700;
    }
.t3-integrated .video-facade{
      overflow: hidden;
      background: #12212C;
      border: 1px solid #0F1B23;
      border-radius: var(--radius);
      box-shadow: 0 14px 32px rgba(17, 33, 44, 0.15);
    }
.t3-integrated .video-facade__visual{
      position: relative;
      display: grid;
      min-height: 245px;
      place-items: center;
      overflow: hidden;
      padding: var(--space-5);
      color: var(--surface);
      text-align: center;
      background:
        radial-gradient(circle at 78% 22%, rgba(0, 96, 161, 0.44), transparent 28%),
        linear-gradient(135deg, #0D2637 0%, #174761 52%, #0F2E42 100%);
    }
.t3-integrated .video-facade__visual::after{
      position: absolute;
      inset: auto 0 0;
      height: 42%;
      background: linear-gradient(180deg, transparent, rgba(8, 20, 29, 0.64));
      content: "";
      pointer-events: none;
    }
.t3-integrated .video-facade__thumb-art{
      position: absolute;
      right: -18px;
      bottom: -16px;
      width: 58%;
      max-width: 230px;
      color: rgba(255, 255, 255, 0.28);
      transform: rotate(-3deg);
    }
.t3-integrated .video-facade__content{
      position: relative;
      z-index: 2;
      width: min(100%, 320px);
    }
.t3-integrated .video-facade__mark{
      position: absolute;
      top: var(--space-4);
      left: var(--space-4);
      padding: 5px 9px;
      color: #E9F5FC;
      background: rgba(0, 96, 161, 0.78);
      border-radius: 999px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.03em;
      text-transform: uppercase;
    }
.t3-integrated .video-facade__play{
      display: grid;
      width: 68px;
      height: 68px;
      place-items: center;
      margin-inline: auto;
      color: var(--brand-dark);
      background: var(--surface);
      border: 0;
      border-radius: 999px;
      cursor: pointer;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    }
.t3-integrated .video-facade__play::before{
      margin-left: 4px;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 16px solid var(--brand);
      content: "";
    }
.t3-integrated .video-facade__title{
      margin: var(--space-4) 0 0;
      font-size: 19px;
      font-weight: 700;
      line-height: 1.35;
      text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
    }
.t3-integrated .video-facade__caption{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-3);
      padding: var(--space-3) var(--space-4);
      color: #E5EEF3;
      background: #0E1C25;
      font-size: 14px;
    }
.t3-integrated .video-facade__caption strong{
      color: var(--surface);
    }
.t3-integrated .video-demo-note{
      margin: 0;
      padding: var(--space-3) var(--space-4);
      color: #E8F1F6;
      background: #16364A;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      font-size: 14px;
    }
.t3-integrated .section{
      padding: var(--space-9) 0;
    }
.t3-integrated .section--tinted{
      background: var(--surface-alt);
    }
.t3-integrated .section-heading{
      display: grid;
      grid-template-columns: 6px minmax(0, 1fr);
      gap: var(--space-4);
      align-items: start;
      max-width: 820px;
      margin-bottom: var(--space-7);
    }
.t3-integrated .section-heading::before{
      width: 6px;
      min-height: 72px;
      background: var(--brand);
      border-radius: 999px;
      content: "";
    }
.t3-integrated .section-heading p{
      max-width: 70ch;
      margin-bottom: 0;
      color: var(--text-secondary);
    }
.t3-integrated .answer-strip{
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
      gap: var(--space-6);
      padding: var(--space-6);
      background: var(--brand-soft-2);
      border: 1px solid #C5DBE8;
      border-radius: var(--radius);
    }
.t3-integrated .answer-strip__lead{
      margin-bottom: var(--space-3);
      font-size: 23px;
      font-weight: 700;
      line-height: 1.35;
    }
.t3-integrated .answer-strip__lead strong{
      color: var(--brand-dark);
    }
.t3-integrated .answer-strip__summary{
      margin-bottom: 0;
      color: #334047;
    }
.t3-integrated .key-points{
      display: grid;
      align-content: start;
      gap: var(--space-2);
      margin: 0;
      padding: 0;
      list-style: none;
    }
.t3-integrated .key-points li{
      position: relative;
      padding-left: 26px;
    }
.t3-integrated .key-points li::before{
      position: absolute;
      top: 0.72em;
      left: 0;
      width: 10px;
      height: 10px;
      background: var(--brand);
      border: 3px solid var(--brand-soft);
      border-radius: 999px;
      content: "";
      transform: translateY(-50%);
    }
.t3-integrated .timing-card{
      margin-top: var(--space-6);
      padding: var(--space-5);
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
    }
.t3-integrated .timing-card__title{
      margin-bottom: var(--space-5);
      font-size: 18px;
      font-weight: 700;
    }
.t3-integrated .timing-row{
      display: grid;
      grid-template-columns: 120px minmax(0, 1fr);
      gap: var(--space-4);
      align-items: center;
    }
.t3-integrated .timing-row + .timing-row{
      margin-top: var(--space-4);
    }
.t3-integrated .timing-row__label{
      color: var(--text-secondary);
      font-size: 15px;
      font-weight: 700;
    }
.t3-integrated .timing-track{
      position: relative;
      display: grid;
      grid-template-columns: 18% 54% 28%;
      min-height: 42px;
      overflow: hidden;
      background: #EDF1F4;
      border: 1px solid var(--border-light);
      border-radius: 6px;
    }
.t3-integrated .timing-track span{
      display: grid;
      place-items: center;
      min-width: 0;
      padding: 4px 8px;
      font-size: 13px;
      font-weight: 700;
      text-align: center;
    }
.t3-integrated .timing-track--command .is-on{
      grid-column: 2 / 4;
      color: var(--surface);
      background: var(--brand);
    }
.t3-integrated .timing-track--output .is-on{
      grid-column: 2 / 3;
      color: var(--surface);
      background: var(--green);
    }
.t3-integrated .timing-track .is-off{
      color: var(--text-secondary);
      background: #EDF1F4;
    }
.t3-integrated .timing-track .start{
      grid-column: 1 / 2;
    }
.t3-integrated .timing-track .end{
      grid-column: 3 / 4;
    }
.t3-integrated .timing-note{
      margin: var(--space-4) 0 0;
      color: var(--text-secondary);
      font-size: 15px;
    }
.t3-integrated .resource-grid{
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
      gap: var(--space-6);
      align-items: start;
    }
.t3-integrated .diagram-card,
.t3-integrated .visual-card{
      overflow: hidden;
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
    }
.t3-integrated .diagram-canvas{
      display: grid;
      min-height: 330px;
      place-items: center;
      padding: var(--space-6);
      background:
        linear-gradient(#F8FBFD 1px, transparent 1px),
        linear-gradient(90deg, #F8FBFD 1px, transparent 1px),
        #FFFFFF;
      background-size: 22px 22px;
    }
.t3-integrated .flow-line{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      align-items: center;
      max-width: 760px;
    }
.t3-integrated .flow-node{
      min-width: 92px;
      padding: 10px 12px;
      text-align: center;
      background: var(--surface);
      border: 2px solid var(--brand);
      border-radius: 6px;
      font-weight: 700;
    }
.t3-integrated .flow-node--accent{
      color: var(--surface);
      background: var(--brand);
    }
.t3-integrated .flow-arrow{
      color: var(--brand);
      font-size: 22px;
      font-weight: 700;
    }
.t3-integrated .diagram-actions{
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-2);
      padding: var(--space-4);
      background: var(--surface-alt);
      border-top: 1px solid var(--border-light);
    }
.t3-integrated .btn,
.t3-integrated .btn-link{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 10px 16px;
      border-radius: 8px;
      font-weight: 700;
      line-height: 1.25;
      text-align: center;
      text-decoration: none;
    }
.t3-integrated .btn{
      color: var(--surface);
      background: var(--brand);
      border: 2px solid var(--brand);
    }
.t3-integrated .btn:hover{
      color: var(--surface);
      background: var(--brand-dark);
      border-color: var(--brand-dark);
    }
.t3-integrated .btn--secondary{
      color: var(--brand);
      background: var(--surface);
      border: 2px solid var(--brand);
    }
.t3-integrated .btn--secondary:hover{
      color: var(--brand-dark);
      background: var(--brand-soft-2);
      border-color: var(--brand-dark);
    }
.t3-integrated .btn--muted{
      color: var(--text-secondary);
      background: #EFF1F3;
      border: 2px solid #D4D8DC;
      cursor: default;
    }
.t3-integrated .resource-aside{
      padding: var(--space-5);
      background: var(--brand-soft-2);
      border: 1px solid #C5DBE8;
      border-radius: var(--radius);
    }
.t3-integrated .resource-aside h3{
      color: var(--brand-dark);
    }
.t3-integrated .resource-aside ol{
      margin: 0;
      padding-left: 1.4em;
    }
.t3-integrated .resource-aside li + li{
      margin-top: var(--space-2);
    }
.t3-integrated details{
      margin-top: var(--space-4);
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
    }
.t3-integrated summary{
      padding: var(--space-3) var(--space-4);
      font-weight: 700;
      cursor: pointer;
    }
.t3-integrated .details-body{
      padding: 0 var(--space-4) var(--space-4);
    }
.t3-integrated .details-body p:last-child{
      margin-bottom: 0;
    }
.t3-integrated .article-grid{
      display: grid;
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: var(--space-8);
      align-items: start;
    }
.t3-integrated .article-copy{
      max-width: 760px;
    }
.t3-integrated .article-copy p,
.t3-integrated .article-copy li{
      max-width: 68ch;
    }
.t3-integrated .article-copy h3:not(:first-child){
      margin-top: var(--space-6);
    }
.t3-integrated .steps{
      display: grid;
      gap: var(--space-3);
      margin: var(--space-5) 0;
    }
.t3-integrated .step{
      display: grid;
      grid-template-columns: 46px minmax(0, 1fr);
      gap: var(--space-3);
      align-items: start;
      padding: var(--space-4);
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-left: 4px solid var(--brand);
      border-radius: var(--radius);
    }
.t3-integrated .step__number{
      display: grid;
      width: 40px;
      height: 40px;
      place-items: center;
      color: var(--surface);
      background: var(--brand);
      border-radius: 999px;
      font-weight: 700;
    }
.t3-integrated .step p:last-child{
      margin-bottom: 0;
    }
.t3-integrated .article-aside{
      position: sticky;
      top: 96px;
      padding: var(--space-5);
      background: var(--surface-alt);
      border-top: 4px solid var(--brand);
      border-radius: var(--radius);
    }
.t3-integrated .article-aside ul{
      margin: 0;
      padding-left: 1.2em;
    }
.t3-integrated .product-zone{
      background: #F7FAFC;
    }
.t3-integrated .product-intro{
      max-width: 860px;
      margin-bottom: var(--space-6);
      padding: var(--space-4) var(--space-5);
      color: #334047;
      background: var(--brand-soft);
      border-left: 4px solid var(--brand);
      border-radius: 0 var(--radius) var(--radius) 0;
    }
.t3-integrated .product-board{
      overflow: hidden;
      background: var(--surface);
      border: 1px solid #C7D2DA;
      border-radius: var(--radius);
      box-shadow: var(--shadow-soft);
    }
.t3-integrated .product-board__grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
.t3-integrated .product-card{
      position: relative;
      min-width: 0;
      padding: var(--space-5);
      border-top: 5px solid transparent;
    }
.t3-integrated .product-card + .product-card{
      border-left: 1px solid #C7D2DA;
    }
.t3-integrated .product-card--video{
      background: #FBFDFF;
      border-top-color: var(--brand);
    }
.t3-integrated .product-role{
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      margin-bottom: var(--space-4);
      padding: 4px 9px;
      color: var(--brand-dark);
      background: var(--brand-soft);
      border: 1px solid #BED8E7;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.025em;
      text-transform: uppercase;
    }
.t3-integrated .product-role--alt{
      color: #424B51;
      background: #EEF1F3;
      border-color: #D4DADD;
    }
.t3-integrated .product-visual{
      display: grid;
      min-height: 180px;
      place-items: center;
      margin-bottom: var(--space-4);
      padding: var(--space-4);
      color: var(--brand);
      background: #EDF5F9;
      border: 1px solid #D3E2EB;
      border-radius: 8px;
    }
.t3-integrated .product-visual--missing{
      color: var(--text-secondary);
      background: #F5F6F7;
      border: 1px dashed var(--border-strong);
    }
.t3-integrated .device-glyph{
      position: relative;
      width: 86px;
      height: 126px;
      background: var(--surface);
      border: 3px solid currentColor;
      border-radius: 8px;
    }
.t3-integrated .device-glyph::before,
.t3-integrated .device-glyph::after{
      position: absolute;
      left: 50%;
      width: 48px;
      transform: translateX(-50%);
      content: "";
    }
.t3-integrated .device-glyph::before{
      top: 16px;
      height: 24px;
      background: currentColor;
      border-radius: 3px;
    }
.t3-integrated .device-glyph::after{
      bottom: 18px;
      height: 40px;
      border: 2px solid currentColor;
      border-radius: 4px;
    }
.t3-integrated .product-brand{
      margin-bottom: 2px;
      color: var(--text-secondary);
      font-size: 15px;
      font-weight: 700;
      text-transform: uppercase;
    }
.t3-integrated .product-name{
      margin-bottom: var(--space-1);
      font-size: 25px;
      font-weight: 800;
      line-height: 1.2;
    }
.t3-integrated .product-ref{
      min-height: 44px;
      margin-bottom: var(--space-4);
      color: var(--text-secondary);
      font-size: 15px;
      overflow-wrap: anywhere;
    }
.t3-integrated .product-function{
      margin-bottom: var(--space-4);
      color: #2E383E;
    }
.t3-integrated .mini-specs{
      display: grid;
      gap: var(--space-2);
      margin: 0 0 var(--space-5);
      padding: 0;
      list-style: none;
    }
.t3-integrated .mini-specs li{
      display: flex;
      justify-content: space-between;
      gap: var(--space-3);
      padding-bottom: var(--space-2);
      border-bottom: 1px solid var(--border-light);
      font-size: 15px;
    }
.t3-integrated .mini-specs span:first-child{
      color: var(--text-secondary);
    }
.t3-integrated .mini-specs strong{
      text-align: right;
    }
.t3-integrated .product-actions{
      display: grid;
      gap: var(--space-2);
    }
.t3-integrated .affiliate-note{
      margin: var(--space-4) 0 0;
      color: var(--text-secondary);
      font-size: 14px;
      line-height: 1.45;
    }
.t3-integrated .differences{
      margin-top: var(--space-8);
    }
.t3-integrated .differences-grid{
      overflow: hidden;
      background: var(--surface);
      border: 1px solid #C7D2DA;
      border-radius: var(--radius);
    }
.t3-integrated .difference-row{
      display: grid;
      grid-template-columns: 220px repeat(3, minmax(0, 1fr));
      min-width: 0;
    }
.t3-integrated .difference-row + .difference-row{
      border-top: 1px solid var(--border-light);
    }
.t3-integrated .difference-row > div{
      min-width: 0;
      padding: var(--space-4);
    }
.t3-integrated .difference-row > div + div{
      border-left: 1px solid var(--border-light);
    }
.t3-integrated .difference-row__label{
      color: var(--brand-dark);
      background: var(--brand-soft-2);
      font-weight: 800;
    }
.t3-integrated .difference-row__value strong,
.t3-integrated .difference-row__value span{
      display: block;
    }
.t3-integrated .difference-row__value strong{
      margin-bottom: 2px;
    }
.t3-integrated .difference-row__value span{
      color: var(--text-secondary);
      font-size: 14px;
    }
.t3-integrated .comparison-wrap{
      margin-top: var(--space-8);
    }
.t3-integrated .comparison-desktop{
      overflow-x: auto;
      border: 1px solid #C7D2DA;
      border-radius: var(--radius);
    }
.t3-integrated .comparison-table{
      width: 100%;
      min-width: 820px;
      border-collapse: separate;
      border-spacing: 0;
      background: var(--surface);
      font-size: 16px;
    }
.t3-integrated .comparison-table caption{
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
.t3-integrated .comparison-table th,
.t3-integrated .comparison-table td{
      min-width: 0;
      padding: 15px 16px;
      vertical-align: top;
      border-bottom: 1px solid var(--border-light);
    }
.t3-integrated .comparison-table thead th{
      color: var(--text);
      background: #EEF5F9;
      font-weight: 800;
      border-bottom: 2px solid #9DB7C8;
    }
.t3-integrated .comparison-table thead th:first-child{
      width: 24%;
      color: var(--surface);
      background: var(--brand-dark);
    }
.t3-integrated .comparison-table th + th,
.t3-integrated .comparison-table td + td,
.t3-integrated .comparison-table th + td,
.t3-integrated .comparison-table td + th{
      border-left: 1px solid #C7D2DA;
    }
.t3-integrated .comparison-table tbody th{
      color: #20323D;
      text-align: left;
      background: var(--brand-soft-2);
      font-weight: 800;
    }
.t3-integrated .comparison-table tbody td:nth-child(2){
      background: #FBFDFF;
    }
.t3-integrated .comparison-table tbody tr:last-child th,
.t3-integrated .comparison-table tbody tr:last-child td{
      border-bottom: 0;
    }
.t3-integrated .comparison-mobile{
      display: none;
    }
.t3-integrated .criterion-block{
      overflow: hidden;
      margin-top: var(--space-3);
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
    }
.t3-integrated .criterion-block__title{
      margin: 0;
      padding: var(--space-3) var(--space-4);
      color: var(--brand-dark);
      background: var(--brand-soft-2);
      border-bottom: 1px solid #C8D9E4;
      font-size: 17px;
      font-weight: 800;
    }
.t3-integrated .criterion-value{
      display: grid;
      grid-template-columns: minmax(110px, 0.42fr) minmax(0, 0.58fr);
      gap: var(--space-3);
      padding: var(--space-3) var(--space-4);
    }
.t3-integrated .criterion-value + .criterion-value{
      border-top: 1px solid var(--border-light);
    }
.t3-integrated .criterion-value__product{
      font-weight: 700;
    }
.t3-integrated .criterion-value__value{
      min-width: 0;
      overflow-wrap: anywhere;
    }
.t3-integrated .sources-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--space-4);
    }
.t3-integrated .source-card{
      padding: var(--space-4);
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-top: 4px solid var(--brand);
      border-radius: var(--radius);
    }
.t3-integrated .source-card h3{
      margin-bottom: var(--space-2);
      font-size: 19px;
    }
.t3-integrated .source-card p{
      margin-bottom: var(--space-2);
      color: var(--text-secondary);
      font-size: 15px;
    }
.t3-integrated .source-card p:last-child{
      margin-bottom: 0;
    }
.t3-integrated .commercial-disclosure{
      margin-top: var(--space-5);
      padding: var(--space-4) var(--space-5);
      background: #FFFDF6;
      border: 1px solid #E4D7A8;
      border-radius: var(--radius);
      font-size: 15px;
    }
.t3-integrated .commercial-disclosure strong{
      display: block;
      margin-bottom: 4px;
    }
.t3-integrated .visual-multimeter{
      position: relative;
      width: min(360px, 100%);
      min-height: 500px;
      margin-inline: auto;
      padding: 28px 30px 34px;
      color: #23313A;
      background: #F8FAFB;
      border: 3px solid #223742;
      border-radius: 28px 28px 18px 18px;
      box-shadow: inset 0 0 0 7px #E2E8EC;
    }
.t3-integrated .meter-screen{
      display: grid;
      min-height: 90px;
      place-items: center;
      margin-bottom: 34px;
      color: #123D44;
      background: #D9F2EA;
      border: 2px solid #7AA69D;
      border-radius: 8px;
      font-size: 34px;
      font-weight: 800;
      letter-spacing: 0.05em;
    }
.t3-integrated .meter-dial{
      position: relative;
      width: 180px;
      height: 180px;
      margin: 0 auto 38px;
      border: 10px solid #D6DEE3;
      border-radius: 999px;
      box-shadow: inset 0 0 0 3px #8DA0AC;
    }
.t3-integrated .meter-dial::before{
      position: absolute;
      top: 50%;
      left: 50%;
      width: 56px;
      height: 78px;
      background: var(--brand);
      border-radius: 9px 9px 24px 24px;
      content: "";
      transform: translate(-50%, -70%) rotate(28deg);
      transform-origin: 50% 82%;
    }
.t3-integrated .meter-jacks{
      display: flex;
      justify-content: center;
      gap: 38px;
    }
.t3-integrated .jack{
      display: grid;
      width: 58px;
      height: 58px;
      place-items: center;
      color: var(--surface);
      background: #29363E;
      border: 5px solid #111A20;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 800;
    }
.t3-integrated .jack--red{
      background: var(--red);
      border-color: #7A1720;
    }
.t3-integrated .meter-label{
      position: absolute;
      max-width: 160px;
      padding: 7px 10px;
      color: var(--brand-dark);
      background: var(--surface);
      border: 1px solid #AEC8D8;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 800;
      box-shadow: 0 6px 14px rgba(26, 26, 26, 0.08);
    }
.t3-integrated .meter-label::after{
      position: absolute;
      height: 2px;
      background: var(--brand);
      content: "";
    }
.t3-integrated .meter-label--screen{
      top: 44px;
      right: -130px;
    }
.t3-integrated .meter-label--screen::after{
      top: 50%;
      right: 100%;
      width: 128px;
    }
.t3-integrated .meter-label--dial{
      top: 220px;
      left: -150px;
    }
.t3-integrated .meter-label--dial::after{
      top: 50%;
      left: 100%;
      width: 126px;
    }
.t3-integrated .meter-label--jacks{
      right: -138px;
      bottom: 70px;
    }
.t3-integrated .meter-label--jacks::after{
      top: 50%;
      right: 100%;
      width: 118px;
    }
.t3-integrated .safety-box{
      margin-top: var(--space-5);
      padding: var(--space-4) var(--space-5);
      background: var(--red-soft);
      border-left: 4px solid var(--red);
      border-radius: 0 var(--radius) var(--radius) 0;
    }
.t3-integrated .safety-box strong{
      display: block;
      margin-bottom: 4px;
      color: #7A1720;
    }
.t3-integrated .planche-footer{
      padding: var(--space-7) 0 var(--space-9);
      color: var(--text-secondary);
      font-size: 15px;
    }
.t3-integrated .test-list{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--space-3);
      margin: var(--space-5) 0 0;
      padding: 0;
      list-style: none;
    }
.t3-integrated .test-list li{
      padding: var(--space-3);
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
    }
.t3-integrated .product-board__grid--three{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
.t3-integrated .product-card--demo{
      background: #FFFEFA;
    }
.t3-integrated .demo-data-note{
      margin: 0 0 var(--space-4);
      padding: 8px 10px;
      color: #5D4B18;
      background: #FFF8E6;
      border-left: 3px solid #B98200;
      border-radius: 0 6px 6px 0;
      font-size: 13px;
      line-height: 1.45;
    }
.t3-integrated .difference-card__grid--three{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
.t3-integrated .difference-impact{
      margin: 0;
      padding: var(--space-3) var(--space-4);
      color: #26343C;
      background: #F8FBFD;
      border-top: 1px solid var(--border-light);
      font-size: 15px;
    }
.t3-integrated .difference-impact strong{
      color: var(--brand-dark);
    }
.t3-integrated .choice-guidance{
      margin-top: var(--space-6);
      padding: var(--space-5);
      background: #FFFFFF;
      border: 1px solid #C7D2DA;
      border-radius: var(--radius);
    }
.t3-integrated .choice-guidance > h3{
      margin-bottom: var(--space-2);
      font-size: 23px;
    }
.t3-integrated .choice-guidance > p{
      margin-bottom: var(--space-5);
      color: var(--text-secondary);
    }
.t3-integrated .choice-guidance__grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--space-4);
    }
.t3-integrated .choice-guidance__item{
      min-width: 0;
      padding: var(--space-4);
      background: var(--surface-alt);
      border-top: 4px solid #9BAAB3;
      border-radius: var(--radius);
    }
.t3-integrated .choice-guidance__item--video{
      background: #F5FAFD;
      border-top-color: var(--brand);
    }
.t3-integrated .choice-guidance__item h4{
      margin-bottom: var(--space-2);
      font-size: 18px;
    }
.t3-integrated .choice-guidance__item ul{
      margin: 0;
      padding-left: 1.2em;
    }
.t3-integrated .choice-guidance__item li + li{
      margin-top: 6px;
    }
.t3-integrated .choice-guidance__note{
      display: block;
      margin-top: var(--space-3);
      color: var(--text-secondary);
      font-size: 13px;
    }
.t3-integrated .comparison-table--v04{
      min-width: 880px;
      border-top: 4px solid var(--brand);
    }
.t3-integrated .comparison-table--v04 thead th{
      color: var(--text);
      background: #EEF5F9;
      border-bottom: 1px solid #AFC4D2;
    }
.t3-integrated .comparison-table--v04 thead th:first-child{
      width: 24%;
      color: var(--brand-dark);
      background: var(--brand-soft-2);
    }
.t3-integrated .comparison-table--v04 thead th:nth-child(2),
.t3-integrated .comparison-table--v04 tbody td:nth-child(2){
      background: #FBFDFF;
    }
.t3-integrated .comparison-table--v04 thead th:nth-child(2){
      box-shadow: inset 0 3px 0 var(--brand);
    }
.t3-integrated .comparison-table--v04 tr.row-difference th,
.t3-integrated .comparison-table--v04 tr.row-difference td{
      background: #FFFDF7;
    }
.t3-integrated .comparison-table--v04 tr.row-difference td:nth-child(2){
      background: #F8FBFC;
    }
.t3-integrated .row-flag{
      display: block;
      width: fit-content;
      margin-top: 5px;
      padding: 2px 7px;
      color: #6A4C00;
      background: #FFF1C7;
      border: 1px solid #E3C36A;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.3;
    }
.t3-integrated .cell-note{
      display: block;
      margin-top: 4px;
      color: var(--text-secondary);
      font-size: 12px;
      line-height: 1.35;
    }
.t3-integrated .decision-cta__grid--three,
.t3-integrated .sources-grid--three{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
@media  (max-width: 980px) {

.t3-integrated .hero-grid,
.t3-integrated .answer-strip,
.t3-integrated .resource-grid,
.t3-integrated .article-grid{
        grid-template-columns: 1fr;
      }



.t3-integrated .article-aside{
        position: static;
      }



.t3-integrated .product-board__grid{
        grid-template-columns: 1fr;
      }



.t3-integrated .product-card + .product-card{
        border-top: 1px solid #C7D2DA;
        border-left: 0;
      }



.t3-integrated .product-card--video{
        border-top: 5px solid var(--brand);
      }



.t3-integrated .difference-row{
        grid-template-columns: 190px repeat(3, minmax(180px, 1fr));
        min-width: 840px;
      }



.t3-integrated .differences-grid{
        overflow-x: auto;
      }



.t3-integrated .sources-grid{
        grid-template-columns: 1fr;
      }



.t3-integrated .visual-multimeter{
        margin-block: var(--space-5);
      }

    }
@media  (max-width: 760px) {

.t3-integrated{
        font-size: 17px;
      }



.t3-integrated .planche-bar{
        position: static;
      }



.t3-integrated .planche-bar__inner{
        display: block;
      }



.t3-integrated .context-switcher{
        justify-content: flex-start;
        margin-top: var(--space-3);
      }



.t3-integrated .hero,
.t3-integrated .section{
        padding-block: var(--space-7);
      }



.t3-integrated .hero-summary{
        font-size: 18px;
      }



.t3-integrated .fast-track__grid{
        grid-template-columns: 1fr;
      }



.t3-integrated .fast-link{
        min-height: 72px;
      }



.t3-integrated .section-heading{
        margin-bottom: var(--space-6);
      }



.t3-integrated .timing-row{
        grid-template-columns: 1fr;
        gap: var(--space-2);
      }



.t3-integrated .diagram-canvas{
        min-height: 260px;
        padding: var(--space-4);
      }



.t3-integrated .flow-line{
        flex-direction: column;
      }



.t3-integrated .flow-arrow{
        transform: rotate(90deg);
      }



.t3-integrated .differences-grid{
        overflow: visible;
        border: 0;
        background: transparent;
      }



.t3-integrated .difference-row{
        display: block;
        min-width: 0;
        margin-top: var(--space-3);
        overflow: hidden;
        background: var(--surface);
        border: 1px solid var(--border-light);
        border-radius: var(--radius);
      }



.t3-integrated .difference-row + .difference-row{
        border-top: 1px solid var(--border-light);
      }



.t3-integrated .difference-row > div + div{
        border-top: 1px solid var(--border-light);
        border-left: 0;
      }



.t3-integrated .difference-row__label{
        padding: var(--space-3) var(--space-4) !important;
      }



.t3-integrated .comparison-desktop{
        display: none;
      }



.t3-integrated .comparison-mobile{
        display: block;
      }



.t3-integrated .visual-multimeter{
        width: min(300px, 76vw);
        min-height: 440px;
      }



.t3-integrated .meter-label{
        position: static;
        display: block;
        max-width: none;
        margin-top: var(--space-3);
      }



.t3-integrated .meter-label::after{
        display: none;
      }



.t3-integrated .test-list{
        grid-template-columns: 1fr;
      }

    }
@media  (max-width: 430px) {

.t3-integrated .shell{
        width: min(100% - 32px, 1180px);
      }



.t3-integrated h1{
        font-size: 34px;
      }



.t3-integrated h2{
        font-size: 29px;
      }



.t3-integrated .prototype-note,
.t3-integrated .answer-strip,
.t3-integrated .timing-card,
.t3-integrated .product-card,
.t3-integrated .resource-aside,
.t3-integrated .article-aside{
        padding: var(--space-4);
      }



.t3-integrated .video-facade__visual{
        min-height: 220px;
      }



.t3-integrated .product-name{
        font-size: 23px;
      }



.t3-integrated .criterion-value{
        grid-template-columns: 1fr;
        gap: 2px;
      }



.t3-integrated .visual-multimeter{
        width: min(270px, 80vw);
        min-height: 410px;
        padding-inline: 24px;
      }



.t3-integrated .meter-screen{
        min-height: 78px;
        font-size: 28px;
      }



.t3-integrated .meter-dial{
        width: 150px;
        height: 150px;
      }

    }
@media  (hover: hover) and (pointer: fine) {

.t3-integrated .fast-link,
.t3-integrated .btn,
.t3-integrated .btn--secondary,
.t3-integrated .context-switcher button{
        transition:
          transform 140ms ease,
          background-color 140ms ease,
          border-color 140ms ease,
          color 140ms ease;
      }

    }
.t3-integrated .relay-family{
      background: var(--surface);
      border-top: 1px solid var(--border-light);
      border-bottom: 1px solid var(--border-light);
    }
.t3-integrated .relay-family__intro{
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 24px;
      align-items: end;
      margin-bottom: 24px;
    }
.t3-integrated .relay-family__intro h2{
      margin: 0 0 8px;
      font-size: clamp(28px, 3vw, 36px);
      line-height: 1.2;
    }
.t3-integrated .relay-family__intro p{ margin: 0; color: var(--text-secondary); max-width: 72ch; }
.t3-integrated .relay-family__grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }
.t3-integrated .relay-series-card{
      position: relative;
      display: grid;
      align-content: start;
      gap: 8px;
      min-height: 190px;
      padding: 20px;
      color: var(--text);
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
      box-shadow: 0 5px 16px rgba(26, 26, 26, 0.06);
      text-decoration: none;
      transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
    }
.t3-integrated .relay-series-card:hover{
      color: var(--text);
      border-color: #AFC7D9;
      box-shadow: 0 9px 22px rgba(0, 86, 145, 0.11);
      transform: translateY(-2px);
    }
.t3-integrated .relay-series-card--current{
      border: 2px solid var(--brand);
      background: linear-gradient(180deg, var(--brand-soft-2), var(--surface));
    }
.t3-integrated .relay-series-card__status{
      width: fit-content;
      padding: 4px 8px;
      border-radius: 999px;
      background: var(--brand-soft);
      color: var(--brand-dark);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .02em;
    }
.t3-integrated .relay-series-card__ref{ font-size: 24px; line-height: 1.15; font-weight: 800; }
.t3-integrated .relay-series-card__name{ font-size: 16px; font-weight: 700; color: var(--brand-dark); }
.t3-integrated .relay-series-card__copy{ margin: 0; font-size: 16px; color: var(--text-secondary); line-height: 1.45; }
.t3-integrated .relay-series-card__action{ margin-top: auto; font-size: 15px; font-weight: 700; color: var(--brand); }
.t3-integrated .relay-04744-panel{
      margin-top: 20px;
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
      background: var(--surface-alt);
      overflow: hidden;
    }
.t3-integrated .relay-04744-panel > summary{
      position: relative;
      padding: 18px 52px 18px 20px;
      cursor: pointer;
      list-style: none;
      font-weight: 800;
    }
.t3-integrated .relay-04744-panel > summary::-webkit-details-marker{ display: none; }
.t3-integrated .relay-04744-panel > summary::after{
      content: "⌄";
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-54%);
      color: var(--brand);
      font-size: 24px;
    }
.t3-integrated .relay-04744-panel[open] > summary::after{ content: "⌃"; }
.t3-integrated .relay-04744-panel__body{
      padding: 0 20px 20px;
      border-top: 1px solid var(--border-light);
    }
.t3-integrated .relay-04744-panel__lead{ margin: 16px 0; color: var(--text-secondary); }
.t3-integrated .relay-function-grid{
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
.t3-integrated .relay-function-link{
      display: grid;
      grid-template-columns: 38px 1fr;
      gap: 10px;
      align-items: start;
      padding: 12px;
      color: var(--text);
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: 7px;
      text-decoration: none;
    }
.t3-integrated .relay-function-link:hover{ color: var(--text); border-color: #AFC7D9; box-shadow: 0 4px 12px rgba(0,86,145,.08); }
.t3-integrated .relay-function-link__letter{
      display: grid;
      place-items: center;
      width: 38px;
      height: 38px;
      border-radius: 7px;
      background: var(--brand-soft);
      color: var(--brand-dark);
      font-weight: 800;
    }
.t3-integrated .relay-function-link strong{ display: block; font-size: 15px; line-height: 1.25; }
.t3-integrated .relay-function-link small{ display: block; margin-top: 3px; color: var(--text-secondary); font-size: 14px; line-height: 1.3; }
.t3-integrated .relay-needs{
      margin-top: 18px;
      padding-top: 18px;
      border-top: 1px solid var(--border-light);
    }
.t3-integrated .relay-needs h3{ margin: 0 0 6px; font-size: 20px; }
.t3-integrated .relay-needs > p{ margin: 0 0 12px; color: var(--text-secondary); font-size: 16px; }
.t3-integrated .relay-needs__grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
.t3-integrated .relay-need-link{
      display: flex;
      gap: 10px;
      align-items: center;
      min-height: 48px;
      padding: 10px 12px;
      color: var(--text);
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: 7px;
      text-decoration: none;
      font-size: 15px;
      font-weight: 650;
    }
.t3-integrated .relay-need-link::after{ content: "→"; margin-left: auto; color: var(--brand); font-weight: 800; }
.t3-integrated .relay-need-link:hover{ color: var(--text); border-color: #AFC7D9; background: var(--brand-soft-2); }
@media  (max-width: 900px) {

.t3-integrated .relay-family__grid{ grid-template-columns: 1fr; }


.t3-integrated .relay-function-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }


.t3-integrated .relay-family__intro{ grid-template-columns: 1fr; }

    }
@media  (max-width: 520px) {

.t3-integrated .relay-function-grid,
.t3-integrated .relay-needs__grid{ grid-template-columns: 1fr; }


.t3-integrated .relay-series-card{ min-height: 0; }

    }
@media  (prefers-reduced-motion: reduce) {

.t3-integrated{
        scroll-behavior: auto;
      }



.t3-integrated *,
.t3-integrated *::before,
.t3-integrated *::after{
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
      }

    }
@media  (forced-colors: active) {

.t3-integrated .fast-link,
.t3-integrated .video-facade,
.t3-integrated .answer-strip,
.t3-integrated .timing-card,
.t3-integrated .diagram-card,
.t3-integrated .visual-card,
.t3-integrated .resource-aside,
.t3-integrated .step,
.t3-integrated .product-board,
.t3-integrated .criterion-block,
.t3-integrated .source-card,
.t3-integrated .difference-row,
.t3-integrated .comparison-desktop,
.t3-integrated details{
        border-color: CanvasText;
      }



.t3-integrated :focus-visible{
        outline: 3px solid Highlight;
        outline-offset: 3px;
        box-shadow: none;
      }

    }
.t3-integrated .principle-flow{
      display: grid;
      grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
      align-items: stretch;
      gap: 10px;
      margin-top: var(--space-5);
    }
.t3-integrated .principle-step{
      display: grid;
      align-content: center;
      min-height: 112px;
      padding: var(--space-4);
      background: var(--surface);
      border: 1px solid #C7DCE8;
      border-top: 4px solid var(--brand);
      border-radius: var(--radius);
      text-align: center;
    }
.t3-integrated .principle-step strong,
.t3-integrated .principle-step span{
      display: block;
    }
.t3-integrated .principle-step strong{
      margin-bottom: 3px;
      color: var(--brand-dark);
      font-size: 18px;
    }
.t3-integrated .principle-step span{
      color: var(--text-secondary);
      font-size: 14px;
      line-height: 1.35;
    }
.t3-integrated .principle-step--time{
      border-top-color: var(--green);
    }
.t3-integrated .principle-step--time strong{
      color: var(--green);
    }
.t3-integrated .principle-arrow{
      display: grid;
      place-items: center;
      color: var(--brand);
      font-size: 26px;
      font-weight: 800;
    }
.t3-integrated .takeaway{
      margin: var(--space-5) 0 0;
      padding: var(--space-4) var(--space-5);
      color: #20323D;
      background: var(--brand-soft-2);
      border-left: 5px solid var(--brand);
      border-radius: 0 var(--radius) var(--radius) 0;
    }
.t3-integrated .takeaway strong{
      color: var(--brand-dark);
    }
.t3-integrated .timing-duration{
      display: grid;
      grid-template-columns: 18% 54% 28%;
      margin: 6px 0 0 136px;
      color: var(--green);
      font-size: 13px;
      font-weight: 800;
      text-align: center;
    }
.t3-integrated .timing-duration span{
      grid-column: 2 / 3;
      position: relative;
      padding-top: 8px;
    }
.t3-integrated .timing-duration span::before{
      position: absolute;
      top: 2px;
      right: 0;
      left: 0;
      height: 1px;
      background: currentColor;
      content: "";
    }
.t3-integrated .timing-duration span::after{
      content: "↔";
      position: absolute;
      top: -10px;
      left: 50%;
      padding-inline: 6px;
      background: var(--surface);
      transform: translateX(-50%);
    }
.t3-integrated .diagram-label{
      padding: 10px 16px;
      color: var(--brand-dark);
      background: var(--brand-soft-2);
      border-bottom: 1px solid var(--border-light);
      font-size: 15px;
      font-weight: 800;
    }
.t3-integrated .diagram-canvas{
      overflow-x: auto;
    }
.t3-integrated .flow-line{
      flex-wrap: nowrap;
      justify-content: flex-start;
      width: max-content;
      max-width: none;
      margin-inline: auto;
      gap: 6px;
    }
.t3-integrated .flow-node{
      min-width: 68px;
      padding: 9px 8px;
      font-size: 14px;
      white-space: nowrap;
    }
.t3-integrated .flow-arrow{
      font-size: 18px;
    }
.t3-integrated .diagram-note{
      margin: 0;
      padding: 0 var(--space-4) var(--space-4);
      color: var(--text-secondary);
      background: var(--surface-alt);
      font-size: 14px;
    }
.t3-integrated .article-subsections{
      display: grid;
      gap: var(--space-6);
      margin-top: var(--space-7);
    }
.t3-integrated .article-subsection{
      padding-bottom: var(--space-5);
      border-bottom: 1px solid var(--border-light);
    }
.t3-integrated .article-subsection:last-child{
      padding-bottom: 0;
      border-bottom: 0;
    }
.t3-integrated .article-subsection h3{
      margin-bottom: var(--space-2);
    }
.t3-integrated .product-board__grid--two{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
.t3-integrated .affiliate-inline{
      margin: var(--space-4) 0 0;
      color: var(--text-secondary);
      font-size: 14px;
    }
.t3-integrated .difference-cards{
      display: grid;
      gap: var(--space-4);
    }
.t3-integrated .difference-card{
      overflow: hidden;
      background: var(--surface);
      border: 1px solid #C7D2DA;
      border-radius: var(--radius);
    }
.t3-integrated .difference-card__head{
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: var(--space-4);
      padding: var(--space-3) var(--space-4);
      background: var(--brand-soft-2);
      border-bottom: 1px solid #C7DCE8;
    }
.t3-integrated .difference-card__head h4{
      margin: 0;
      color: var(--brand-dark);
      font-size: 19px;
    }
.t3-integrated .difference-card__head span{
      color: var(--text-secondary);
      font-size: 14px;
    }
.t3-integrated .difference-card__grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
.t3-integrated .difference-product{
      min-width: 0;
      padding: var(--space-4) var(--space-5);
    }
.t3-integrated .difference-product + .difference-product{
      border-left: 1px solid var(--border-light);
    }
.t3-integrated .difference-product--video{
      background: #FBFDFF;
    }
.t3-integrated .difference-product__name,
.t3-integrated .difference-product__value,
.t3-integrated .difference-product__meta{
      display: block;
    }
.t3-integrated .difference-product__name{
      margin-bottom: 4px;
      color: var(--text-secondary);
      font-size: 14px;
      font-weight: 700;
    }
.t3-integrated .difference-product__value{
      color: var(--text);
      font-size: 22px;
      font-weight: 800;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
.t3-integrated .difference-product__meta{
      margin-top: 4px;
      color: var(--text-secondary);
      font-size: 14px;
    }
.t3-integrated .comparison-table--v03{
      min-width: 700px;
      border-top: 4px solid var(--brand);
    }
.t3-integrated .comparison-table--v03 thead th{
      color: var(--text);
      background: #EEF5F9;
      border-bottom: 1px solid #AFC4D2;
    }
.t3-integrated .comparison-table--v03 thead th:first-child{
      width: 28%;
      color: var(--brand-dark);
      background: var(--brand-soft-2);
    }
.t3-integrated .comparison-table--v03 thead th:nth-child(2),
.t3-integrated .comparison-table--v03 tbody td:nth-child(2){
      background: #FBFDFF;
    }
.t3-integrated .comparison-table--v03 thead th:nth-child(2){
      box-shadow: inset 0 3px 0 var(--brand);
    }
.t3-integrated .decision-cta{
      margin-top: var(--space-8);
      padding: var(--space-6);
      background: linear-gradient(180deg, #F4F9FC 0%, #EDF5F9 100%);
      border: 1px solid #C7DCE8;
      border-radius: var(--radius);
    }
.t3-integrated .decision-cta__head{
      max-width: 70ch;
      margin-bottom: var(--space-5);
    }
.t3-integrated .decision-cta__head h3{
      margin-bottom: var(--space-2);
      font-size: 27px;
    }
.t3-integrated .decision-cta__head p{
      margin-bottom: 0;
      color: var(--text-secondary);
    }
.t3-integrated .decision-cta__grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--space-4);
    }
.t3-integrated .decision-product{
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: var(--space-4);
      align-items: center;
      padding: var(--space-4);
      background: var(--surface);
      border: 1px solid #C7D2DA;
      border-radius: var(--radius);
    }
.t3-integrated .decision-product strong,
.t3-integrated .decision-product span{
      display: block;
    }
.t3-integrated .decision-product strong{
      font-size: 19px;
    }
.t3-integrated .decision-product span{
      color: var(--text-secondary);
      font-size: 14px;
    }
.t3-integrated .decision-product .btn{
      min-width: 205px;
    }
.t3-integrated .sources-grid--two{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
.t3-integrated .source-card .btn-link{
      margin-top: var(--space-2);
    }
@media  (max-width: 980px) {

.t3-integrated .principle-flow{
        grid-template-columns: 1fr;
      }



.t3-integrated .principle-arrow{
        min-height: 22px;
        transform: rotate(90deg);
      }



.t3-integrated .product-board__grid--two,
.t3-integrated .product-board__grid--three,
.t3-integrated .difference-card__grid,
.t3-integrated .difference-card__grid--three,
.t3-integrated .choice-guidance__grid,
.t3-integrated .decision-cta__grid,
.t3-integrated .decision-cta__grid--three,
.t3-integrated .sources-grid--two,
.t3-integrated .sources-grid--three{
        grid-template-columns: 1fr;
      }



.t3-integrated .difference-product + .difference-product{
        border-top: 1px solid var(--border-light);
        border-left: 0;
      }



.t3-integrated .decision-product{
        grid-template-columns: 1fr;
      }



.t3-integrated .decision-product .btn{
        width: 100%;
        min-width: 0;
      }

    }
@media  (max-width: 760px) {

.t3-integrated .timing-duration{
        margin-left: 0;
        grid-template-columns: 18% 54% 28%;
      }



.t3-integrated .difference-card__head{
        display: block;
      }



.t3-integrated .difference-card__head span{
        display: block;
        margin-top: 3px;
      }



.t3-integrated .decision-cta{
        padding: var(--space-4);
      }

    }
.t3-integrated .use-cases{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      margin-top: 24px;
    }
.t3-integrated .use-case{
      display: flex;
      gap: 14px;
      min-width: 0;
      padding: 18px;
      background: var(--brand-soft-2);
      border: 1px solid var(--border-light);
      border-top: 3px solid var(--brand);
      border-radius: var(--radius);
    }
.t3-integrated .use-case__icon{
      display: grid;
      flex: 0 0 40px;
      width: 40px;
      height: 40px;
      place-items: center;
      color: var(--brand);
      background: var(--surface);
      border: 1px solid #C9DFED;
      border-radius: 50%;
      font-weight: 700;
    }
.t3-integrated .use-case h3{ margin: 0 0 5px; font-size: 19px; }
.t3-integrated .use-case p{ margin: 0; color: var(--text-secondary); font-size: 16px; line-height: 1.45; }
.t3-integrated .fit-check{
      margin-top: 28px;
      padding: 24px;
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
    }
.t3-integrated .fit-check__head h3{ margin: 0 0 16px; font-size: 24px; }
.t3-integrated .fit-check__head .eyebrow{ margin-bottom: 4px; }
.t3-integrated .fit-check__grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
.t3-integrated .fit-item{
      position: relative;
      min-width: 0;
      padding: 14px 16px 14px 48px;
      border: 1px solid var(--border-light);
      border-radius: 8px;
      background: var(--surface-alt);
    }
.t3-integrated .fit-item::before{
      position: absolute;
      top: 15px;
      left: 16px;
      display: grid;
      width: 22px;
      height: 22px;
      place-items: center;
      border-radius: 50%;
      font-weight: 700;
    }
.t3-integrated .fit-item--yes::before{ content: "✓"; color: var(--surface); background: var(--green); }
.t3-integrated .fit-item--no::before{ content: "×"; color: var(--surface); background: var(--red); }
.t3-integrated .fit-item strong,
.t3-integrated .fit-item span{ display: block; }
.t3-integrated .fit-item span{ margin-top: 2px; color: var(--text-secondary); font-size: 15px; }
.t3-integrated .deep-dive,
.t3-integrated .product-tech,
.t3-integrated .comparison-disclosure,
.t3-integrated .sources-disclosure{
      margin-top: 24px;
      overflow: hidden;
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
    }
.t3-integrated .deep-dive > summary,
.t3-integrated .product-tech > summary,
.t3-integrated .comparison-disclosure > summary,
.t3-integrated .sources-disclosure > summary{
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      min-height: 58px;
      padding: 15px 52px 15px 18px;
      cursor: pointer;
      list-style: none;
      color: var(--text);
      background: var(--surface);
      font-weight: 600;
    }
.t3-integrated .deep-dive > summary::-webkit-details-marker,
.t3-integrated .product-tech > summary::-webkit-details-marker,
.t3-integrated .comparison-disclosure > summary::-webkit-details-marker,
.t3-integrated .sources-disclosure > summary::-webkit-details-marker{ display: none; }
.t3-integrated .deep-dive > summary::after,
.t3-integrated .product-tech > summary::after,
.t3-integrated .comparison-disclosure > summary::after,
.t3-integrated .sources-disclosure > summary::after{
      position: absolute;
      right: 18px;
      top: 50%;
      color: var(--brand);
      content: "⌄";
      font-size: 24px;
      line-height: 1;
      transform: translateY(-54%);
    }
.t3-integrated .deep-dive[open] > summary::after,
.t3-integrated .product-tech[open] > summary::after,
.t3-integrated .comparison-disclosure[open] > summary::after,
.t3-integrated .sources-disclosure[open] > summary::after{ content: "⌃"; }
.t3-integrated .deep-dive > summary span,
.t3-integrated .comparison-disclosure > summary span,
.t3-integrated .sources-disclosure > summary span{ min-width: 0; }
.t3-integrated .deep-dive > summary strong,
.t3-integrated .deep-dive > summary small,
.t3-integrated .comparison-disclosure > summary strong,
.t3-integrated .comparison-disclosure > summary small,
.t3-integrated .sources-disclosure > summary strong,
.t3-integrated .sources-disclosure > summary small{ display: block; }
.t3-integrated .deep-dive > summary small,
.t3-integrated .comparison-disclosure > summary small,
.t3-integrated .sources-disclosure > summary small{ margin-top: 2px; color: var(--text-secondary); font-size: 14px; font-weight: 400; }
.t3-integrated .deep-dive__body,
.t3-integrated .comparison-disclosure__body,
.t3-integrated .sources-disclosure__body{ padding: 20px; border-top: 1px solid var(--border-light); }
.t3-integrated .deep-dive__body h3{ margin: 20px 0 6px; font-size: 20px; }
.t3-integrated .deep-dive__body h3:first-child{ margin-top: 0; }
.t3-integrated .deep-dive__body p{ margin: 0; max-width: 75ch; }
.t3-integrated .faq-block{
      margin-top: 32px;
      padding: 24px;
      background: var(--surface-alt);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
    }
.t3-integrated .faq-block__head h3{
      margin: 0 0 6px;
      font-size: 24px;
    }
.t3-integrated .faq-block__head p:last-child{
      margin: 0;
      color: var(--text-secondary);
    }
.t3-integrated .faq-list{
      display: grid;
      gap: 10px;
      margin-top: 18px;
    }
.t3-integrated .faq-item{
      overflow: hidden;
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: 7px;
    }
.t3-integrated .faq-item > summary{
      position: relative;
      padding: 15px 48px 15px 16px;
      cursor: pointer;
      list-style: none;
      font-weight: 600;
    }
.t3-integrated .faq-item > summary::-webkit-details-marker{ display: none; }
.t3-integrated .faq-item > summary::after{
      position: absolute;
      top: 50%;
      right: 16px;
      color: var(--brand);
      content: "⌄";
      font-size: 22px;
      transform: translateY(-54%);
    }
.t3-integrated .faq-item[open] > summary::after{ content: "⌃"; }
.t3-integrated .faq-item__body{
      padding: 0 16px 16px;
      border-top: 1px solid var(--border-light);
    }
.t3-integrated .faq-item__body p{
      margin: 14px 0 0;
      max-width: 75ch;
      color: var(--text-secondary);
    }
.t3-integrated .product-board__grid--simple .product-card{ align-content: start; }
.t3-integrated .product-card--simple .product-function{ min-height: 0; }
.t3-integrated .product-benefit{
      margin: 14px 0 16px;
      padding: 12px 14px;
      background: var(--brand-soft-2);
      border-left: 3px solid var(--brand);
      border-radius: 0 6px 6px 0;
    }
.t3-integrated .product-benefit span,
.t3-integrated .product-benefit strong{ display: block; }
.t3-integrated .product-benefit span{ color: var(--brand); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.t3-integrated .product-benefit strong{ margin-top: 3px; font-size: 16px; line-height: 1.4; }
.t3-integrated .product-main-cta{ width: 100%; text-align: center; }
.t3-integrated .product-tech{ margin-top: 10px; }
.t3-integrated .product-tech > summary{ min-height: 50px; padding-block: 12px; color: var(--brand); }
.t3-integrated .product-tech .details-body{ padding-top: 4px; }
.t3-integrated .text-link{ display: inline-block; margin-top: 10px; font-weight: 600; }
.t3-integrated .choice-guidance--need{ background: var(--surface); }
.t3-integrated .choice-guidance--need > h3{ margin-top: 0; }
.t3-integrated .need-choice-list{ display: grid; gap: 10px; margin-top: 16px; }
.t3-integrated .need-choice{
      display: grid;
      grid-template-columns: minmax(220px, 1.15fr) minmax(190px, .8fr) minmax(0, 1.1fr);
      gap: 16px;
      align-items: center;
      padding: 14px 16px;
      background: var(--surface-alt);
      border-left: 3px solid var(--brand);
      border-radius: 0 6px 6px 0;
    }
.t3-integrated .need-choice__need{ font-weight: 600; }
.t3-integrated .need-choice strong{ color: var(--brand-dark); }
.t3-integrated .need-choice > span:last-child{ color: var(--text-secondary); font-size: 15px; }
.t3-integrated .differences--compact{ margin-top: 32px; }
.t3-integrated .differences-lead{ margin: -6px 0 16px; color: var(--text-secondary); }
.t3-integrated .difference-cards--compact{ gap: 14px; }
.t3-integrated .difference-card--compact .difference-card__head{ padding-block: 12px; }
.t3-integrated .difference-card--compact .difference-product{ padding-block: 12px; }
.t3-integrated .difference-card--compact .difference-impact{ margin: 0; }
.t3-integrated .comparison-disclosure{ margin-top: 28px; }
.t3-integrated .comparison-disclosure > summary{ background: var(--brand-soft-2); border-left: 4px solid var(--brand); }
.t3-integrated .sources-disclosure{ margin-top: 0; }
.t3-integrated .sources-disclosure > summary{ background: var(--surface-alt); border-left: 4px solid var(--brand); }
.t3-integrated .decision-cta--v05{ margin-top: 28px; }
@media  (max-width: 840px) {

.t3-integrated .use-cases{ grid-template-columns: 1fr; }


.t3-integrated .fit-check__grid{ grid-template-columns: 1fr; }


.t3-integrated .need-choice{ grid-template-columns: 1fr; gap: 4px; }

    }
@media  (max-width: 640px) {

.t3-integrated .fit-check{ padding: 18px; }


.t3-integrated .deep-dive > summary,
.t3-integrated .comparison-disclosure > summary,
.t3-integrated .sources-disclosure > summary{ padding-left: 16px; }


.t3-integrated .product-card--simple .product-visual{ min-height: 140px; }

    }
.t3-integrated .choice-assistant{
      margin-top: 34px;
      padding: 24px;
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
    }
.t3-integrated .choice-assistant__head{ max-width: 760px; }
.t3-integrated .choice-assistant__head h3{ margin: 0 0 8px; font-size: 26px; }
.t3-integrated .choice-assistant__head p:last-child{ margin: 0; color: var(--text-secondary); }
.t3-integrated .choice-assistant__options{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 20px;
    }
.t3-integrated .choice-option{
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr);
      gap: 12px;
      align-items: start;
      min-height: 92px;
      padding: 16px;
      text-align: left;
      color: var(--text);
      background: var(--surface-alt);
      border: 1px solid var(--border-light);
      border-radius: 8px;
      cursor: pointer;
    }
.t3-integrated .choice-option:hover{ border-color: var(--brand); background: var(--brand-soft-2); }
.t3-integrated .choice-option[aria-pressed="true"]{
      border-color: var(--brand);
      box-shadow: inset 4px 0 0 var(--brand);
      background: var(--brand-soft-2);
    }
.t3-integrated .choice-option__icon{
      display: grid;
      width: 42px;
      height: 42px;
      place-items: center;
      color: var(--brand);
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: 8px;
      font-weight: 700;
    }
.t3-integrated .choice-option strong,
.t3-integrated .choice-option small{ display: block; }
.t3-integrated .choice-option strong{ font-size: 17px; line-height: 1.35; }
.t3-integrated .choice-option small{ margin-top: 4px; color: var(--text-secondary); font-size: 14px; line-height: 1.45; }
.t3-integrated .choice-results{ margin-top: 18px; }
.t3-integrated .choice-result{
      padding: 22px;
      background: var(--brand-soft-2);
      border: 1px solid #c9dfed;
      border-left: 4px solid var(--brand);
      border-radius: 0 8px 8px 0;
    }
.t3-integrated .choice-result[hidden]{ display: none; }
.t3-integrated .choice-result__top{
      display: flex;
      justify-content: space-between;
      gap: 20px;
      align-items: flex-start;
      margin-bottom: 18px;
    }
.t3-integrated .choice-result__top h4{ margin: 2px 0 6px; font-size: 23px; }
.t3-integrated .choice-result__top p{ margin: 0; max-width: 70ch; }
.t3-integrated .choice-result__kicker{
      color: var(--brand);
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .04em;
    }
.t3-integrated .choice-result__badge{
      flex: 0 0 auto;
      padding: 6px 10px;
      color: var(--brand-dark);
      background: var(--surface);
      border: 1px solid #b8d8eb;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 700;
    }
.t3-integrated .function-use-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin: 16px 0;
    }
.t3-integrated .function-use{
      padding: 14px;
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: 8px;
    }
.t3-integrated .function-use strong,
.t3-integrated .function-use span{ display: block; }
.t3-integrated .function-use strong{ margin-bottom: 4px; }
.t3-integrated .function-use span{ color: var(--text-secondary); font-size: 14px; line-height: 1.45; }
.t3-integrated .choice-key-differences{
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid #c9dfed;
    }
.t3-integrated .choice-key-differences h5{ margin: 0 0 10px; font-size: 17px; }
.t3-integrated .key-difference{
      display: grid;
      grid-template-columns: minmax(150px, .7fr) minmax(180px, .9fr) minmax(0, 1.6fr);
      gap: 12px;
      padding: 10px 0;
      border-top: 1px solid rgba(124,135,147,.22);
    }
.t3-integrated .key-difference:first-of-type{ border-top: 0; }
.t3-integrated .key-difference span{ font-weight: 600; }
.t3-integrated .key-difference strong{ color: var(--brand-dark); }
.t3-integrated .key-difference small{ color: var(--text-secondary); font-size: 14px; }
.t3-integrated .choice-result__actions{
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      align-items: center;
      margin-top: 18px;
    }
.t3-integrated .alternative-shortlist{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
.t3-integrated .alternative-shortlist__item{
      padding: 16px;
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: 8px;
    }
.t3-integrated .alternative-shortlist__item > div strong,
.t3-integrated .alternative-shortlist__item > div span{ display: block; }
.t3-integrated .alternative-shortlist__item > div strong{ font-size: 19px; }
.t3-integrated .alternative-shortlist__item > div span{ margin-top: 2px; color: var(--text-secondary); font-size: 14px; }
.t3-integrated .alternative-shortlist__item ul{ margin: 12px 0 14px; padding-left: 20px; }
.t3-integrated .specific-options{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
.t3-integrated .specific-option{
      min-height: 58px;
      padding: 12px 14px;
      color: var(--text);
      text-align: left;
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: 8px;
      cursor: pointer;
      font-weight: 600;
    }
.t3-integrated .specific-option:hover,
.t3-integrated .specific-option[aria-pressed="true"]{ border-color: var(--brand); background: #eef7fc; }
.t3-integrated .specific-result{
      margin-top: 12px;
      padding: 14px 16px;
      background: var(--surface);
      border-left: 3px solid var(--brand);
      border-radius: 0 6px 6px 0;
    }
.t3-integrated .specific-result strong,
.t3-integrated .specific-result span{ display: block; }
.t3-integrated .specific-result span{ margin-top: 4px; color: var(--text-secondary); }
.t3-integrated .usage-orientation{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
.t3-integrated .usage-orientation > div{
      padding: 14px;
      background: var(--surface);
      border: 1px solid var(--border-light);
      border-radius: 8px;
    }
.t3-integrated .usage-orientation strong,
.t3-integrated .usage-orientation span{ display: block; }
.t3-integrated .usage-orientation span{ margin-top: 4px; color: var(--text-secondary); font-size: 14px; }
.t3-integrated .choice-result__hint{ margin: 14px 0 0; color: var(--text-secondary); font-size: 14px; }
@media  (max-width: 840px) {

.t3-integrated .choice-assistant__options,
.t3-integrated .function-use-grid,
.t3-integrated .alternative-shortlist,
.t3-integrated .specific-options,
.t3-integrated .usage-orientation{ grid-template-columns: 1fr; }


.t3-integrated .key-difference{ grid-template-columns: 1fr; gap: 3px; }


.t3-integrated .choice-result__top{ display: block; }


.t3-integrated .choice-result__badge{ display: inline-block; margin-top: 10px; }

    }
@media  (max-width: 520px) {

.t3-integrated .choice-assistant{ padding: 18px; }


.t3-integrated .choice-option{ grid-template-columns: 38px minmax(0,1fr); min-height: 0; padding: 14px; }


.t3-integrated .choice-option__icon{ width: 36px; height: 36px; }


.t3-integrated .choice-result{ padding: 18px; }


.t3-integrated .choice-result__actions{ align-items: stretch; }


.t3-integrated .choice-result__actions .btn{ width: 100%; text-align: center; }

    }
.t3-integrated details.choice-assistant{
      padding: 0;
      overflow: hidden;
    }
.t3-integrated .choice-assistant__summary{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 18px 20px;
      cursor: pointer;
      list-style: none;
      background: var(--brand-soft-2);
      border-left: 4px solid var(--brand);
    }
.t3-integrated .choice-assistant__summary::-webkit-details-marker{ display: none; }
.t3-integrated .choice-assistant__summary span:first-child{ min-width: 0; }
.t3-integrated .choice-assistant__summary strong,
.t3-integrated .choice-assistant__summary small{ display: block; }
.t3-integrated .choice-assistant__summary strong{ font-size: 20px; line-height: 1.3; }
.t3-integrated .choice-assistant__summary small{ margin-top: 4px; color: var(--text-secondary); font-size: 14px; }
.t3-integrated .choice-assistant__chevron{
      flex: 0 0 auto;
      display: grid;
      width: 34px;
      height: 34px;
      place-items: center;
      color: var(--brand);
      background: var(--surface);
      border: 1px solid #b8d8eb;
      border-radius: 50%;
      font-size: 20px;
      transition: transform .18s ease;
    }
.t3-integrated details.choice-assistant[open] .choice-assistant__chevron{ transform: rotate(180deg); }
.t3-integrated .choice-assistant__panel{ padding: 0 20px 20px; }
.t3-integrated .choice-assistant__panel .choice-assistant__options{ margin-top: 18px; }
.t3-integrated .choice-results{ max-width: 100%; }
.t3-integrated .choice-modify-wrap{ margin: 12px 0 0; }
.t3-integrated .choice-modify{
      padding: 0;
      color: var(--brand);
      background: none;
      border: 0;
      font: inherit;
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 3px;
      cursor: pointer;
    }
.t3-integrated .choice-modify:hover{ color: var(--brand-dark); }
.t3-integrated .choice-modify:focus-visible{
      outline: none;
      box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--brand);
      border-radius: 3px;
    }
@media  (max-width: 520px) {

.t3-integrated .choice-assistant__summary{ padding: 16px; }


.t3-integrated .choice-assistant__summary strong{ font-size: 18px; }


.t3-integrated .choice-assistant__panel{ padding: 0 14px 16px; }

    }
.t3-integrated{
      --brand-deep: #003F6B;
      --brand-pale: #F6FAFD;
      --shadow-control: 0 2px 7px rgba(0, 63, 107, 0.08);
      --shadow-card: 0 6px 18px rgba(18, 52, 76, 0.08);
      --shadow-card-hover: 0 10px 24px rgba(18, 52, 76, 0.12);
    }
.t3-integrated .btn{
      color: var(--brand-dark);
      background: #F8FBFD;
      border: 1px solid #AFC9D9;
      box-shadow: var(--shadow-control);
      transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }
.t3-integrated .btn:hover{
      color: var(--brand-deep);
      background: var(--brand-soft);
      border-color: #82AFC8;
      box-shadow: 0 4px 10px rgba(0, 63, 107, 0.11);
      transform: translateY(-1px);
    }
.t3-integrated .btn--secondary,
.t3-integrated .btn-link.btn--secondary{
      color: var(--brand-dark);
      background: var(--surface);
      border: 1px solid #BFCBD3;
      box-shadow: none;
    }
.t3-integrated .btn--secondary:hover,
.t3-integrated .btn-link.btn--secondary:hover{
      color: var(--brand-deep);
      background: var(--brand-pale);
      border-color: #8DA9BA;
    }
.t3-integrated .btn--merchant{
      color: #FFFFFF;
      background: var(--brand-deep);
      border: 1px solid var(--brand-deep);
      box-shadow: 0 5px 13px rgba(0, 63, 107, 0.18);
    }
.t3-integrated .btn--merchant::after{
      margin-left: 9px;
      content: "↗";
      font-size: .88em;
      line-height: 1;
    }
.t3-integrated .btn--merchant:hover{
      color: #FFFFFF;
      background: #003658;
      border-color: #003658;
      box-shadow: 0 8px 18px rgba(0, 63, 107, 0.23);
      transform: translateY(-1px);
    }
.t3-integrated .diagram-actions{
      gap: 10px;
      background: #F8FAFB;
    }
.t3-integrated .diagram-actions .btn,
.t3-integrated .diagram-actions .btn-link{
      min-height: 46px;
      padding-inline: 15px;
    }
.t3-integrated .product-board{
      overflow: visible;
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
.t3-integrated .product-board__grid,
.t3-integrated .product-board__grid--three,
.t3-integrated .product-board__grid--simple{
      gap: 18px;
    }
.t3-integrated .product-card{
      background: var(--surface);
      border: 1px solid #D1DADF;
      border-top: 4px solid #D1DADF;
      border-radius: var(--radius);
      box-shadow: var(--shadow-card);
      transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
    }
.t3-integrated .product-card + .product-card{ border-left: 1px solid #D1DADF; }
.t3-integrated .product-card:hover{
      border-color: #B8C9D3;
      box-shadow: var(--shadow-card-hover);
      transform: translateY(-2px);
    }
.t3-integrated .product-card--video{
      background: #FCFEFF;
      border-top-color: var(--brand);
    }
.t3-integrated .product-function{
      font-size: 16px;
      line-height: 1.52;
    }
.t3-integrated .product-benefit{
      background: #F7FAFC;
      border-left-color: #5E9FC6;
    }
.t3-integrated .product-benefit span{ font-size: 12.5px; }
.t3-integrated .product-benefit strong{
      font-size: 15px;
      font-weight: 650;
      line-height: 1.42;
    }
.t3-integrated .affiliate-note{
      font-size: 13px;
      line-height: 1.42;
    }
.t3-integrated .product-tech > summary{
      color: var(--brand-dark);
      background: #FFFFFF;
      border-color: #D6DEE3;
      box-shadow: none;
      font-size: 15px;
    }
.t3-integrated .alternative-shortlist__item{
      box-shadow: 0 3px 10px rgba(18,52,76,.055);
    }
.t3-integrated .alternative-shortlist__item > div strong{ font-size: 18px; }
.t3-integrated .alternative-shortlist__item > div span{ font-size: 13.5px; }
.t3-integrated .alternative-shortlist__item ul{
      margin: 11px 0 14px;
      padding-left: 19px;
      font-size: 15px;
      line-height: 1.48;
    }
.t3-integrated .alternative-shortlist__item li + li{ margin-top: 4px; }
.t3-integrated .alternative-shortlist__item li strong{ font-weight: 650; }
.t3-integrated .choice-key-differences h5{ font-size: 16px; }
.t3-integrated .key-difference span{ font-size: 15px; }
.t3-integrated .key-difference strong{ font-size: 15px; }
.t3-integrated .key-difference small{ font-size: 13.5px; line-height: 1.42; }
.t3-integrated .function-use strong{ font-size: 15px; }
.t3-integrated .function-use span{ font-size: 13.5px; }
.t3-integrated .decision-cta,
.t3-integrated .decision-cta--v05{
      padding: 0;
      background: transparent;
      border: 0;
    }
.t3-integrated .decision-cta__head{
      margin-bottom: 18px;
    }
.t3-integrated .decision-cta__head h3{ font-size: 27px; }
.t3-integrated .decision-cta__head p{
      max-width: 64ch;
      font-size: 16px;
    }
.t3-integrated .decision-cta__grid,
.t3-integrated .decision-cta__grid--three{
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }
.t3-integrated .decision-product{
      position: relative;
      display: flex;
      min-height: 220px;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      gap: 14px;
      padding: 20px;
      background: linear-gradient(180deg, #FFFFFF 0%, #FBFDFE 100%);
      border: 1px solid #D0D9DF;
      border-radius: var(--radius);
      box-shadow: var(--shadow-card);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
.t3-integrated .decision-product:hover{
      transform: translateY(-2px);
      border-color: #B7C8D2;
      box-shadow: var(--shadow-card-hover);
    }
.t3-integrated .decision-product--video{
      border-top: 4px solid var(--brand);
    }
.t3-integrated .decision-product__role{
      align-self: flex-start;
      padding: 4px 8px;
      color: var(--brand-dark);
      background: var(--brand-soft);
      border: 1px solid #C3DBE9;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 750;
      letter-spacing: .025em;
      text-transform: uppercase;
    }
.t3-integrated .decision-product__role--alt{
      color: #536069;
      background: #F1F3F5;
      border-color: #D9DEE2;
    }
.t3-integrated .decision-product strong{ font-size: 20px; }
.t3-integrated .decision-product span:not(.decision-product__role){
      margin-top: 4px;
      font-size: 14px;
      line-height: 1.45;
    }
.t3-integrated .decision-product .btn{
      width: 100%;
      min-width: 0;
      margin-top: auto;
    }
.t3-integrated .affiliate-inline{
      margin-top: 14px;
      color: var(--text-secondary);
      font-size: 13px;
      line-height: 1.45;
    }
.t3-integrated .sources-disclosure > summary,
.t3-integrated .comparison-disclosure > summary{
      background: #F8FAFB;
      border-left-color: #8BB8D2;
      font-size: 16px;
    }
@media  (max-width: 980px) {

.t3-integrated .product-board__grid,
.t3-integrated .product-board__grid--three,
.t3-integrated .product-board__grid--simple,
.t3-integrated .decision-cta__grid,
.t3-integrated .decision-cta__grid--three{
        grid-template-columns: 1fr;
      }


.t3-integrated .product-card + .product-card{ border-left: 1px solid #D1DADF; }


.t3-integrated .decision-product{ min-height: 0; }

    }
@media  (prefers-reduced-motion: reduce) {

.t3-integrated .btn,
.t3-integrated .product-card,
.t3-integrated .decision-product{
        transition: none !important;
      }


.t3-integrated .btn:hover,
.t3-integrated .product-card:hover,
.t3-integrated .decision-product:hover{
        transform: none !important;
      }

    }
.t3-integrated .fast-link{
      cursor: pointer;
    }
.t3-integrated .fast-link:hover .fast-link__arrow{
      transform: translateX(3px);
    }
.t3-integrated .fast-link__arrow{
      transition: transform 140ms ease;
    }
.t3-integrated .principle-sequence{
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--space-5);
      margin-top: var(--space-6);
      padding: 0 var(--space-2);
    }
.t3-integrated .principle-sequence::before{
      position: absolute;
      top: 23px;
      right: 8%;
      left: 8%;
      height: 2px;
      background: #C7DCE8;
      content: "";
    }
.t3-integrated .principle-event{
      position: relative;
      z-index: 1;
      min-width: 0;
      text-align: center;
    }
.t3-integrated .principle-event__marker{
      display: grid;
      width: 46px;
      height: 46px;
      margin: 0 auto var(--space-3);
      place-items: center;
      color: var(--surface);
      background: var(--brand);
      border: 5px solid var(--surface);
      border-radius: 50%;
      box-shadow: 0 0 0 1px #BFD5E3;
      font-size: 15px;
      font-weight: 800;
    }
.t3-integrated .principle-event--time .principle-event__marker{
      background: var(--green);
      box-shadow: 0 0 0 1px rgba(16, 91, 85, 0.30);
    }
.t3-integrated .principle-event__content{
      padding-inline: var(--space-2);
    }
.t3-integrated .principle-event__content strong,
.t3-integrated .principle-event__content span{
      display: block;
    }
.t3-integrated .principle-event__content strong{
      margin-bottom: 3px;
      color: var(--text);
      font-size: 17px;
    }
.t3-integrated .principle-event__content span{
      color: var(--text-secondary);
      font-size: 14px;
      line-height: 1.4;
    }
.t3-integrated .diagram-card--interactive{
      width: 100%;
      box-shadow: 0 12px 28px rgba(17, 33, 44, 0.06);
    }
.t3-integrated .diagram-canvas--interactive{
      display: block;
      min-height: 0;
      padding: var(--space-6) var(--space-5) var(--space-5);
    }
.t3-integrated .diagram-instruction{
      margin: 0 0 var(--space-5);
      color: var(--text-secondary);
      font-size: 15px;
      text-align: center;
    }
.t3-integrated .flow-line--interactive{
      display: flex;
      align-items: flex-start;
      justify-content: center;
      width: max-content;
      min-width: 100%;
      margin-inline: auto;
      gap: 6px;
    }
.t3-integrated .flow-node-wrap{
      display: grid;
      min-width: 84px;
      justify-items: center;
      gap: 8px;
    }
.t3-integrated button.flow-node--interactive{
      appearance: none;
      min-width: 76px;
      min-height: 48px;
      padding: 9px 10px;
      color: var(--text);
      background: var(--surface);
      border: 1px solid #9FB6C5;
      border-radius: 7px;
      box-shadow: 0 3px 8px rgba(17, 33, 44, 0.04);
      cursor: pointer;
      font: inherit;
      font-size: 14px;
      font-weight: 750;
      white-space: nowrap;
      transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
    }
.t3-integrated button.flow-node--interactive:hover{
      background: #F4F9FC;
      border-color: var(--brand);
      box-shadow: 0 5px 12px rgba(0, 86, 145, 0.09);
    }
.t3-integrated button.flow-node--interactive.is-active,
.t3-integrated button.flow-node--interactive[aria-pressed="true"]{
      color: var(--brand-dark);
      background: #E5F2FA;
      border: 2px solid var(--brand);
      box-shadow: 0 6px 14px rgba(0, 86, 145, 0.12);
    }
.t3-integrated .equipment-hint{
      display: grid;
      justify-items: center;
      gap: 2px;
      color: #647580;
      font-size: 12px;
      line-height: 1.2;
    }
.t3-integrated .equipment-hint svg{
      width: 42px;
      height: 28px;
    }
.t3-integrated .diagram-explainer{
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: var(--space-4);
      align-items: center;
      max-width: 760px;
      margin: var(--space-6) auto 0;
      padding: var(--space-4) var(--space-5);
      background: #F4F9FC;
      border: 1px solid #C7DCE8;
      border-left: 4px solid var(--brand);
      border-radius: var(--radius);
    }
.t3-integrated .diagram-explainer__label{
      color: var(--text-secondary);
      font-size: 12px;
      font-weight: 750;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
.t3-integrated .diagram-explainer__main{
      display: flex;
      flex-wrap: wrap;
      gap: 6px 10px;
      align-items: baseline;
    }
.t3-integrated .diagram-explainer__main strong{
      color: var(--brand-dark);
      font-size: 18px;
    }
.t3-integrated .diagram-explainer__main span{
      color: var(--text);
      font-size: 16px;
    }
.t3-integrated .diagram-full-description{
      margin: 0;
      border: 0;
      border-top: 1px solid var(--border-light);
      border-radius: 0;
    }
.t3-integrated .diagram-full-description summary{
      background: var(--surface);
    }
@media  (max-width: 760px) {

.t3-integrated .principle-sequence{
        grid-template-columns: 1fr;
        gap: var(--space-4);
        padding-left: 0;
      }



.t3-integrated .principle-sequence::before{
        top: 22px;
        bottom: 22px;
        left: 22px;
        right: auto;
        width: 2px;
        height: auto;
      }



.t3-integrated .principle-event{
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: var(--space-3);
        align-items: start;
        text-align: left;
      }



.t3-integrated .principle-event__marker{
        margin: 0;
      }



.t3-integrated .principle-event__content{
        padding: 4px 0 0;
      }



.t3-integrated .diagram-canvas--interactive{
        overflow-x: auto;
        padding-inline: var(--space-4);
      }



.t3-integrated .flow-line--interactive{
        justify-content: flex-start;
        min-width: max-content;
      }



.t3-integrated .diagram-explainer{
        grid-template-columns: 1fr;
        gap: 4px;
        margin-top: var(--space-5);
      }

    }
@media  (prefers-reduced-motion: reduce) {

.t3-integrated .fast-link__arrow,
.t3-integrated .relay-series-card,
.t3-integrated button.flow-node--interactive{
        transition: none !important;
      }

    }
.t3-integrated .section{
      padding-block: 72px;
    }
.t3-integrated .section-heading{
      margin-bottom: 48px;
    }
.t3-integrated .section-divider{
      width: min(1180px, calc(100% - 32px));
      height: 1px;
      margin: 0 auto;
      background: linear-gradient(90deg, transparent 0%, #D8E0E5 8%, #D8E0E5 92%, transparent 100%);
    }
.t3-integrated .section-divider > span{ display: block; }
.t3-integrated .subsection-divider{
      height: 1px;
      margin: 48px 0;
      background: #D8E0E5;
    }
.t3-integrated .relay-family{
      background: #F8FBFD;
    }
.t3-integrated .relay-family__intro{
      margin-bottom: 32px;
    }
.t3-integrated .relay-family__grid{
      gap: 20px;
      align-items: stretch;
    }
.t3-integrated .relay-series-card{
      min-height: 250px;
      padding: 22px;
      gap: 10px;
    }
.t3-integrated .relay-series-card__thumb{
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 58px;
      padding: 10px 12px;
      background: #F7FAFC;
      border: 1px dashed #C8D5DD;
      border-radius: 7px;
      color: var(--text-secondary);
      font-size: 13px;
    }
.t3-integrated .relay-series-card__thumb-icon{
      position: relative;
      flex: 0 0 28px;
      width: 28px;
      height: 34px;
      border: 2px solid #7FAEC9;
      border-radius: 5px;
      background: #FFFFFF;
    }
.t3-integrated .relay-series-card__thumb-icon::before,
.t3-integrated .relay-series-card__thumb-icon::after{
      content: "";
      position: absolute;
      left: 6px;
      right: 6px;
      height: 3px;
      border-radius: 3px;
      background: #7FAEC9;
    }
.t3-integrated .relay-series-card__thumb-icon::before{ top: 8px; }
.t3-integrated .relay-series-card__thumb-icon::after{ top: 17px; }
.t3-integrated .relay-series-card--current{
      background: #EAF5FC;
      border: 2px solid #0060A1;
      box-shadow: 0 16px 34px rgba(0, 86, 145, 0.17);
      transform: translateY(-3px);
    }
.t3-integrated .relay-series-card--current .relay-series-card__status{
      color: #FFFFFF;
      background: #0060A1;
    }
.t3-integrated .relay-series-card--current .relay-series-card__thumb{
      background: rgba(255,255,255,.72);
      border-style: solid;
      border-color: #A9CFE4;
    }
.t3-integrated .relay-series-card--current::after{
      content: "PAGE ACTUELLE";
      position: absolute;
      right: 18px;
      top: -11px;
      padding: 4px 9px;
      color: #FFFFFF;
      background: #004B7D;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .06em;
    }
.t3-integrated .publication-progressive-note{
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 14px 18px;
      align-items: start;
      margin-top: 24px;
      padding: 16px 18px;
      background: #FFFFFF;
      border: 1px solid #D1DDE5;
      border-left: 4px solid #0060A1;
      border-radius: 0 8px 8px 0;
      box-shadow: 0 4px 12px rgba(18,52,76,.05);
    }
.t3-integrated .publication-progressive-note strong{ white-space: nowrap; color: #004B7D; }
.t3-integrated .publication-progressive-note p{ margin: 0; color: var(--text-secondary); font-size: 15px; line-height: 1.5; }
.t3-integrated [data-publish-state="upcoming"]{
      cursor: default;
      opacity: .62;
      box-shadow: none !important;
      transform: none !important;
    }
.t3-integrated .relay-04744-panel{
      margin-top: 28px;
    }
.t3-integrated .relay-04744-panel > summary{
      transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
    }
.t3-integrated .relay-04744-panel > summary:hover{
      color: var(--brand-dark);
      background: #EAF5FC;
      box-shadow: inset 4px 0 0 #0060A1;
    }
.t3-integrated .relay-04744-panel__body{
      padding: 6px 24px 26px;
    }
.t3-integrated .relay-04744-panel__lead{
      margin: 20px 0 22px;
      max-width: 92ch;
    }
.t3-integrated .relay-function-grid{
      gap: 14px;
    }
.t3-integrated .relay-function-link{
      position: relative;
      min-height: 92px;
      padding: 16px 42px 16px 14px;
      transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
    }
.t3-integrated .relay-function-link::after{
      content: "→";
      position: absolute;
      right: 14px;
      top: 50%;
      transform: translateY(-50%);
      color: #0060A1;
      font-size: 20px;
      font-weight: 800;
      opacity: .45;
      transition: transform .15s ease, opacity .15s ease;
    }
.t3-integrated .relay-function-link:hover{
      color: var(--text);
      background: #F3F9FD;
      border-color: #0060A1;
      box-shadow: 0 9px 20px rgba(0,86,145,.13);
      transform: translateY(-3px);
    }
.t3-integrated .relay-function-link:hover::after{ opacity: 1; transform: translate(3px,-50%); }
.t3-integrated .relay-function-link:hover .relay-function-link__letter{
      color: #FFFFFF;
      background: #0060A1;
    }
.t3-integrated .relay-function-link:focus-visible{
      background: #F3F9FD;
    }
.t3-integrated .relay-needs{
      margin-top: 28px;
      padding-top: 28px;
    }
.t3-integrated .relay-needs__grid{ gap: 14px; }
.t3-integrated .relay-need-link{ min-height: 58px; padding: 14px 16px; }
.t3-integrated .editorial-media-grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 24px;
      margin-top: 40px;
    }
.t3-integrated .editorial-media{ margin: 0; }
.t3-integrated .editorial-media__placeholder{
      display: grid;
      min-height: 240px;
      place-items: center;
      align-content: center;
      gap: 10px;
      padding: 24px;
      text-align: center;
      color: #31556D;
      background: #F8FBFD;
      border: 1px dashed #9EB8C9;
      border-radius: 8px;
    }
.t3-integrated .editorial-media__placeholder strong{ color: var(--text); font-size: 18px; }
.t3-integrated .editorial-media__placeholder small{ color: var(--text-secondary); font-size: 14px; }
.t3-integrated .editorial-media figcaption{
      margin-top: 10px;
      color: var(--text-secondary);
      font-size: 14px;
      line-height: 1.45;
    }
.t3-integrated .editorial-media__icon{
      position: relative;
      width: 72px;
      height: 102px;
      border: 3px solid #0060A1;
      border-radius: 8px;
      background: #FFFFFF;
      box-shadow: 0 6px 14px rgba(0,86,145,.08);
    }
.t3-integrated .editorial-media__icon::before,
.t3-integrated .editorial-media__icon::after{
      content: "";
      position: absolute;
      left: 16px;
      right: 16px;
      height: 9px;
      border-radius: 4px;
      background: #7FAEC9;
    }
.t3-integrated .editorial-media__icon::before{ top: 24px; }
.t3-integrated .editorial-media__icon::after{ top: 49px; }
.t3-integrated .editorial-media__timeline{
      width: min(270px, 85%);
      height: 72px;
      background:
        linear-gradient(#0060A1,#0060A1) 0 18px/100% 2px no-repeat,
        linear-gradient(#0060A1,#0060A1) 0 54px/100% 2px no-repeat,
        linear-gradient(90deg, transparent 0 18%, #0060A1 18% 48%, transparent 48% 65%, #0060A1 65% 88%, transparent 88%) 0 12px/100% 14px no-repeat,
        linear-gradient(90deg, transparent 0 28%, #7FAEC9 28% 62%, transparent 62%) 0 48px/100% 14px no-repeat;
    }
.t3-integrated .diagram-card--interactive{
      box-shadow: 0 10px 26px rgba(18,52,76,.08);
    }
.t3-integrated .flow-node--interactive{
      transition: transform .14s ease, background-color .14s ease, border-color .14s ease, box-shadow .14s ease;
    }
.t3-integrated .flow-node--interactive:hover{
      border-color: #0060A1;
      background: #F3F9FD;
      box-shadow: 0 6px 14px rgba(0,86,145,.12);
      transform: translateY(-2px);
    }
.t3-integrated .flow-node--interactive.is-active{
      color: #FFFFFF;
      background: #0060A1;
      border-color: #004B7D;
      box-shadow: 0 7px 16px rgba(0,86,145,.2);
    }
.t3-integrated .flow-node--interactive.is-active + .flow-arrow{ color: #0060A1; }
.t3-integrated .diagram-explainer{
      min-height: 78px;
      margin-top: 30px;
    }
.t3-integrated .product-board__grid--simple{
      align-items: stretch;
    }
.t3-integrated .product-card--simple{
      display: flex;
      flex-direction: column;
      height: 100%;
      padding-bottom: 20px;
    }
.t3-integrated .product-main-cta{
      margin-top: auto;
    }
.t3-integrated .affiliate-note{
      min-height: 3.2em;
    }
.t3-integrated .product-visual{
      position: relative;
      overflow: hidden;
    }
.t3-integrated .product-visual__label{
      position: absolute;
      left: 10px;
      bottom: 10px;
      padding: 4px 7px;
      color: #31556D;
      background: rgba(255,255,255,.92);
      border: 1px solid #D1DDE5;
      border-radius: 5px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .02em;
    }
.t3-integrated .choice-assistant{
      margin-top: 48px;
      box-shadow: 0 8px 22px rgba(18,52,76,.07);
    }
.t3-integrated .choice-assistant__options{ gap: 16px; margin-top: 24px; }
.t3-integrated .choice-option{
      min-height: 106px;
      padding: 18px;
      transition: transform .14s ease, border-color .14s ease, background-color .14s ease, box-shadow .14s ease;
    }
.t3-integrated .choice-option:hover{
      transform: translateY(-2px);
      box-shadow: 0 7px 16px rgba(0,86,145,.10);
    }
.t3-integrated .choice-option[aria-pressed="true"]{
      box-shadow: inset 5px 0 0 var(--brand), 0 7px 16px rgba(0,86,145,.08);
    }
.t3-integrated .choice-results{ margin-top: 24px; }
.t3-integrated .choice-result{ scroll-margin-top: 90px; }
.t3-integrated .fit-check,
.t3-integrated .faq-block,
.t3-integrated .deep-dive{
      margin-top: 0;
    }
@media  (max-width: 900px) {

.t3-integrated .publication-progressive-note{ grid-template-columns: 1fr; }


.t3-integrated .publication-progressive-note strong{ white-space: normal; }


.t3-integrated .editorial-media-grid{ grid-template-columns: 1fr; }


.t3-integrated .relay-series-card--current{ transform: none; }

    }
@media  (max-width: 640px) {

.t3-integrated .section{ padding-block: 48px; }


.t3-integrated .section-heading{ margin-bottom: 32px; }


.t3-integrated .subsection-divider{ margin: 36px 0; }


.t3-integrated .relay-family__intro{ margin-bottom: 24px; }


.t3-integrated .relay-series-card{ min-height: 0; padding: 18px; }


.t3-integrated .relay-series-card--current::after{ right: 12px; }


.t3-integrated .relay-04744-panel__body{ padding-inline: 16px; }


.t3-integrated .editorial-media__placeholder{ min-height: 190px; }


.t3-integrated .choice-assistant{ margin-top: 36px; }

    }
.t3-integrated .diagram-step-head{
      display: flex;
      align-items: flex-start;
      gap: 12px;
      max-width: 900px;
      margin: 0 auto 18px;
    }
.t3-integrated .diagram-step-head__number{
      display: grid;
      flex: 0 0 34px;
      width: 34px;
      height: 34px;
      place-items: center;
      color: #FFFFFF;
      background: var(--brand);
      border-radius: 50%;
      font-weight: 800;
    }
.t3-integrated .diagram-step-head strong,
.t3-integrated .diagram-step-head span{ display: block; }
.t3-integrated .diagram-step-head strong{ color: var(--text); font-size: 18px; }
.t3-integrated .diagram-step-head div > span{ margin-top: 2px; color: var(--text-secondary); font-size: 14px; line-height: 1.45; }
.t3-integrated .diagram-step-head--simulation{ margin: 0 0 20px; }
.t3-integrated .sim-state-label{
      min-height: 18px;
      color: #6B7780;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.2;
      text-align: center;
    }
.t3-integrated .sim-state-label--powered{ color: var(--brand-dark); }
.t3-integrated button.flow-node--interactive.sim-powered,
.t3-integrated button.flow-node--interactive.sim-command-active{
      color: var(--brand-dark);
      background: #E9F4FB;
      border-color: var(--brand);
      box-shadow: 0 5px 12px rgba(0, 86, 145, .12);
    }
.t3-integrated button.flow-node--interactive.sim-timing{
      box-shadow: 0 0 0 3px rgba(0, 86, 145, .16), 0 7px 16px rgba(0, 86, 145, .12);
    }
.t3-integrated button.flow-node--interactive.sim-output-active{
      color: #0D4B46;
      background: #E8F4F2;
      border-color: #105B55;
      box-shadow: 0 5px 12px rgba(16, 91, 85, .14);
    }
.t3-integrated .flow-arrow.sim-command-active{ color: var(--brand); font-weight: 800; }
.t3-integrated .flow-arrow.sim-output-active{ color: #105B55; font-weight: 800; }
.t3-integrated .equipment-hint.is-running{
      color: #105B55;
      font-weight: 800;
    }
.t3-integrated .equipment-hint.is-running svg{
      filter: drop-shadow(0 3px 5px rgba(16,91,85,.18));
    }
.t3-integrated .diagram-simulator{
      max-width: 1040px;
      margin: 34px auto 0;
      padding: 24px;
      background: #FFFFFF;
      border: 1px solid #C7DCE8;
      border-radius: 8px;
      box-shadow: 0 8px 20px rgba(18, 52, 76, .07);
    }
.t3-integrated .simulator-status-row{
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 20px;
      align-items: center;
    }
.t3-integrated .simulator-status{
      display: grid;
      gap: 3px;
      min-height: 62px;
      padding: 12px 14px;
      background: #F4F9FC;
      border-left: 4px solid var(--brand);
      border-radius: 6px;
    }
.t3-integrated .simulator-status strong{ color: var(--brand-dark); font-size: 16px; }
.t3-integrated .simulator-status span{ color: var(--text-secondary); font-size: 14px; line-height: 1.45; }
.t3-integrated .simulator-controls{
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: flex-end;
    }
.t3-integrated .simulator-controls button{ min-height: 44px; }
.t3-integrated .simulator-control:disabled{ opacity: .45; cursor: not-allowed; }
.t3-integrated .simulator-time{
      margin-top: 22px;
      padding: 16px 18px;
      background: #F8FAFB;
      border: 1px solid var(--border-light);
      border-radius: 8px;
    }
.t3-integrated .simulator-time__head,
.t3-integrated .simulator-time__scale{
      display: flex;
      justify-content: space-between;
      gap: 12px;
    }
.t3-integrated .simulator-time__head{ align-items: baseline; margin-bottom: 10px; }
.t3-integrated .simulator-time__head span{ color: var(--text-secondary); font-size: 14px; font-weight: 700; }
.t3-integrated .simulator-time__head strong{ color: var(--text); font-size: 16px; }
.t3-integrated .simulator-time progress{
      display: block;
      width: 100%;
      height: 14px;
      overflow: hidden;
      appearance: none;
      border: 0;
      border-radius: 999px;
      background: #DDE5EA;
    }
.t3-integrated .simulator-time progress::-webkit-progress-bar{ background: #DDE5EA; border-radius: 999px; }
.t3-integrated .simulator-time progress::-webkit-progress-value{ background: #0060A1; border-radius: 999px; transition: width .08s linear; }
.t3-integrated .simulator-time progress::-moz-progress-bar{ background: #0060A1; border-radius: 999px; }
.t3-integrated .simulator-time__scale{ margin-top: 5px; color: #788690; font-size: 11px; }
.t3-integrated .simulator-explanation{ margin: 12px 0 0; color: var(--text-secondary); font-size: 14px; line-height: 1.5; }
.t3-integrated .simulator-legend{
      display: flex;
      flex-wrap: wrap;
      gap: 10px 18px;
      margin-top: 16px;
      color: var(--text-secondary);
      font-size: 12px;
    }
.t3-integrated .simulator-legend span{ display: inline-flex; align-items: center; gap: 6px; }
.t3-integrated .legend-chip{ width: 13px; height: 13px; border-radius: 3px; border: 1px solid #AAB6BE; background: #FFFFFF; }
.t3-integrated .legend-chip--powered{ background: #E9F4FB; border-color: var(--brand); }
.t3-integrated .legend-chip--output{ background: #E8F4F2; border-color: #105B55; }
.t3-integrated .legend-chip--rest{ background: #FFFFFF; border-color: #AAB6BE; }
.t3-integrated .simulator-note{
      margin: 18px 0 0;
      padding-top: 16px;
      color: var(--text-secondary);
      border-top: 1px solid var(--border-light);
      font-size: 14px;
      line-height: 1.55;
    }
.t3-integrated .simulator-note strong{ color: var(--text); }
.t3-integrated .relay-more{ background: #F8FAFB; }
.t3-integrated .relay-more__heading{ max-width: 980px; }
.t3-integrated .relay-more__context{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 8px 20px;
      margin: 0 0 16px;
      padding: 15px 18px;
      color: var(--text-secondary);
      background: #FFFFFF;
      border: 1px solid var(--border-light);
      border-left: 4px solid var(--brand);
      border-radius: 8px;
    }
.t3-integrated .relay-more__context strong{ color: var(--text); }
.t3-integrated .relay-more .relay-04744-panel{ margin-top: 0; background: #FFFFFF; }
@media  (max-width: 900px) {

.t3-integrated .simulator-status-row{ grid-template-columns: 1fr; }


.t3-integrated .simulator-controls{ justify-content: flex-start; }

    }
@media  (max-width: 760px) {

.t3-integrated .diagram-simulator{ padding: 18px 16px; }


.t3-integrated .simulator-controls{ display: grid; grid-template-columns: 1fr; }


.t3-integrated .simulator-controls button{ width: 100%; }


.t3-integrated .simulator-legend{ display: grid; }


.t3-integrated .relay-more__context{ display: grid; }

    }
@media  (prefers-reduced-motion: reduce) {

.t3-integrated .simulator-time progress::-webkit-progress-value{ transition: none; }

    }
.t3-integrated .product-card--compact .product-name{
      margin-bottom: 8px;
    }
.t3-integrated .product-card--compact .product-tech{
      margin-top: 0;
      margin-bottom: 14px;
    }
.t3-integrated .product-card--compact .product-tech > summary{
      min-height: 46px;
      padding: 10px 12px;
      background: #F8FBFD;
      border-color: #C9D7E0;
      font-size: 15px;
      font-weight: 750;
    }
.t3-integrated .product-card--compact .product-tech[open] > summary{
      background: #EDF6FB;
      border-color: #9FC6DC;
    }
.t3-integrated .product-card--compact .product-tech .details-body{
      padding: 14px 12px 12px;
    }
.t3-integrated .product-card--compact .product-function{
      margin: 0 0 12px;
    }
.t3-integrated .product-card--compact .product-benefit{
      margin: 0 0 14px;
    }
.t3-integrated .product-card--compact .mini-specs{
      margin-bottom: 14px;
    }
.t3-integrated .notice-download{
      display: inline-flex;
      align-items: center;
      min-height: 44px;
      padding: 9px 11px;
      color: var(--brand-dark);
      background: #FFFFFF;
      border: 1px solid #B9CFDC;
      border-radius: 7px;
      font-weight: 750;
      text-decoration: none;
    }
.t3-integrated .notice-download:hover{
      color: #003F6B;
      background: #F1F8FC;
      border-color: #74AFCF;
    }
.t3-integrated .notice-download:focus-visible{
      outline: 3px solid #FFFFFF;
      box-shadow: 0 0 0 5px #005691;
    }
.t3-integrated .product-card--compact .product-main-cta{
      margin-top: auto;
    }
@media  (max-width: 720px) {

.t3-integrated .product-card--compact .product-visual{
        min-height: 118px;
      }


.t3-integrated .product-card--compact .product-tech > summary{
        min-height: 48px;
      }

    }
.t3-integrated{
      --sim-orange: #C84B00;
      --sim-orange-soft: #FFF0E8;
      --sim-green: #0F6B4F;
      --sim-green-soft: #E8F6F0;
      --sim-blue: #0060A1;
      --sim-blue-soft: #EAF4FB;
      --sim-rest: #F8FAFB;
      --sim-rest-border: #AEBBC4;
    }
.t3-integrated .diagram-card--interactive{
      overflow: hidden;
      border: 1px solid #C8D7E0;
      box-shadow: 0 14px 34px rgba(17, 33, 44, 0.08);
    }
.t3-integrated .diagram-card--interactive .diagram-label{
      padding: 16px 20px;
      color: var(--brand-dark);
      background: #F1F7FB;
      border-bottom: 1px solid #C8D7E0;
      font-size: 18px;
      font-weight: 800;
    }
.t3-integrated .diagram-canvas--interactive{
      padding: 30px 28px 28px;
      background:
        linear-gradient(rgba(0, 96, 161, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 96, 161, 0.035) 1px, transparent 1px),
        #FFFFFF;
      background-size: 28px 28px;
    }
.t3-integrated .diagram-unified-head{
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 20px;
      align-items: end;
      max-width: 1000px;
      margin: 0 auto 18px;
    }
.t3-integrated .diagram-unified-head strong,
.t3-integrated .diagram-unified-head span{ display: block; }
.t3-integrated .diagram-unified-head strong{ font-size: 20px; color: var(--text); }
.t3-integrated .diagram-unified-head > div > span{ margin-top: 4px; color: var(--text-secondary); font-size: 14px; line-height: 1.45; }
.t3-integrated .diagram-instruction{
      max-width: 1000px;
      margin: 0 auto 26px;
      padding: 12px 14px;
      color: #3E4A52;
      background: rgba(255,255,255,.92);
      border: 1px solid #D8E2E8;
      border-radius: 8px;
      font-size: 14px;
      text-align: left;
    }
.t3-integrated .simulator-legend{
      display: flex;
      flex-wrap: wrap;
      gap: 8px 14px;
      margin: 0;
      color: #46535B;
      font-size: 12px;
      font-weight: 700;
    }
.t3-integrated .simulator-legend span{ display: inline-flex; align-items: center; gap: 6px; }
.t3-integrated .legend-chip{ width: 14px; height: 14px; border-radius: 4px; border: 1px solid var(--sim-rest-border); background: #FFFFFF; }
.t3-integrated .legend-chip--command{ background: var(--sim-orange); border-color: var(--sim-orange); }
.t3-integrated .legend-chip--operation{ background: var(--sim-green); border-color: var(--sim-green); }
.t3-integrated .legend-chip--powered{ background: var(--sim-blue); border-color: var(--sim-blue); }
.t3-integrated .legend-chip--rest{ background: #FFFFFF; border-color: var(--sim-rest-border); }
.t3-integrated .flow-line--interactive{
      gap: 8px;
      padding: 8px 0 2px;
    }
.t3-integrated .flow-node-wrap{
      min-width: 98px;
      gap: 7px;
    }
.t3-integrated button.flow-node--interactive{
      min-width: 88px;
      min-height: 54px;
      padding: 10px 12px;
      color: var(--text);
      background: #FFFFFF;
      border: 2px solid #B9C7D0;
      border-radius: 8px;
      box-shadow: 0 3px 8px rgba(17, 33, 44, 0.05);
      font-size: 15px;
      font-weight: 800;
      transition: background 140ms ease, color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
    }
.t3-integrated button.flow-node--interactive:hover{
      transform: translateY(-1px);
      background: #F7FAFC;
      border-color: var(--brand);
    }
.t3-integrated button.flow-node--interactive.is-active:not(.sim-command-active):not(.sim-operation-active):not(.sim-output-active):not(.sim-powered){
      color: var(--brand-dark);
      background: #EDF6FC;
      border-color: var(--brand);
    }
.t3-integrated button.flow-node--interactive.sim-command-active{
      color: #FFFFFF;
      background: var(--sim-orange);
      border-color: var(--sim-orange);
      box-shadow: 0 8px 18px rgba(200, 75, 0, .26);
    }
.t3-integrated button.flow-node--interactive.sim-operation-active,
.t3-integrated button.flow-node--interactive.sim-output-active{
      color: #FFFFFF;
      background: var(--sim-green);
      border-color: var(--sim-green);
      box-shadow: 0 8px 18px rgba(15, 107, 79, .22);
    }
.t3-integrated button.flow-node--interactive.sim-powered{
      color: #FFFFFF;
      background: var(--sim-blue);
      border-color: var(--sim-blue);
      box-shadow: 0 7px 16px rgba(0, 96, 161, .20);
    }
.t3-integrated button.flow-node--interactive.sim-powered.sim-timing{
      border-color: var(--sim-orange);
      box-shadow: 0 0 0 4px rgba(200, 75, 0, .19), 0 8px 18px rgba(0, 96, 161, .20);
    }
.t3-integrated .sim-state-label{
      min-height: 20px;
      color: #697780;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.25;
      text-align: center;
    }
.t3-integrated .sim-state-label--command{ color: var(--sim-orange); }
.t3-integrated .sim-state-label--operation{ color: var(--sim-green); }
.t3-integrated .sim-state-label--powered{ color: var(--sim-blue); }
.t3-integrated .sim-state-label--timing{ color: var(--sim-orange); }
.t3-integrated .flow-arrow{
      margin-top: 12px;
      color: #92A2AC;
      font-size: 24px;
      transition: color 140ms ease, transform 140ms ease;
    }
.t3-integrated .flow-arrow.sim-command-active{ color: var(--sim-orange); transform: translateX(1px); }
.t3-integrated .flow-arrow.sim-output-active{ color: var(--sim-green); transform: translateX(1px); }
.t3-integrated .equipment-hint{
      min-width: 92px;
      padding: 5px 8px 6px;
      color: #687982;
      background: rgba(255,255,255,.8);
      border: 1px solid transparent;
      border-radius: 8px;
      font-size: 12px;
      transition: background 150ms ease, color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
    }
.t3-integrated .equipment-hint svg{ width: 50px; height: 32px; }
.t3-integrated .equipment-hint .equipment-state{ font-size: 11px; font-weight: 800; }
.t3-integrated .equipment-hint.is-running{
      color: var(--sim-green);
      background: var(--sim-green-soft);
      border-color: var(--sim-green);
      box-shadow: 0 0 0 3px rgba(15,107,79,.10), 0 8px 18px rgba(15,107,79,.16);
      font-weight: 800;
      animation: equipmentPulse 1.35s ease-in-out infinite;
    }
.t3-integrated .equipment-hint.is-running svg{ filter: drop-shadow(0 3px 6px rgba(15,107,79,.25)); }
@keyframes equipmentPulse {
      0%, 100% { box-shadow: 0 0 0 3px rgba(15,107,79,.08), 0 8px 18px rgba(15,107,79,.13); }
      50% { box-shadow: 0 0 0 7px rgba(15,107,79,.14), 0 10px 22px rgba(15,107,79,.23); }
    }
.t3-integrated .unified-simulator{
      max-width: 1000px;
      margin: 26px auto 0;
      padding: 20px;
      background: rgba(255,255,255,.96);
      border: 1px solid #C8D7E0;
      border-radius: 8px;
      box-shadow: 0 10px 24px rgba(17,33,44,.07);
    }
.t3-integrated .simulator-status-row{
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
    }
.t3-integrated .simulator-status{
      display: grid;
      gap: 4px;
      min-height: 64px;
      padding: 13px 15px;
      background: #F7FAFC;
      border: 1px solid #D9E2E8;
      border-left: 5px solid var(--sim-blue);
      border-radius: 7px;
    }
.t3-integrated .simulator-status[data-state="running"]{ background: var(--sim-orange-soft); border-left-color: var(--sim-orange); }
.t3-integrated .simulator-status[data-state="output"]{ background: var(--sim-green-soft); border-left-color: var(--sim-green); }
.t3-integrated .simulator-status[data-state="finished"]{ background: #F4F6F8; border-left-color: #7C8793; }
.t3-integrated .simulator-status strong{ color: var(--text); font-size: 17px; }
.t3-integrated .simulator-status span{ color: #44515A; font-size: 14px; line-height: 1.45; }
.t3-integrated .simulator-controls{
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: flex-end;
    }
.t3-integrated .simulator-controls button{ min-height: 44px; }
.t3-integrated .simulator-time{
      margin-top: 18px;
      padding: 14px 16px;
      background: #F8FAFB;
      border: 1px solid var(--border-light);
      border-radius: 8px;
    }
.t3-integrated .simulator-time__head,
.t3-integrated .simulator-time__scale{
      display: flex;
      justify-content: space-between;
      gap: 12px;
    }
.t3-integrated .simulator-time__head{ align-items: baseline; margin-bottom: 8px; }
.t3-integrated .simulator-time__head span{ color: var(--text-secondary); font-size: 14px; font-weight: 800; }
.t3-integrated .simulator-time__head strong{ color: var(--sim-orange); font-size: 16px; }
.t3-integrated .simulator-time progress{
      display: block;
      width: 100%;
      height: 15px;
      overflow: hidden;
      appearance: none;
      border: 0;
      border-radius: 999px;
      background: #DDE5EA;
    }
.t3-integrated .simulator-time progress::-webkit-progress-bar{ background: #DDE5EA; border-radius: 999px; }
.t3-integrated .simulator-time progress::-webkit-progress-value{ background: var(--sim-orange); border-radius: 999px; transition: width .08s linear; }
.t3-integrated .simulator-time progress::-moz-progress-bar{ background: var(--sim-orange); border-radius: 999px; }
.t3-integrated .simulator-time__scale{ margin-top: 5px; color: #788690; font-size: 11px; }
.t3-integrated .simulator-explanation{ margin: 10px 0 0; color: #47545C; font-size: 14px; line-height: 1.5; }
.t3-integrated .diagram-explainer{
      grid-template-columns: 1fr;
      max-width: 1000px;
      margin: 14px auto 0;
      padding: 13px 15px;
      background: #F9FBFC;
      border: 1px solid #D9E2E8;
      border-left: 4px solid var(--brand);
      box-shadow: none;
    }
.t3-integrated .diagram-explainer[hidden]{ display: none !important; }
.t3-integrated .diagram-explainer__main{ display: block; }
.t3-integrated .diagram-explainer__main strong{ display: block; margin-bottom: 2px; color: var(--brand-dark); font-size: 15px; }
.t3-integrated .diagram-explainer__main span{ color: #47545C; font-size: 14px; line-height: 1.45; }
.t3-integrated .simulator-note{
      max-width: 1000px;
      margin: 16px auto 0;
      padding: 13px 15px;
      color: #47545C;
      background: #FFFDF7;
      border: 1px solid #E8D9B6;
      border-left: 4px solid #A98016;
      border-radius: 7px;
      font-size: 14px;
      line-height: 1.5;
    }
@media  (max-width: 900px) {

.t3-integrated .diagram-unified-head,
.t3-integrated .simulator-status-row{ grid-template-columns: 1fr; }


.t3-integrated .simulator-controls{ justify-content: flex-start; }


.t3-integrated .simulator-legend{ margin-top: 4px; }

    }
@media  (max-width: 760px) {

.t3-integrated .diagram-canvas--interactive{ padding: 22px 16px; }


.t3-integrated .flow-line--interactive{
        justify-content: flex-start;
        width: max-content;
        min-width: 0;
      }


.t3-integrated .diagram-canvas--interactive{ overflow-x: auto; }


.t3-integrated .unified-simulator{ min-width: 720px; }


.t3-integrated .diagram-explainer,
.t3-integrated .simulator-note{ min-width: 720px; }


.t3-integrated .simulator-controls{ display: flex; }

    }
@media  (prefers-reduced-motion: reduce) {

.t3-integrated .equipment-hint.is-running{ animation: none; }


.t3-integrated .simulator-time progress::-webkit-progress-value{ transition: none; }

    }
@media  (max-width: 760px) {

.t3-integrated .shell{
        width: calc(100% - 32px);
      }



.t3-integrated .hero,
.t3-integrated .section{
        padding-block: 48px;
      }



.t3-integrated .section-heading{
        margin-bottom: 32px;
      }



.t3-integrated h1{
        font-size: clamp(32px, 9vw, 38px);
        line-height: 1.12;
      }



.t3-integrated h2{
        font-size: clamp(28px, 7.5vw, 32px);
      }



.t3-integrated .hero-grid,
.t3-integrated .relay-family__grid,
.t3-integrated .product-board__grid,
.t3-integrated .decision-cta__grid,
.t3-integrated .choice-assistant__options,
.t3-integrated .fit-check__grid,
.t3-integrated .use-cases{
        grid-template-columns: 1fr !important;
      }



.t3-integrated .fast-track__grid{
        grid-template-columns: 1fr;
      }



.t3-integrated .fast-link{
        min-height: 72px;
        padding: 14px;
      }





.t3-integrated .diagram-canvas--interactive{
        overflow: visible;
        padding: 22px 16px 24px;
      }



.t3-integrated .diagram-unified-head{
        grid-template-columns: 1fr;
        align-items: start;
        gap: 14px;
      }



.t3-integrated .simulator-legend{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px 12px;
      }



.t3-integrated .flow-line--interactive{
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 8px;
      }



.t3-integrated .flow-line--interactive .flow-node-wrap{
        width: 100%;
        min-width: 0;
        justify-items: stretch;
      }



.t3-integrated .flow-line--interactive button.flow-node--interactive{
        width: 100%;
        min-width: 0;
        min-height: 52px;
        font-size: 16px;
      }



.t3-integrated .flow-line--interactive .flow-arrow{
        align-self: center;
        height: 24px;
        line-height: 24px;
        transform: rotate(90deg);
      }



.t3-integrated .flow-line--interactive .equipment-hint{
        margin-top: 2px;
        padding: 8px 10px;
        border-radius: 8px;
      }



.t3-integrated .flow-line--interactive .equipment-hint svg{
        width: 52px;
        height: 36px;
      }



.t3-integrated .flow-line--interactive .sim-state-label{
        min-height: 20px;
        font-size: 12px;
      }



.t3-integrated .unified-simulator,
.t3-integrated .diagram-explainer,
.t3-integrated .simulator-note{
        width: 100%;
        min-width: 0;
        max-width: 100%;
      }



.t3-integrated .unified-simulator{
        margin-top: 22px;
        padding: 16px;
      }



.t3-integrated .simulator-status-row{
        grid-template-columns: 1fr;
        gap: 12px;
      }



.t3-integrated .simulator-controls{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
      }



.t3-integrated .simulator-controls button{
        width: 100%;
        min-height: 48px;
      }



.t3-integrated .simulator-time{
        padding: 14px;
      }



.t3-integrated .diagram-explainer{
        grid-template-columns: 1fr;
        gap: 6px;
        margin-top: 18px;
        padding: 14px 16px;
      }





.t3-integrated .product-card--compact{
        min-height: 0;
      }



.t3-integrated .product-card--compact .product-visual{
        min-height: 150px;
      }



.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download{
        width: 100%;
        justify-content: center;
        text-align: center;
      }



.t3-integrated .affiliate-note,
.t3-integrated .affiliate-inline{
        font-size: 14px;
        line-height: 1.45;
      }



.t3-integrated .choice-option{
        min-height: 0;
      }



.t3-integrated .decision-product .btn{
        width: 100%;
      }



.t3-integrated .relay-function-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }



.t3-integrated .relay-needs__grid{
        grid-template-columns: 1fr;
      }



.t3-integrated .subsection-divider{
        margin-block: 36px;
      }

    }
@media  (max-width: 430px) {

.t3-integrated .shell{
        width: calc(100% - 32px);
      }



.t3-integrated{
        font-size: 17px;
      }



.t3-integrated .hero,
.t3-integrated .section{
        padding-block: 40px;
      }



.t3-integrated .section-heading{
        margin-bottom: 28px;
      }



.t3-integrated .breadcrumbs{
        font-size: 14px;
      }



.t3-integrated .hero-summary{
        font-size: 17px;
      }



.t3-integrated .fast-link{
        grid-template-columns: 44px minmax(0, 1fr) 20px;
        gap: 10px;
      }



.t3-integrated .fast-link__icon{
        width: 44px;
        height: 44px;
      }



.t3-integrated .simulator-legend{
        grid-template-columns: 1fr;
      }



.t3-integrated .simulator-controls{
        grid-template-columns: 1fr;
      }



.t3-integrated .simulator-time__head{
        align-items: flex-start;
      }



.t3-integrated .product-card--compact .product-visual{
        min-height: 130px;
      }



.t3-integrated .relay-function-grid{
        grid-template-columns: 1fr;
      }



.t3-integrated .relay-function-link{
        min-height: 64px;
        padding: 12px;
      }



.t3-integrated .choice-assistant__summary,
.t3-integrated .choice-result,
.t3-integrated .fit-check,
.t3-integrated .faq-block__head,
.t3-integrated .relay-04744-panel__body{
        padding-inline: 16px;
      }



.t3-integrated .btn,
.t3-integrated .btn-link,
.t3-integrated .notice-download{
        min-height: 48px;
      }

    }
@media  (max-width: 360px) {

.t3-integrated .shell{
        width: calc(100% - 32px);
      }



.t3-integrated h1{
        font-size: 32px;
      }



.t3-integrated h2{
        font-size: 28px;
      }



.t3-integrated .diagram-card--interactive .diagram-label{
        padding: 14px 16px;
        font-size: 17px;
      }



.t3-integrated .diagram-canvas--interactive{
        padding-inline: 12px;
      }



.t3-integrated .unified-simulator{
        padding: 14px 12px;
      }



.t3-integrated .product-card,
.t3-integrated .relay-series-card{
        padding-inline: 16px;
      }

    }
@media  (max-width: 760px) {



.t3-integrated .prototype-note,
.t3-integrated .publication-progressive-note,
.t3-integrated .planche-footer{
        display: none !important;
      }



.t3-integrated .diagram-card--interactive .diagram-label{
        padding: 14px 16px;
        font-size: 17px;
      }



.t3-integrated .diagram-unified-head{
        margin-bottom: 12px;
      }



.t3-integrated .diagram-unified-head strong{
        font-size: 18px;
      }



.t3-integrated .diagram-instruction{
        margin-bottom: 14px;
        padding: 10px 12px;
        font-size: 13px;
      }





.t3-integrated .flow-line--interactive{
        gap: 3px;
      }



.t3-integrated .flow-line--interactive .flow-node-wrap{
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        align-items: center;
        justify-items: stretch;
        column-gap: 8px;
        row-gap: 2px;
      }



.t3-integrated .flow-line--interactive button.flow-node--interactive{
        grid-column: 1;
        grid-row: 1;
        min-height: 46px;
        padding-block: 8px;
      }



.t3-integrated .flow-line--interactive .sim-state-label{
        grid-column: 1;
        grid-row: 2;
        min-height: 15px;
        padding-left: 4px;
        font-size: 11px;
        line-height: 1.15;
        text-align: left;
      }



.t3-integrated .flow-line--interactive .equipment-hint{
        grid-column: 2;
        grid-row: 1 / span 2;
        width: 78px;
        min-width: 78px;
        margin: 0;
        padding: 4px 5px;
        text-align: center;
      }



.t3-integrated .flow-line--interactive .equipment-hint svg{
        width: 34px;
        height: 24px;
      }



.t3-integrated .flow-line--interactive .equipment-hint span{
        font-size: 10px;
        line-height: 1.1;
      }



.t3-integrated .flow-line--interactive .equipment-hint .equipment-state{
        font-size: 10px;
      }



.t3-integrated .flow-line--interactive .flow-arrow{
        height: 12px;
        margin: 0;
        font-size: 16px;
        line-height: 12px;
      }





.t3-integrated .diagram-explainer{
        margin-top: 10px;
        padding: 10px 12px;
      }



.t3-integrated .unified-simulator{
        margin-top: 12px;
        padding: 12px;
      }



.t3-integrated .simulator-status{
        min-height: 0;
        padding: 10px 12px;
      }



.t3-integrated .simulator-status strong{
        font-size: 15px;
      }



.t3-integrated .simulator-status span,
.t3-integrated .simulator-explanation{
        font-size: 13px;
      }



.t3-integrated .simulator-time{
        margin-top: 12px;
        padding: 11px 12px;
      }





.t3-integrated .simulator-note{
        display: none;
      }

    }
@media  (max-width: 600px) {



.t3-integrated .relay-function-grid{
        grid-template-columns: 1fr !important;
      }



.t3-integrated .relay-function-link{
        min-height: 70px;
        padding: 12px 38px 12px 12px;
      }



.t3-integrated .relay-function-link small{
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

    }
.t3-integrated .simulator-time__vertical{ display: none; }
@media  (max-width: 760px) {



.t3-integrated .diagram-canvas--interactive{
        display: grid;
        grid-template-columns: minmax(0, 1fr) 56px;
        column-gap: 10px;
        align-items: start;
      }



.t3-integrated .diagram-unified-head,
.t3-integrated .diagram-instruction,
.t3-integrated .diagram-explainer,
.t3-integrated .simulator-status-row,
.t3-integrated .simulator-note{
        grid-column: 1 / -1;
      }



.t3-integrated .diagram-unified-head{ grid-row: 1; }


.t3-integrated .diagram-instruction{ grid-row: 2; }



.t3-integrated .flow-line--interactive{
        grid-column: 1;
        grid-row: 3;
        gap: 2px;
        padding: 0;
      }





.t3-integrated .unified-simulator{
        display: contents;
        margin: 0;
        padding: 0;
      }



.t3-integrated .simulator-time{
        grid-column: 2;
        grid-row: 3;
        align-self: stretch;
        min-height: 100%;
        margin: 0;
        padding: 8px 5px;
        background: #FFF8F2;
        border: 1px solid #E8C4AE;
        border-radius: 8px;
        box-shadow: none;
      }



.t3-integrated .simulator-time__head{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        margin-bottom: 6px;
        text-align: center;
      }



.t3-integrated .simulator-time__head span{
        color: #7B3211;
        font-size: 11px;
        font-weight: 850;
        line-height: 1.05;
      }



.t3-integrated .simulator-time__head strong{
        max-width: 46px;
        color: var(--sim-orange);
        font-size: 9px;
        line-height: 1.15;
        white-space: normal;
      }



.t3-integrated .simulator-time > progress,
.t3-integrated .simulator-time__scale,
.t3-integrated .simulator-time .simulator-explanation{
        display: none !important;
      }



.t3-integrated .simulator-time__vertical{
        display: grid;
        grid-template-rows: auto minmax(180px, 1fr) auto;
        justify-items: center;
        gap: 5px;
        height: calc(100% - 42px);
        min-height: 300px;
      }



.t3-integrated .simulator-time__vertical-label{
        color: #8B5B42;
        font-size: 9px;
        font-weight: 800;
        line-height: 1;
      }



.t3-integrated .simulator-time__vertical-track{
        position: relative;
        display: block;
        width: 14px;
        height: 100%;
        min-height: 180px;
        overflow: hidden;
        background: #E7ECEF;
        border: 1px solid #D1DADF;
        border-radius: 999px;
      }



.t3-integrated .simulator-time__vertical-fill{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 0%;
        background: var(--sim-orange);
        border-radius: 999px;
        transition: height 80ms linear;
      }





.t3-integrated .flow-line--interactive .flow-node-wrap{
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: 1fr;
        column-gap: 6px;
        align-items: center;
        min-height: 42px;
      }



.t3-integrated .flow-line--interactive button.flow-node--interactive{
        grid-column: 1;
        grid-row: 1;
        min-height: 42px;
        padding: 8px 92px 8px 12px;
        border-width: 1.5px;
        font-size: 14px;
        line-height: 1.1;
        text-align: left;
      }





.t3-integrated .flow-line--interactive [data-sim-s1-node]{
        min-height: 48px !important;
      }



.t3-integrated .flow-line--interactive .sim-state-label{
        position: absolute;
        z-index: 2;
        right: 10px;
        top: 50%;
        width: 78px;
        min-height: 0;
        padding: 0;
        transform: translateY(-50%);
        color: #5C6971;
        font-size: 10px;
        font-weight: 850;
        line-height: 1.1;
        text-align: right;
        pointer-events: none;
      }



.t3-integrated .flow-line--interactive .sim-state-label--command,
.t3-integrated .flow-line--interactive .sim-state-label--operation,
.t3-integrated .flow-line--interactive .sim-state-label--powered,
.t3-integrated .flow-line--interactive .sim-state-label--timing{
        color: #FFFFFF;
      }



.t3-integrated .flow-line--interactive .equipment-hint{
        grid-column: 2;
        grid-row: 1;
        position: relative;
        z-index: 3;
        width: 58px;
        min-width: 58px;
        min-height: 42px;
        padding: 3px;
      }



.t3-integrated .flow-line--interactive .equipment-hint svg{
        width: 26px;
        height: 19px;
      }



.t3-integrated .flow-line--interactive .equipment-hint span{
        font-size: 8.5px;
      }



.t3-integrated .flow-line--interactive .equipment-hint .equipment-state{
        font-size: 8px;
      }





.t3-integrated .flow-node-wrap:has([data-diagram-node="KM1"]) button.flow-node--interactive,
.t3-integrated .flow-node-wrap:has([data-diagram-node="KM2"]) button.flow-node--interactive{
        padding-right: 12px;
      }



.t3-integrated .flow-node-wrap:has([data-diagram-node="KM1"]) .sim-state-label,
.t3-integrated .flow-node-wrap:has([data-diagram-node="KM2"]) .sim-state-label{
        right: 70px;
        width: 48px;
      }



.t3-integrated .flow-line--interactive .flow-arrow{
        height: 9px;
        margin: 0;
        font-size: 13px;
        line-height: 9px;
      }



.t3-integrated .diagram-explainer{
        grid-row: 4;
        margin-top: 10px;
      }



.t3-integrated .simulator-status-row{
        grid-row: 5;
        margin-top: 10px;
        padding: 10px;
        background: #FFFFFF;
        border: 1px solid #D9E2E7;
        border-radius: 8px;
      }



.t3-integrated .simulator-status-row .simulator-controls{
        margin-top: 8px;
      }



.t3-integrated .simulator-status-row .simulator-control{
        min-height: 44px;
      }

    }
@media  (max-width: 390px) {

.t3-integrated .diagram-canvas--interactive{
        grid-template-columns: minmax(0, 1fr) 50px;
        column-gap: 7px;
      }



.t3-integrated .flow-line--interactive button.flow-node--interactive{
        padding-left: 10px;
        padding-right: 76px;
        font-size: 13px;
      }



.t3-integrated .flow-line--interactive .sim-state-label{
        right: 8px;
        width: 65px;
        font-size: 9px;
      }



.t3-integrated .flow-line--interactive .equipment-hint{
        width: 52px;
        min-width: 52px;
      }

    }
@media  (max-width: 430px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        min-height: 44px;
        padding: 9px 14px;
        font-size: 15px;
        line-height: 1.2;
        border-radius: 7px;
      }



.t3-integrated .product-card--compact .product-main-cta{
        margin-top: 12px;
      }

    }
@media  (max-width: 360px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        padding: 8px 12px;
        font-size: 14px;
      }

    }
@media  (max-width: 760px) {

.t3-integrated .diagram-canvas--interactive{
    grid-template-columns: minmax(0, 236px) 44px !important;
    column-gap: 8px !important;
    justify-content: center;
  }



.t3-integrated .flow-line--interactive{
    width: 236px;
    max-width: 100%;
    margin-inline: auto;
    gap: 0 !important;
  }



.t3-integrated .flow-line--interactive .flow-node-wrap{
    display: grid !important;
    grid-template-columns: minmax(0, 178px) 48px !important;
    grid-template-rows: auto auto !important;
    column-gap: 6px !important;
    row-gap: 1px !important;
    justify-content: center;
    align-items: center;
    min-height: 0 !important;
  }



.t3-integrated .flow-line--interactive button.flow-node--interactive{
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100%;
    min-height: 38px !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    text-align: left;
  }



.t3-integrated .flow-line--interactive [data-sim-s1-node]{
    min-height: 44px !important;
  }



.t3-integrated .flow-line--interactive .sim-state-label{
    position: static !important;
    z-index: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: end;
    width: auto !important;
    max-width: 170px;
    min-height: 0 !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: #5C6971 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    text-align: right !important;
    white-space: normal;
    pointer-events: none;
  }



.t3-integrated .flow-line--interactive .sim-state-label--command,
.t3-integrated .flow-line--interactive .sim-state-label--timing{
    color: var(--sim-orange) !important;
  }



.t3-integrated .flow-line--interactive .sim-state-label--operation{
    color: var(--sim-green) !important;
  }



.t3-integrated .flow-line--interactive .sim-state-label--powered{
    color: var(--sim-blue) !important;
  }



.t3-integrated .flow-line--interactive .equipment-hint{
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center;
    width: 48px !important;
    min-width: 48px !important;
    min-height: 38px !important;
    padding: 2px !important;
  }



.t3-integrated .flow-line--interactive .equipment-hint svg{
    width: 22px !important;
    height: 16px !important;
  }



.t3-integrated .flow-line--interactive .equipment-hint span{
    font-size: 7.5px !important;
    line-height: 1.05 !important;
  }



.t3-integrated .flow-line--interactive .equipment-hint .equipment-state{
    font-size: 7px !important;
    line-height: 1.05 !important;
  }



.t3-integrated .flow-node-wrap:has([data-diagram-node="KM1"]) button.flow-node--interactive,
.t3-integrated .flow-node-wrap:has([data-diagram-node="KM2"]) button.flow-node--interactive{
    padding-right: 10px !important;
  }



.t3-integrated .flow-node-wrap:has([data-diagram-node="KM1"]) .sim-state-label,
.t3-integrated .flow-node-wrap:has([data-diagram-node="KM2"]) .sim-state-label{
    right: auto !important;
    width: auto !important;
  }



.t3-integrated .flow-line--interactive .flow-arrow{
    height: 7px !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 7px !important;
  }



.t3-integrated .simulator-time{
    padding: 6px 3px !important;
  }



.t3-integrated .simulator-time__head span{
    font-size: 9.5px !important;
  }



.t3-integrated .simulator-time__head strong{
    max-width: 38px !important;
    font-size: 7.8px !important;
  }



.t3-integrated .simulator-time__vertical{
    min-height: 250px !important;
  }



.t3-integrated .simulator-time__vertical-track{
    width: 10px !important;
    min-height: 160px !important;
  }

}
@media  (max-width: 360px) {

.t3-integrated .diagram-canvas--interactive{
    grid-template-columns: minmax(0, 216px) 40px !important;
    column-gap: 6px !important;
  }


.t3-integrated .flow-line--interactive{ width: 216px; }


.t3-integrated .flow-line--interactive .flow-node-wrap{
    grid-template-columns: minmax(0, 164px) 44px !important;
    column-gap: 5px !important;
  }


.t3-integrated .flow-line--interactive .equipment-hint{
    width: 44px !important;
    min-width: 44px !important;
  }

}
@media  (max-width: 430px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        min-height: 44px;
        padding: 9px 14px;
        font-size: 15px;
        line-height: 1.2;
        border-radius: 7px;
      }



.t3-integrated .product-card--compact .product-main-cta{
        margin-top: 12px;
      }

    }
@media  (max-width: 360px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        padding: 8px 12px;
        font-size: 14px;
      }

    }
@media  (max-width: 760px) {

.t3-integrated .diagram-canvas--interactive{
    grid-template-columns: minmax(0, 236px) 42px !important;
    column-gap: 8px !important;
    justify-content: center;
  }



.t3-integrated .flow-line--interactive{
    width: 236px !important;
    max-width: 100%;
    margin-inline: auto;
    gap: 4px !important;
  }



.t3-integrated .flow-line--interactive .flow-node-wrap{
    position: static !important;
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-rows: minmax(48px, auto) !important;
    column-gap: 8px !important;
    align-items: center !important;
    min-height: 48px !important;
    width: 100% !important;
  }



.t3-integrated .flow-line--interactive button.flow-node--interactive{
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 48px !important;
    padding: 9px 10px !important;
    border-width: 1.5px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }



.t3-integrated .flow-line--interactive [data-sim-s1-node]{
    min-height: 48px !important;
  }



.t3-integrated .flow-line--interactive .sim-state-label{
    position: static !important;
    z-index: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    width: auto !important;
    max-width: 108px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: #4F5D66 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    text-align: left !important;
    white-space: normal !important;
    pointer-events: none;
  }



.t3-integrated .flow-line--interactive .sim-state-label--command,
.t3-integrated .flow-line--interactive .sim-state-label--timing{
    color: var(--sim-orange) !important;
  }



.t3-integrated .flow-line--interactive .sim-state-label--operation{
    color: var(--sim-green) !important;
  }



.t3-integrated .flow-line--interactive .sim-state-label--powered{
    color: var(--sim-blue) !important;
  }





.t3-integrated .flow-line--interactive .flow-node-wrap:has([data-diagram-node="KM1"]),
.t3-integrated .flow-line--interactive .flow-node-wrap:has([data-diagram-node="KM2"]){
    grid-template-columns: 112px 56px 52px !important;
    column-gap: 6px !important;
  }



.t3-integrated .flow-node-wrap:has([data-diagram-node="KM1"]) .sim-state-label,
.t3-integrated .flow-node-wrap:has([data-diagram-node="KM2"]) .sim-state-label{
    grid-column: 2 !important;
    width: auto !important;
    max-width: 56px !important;
    justify-self: start !important;
  }



.t3-integrated .flow-line--interactive .equipment-hint{
    position: static !important;
    z-index: auto !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 52px !important;
    min-width: 52px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 3px 2px !important;
  }



.t3-integrated .flow-line--interactive .equipment-hint svg{
    width: 24px !important;
    height: 17px !important;
  }



.t3-integrated .flow-line--interactive .equipment-hint span{
    font-size: 8px !important;
    line-height: 1.05 !important;
  }



.t3-integrated .flow-line--interactive .equipment-hint .equipment-state{
    font-size: 7.5px !important;
    line-height: 1.05 !important;
  }



.t3-integrated .flow-node-wrap:has([data-diagram-node="KM1"]) button.flow-node--interactive,
.t3-integrated .flow-node-wrap:has([data-diagram-node="KM2"]) button.flow-node--interactive{
    padding-right: 10px !important;
  }



.t3-integrated .flow-line--interactive .flow-arrow{
    height: 12px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 12px !important;
  }



.t3-integrated .simulator-time{
    padding: 8px 4px !important;
  }



.t3-integrated .simulator-time__head span{
    font-size: 10px !important;
  }



.t3-integrated .simulator-time__head strong{
    max-width: 38px !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
  }



.t3-integrated .simulator-time__vertical{
    min-height: 330px !important;
  }



.t3-integrated .simulator-time__vertical-track{
    width: 11px !important;
    min-height: 220px !important;
  }

}
@media  (max-width: 390px) {

.t3-integrated .diagram-canvas--interactive{
    grid-template-columns: minmax(0, 220px) 40px !important;
    column-gap: 6px !important;
  }


.t3-integrated .flow-line--interactive{ width: 220px !important; }


.t3-integrated .flow-line--interactive .flow-node-wrap{
    grid-template-columns: 104px minmax(0, 1fr) !important;
    column-gap: 7px !important;
  }


.t3-integrated .flow-line--interactive button.flow-node--interactive{
    width: 104px !important;
    min-width: 104px !important;
    font-size: 13px !important;
  }


.t3-integrated .flow-line--interactive .flow-node-wrap:has([data-diagram-node="KM1"]),
.t3-integrated .flow-line--interactive .flow-node-wrap:has([data-diagram-node="KM2"]){
    grid-template-columns: 104px 52px 48px !important;
    column-gap: 5px !important;
  }


.t3-integrated .flow-line--interactive .equipment-hint{
    width: 48px !important;
    min-width: 48px !important;
  }


.t3-integrated .flow-line--interactive .sim-state-label{
    max-width: 102px !important;
    font-size: 10px !important;
  }

}
@media  (max-width: 430px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        min-height: 44px;
        padding: 9px 14px;
        font-size: 15px;
        line-height: 1.2;
        border-radius: 7px;
      }



.t3-integrated .product-card--compact .product-main-cta{
        margin-top: 12px;
      }

    }
@media  (max-width: 360px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        padding: 8px 12px;
        font-size: 14px;
      }

    }
@media  (max-width: 760px) {

.t3-integrated .diagram-canvas--interactive{
    grid-template-columns: minmax(0, 238px) 40px !important;
    column-gap: 10px !important;
  }



.t3-integrated .flow-line--interactive{
    width: 238px !important;
  }



.t3-integrated .flow-line--interactive .flow-node-wrap{
    grid-template-columns: 104px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }



.t3-integrated .flow-line--interactive button.flow-node--interactive{
    width: 104px !important;
    min-width: 104px !important;
    min-height: 48px !important;
    font-size: 14px !important;
  }



.t3-integrated .flow-line--interactive .sim-state-label{
    max-width: 118px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }



.t3-integrated .flow-line--interactive .flow-node-wrap:has([data-diagram-node="KM1"]),
.t3-integrated .flow-line--interactive .flow-node-wrap:has([data-diagram-node="KM2"]){
    grid-template-columns: 104px 50px 54px !important;
    column-gap: 5px !important;
  }



.t3-integrated .flow-node-wrap:has([data-diagram-node="KM1"]) .sim-state-label,
.t3-integrated .flow-node-wrap:has([data-diagram-node="KM2"]) .sim-state-label{
    max-width: 50px !important;
  }



.t3-integrated .flow-line--interactive .equipment-hint{
    width: 54px !important;
    min-width: 54px !important;
  }



.t3-integrated .simulator-time{
    width: 40px !important;
    min-width: 40px !important;
    padding-inline: 3px !important;
  }



.t3-integrated .simulator-time__head strong{
    max-width: 36px !important;
  }





.t3-integrated [data-relay-simulator].is-cycle-finished .simulator-time{
    border-color: #C7D0D8 !important;
    background: #F6F7F8 !important;
  }


.t3-integrated [data-relay-simulator].is-cycle-finished .simulator-time__head span,
.t3-integrated [data-relay-simulator].is-cycle-finished .simulator-time__head strong,
.t3-integrated [data-relay-simulator].is-cycle-finished .simulator-time__vertical-labels{
    color: #5F6368 !important;
  }


.t3-integrated [data-relay-simulator].is-cycle-finished [data-sim-vertical-fill]{
    background: #7C8793 !important;
  }


.t3-integrated [data-relay-simulator].is-cycle-finished .simulator-time__vertical-track{
    border-color: #B8C1C9 !important;
    background: #E6EAED !important;
  }

}
@media  (max-width: 390px) {

.t3-integrated .diagram-canvas--interactive{
    grid-template-columns: minmax(0, 218px) 38px !important;
    column-gap: 7px !important;
  }


.t3-integrated .flow-line--interactive{ width: 218px !important; }


.t3-integrated .flow-line--interactive .flow-node-wrap{
    grid-template-columns: 98px minmax(0, 1fr) !important;
    column-gap: 8px !important;
  }


.t3-integrated .flow-line--interactive button.flow-node--interactive{
    width: 98px !important;
    min-width: 98px !important;
    font-size: 13px !important;
  }


.t3-integrated .flow-line--interactive .sim-state-label{
    max-width: 104px !important;
    font-size: 10px !important;
  }


.t3-integrated .flow-line--interactive .flow-node-wrap:has([data-diagram-node="KM1"]),
.t3-integrated .flow-line--interactive .flow-node-wrap:has([data-diagram-node="KM2"]){
    grid-template-columns: 98px 46px 50px !important;
    column-gap: 4px !important;
  }


.t3-integrated .flow-line--interactive .equipment-hint{
    width: 50px !important;
    min-width: 50px !important;
  }


.t3-integrated .simulator-time{
    width: 38px !important;
    min-width: 38px !important;
  }

}
@media  (max-width: 430px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        min-height: 44px;
        padding: 9px 14px;
        font-size: 15px;
        line-height: 1.2;
        border-radius: 7px;
      }



.t3-integrated .product-card--compact .product-main-cta{
        margin-top: 12px;
      }

    }
@media  (max-width: 360px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        padding: 8px 12px;
        font-size: 14px;
      }

    }
@media  (max-width: 760px) {

.t3-integrated .product-card--compact .product-tech .details-body{
    font-size: 15px !important;
    line-height: 1.45 !important;
  }



.t3-integrated .product-card--compact .product-function{
    font-size: 15px !important;
    line-height: 1.45 !important;
  }



.t3-integrated .product-card--compact .product-benefit span{
    font-size: 12px !important;
  }



.t3-integrated .product-card--compact .product-benefit strong{
    font-size: 15px !important;
    line-height: 1.4 !important;
  }



.t3-integrated .product-card--compact .mini-specs li,
.t3-integrated .product-card--compact .mini-specs span,
.t3-integrated .product-card--compact .mini-specs strong{
    font-size: 15px !important;
    line-height: 1.35 !important;
  }



.t3-integrated .product-card--compact .notice-download{
    font-size: 15px !important;
  }



.t3-integrated .flow-line--interactive button.flow-node--interactive{
    text-align: center !important;
    justify-content: center !important;
  }

}
@media  (max-width: 430px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        min-height: 44px;
        padding: 9px 14px;
        font-size: 15px;
        line-height: 1.2;
        border-radius: 7px;
      }



.t3-integrated .product-card--compact .product-main-cta{
        margin-top: 12px;
      }

    }
@media  (max-width: 360px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        padding: 8px 12px;
        font-size: 14px;
      }

    }
@media  (max-width: 340px) {

.t3-integrated .product-card--compact .product-tech .details-body{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }


.t3-integrated .product-card--compact .mini-specs li{
    gap: 7px !important;
    align-items: start !important;
  }


.t3-integrated .product-card--compact .mini-specs li > span:first-child{
    flex: 0 1 42% !important;
    min-width: 0 !important;
  }


.t3-integrated .product-card--compact .mini-specs li > strong{
    flex: 1 1 58% !important;
    min-width: 0 !important;
    text-align: right !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

}
@media  (max-width: 430px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        min-height: 44px;
        padding: 9px 14px;
        font-size: 15px;
        line-height: 1.2;
        border-radius: 7px;
      }



.t3-integrated .product-card--compact .product-main-cta{
        margin-top: 12px;
      }

    }
@media  (max-width: 360px) {

.t3-integrated .product-card--compact .product-main-cta,
.t3-integrated .product-card--compact .notice-download,
.t3-integrated .choice-result .btn,
.t3-integrated .decision-product .btn,
.t3-integrated .sources-grid .btn--secondary{
        padding: 8px 12px;
        font-size: 14px;
      }

    }