/* Only integration adjustments. Original section layout lives in content.css. */
.t3-integrated { margin:0; min-width:0; isolation:isolate; }
.t3-integrated h1, .t3-integrated h2, .t3-integrated h3 { font-family:inherit; }
.t3-integrated .editorial-media img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.t3-integrated .product-visual .t3-product-photo { display:block; width:100%; height:180px; object-fit:contain; }
.t3-integrated [data-t3-products] .product-visual { box-sizing:border-box; height:216px; min-height:216px; }
.t3-integrated video { display:block; width:100%; aspect-ratio:16/9; background:#03182b; }
.t3-integrated .video-facade__visual { background:linear-gradient(#03182ba8,#03182bea), url('/wp-content/uploads/2026/09/99outils-relais-04743-tutoriel.webp') center/cover; }
.t3-integrated div.relay-series-card { cursor:default; }
.t3-integrated[data-relay-reference="04744"] .video-facade__visual { background-image:linear-gradient(#03182ba8,#03182bea),url('/wp-content/uploads/2026/09/99outils-relais-legrand-04744-detoure.webp'); background-position:center 38%; }
.t3-integrated .t3-function-picker { margin-top:var(--space-6); padding:var(--space-5); border:1px solid var(--brand); border-radius:var(--radius); background:linear-gradient(135deg,var(--brand-dark),#03182b); box-shadow:inset 0 1px 0 #ffffff30,0 12px 28px #03182b26; }
.t3-integrated .t3-function-picker > .eyebrow { color:#cad8e8; }
.t3-integrated .t3-function-picker h2 { margin:4px 0 20px; font-size:clamp(22px,3vw,30px); color:var(--surface); }
.t3-integrated .t3-picker-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.t3-integrated .t3-picker-heading h2 { margin-bottom:0; }
.t3-integrated .t3-picker-controls { display:flex; gap:8px; flex-shrink:0; }
.t3-integrated .t3-picker-controls[hidden] { display:none; }
.t3-integrated .t3-picker-controls button { width:44px; height:44px; border:1px solid #0060a1; border-radius:50%; background:white; color:#005588; font-size:24px; cursor:pointer; }
.t3-integrated .t3-picker-controls button:hover:not(:disabled) { background:#e8f4fc; }
.t3-integrated .t3-picker-controls button:disabled { color:#71818c; border-color:#becbd4; background:#f1f4f6; cursor:default; }
.t3-integrated .t3-function-rail { overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:4px; scrollbar-width:thin; scrollbar-color:#b6d2e6 #03182b; padding:6px 4px 20px; }
.t3-integrated .t3-function-options { display:flex; gap:16px; list-style:none; padding:0; margin:0; }
.t3-integrated .t3-function-options > li { display:flex; flex:0 0 300px; min-width:0; margin:0; scroll-snap-align:start; }
.t3-integrated .t3-function-option { position:relative; box-sizing:border-box; width:100%; display:flex; flex-direction:column; gap:var(--space-3); padding:20px; border:2px solid #cadbe7; border-radius:var(--radius); background:linear-gradient(155deg,var(--surface) 45%,var(--brand-soft)); color:var(--text); text-decoration:none; line-height:1.5; box-shadow:inset 0 2px 0 var(--surface),0 6px 0 #03182b40,0 10px 18px #03182b30; }
.t3-integrated a.t3-function-option:hover { border-color:var(--brand); }
.t3-integrated .t3-function-option.is-current { border-color:var(--brand); box-shadow:0 0 0 1px var(--brand),0 10px 18px #03182b30; }
.t3-integrated .t3-function-option strong { display:block; font-size:18px; line-height:1.35; }
.t3-integrated .t3-function-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.t3-integrated .t3-function-letter { width:48px; text-align:center; border-radius:var(--radius); background:linear-gradient(145deg,var(--brand),var(--brand-dark)); color:var(--surface); font-size:26px; font-weight:700; line-height:48px; box-shadow:inset 0 1px 0 #ffffff50,0 3px 0 #003f6b; }
.t3-integrated .t3-function-part { font-size:14px; color:#43586b; }
.t3-integrated .t3-function-card-description { font-size:16px; }
.t3-integrated .t3-function-card-footer { display:flex; justify-content:center; align-items:center; margin-top:auto; padding-top:var(--space-3); min-height:56px; }
.t3-integrated .t3-function-open { min-height:44px; min-width:112px; color:var(--surface); background:var(--brand); border-color:var(--brand); }
.t3-integrated .t3-function-option:hover .t3-function-open { background:var(--brand-dark); }
.t3-integrated .t3-function-card-state { padding:var(--space-2) var(--space-3); border-radius:var(--radius); font-size:14px; font-weight:700; color:var(--brand-dark); background:var(--brand-soft); }
.t3-integrated .is-current .t3-function-card-state { color:var(--brand-dark); background:transparent; padding-inline:0; }
.t3-integrated .t3-function-current-label { padding:var(--space-1) var(--space-3); border:1px solid #d58b30; border-radius:999px; color:#4d2900; background:linear-gradient(135deg,#ffdc9c,#ffc477); font-size:13px; font-weight:700; }
.t3-integrated .t3-function-option.is-upcoming { background:#f7f9fb; border-color:#d9e2e9; }
.t3-integrated .is-upcoming .t3-function-letter { background:#e3eaf0; color:#43586b; }
.t3-integrated .is-upcoming .t3-function-card-state { color:#43586b; }
.t3-integrated .t3-picker-footer { display:flex; gap:16px; justify-content:space-between; align-items:baseline; margin-top:12px; font-size:14px; color:#cad8e8; }
.t3-integrated .t3-picker-footer p { margin:0; font-size:14px; }
.t3-integrated [data-t3-scroll-status] { flex-shrink:0; font-variant-numeric:tabular-nums; }
.t3-integrated .t3-function-rail:focus-visible,.t3-integrated .t3-function-option:focus-visible,.t3-integrated .t3-picker-controls button:focus-visible { outline:3px solid var(--surface); outline-offset:2px; }
.t3-integrated .t3-selection-note { font-size:15px; color:#cad8e8; margin:16px 0; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .t3-integrated a.t3-function-option { transition:transform 160ms ease,border-color 160ms ease; }
  .t3-integrated a.t3-function-option:hover { transform:translateY(-2px); }
}
.t3-integrated .t3-relay-photos img { height:360px; aspect-ratio:auto; object-fit:contain; background:#eef3f6; }
@media(max-width:760px) {
  .t3-integrated .t3-function-picker { padding:16px; }
  .t3-integrated .t3-function-options > li { flex-basis:80%; }
  .t3-integrated .t3-picker-heading { flex-wrap:wrap; gap:12px; }
  .t3-integrated .t3-picker-footer { flex-direction:column; gap:8px; }
  .t3-integrated .t3-function-option { padding:14px; gap:10px; }
  .t3-integrated .t3-function-option strong { font-size:17px; }
  .t3-integrated .t3-relay-photos img { height:300px; }
}
.t3-integrated[data-relay-behavior="off-delay"]:not([data-relay-reference]) .video-facade__visual { background-image:linear-gradient(#03182ba8,#03182bea),url('/?outils99_t3_image=04741-relay'); }
.t3-integrated .t3-off-timing { display:grid; gap:12px; font-size:14px; }
.t3-integrated .t3-off-row { display:grid; grid-template-columns:1.1fr .7fr 1fr 1fr .7fr; align-items:stretch; gap:3px; }
.t3-integrated .t3-off-row > * { padding:10px 5px; text-align:center; background:#eef3f6; border-radius:4px; overflow-wrap:anywhere; }
.t3-integrated .t3-off-row .is-command { background:#a53f00; color:white; }
.t3-integrated .t3-off-row .is-output { background:#12664f; color:white; }
.t3-integrated .t3-off-mark > * { background:transparent; }
.t3-integrated .diagram-unified-head > div > span strong { display:inline; font-size:inherit; }
@media(max-width:600px) {
  .t3-integrated .t3-off-timing { font-size:12px; }
  .t3-integrated .t3-off-row { grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; }
  .t3-integrated .t3-off-row > strong:first-child { grid-column:1/-1; text-align:left; background:transparent; }
  .t3-integrated .t3-off-mark > span:first-child { display:none; }
  .t3-integrated .t3-off-row > * { padding:8px 2px; }
}
.t3-integrated details.relay-function-link { display:block; }
.t3-integrated details.relay-function-link > summary { display:flex; align-items:flex-start; gap:12px; cursor:pointer; }
.t3-integrated details.relay-function-link > summary::after { content:'+'; margin-left:auto; font-size:24px; }
.t3-integrated details.relay-function-link[open] > summary::after { content:'−'; }
.t3-integrated .t3-function-resource { font-size:16px; margin-bottom:0; }
.t3-integrated .t3-diagram-dialog { box-sizing:border-box; width:calc(100% - 24px); max-width:1400px; max-height:calc(100dvh - 24px); padding:20px; border:2px solid var(--brand); border-radius:12px; color:var(--text); background:white; }
.t3-integrated .t3-diagram-dialog::backdrop { background:#03182bba; }
.t3-integrated .t3-dialog-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
.t3-integrated .t3-dialog-bar h2 { margin:0; font-size:22px; }
.t3-integrated .t3-dialog-bar button { min-height:44px; padding:8px 16px; border:1px solid var(--brand); border-radius:6px; color:var(--brand); background:white; cursor:pointer; }
.t3-integrated [data-t3-video-error] { padding:16px; }
.t3-integrated [id] { scroll-margin-top:32px; }
.t3-integrated .t3-timing-settings { margin:18px 0; padding:18px; border:1px solid #b6d2e6; border-radius:10px; background:#eef7fd; min-width:0; }
.t3-integrated .t3-timing-settings h3 { margin:0 0 8px; font-size:21px; line-height:1.3; }
.t3-integrated .t3-timing-settings p { margin:8px 0; font-size:16px; }
.t3-integrated .t3-timing-settings fieldset { border:0; margin:16px 0 0; padding:0; min-width:0; }
.t3-integrated .t3-timing-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.t3-integrated .t3-timing-fields label { display:block; min-width:0; font-weight:700; font-size:16px; }
.t3-integrated .t3-timing-fields input, .t3-integrated .t3-timing-fields select { display:block; box-sizing:border-box; width:100%; min-width:0; min-height:46px; padding:9px; margin-top:6px; border:1px solid #6c8ca5; border-radius:7px; background:white; color:#03182b; font:inherit; }
.t3-integrated .t3-timing-presets { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.t3-integrated .t3-timing-presets button { flex:1 1 180px; min-height:44px; padding:9px 12px; background:white; border:1px solid #0060a1; border-radius:7px; color:#004b7d; font-family:inherit; font-size:16px; font-weight:600; line-height:1.4; cursor:pointer; }
.t3-integrated .t3-timing-settings :disabled { cursor:not-allowed; opacity:.65; }
.t3-integrated [data-t3-timing-result] { font-weight:700; color:#004b7d; }
.t3-integrated .t3-timing-settings .t3-timing-note { font-size:14px; line-height:1.5; color:#43586b; }
.t3-integrated .t3-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:760px) {
  .t3-integrated .t3-timing-settings { grid-column:1/-1; grid-row:3; margin:8px 0 16px; padding:12px; }
  .t3-integrated .flow-line--interactive, .t3-integrated .simulator-time { grid-row:4; }
  .t3-integrated .diagram-explainer { grid-row:5; }
  .t3-integrated .simulator-status-row { grid-row:6; }
  .t3-integrated .t3-timing-fields { grid-template-columns:1fr; }
  .t3-integrated .simulator-time__vertical-label, .t3-integrated .simulator-time__head strong { overflow-wrap:anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .t3-integrated *, .t3-integrated *::before, .t3-integrated *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* Compact access links shared by the full 04741, 04743 and 04744 articles. */
.t3-integrated .fast-track.fast-track--compact { margin-top: var(--space-5); padding-top: var(--space-4); }
.t3-integrated .fast-track--compact .fast-track__title { font-size: 17px; margin: 0 0 var(--space-3); }
.t3-integrated .fast-track--compact .fast-track__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); }
.t3-integrated .fast-track--compact .fast-link { grid-template-columns: minmax(0, 1fr) 20px; gap: 8px; min-height: 56px; padding: 12px 16px; border-width: 1px; }
.t3-integrated .fast-track--compact .fast-link__text strong { font-size: 16px; font-weight: 600; line-height: 1.4; margin: 0; }
.t3-integrated .fast-track--compact .fast-link__arrow { font-size: 20px; }
.t3-integrated .fast-track--compact .fast-link:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
.t3-integrated #relay-faq-title { scroll-margin-top: 80px; }
@media (max-width: 900px) {
  .t3-integrated .fast-track--compact .fast-track__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .t3-integrated .fast-track--compact .fast-link { padding: 12px; grid-template-columns: minmax(0, 1fr); }
  .t3-integrated .fast-track--compact .fast-link__arrow { display: none; }
}
.t3-integrated[data-relay-reference="04744"] p strong {
    font-weight: 700;
}