/* Phase 9.4 G1 · Article Switcher ONLY · isolated working copy · no deploy.
   Legacy seminar gradient and backdrop remain in page.css unchanged. */
#content #seminar-insight {
  /* clip, unlike hidden, does not establish a scrolling ancestor for sticky */
  overflow: clip;
}
#content #seminar-insight .article-switcher {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  align-items: stretch;
  gap: 32px;
  position: relative;
  z-index: 1;
}
#content #seminar-insight .article-switcher__sidebar {
  min-width: 0;
  align-self: stretch;
  position: relative;
}
#content #seminar-insight .article-switcher__index {
  position: sticky;
  top: calc(var(--impact-article-sticky-top, 84px) + 24px);
  max-height: calc(100vh - 132px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 20px 13px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: rgba(8, 18, 23, .90);
  border: 1px solid rgba(8,225,255,.23);
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(0,0,0,.12);
}
#content #seminar-insight .article-switcher__index-heading {
  margin: 0 8px 4px;
  color: #c5dfe3;
  font: 700 13px/1.4 'DM Sans', 'Noto Sans Thai', sans-serif;
  letter-spacing: .015em;
}
#content #seminar-insight .article-switcher__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  gap: 7px;
  padding: 16px;
  text-align: left;
  color: #f4f8f9;
  font-family: 'DM Sans', 'Noto Sans Thai', sans-serif;
  background: rgba(18, 34, 39, .76);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 13px;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
#content #seminar-insight .article-switcher__item:hover,
#content #seminar-insight .article-switcher__item:focus-visible {
  border-color: #08e1ff;
  background: rgba(8, 89, 108, .43);
}
#content #seminar-insight .article-switcher__item:focus-visible,
#content #seminar-insight .article-switcher__disclosure:focus-visible {
  outline: 2px solid #eaff00;
  outline-offset: 3px;
}
#content #seminar-insight .article-switcher__item.is-active {
  border-color: #08e1ff;
  background: rgba(0,119,143,.36);
  box-shadow: inset 3px 0 #eaff00;
}
#content #seminar-insight .article-switcher__item-number,
#content #seminar-insight .article-switcher__item-topic {
  display: block;
  color: #a7dce4;
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
#content #seminar-insight .article-switcher__item-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
#content #seminar-insight .article-switcher__item-current {
  display: none;
  padding: 3px 8px;
  font-size: 11px;
  line-height: 1.4;
  border-radius: 6px;
  background: #eaff00;
  color: #050505;
  font-weight: 700;
}
#content #seminar-insight .article-switcher__item.is-active .article-switcher__item-current {
  display: inline-block;
}
#content #seminar-insight .article-switcher__stage,
#content #seminar-insight .article-switcher__panel { min-width: 0; }
#content #seminar-insight .article-switcher__panel[hidden] { display: none !important; }
#content #seminar-insight .article-switcher__panel.is-leaving { opacity: 0; transform: translateY(-6px); }
#content #seminar-insight .article-switcher__panel.is-entering { opacity: 0; transform: translateY(10px); }
#content #seminar-insight .article-switcher__panel {
  opacity: 1;
  transform: none;
  transition: opacity 180ms ease, transform 180ms ease;
}
#content #seminar-insight .article-switcher__disclosure { display: none; }
#content #seminar-insight .article-switcher__access-header { margin-bottom: 28px; }
/* Article 02 H2 inherits the exact Article 01 heading scale, spacing, DM Sans / Thai fallback,
   and the muted second-line span through the shared .seminar-article__header CSS. */
#content #seminar-insight .article-switcher__access-header h2 { overflow-wrap: anywhere; }
#content #seminar-insight .article-switcher__intro { max-width: 840px; }
#content #seminar-insight .article-switcher__intro p,
#content #seminar-insight .article-switcher__content-block > p:not(.article-switcher__kicker) {
  font-family: 'DM Sans', 'Noto Sans Thai', sans-serif;
  font-size: 18px;
  line-height: 1.8;
  color: rgba(247,247,244,.91);
  overflow-wrap: break-word;
}
#content #seminar-insight .article-switcher__content-block {
  position: relative;
  margin-top: 24px;
  padding: clamp(22px, 3vw, 38px);
  background: rgba(8, 26, 32, .76);
  border: 1px solid rgba(8,225,255,.22);
  border-radius: 18px;
}
#content #seminar-insight .article-switcher__content-block--seminar {
  border-color: rgba(234,255,0,.34);
  background: rgba(7, 43, 51, .69);
}
#content #seminar-insight .article-switcher__content-block h3 {
  color: #f7f7f4;
  font-family: 'DM Sans', 'Noto Sans Thai', sans-serif !important;
  /* Same section-heading typography as Article 01 feature headings. */
  font-size: clamp(1.45rem, 2.3vw, 2rem);
  font-weight: 700;
  line-height: 1.28;
  margin: 0 0 18px;
  overflow-wrap: anywhere;
}
#content #seminar-insight .article-switcher__content-block .article-switcher__kicker {
  font: 800 11px/1.5 'DM Sans', 'Noto Sans Thai', sans-serif;
  letter-spacing: .07em;
  color: #eaff00;
  margin: 0 0 15px;
}
#content #seminar-insight .article-switcher__content-block > p:last-child { margin-bottom: 0; }
#content #seminar-insight [id="iot-article-title"],
#content #seminar-insight [id="access-article-title"] { scroll-margin-top: 110px; }
@media (max-width: 1099px) {
  #content #seminar-insight .article-switcher {
    display: block;
  }
  #content #seminar-insight .article-switcher__sidebar { margin-bottom: 22px; }
  #content #seminar-insight .article-switcher__disclosure {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 15px 17px;
    color: #f8ffff;
    background: rgba(4, 34, 40, .94);
    border: 1px solid rgba(8,225,255,.5);
    border-radius: 12px;
    font: 700 15px/1.5 'DM Sans', 'Noto Sans Thai', sans-serif;
    text-align: left;
    cursor: pointer;
  }
  #content #seminar-insight .article-switcher__index {
    display: none;
    position: static;
    max-height: none;
    overflow: visible;
    margin-top: 8px;
    padding: 12px;
  }
  #content #seminar-insight .article-switcher__sidebar.is-expanded .article-switcher__index { display: flex; }
  #content #seminar-insight .article-switcher__item-title { font-size: 14px; }
}
@media (max-width: 640px) {
  #content #seminar-insight .article-switcher__content-block { border-radius: 10px; padding: 20px 16px; }
  #content #seminar-insight .article-switcher__intro p,
  #content #seminar-insight .article-switcher__content-block > p:not(.article-switcher__kicker) { font-size: 16px; line-height: 1.75; }
}
@media (prefers-reduced-motion: reduce) {
  #content #seminar-insight .article-switcher__panel,
  #content #seminar-insight .article-switcher__item {
    transition: none !important;
    animation: none !important;
  }
}

/* Phase 9.4 Desktop Revision B · owner-approved non-sticky horizontal index.
   Desktop-only overrides: the mobile/tablet accordion at <=1099px is unchanged.
   Does not replace Article 01/02 content, locale keys, background or JS animation. */
@media (min-width: 1100px) {
  #content #seminar-insight .article-switcher {
    display: block;
  }
  #content #seminar-insight .article-switcher__sidebar {
    margin-bottom: clamp(24px, 3vw, 36px);
  }
  #content #seminar-insight .article-switcher__index {
    position: static;
    top: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 14px;
    max-height: none;
    overflow: visible;
    padding: clamp(14px, 2vw, 20px);
  }
  #content #seminar-insight .article-switcher__index-heading {
    grid-column: 1 / -1;
    margin: 0 4px 2px;
  }
  #content #seminar-insight .article-switcher__item {
    height: 100%;
    padding: clamp(16px, 2vw, 22px);
    gap: 8px;
  }
  #content #seminar-insight .article-switcher__item-title {
    font-size: 14px;
    line-height: 1.5;
  }
  #content #seminar-insight .article-switcher__item-current {
    margin-top: auto;
  }
  #content #seminar-insight .article-switcher__item.is-active {
    box-shadow: inset 0 3px #eaff00;
  }
}

/* Mirror Article 01's approved mobile H3 hierarchy without changing its CSS. */
@media (max-width: 640px) {
  #content #seminar-insight .article-switcher__content-block h3 {
    font-size: clamp(23.2px, calc(40.608px - 2.72vw), 31px);
    line-height: 1.2;
    overflow-wrap: anywhere;
  }
}

/* Phase 9.4 Revision G: unify the Article 01/02 eyebrow label typography,
   for both locales. Preserve the existing 01/02 numbered badges, rich text bindings,
   and Desktop selector / Mobile accordion layouts. */
#content #seminar-insight #article-panel-iot > .seminar-article__header > .seminar-article__eyebrow,
#content #seminar-insight #article-panel-access > .seminar-article__header > .seminar-article__eyebrow {
  font-family: 'DM Sans', 'Noto Sans Thai', sans-serif !important;
  font-size: clamp(15px, 1.18vw, 17px);
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .02em;
}
html:lang(th) #content #seminar-insight #article-panel-iot > .seminar-article__header > .seminar-article__eyebrow,
html:lang(th) #content #seminar-insight #article-panel-access > .seminar-article__header > .seminar-article__eyebrow {
  font-family: 'Noto Sans Thai', 'DM Sans', sans-serif !important;
}

/* Revision G: the two Article 02 content cards have ragged-right paragraphs
   on phones. No change to Article 01 or larger viewports. */
@media (max-width: 640px) {
  #content #seminar-insight #article-panel-access .article-switcher__content-block > p:not(.article-switcher__kicker) {
    text-align: left !important;
    text-justify: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}

/* Phase 9.7: focused article headings remain visible after keyboard/mobile switching. */
#content #seminar-insight .article-switcher__panel > .seminar-article__header > h2 {
  scroll-margin-top: 24px;
}

/* Week 3: match Article 02 typography, language fallback and mobile readability. */
#content #seminar-insight #article-panel-parking > .seminar-article__header > .seminar-article__eyebrow {
  font-family: 'DM Sans', 'Noto Sans Thai', sans-serif !important;
  font-size: clamp(15px, 1.18vw, 17px);
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .02em;
}
html:lang(th) #content #seminar-insight #article-panel-parking > .seminar-article__header > .seminar-article__eyebrow {
  font-family: 'Noto Sans Thai', 'DM Sans', sans-serif !important;
}
@media (max-width: 640px) {
  #content #seminar-insight #article-panel-parking .article-switcher__content-block > p:not(.article-switcher__kicker) {
    text-align: left !important;
    text-justify: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}

/* 22 Oct 2026 — Articles 02/03 visual-depth parity with Article 01.
   Scoped presentation only. Preserve source text, translation keys, Article 01,
   existing switcher, legacy page gradient, and accessible reduced motion. */
#content #seminar-insight .article-depth__feature,
#content #seminar-insight .article-depth__parking,
#content #seminar-insight .article-depth__seminar {
  position: relative;
  isolation: isolate;
  border-radius: 0;
  overflow: hidden;
  border: 1px solid rgba(8, 225, 255, .20);
  box-shadow: 0 26px 56px rgba(0,0,0,.20), inset 0 1px rgba(255,255,255,.045);
}
#content #seminar-insight .article-depth__feature::before,
#content #seminar-insight .article-depth__parking::before,
#content #seminar-insight .article-depth__seminar::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.055), transparent 25% 80%, rgba(8,225,255,.035));
}
#content #seminar-insight .article-depth__feature {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(315px,.95fr);
  align-items: center;
  gap: clamp(25px, 4.8vw, 66px);
  padding: clamp(24px,4.5vw,58px);
  border-top: 4px solid var(--blog-pink, #ff14d8);
  background: radial-gradient(circle at 83% 22%,rgba(255,20,216,.115),transparent 40%),linear-gradient(130deg,#101214,#06181d);
}
#content #seminar-insight .article-depth__feature-copy { position:relative; min-width:0; z-index:1; }
#content #seminar-insight .article-depth__feature-copy .article-switcher__kicker {color:#ff94ee}
#content #seminar-insight .article-depth__icon {
  display:inline-flex; align-items:center; justify-content:center;
  width:54px; height:54px;
  background:var(--blog-pink,#ff14d8); color:#090a0c; font-size:23px;
  box-shadow: 7px 8px 0 rgba(255,20,216,.09);
}
#content #seminar-insight .article-depth__feature-copy > .article-depth__icon { margin: 5px 0 24px; }
#content #seminar-insight .article-depth__feature-copy h3 { margin-bottom:20px; }
#content #seminar-insight .article-depth__feature-copy > p[data-i18n],
#content #seminar-insight .article-depth__parking-tile > p,
#content #seminar-insight .article-depth__integration > p,
#content #seminar-insight .article-depth__seminar-copy > p[data-i18n] {
  color:rgba(244,246,246,.82);
  font: 400 18px/1.82 'DM Sans','Noto Sans Thai',sans-serif;
  margin:0;
  text-align:left;
  overflow-wrap:break-word;
}
#content #seminar-insight .article-depth__visual {
  position:relative; min-width:0; padding:26px;
  border:1px solid rgba(8,225,255,.32);
  background:repeating-linear-gradient(0deg,transparent 0 36px,rgba(8,225,255,.026) 36px 37px),
             repeating-linear-gradient(90deg,transparent 0 36px,rgba(8,225,255,.026) 36px 37px),
             linear-gradient(145deg,rgba(1,20,26,.99),rgba(7,39,46,.90));
  box-shadow: 14px 14px 0 rgba(8,225,255,.045), 0 26px 55px rgba(0,0,0,.22), inset 0 0 48px rgba(8,225,255,.035);
}
#content #seminar-insight .article-depth__visual::before,
#content #seminar-insight .article-depth__seminar-visual::before {
  content:''; position:absolute; width:58px;height:58px;
  top:-2px;right:-2px;pointer-events:none;
  border-top:2px solid var(--blog-acid,#eaff00);
  border-right:2px solid var(--blog-acid,#eaff00);
}
#content #seminar-insight .article-depth__visual-eyebrow {
  display:flex; align-items:center;gap:9px;
  color:#93e8ef; font:800 10px/1.4 'DM Sans',sans-serif; letter-spacing:.15em;
  margin-bottom:27px;
}
#content #seminar-insight .article-depth__mini-dashes {margin-left:auto;color:#5ca9b5;letter-spacing:4px}
#content #seminar-insight .article-depth__live-dot {
  flex:0 0 auto; display:inline-block; width:7px;height:7px;
  background:var(--blog-acid,#eaff00);
  box-shadow:0 0 0 5px rgba(234,255,0,.08),0 0 14px rgba(234,255,0,.4);
  border-radius:50%;
}
#content #seminar-insight .article-depth__signal-core {
  position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;
  margin:0 auto 27px; width:min(260px,100%);padding:23px 10px 19px;
  color:#fff; border:1px solid rgba(234,255,0,.52);
  background:linear-gradient(145deg,rgba(234,255,0,.09),rgba(8,225,255,.06));
  box-shadow:0 0 26px rgba(234,255,0,.05),inset 0 1px rgba(234,255,0,.09);
}
#content #seminar-insight .article-depth__signal-core::after {
  content:'';position:absolute;top:100%;left:50%;height:27px;border-left:1px dashed rgba(8,225,255,.6);
}
#content #seminar-insight .article-depth__signal-core > i {color:var(--blog-acid,#eaff00);font-size:28px}
#content #seminar-insight .article-depth__signal-core strong {font:800 16px/1.35 'DM Sans',sans-serif}
#content #seminar-insight .article-depth__signal-core span {font:700 10px/1.4 'DM Sans',sans-serif;letter-spacing:.13em;color:#9fe3e9}
#content #seminar-insight .article-depth__signal-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#content #seminar-insight .article-depth__signal-grid > div {
  display:flex; align-items:center;gap:10px;min-width:0;
  padding:15px 13px; border:1px solid rgba(8,225,255,.19);
  background:rgba(6,26,32,.90);color:#e5f6f8;
  font:700 12px/1.5 'DM Sans',sans-serif;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
#content #seminar-insight .article-depth__signal-grid > div i {color:#31dced;font-size:17px;min-width:18px;text-align:center}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  #content #seminar-insight .article-depth__signal-grid > div:hover {transform:translateY(-4px);background:rgba(8,80,92,.28);border-color:rgba(8,225,255,.48)}
}

/* Week 3 features: LPR and pedestrian access each receive Article 01-style cards. */
#content #seminar-insight .article-depth__parking {
  padding:clamp(24px,4.3vw,54px);
  background:radial-gradient(circle at 90% 4%,rgba(8,225,255,.1),transparent 39%),linear-gradient(135deg,#0f161a,#071d23);
}
#content #seminar-insight .article-depth__parking > .article-switcher__kicker {color:#79dce8}
#content #seminar-insight .article-depth__parking > h3 {max-width:780px;margin-bottom:30px}
#content #seminar-insight .article-depth__parking-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
}
#content #seminar-insight .article-depth__parking-tile {
  min-width:0;position:relative;isolation:isolate;
  padding:clamp(22px,2.7vw,34px);
  border:1px solid rgba(255,255,255,.14);border-top:4px solid var(--blog-pink,#ff14d8);
  background:linear-gradient(145deg,rgba(16,20,23,.98),rgba(7,14,18,.97));
  box-shadow:0 17px 38px rgba(0,0,0,.19);
  transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease;
}
#content #seminar-insight .article-depth__parking-tile--turnstile {border-top-color:var(--blog-acid,#eaff00)}
#content #seminar-insight .article-depth__parking-tile::after {
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 90% 18%,rgba(255,20,216,.08),transparent 38%);
}
#content #seminar-insight .article-depth__parking-tile--turnstile::after {background:radial-gradient(circle at 90% 18%,rgba(234,255,0,.07),transparent 38%)}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  #content #seminar-insight .article-depth__parking-tile:hover {
    transform:translateY(-5px);border-color:rgba(8,225,255,.42);
    box-shadow:0 25px 45px rgba(0,0,0,.24);
  }
}
#content #seminar-insight .article-depth__tile-head {display:flex;align-items:center;justify-content:space-between;gap:10px}
#content #seminar-insight .article-depth__parking-tile--turnstile .article-depth__icon {background:var(--blog-acid,#eaff00);box-shadow:7px 8px 0 rgba(234,255,0,.075)}
#content #seminar-insight .article-depth__tile-index {color:rgba(255,255,255,.60);font:800 11px/1.4 'DM Sans',sans-serif;letter-spacing:.08em}
#content #seminar-insight .article-depth__tile-graphic {
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
  margin:26px 0 25px;height:125px;
  border:1px solid rgba(255,255,255,.08);
  background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.027) 24px 25px),linear-gradient(120deg,#0b2228,#101217);
}
#content #seminar-insight .article-depth__tile-graphic > i {font-size:56px;color:#ff51dc;text-shadow:0 0 35px rgba(255,20,216,.3)}
#content #seminar-insight .article-depth__parking-tile--turnstile .article-depth__tile-graphic > i {color:#eaff00;text-shadow:0 0 27px rgba(234,255,0,.25)}
#content #seminar-insight .article-depth__scan-line {
  position:absolute;left:20%;right:20%;top:50%;height:2px;
  background:linear-gradient(90deg,transparent,#31f3ff,transparent);box-shadow:0 0 12px #31f3ff;
  animation:impactDepthScan 4s ease-in-out infinite alternate;
}
@keyframes impactDepthScan {from{transform:translateY(-36px);opacity:.45}to{transform:translateY(36px);opacity:1}}
#content #seminar-insight .article-depth__scan-corner {position:absolute;top:19px;left:22%;width:22px;height:22px;border-top:2px solid #43e9f0;border-left:2px solid #43e9f0}
#content #seminar-insight .article-depth__scan-corner--b {top:auto;bottom:19px;left:auto;right:22%;transform:rotate(180deg)}
#content #seminar-insight .article-depth__turnstile-bars {position:absolute;bottom:17px;left:28%;right:28%;height:13px;border-top:2px solid rgba(234,255,0,.42);border-bottom:2px solid rgba(234,255,0,.42)}
#content #seminar-insight .article-depth__parking-tile h4 {margin:0 0 16px;color:#fff;font:800 clamp(18px,2vw,24px)/1.3 'DM Sans',sans-serif;overflow-wrap:anywhere}
#content #seminar-insight .article-depth__integration {
  margin-top:18px;padding:clamp(22px,3vw,35px);
  display:grid;grid-template-columns:minmax(235px,.85fr) minmax(0,1.15fr);
  gap:clamp(22px,3vw,40px);align-items:center;
  border:1px solid rgba(8,225,255,.26);
  background:linear-gradient(125deg,rgba(5,54,65,.49),rgba(2,20,25,.62));
}
#content #seminar-insight .article-depth__integration-flow {
  display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;
}
#content #seminar-insight .article-depth__integration-flow span {
  display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;
  padding:9px 12px;color:#dcf6f8;background:rgba(8,225,255,.08);
  border:1px solid rgba(8,225,255,.27);font:800 12px/1.3 'DM Sans',sans-serif;
}
#content #seminar-insight .article-depth__integration-flow span i {color:#eaff00}
#content #seminar-insight .article-depth__integration-flow > i {color:#55dae7;font-size:16px}

/* Matching Article 01's final two-column seminar emphasis; informational only. */
#content #seminar-insight .article-depth__seminar {
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(225px,.55fr);
  align-items:stretch;gap:clamp(28px,4vw,60px);
  padding:clamp(26px,5vw,62px);
  border:1px solid rgba(8,225,255,.33);
  background:radial-gradient(circle at 87% 7%,rgba(8,225,255,.14),transparent 30%),linear-gradient(132deg,rgba(9,46,53,.94),rgba(5,75,89,.87));
}
#content #seminar-insight .article-depth__seminar-copy {min-width:0;position:relative;z-index:1}
#content #seminar-insight .article-depth__seminar-copy .article-switcher__kicker {display:flex;align-items:center;gap:12px;color:#a4e6ee}
#content #seminar-insight .article-depth__seminar-copy h3 {font-size:clamp(28px,3.3vw,43px);line-height:1.17;margin:20px 0 24px}
#content #seminar-insight .article-depth__seminar-copy > p[data-i18n] + p[data-i18n] {margin-top:18px}
#content #seminar-insight .article-depth__seminar-visual {
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;min-height:270px;gap:18px;padding:30px 20px;
  border:1px solid rgba(8,225,255,.34);
  background:repeating-linear-gradient(90deg,transparent 0 32px,rgba(8,225,255,.032) 32px 33px),linear-gradient(160deg,rgba(2,22,29,.95),rgba(3,57,66,.88));
  box-shadow:12px 12px 0 rgba(8,225,255,.055),0 20px 55px rgba(0,0,0,.20);
  overflow:hidden;
}
#content #seminar-insight .article-depth__large-number {position:absolute;right:-12px;top:-51px;color:rgba(8,225,255,.078);font:900 200px/1 'DM Sans',sans-serif;letter-spacing:-.11em;pointer-events:none}
#content #seminar-insight .article-depth__seminar-symbol {
  display:flex;align-items:center;justify-content:center;width:74px;height:74px;
  border:1px solid rgba(234,255,0,.45);background:rgba(234,255,0,.06);
  color:var(--blog-acid,#eaff00);font-size:30px;z-index:1;
  box-shadow:0 0 30px rgba(234,255,0,.08);
}
#content #seminar-insight .article-depth__seminar-visual-label {position:relative;z-index:1;color:#fff;font:900 17px/1.3 'DM Sans',sans-serif;letter-spacing:.055em}
#content #seminar-insight .article-depth__seminar-tags {position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
#content #seminar-insight .article-depth__seminar-tags span {padding:7px 11px;border:1px solid rgba(8,225,255,.30);color:#c9f3f7;font:700 12px/1.3 'DM Sans',sans-serif;background:rgba(8,225,255,.08)}
#content #seminar-insight .article-depth__seminar-footer {position:relative;z-index:1;margin-top:auto;color:rgba(221,247,252,.50);font:700 9px/1.3 'DM Sans',sans-serif;letter-spacing:.1em}

/* Slight stagger on activation, without modifying the navigation controller. */
@keyframes impactDepthEnter {from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:no-preference) {
  #content #seminar-insight .article-switcher__panel.is-active > .article-depth__feature,
  #content #seminar-insight .article-switcher__panel.is-active > .article-depth__parking {animation:impactDepthEnter .55s cubic-bezier(.22,1,.36,1) both}
  #content #seminar-insight .article-switcher__panel.is-active > .article-depth__seminar {animation:impactDepthEnter .65s cubic-bezier(.22,1,.36,1) .08s both}
}
@media (max-width:1000px) {
  #content #seminar-insight .article-depth__feature {grid-template-columns:minmax(0,1fr);gap:30px}
  #content #seminar-insight .article-depth__visual {max-width:none}
  #content #seminar-insight .article-depth__integration {grid-template-columns:1fr}
}
@media (max-width:800px) {
  #content #seminar-insight .article-depth__seminar {grid-template-columns:minmax(0,1fr)}
  #content #seminar-insight .article-depth__seminar-visual {min-height:230px}
  #content #seminar-insight .article-depth__parking-grid {grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px) {
  #content #seminar-insight .article-depth__feature,
  #content #seminar-insight .article-depth__parking,
  #content #seminar-insight .article-depth__seminar {padding:22px 16px}
  #content #seminar-insight .article-depth__parking-tile {padding:24px 19px}
  #content #seminar-insight .article-depth__integration {padding:22px 17px}
  #content #seminar-insight .article-depth__visual {padding:20px 14px}
  #content #seminar-insight .article-depth__feature-copy > p[data-i18n],
  #content #seminar-insight .article-depth__parking-tile > p,
  #content #seminar-insight .article-depth__integration > p,
  #content #seminar-insight .article-depth__seminar-copy > p[data-i18n] {font-size:16px;line-height:1.75}
  #content #seminar-insight .article-depth__seminar-copy h3 {font-size:clamp(23.2px,calc(40.608px - 2.72vw),31px);line-height:1.2}
  #content #seminar-insight .article-depth__tile-graphic {height:108px}
  #content #seminar-insight .article-depth__integration-flow {gap:5px}
  #content #seminar-insight .article-depth__integration-flow span {font-size:11px;padding:8px}
  #content #seminar-insight .article-depth__integration-flow > i {font-size:12px}
}
@media (max-width:350px) {
  #content #seminar-insight .article-depth__signal-grid > div {padding:12px 8px;gap:6px;font-size:11px}
  #content #seminar-insight .article-depth__signal-grid > div i {font-size:14px}
}
@media (prefers-reduced-motion:reduce) {
  #content #seminar-insight .article-depth__scan-line,
  #content #seminar-insight .article-depth__parking-tile,
  #content #seminar-insight .article-depth__signal-grid > div,
  #content #seminar-insight .article-depth__feature,
  #content #seminar-insight .article-depth__parking,
  #content #seminar-insight .article-depth__seminar {animation:none !important;transition:none !important}
}

/* Self-contained SVG diagrams: reliable even when Font Awesome CDN is unavailable. */
#content #seminar-insight .article-depth__svg {display:block;flex:0 0 auto;width:1em;height:1em;stroke:currentColor}
#content #seminar-insight .article-depth__signal-core > svg {color:var(--blog-acid,#eaff00);width:30px;height:30px}
#content #seminar-insight .article-depth__signal-grid > div svg {color:#31dced;width:17px;height:17px}
#content #seminar-insight .article-depth__tile-graphic > svg {width:72px;height:72px;color:#ff51dc;filter:drop-shadow(0 0 15px rgba(255,20,216,.36))}
#content #seminar-insight .article-depth__parking-tile--turnstile .article-depth__tile-graphic > svg {color:#eaff00;filter:drop-shadow(0 0 13px rgba(234,255,0,.30))}
#content #seminar-insight .article-depth__integration-flow span svg {color:#eaff00;width:16px;height:16px}
#content #seminar-insight .article-depth__integration-flow > svg {color:#55dae7;width:16px;height:16px}
#content #seminar-insight .article-depth__seminar-symbol svg {width:33px;height:33px}
@media (max-width:640px) {#content #seminar-insight .article-depth__integration-flow > svg {width:13px;height:13px}}

/* BEGIN ARTICLE 03 TURNSTILE CARD VISIBILITY SAFEGUARD (22 Oct 2026).
   Intentional fallback in case an earlier site stylesheet hides article content;
   applies only to Article 03 right card, not global articles/transitions. */
#content #seminar-insight #article-panel-parking .article-depth__parking-tile--turnstile {
  border-top: 4px solid var(--blog-acid, #eaff00);
  background: linear-gradient(145deg, rgba(16,20,23,.98), rgba(7,14,18,.97));
}
#content #seminar-insight #article-panel-parking .article-depth__parking-tile--turnstile > .article-depth__tile-head {
  display:flex; align-items:center; justify-content:space-between;
  visibility:visible; opacity:1;
}
#content #seminar-insight #article-panel-parking .article-depth__parking-tile--turnstile > .article-depth__tile-graphic {
  display:flex; align-items:center; justify-content:center;
  visibility:visible; opacity:1;
}
#content #seminar-insight #article-panel-parking .article-depth__parking-tile--turnstile > h4,
#content #seminar-insight #article-panel-parking .article-depth__parking-tile--turnstile > p[data-i18n] {
  display:block; visibility:visible; opacity:1;
}
#content #seminar-insight #article-panel-parking .article-depth__parking-tile--turnstile .article-depth__svg {
  display:block; visibility:visible; opacity:1;
}
/* END ARTICLE 03 TURNSTILE CARD VISIBILITY SAFEGUARD */


/* Week 3 card r3: avoid negative pseudo stacking and hover compositing of
   the right-hand card; keep the existing visual depth and color theme. */
#content #seminar-insight #article-panel-parking .article-depth__parking-tile--turnstile {
  isolation:auto;
  backface-visibility:visible;
  background:radial-gradient(circle at 90% 18%,rgba(234,255,0,.08),transparent 40%),linear-gradient(145deg,#101417,#070e12);
}
#content #seminar-insight #article-panel-parking .article-depth__parking-tile--turnstile::after {
  display:none;
}
#content #seminar-insight #article-panel-parking .article-depth__parking-tile--turnstile > * {
  position:relative;
  z-index:1;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  #content #seminar-insight #article-panel-parking .article-depth__parking-tile--turnstile:hover {
    transform:none;
    box-shadow:0 25px 45px rgba(0,0,0,.24);
  }
}
/* End Week 3 card r3 */

/* Week 4 · Fire Extinguisher editorial system. Scoped to Article 04; Articles 01–03 untouched. */
@media (min-width:1100px) {
  #content #seminar-insight .article-switcher__index {grid-template-columns:repeat(4,minmax(0,1fr))}
  #content #seminar-insight .article-switcher__item {padding:clamp(13px,1.35vw,20px)}
  #content #seminar-insight .article-switcher__item-title {font-size:clamp(12px,1.1vw,14px)}
}
#content #seminar-insight #article-panel-fire .seminar-article__eyebrow {
  font:800 clamp(15px,1.18vw,17px)/1.5 'DM Sans','Noto Sans Thai',sans-serif;
  letter-spacing:.02em;
}
html:lang(th) #content #seminar-insight #article-panel-fire .seminar-article__eyebrow {font-family:'Noto Sans Thai','DM Sans',sans-serif}
#content #seminar-insight #article-panel-fire .article-fire__intro p {text-align:left}
#content #seminar-insight #article-panel-fire .article-fire__section {
  overflow:hidden; isolation:isolate; position:relative;
  background:radial-gradient(ellipse at 87% 1%,rgba(255,100,56,.15),transparent 43%),linear-gradient(135deg,#11171b,#091b21 73%,#061217);
  border:1px solid rgba(255,135,72,.33);border-top:4px solid #ff8247;
  border-radius:0; padding:clamp(24px,3.5vw,48px);
  box-shadow:0 26px 56px rgba(0,0,0,.25);
}
#content #seminar-insight #article-panel-fire .article-fire__section::before {
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 49px,rgba(65,224,234,.022) 49px 50px);
}
#content #seminar-insight #article-panel-fire .article-fire__section-head {display:flex;align-items:center;gap:12px;margin:0 0 22px}
#content #seminar-insight #article-panel-fire .article-fire__section-code {font:800 10px/1.5 'DM Sans',sans-serif;letter-spacing:.17em;color:#8bcbd0}
#content #seminar-insight #article-panel-fire .article-fire__status-dot {width:7px;height:7px;flex:0 0 auto;background:#ff8247;border-radius:50%;box-shadow:0 0 14px #ff8247}
#content #seminar-insight #article-panel-fire .article-fire__feature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#content #seminar-insight #article-panel-fire .article-fire__tile {
  position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;
  padding:clamp(21px,2.3vw,32px);
  border:1px solid rgba(255,255,255,.17);border-top:4px solid #ff8247;
  background:linear-gradient(147deg,#171a1d,#0a151a);
  box-shadow:12px 12px 0 rgba(255,130,71,.036),0 16px 38px rgba(0,0,0,.18);
  transition:transform .27s ease,border-color .27s ease,box-shadow .27s ease;
}
#content #seminar-insight #article-panel-fire .article-fire__tile--integrated {border-top-color:#37dfeb;background:linear-gradient(147deg,#112128,#08151a)}
#content #seminar-insight #article-panel-fire .article-fire__tile::after {content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 10%,rgba(255,130,71,.075),transparent 47%)}
#content #seminar-insight #article-panel-fire .article-fire__tile--integrated::after {background:radial-gradient(circle at 82% 10%,rgba(55,223,235,.10),transparent 47%)}
#content #seminar-insight #article-panel-fire .article-fire__tile-top {display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
#content #seminar-insight #article-panel-fire .article-fire__tile-top small {font:800 11px/1.5 'DM Sans',sans-serif;letter-spacing:.10em;color:#c6b1ae}
#content #seminar-insight #article-panel-fire .article-fire__icon {position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ff8247;color:#071012;font-size:24px;box-shadow:8px 8px 0 rgba(255,130,71,.12)}
#content #seminar-insight #article-panel-fire .article-fire__tile--integrated .article-fire__icon {background:#37dfeb;box-shadow:8px 8px 0 rgba(55,223,235,.12)}
#content #seminar-insight #article-panel-fire .article-fire__icon-fallback {position:absolute;bottom:-2px;right:2px;font:800 10px 'DM Sans',sans-serif;opacity:.54}
#content #seminar-insight #article-panel-fire .article-fire__radar,
#content #seminar-insight #article-panel-fire .article-fire__network {position:relative;height:158px;margin:24px 0 26px;border:1px solid rgba(255,130,71,.19);background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(255,130,71,.04) 28px 29px),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,130,71,.04) 28px 29px),#0b191d;overflow:hidden}
#content #seminar-insight #article-panel-fire .article-fire__radar {display:flex;align-items:center;justify-content:center}
#content #seminar-insight #article-panel-fire .article-fire__radar-rings {position:absolute;width:112px;height:112px;border:1px solid rgba(255,130,71,.55);border-radius:50%;box-shadow:0 0 0 17px rgba(255,130,71,.045),0 0 0 35px rgba(255,130,71,.04),inset 0 0 23px rgba(255,130,71,.08)}
#content #seminar-insight #article-panel-fire .article-fire__radar-center {position:relative;display:grid;place-items:center;width:58px;height:58px;color:#ff9e6c;border-radius:50%;font-size:27px;text-shadow:0 0 12px rgba(255,130,71,.50)}
#content #seminar-insight #article-panel-fire .article-fire__radar-cross {position:absolute;width:18px;height:18px;border-color:#37dfeb}
#content #seminar-insight #article-panel-fire .article-fire__radar-cross--tl {top:18px;left:20%;border-top:2px solid;border-left:2px solid}
#content #seminar-insight #article-panel-fire .article-fire__radar-cross--br {bottom:18px;right:20%;border-bottom:2px solid;border-right:2px solid}
#content #seminar-insight #article-panel-fire .article-fire__network {padding:16px 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;border-color:rgba(55,223,235,.25);background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(55,223,235,.035) 28px 29px),#091c22}
#content #seminar-insight #article-panel-fire .article-fire__network-center {border:1px solid #eaff00;padding:7px 22px;color:#eaff00;font:800 15px 'DM Sans',sans-serif;letter-spacing:.17em;box-shadow:0 0 23px rgba(234,255,0,.08)}
#content #seminar-insight #article-panel-fire .article-fire__network-row {display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
#content #seminar-insight #article-panel-fire .article-fire__network-row span {min-width:0;flex:1;text-align:center;padding:6px 4px;border:1px solid rgba(55,223,235,.36);color:#baf5f6;font:800 10px/1.4 'DM Sans',sans-serif;letter-spacing:.04em}
#content #seminar-insight #article-panel-fire .article-fire__network-row b {color:#ff8247}
#content #seminar-insight #article-panel-fire .article-fire__tile h3 {font:700 clamp(22px,2vw,28px)/1.28 'DM Sans','Noto Sans Thai',sans-serif !important;color:#fff;margin:0 0 17px;overflow-wrap:break-word}
#content #seminar-insight #article-panel-fire .article-fire__tile > p,
#content #seminar-insight #article-panel-fire .article-fire__value p {font:400 17px/1.82 'DM Sans','Noto Sans Thai',sans-serif;color:rgba(246,247,248,.82);text-align:left;overflow-wrap:break-word;margin:0 0 18px;position:relative;z-index:1}
#content #seminar-insight #article-panel-fire .article-fire__tile > p:last-child {margin-bottom:0}
#content #seminar-insight #article-panel-fire .article-fire__value {position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:26px;margin-top:20px;padding:24px 28px;border:1px solid rgba(234,255,0,.32);border-left:4px solid #eaff00;background:linear-gradient(120deg,rgba(13,42,43,.98),rgba(9,21,25,.97));box-shadow:9px 10px 0 rgba(234,255,0,.035)}
#content #seminar-insight #article-panel-fire .article-fire__value-badge {display:flex;align-items:center;justify-content:center;flex-direction:column;width:83px;height:83px;border:1px solid rgba(234,255,0,.6);color:#eaff00;box-shadow:inset 0 0 24px rgba(234,255,0,.07)}
#content #seminar-insight #article-panel-fire .article-fire__value-badge span {font:800 33px/1.2 'DM Sans',sans-serif}
#content #seminar-insight #article-panel-fire .article-fire__value-badge small {font:800 10px 'DM Sans',sans-serif;letter-spacing:.15em}
#content #seminar-insight #article-panel-fire .article-fire__value-kicker {display:block;margin-bottom:8px;color:#9cdae1;font:800 10px/1.4 'DM Sans',sans-serif;letter-spacing:.14em}
#content #seminar-insight #article-panel-fire .article-fire__value h3 {color:#fff;margin:0 0 11px;font-size:clamp(22px,2vw,29px) !important;line-height:1.24}
#content #seminar-insight #article-panel-fire .article-fire__value p {margin-bottom:0}
#content #seminar-insight #article-panel-fire .article-fire__value-meter {display:flex;flex-direction:column;align-items:center;gap:9px;min-width:58px;font:800 10px 'DM Sans',sans-serif;letter-spacing:.14em;color:#b7dce0}
#content #seminar-insight #article-panel-fire .article-fire__value-meter i {display:block;width:2px;height:42px;background:linear-gradient(#ff8247,#eaff00);box-shadow:0 0 12px rgba(234,255,0,.30)}
#content #seminar-insight #article-panel-fire .article-fire__seminar {margin-top:24px}
#content #seminar-insight #article-panel-fire .article-fire__seminar-visual {background:radial-gradient(circle at 53% 48%,rgba(255,119,67,.20),transparent 43%),linear-gradient(155deg,#142027,#061a20)}
#content #seminar-insight #article-panel-fire .article-fire__seal {position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:138px;height:138px;border:1px solid rgba(255,130,71,.60);box-shadow:0 0 0 14px rgba(255,130,71,.055),0 0 38px rgba(255,130,71,.10);color:#ff9864;margin:auto}
#content #seminar-insight #article-panel-fire .article-fire__seal i {font-size:38px}
#content #seminar-insight #article-panel-fire .article-fire__seal span {text-align:center;color:#fff;font:800 11px/1.35 'DM Sans',sans-serif;letter-spacing:.14em}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  #content #seminar-insight #article-panel-fire .article-fire__tile:hover {transform:translateY(-5px);border-color:rgba(255,130,71,.62);box-shadow:12px 16px 0 rgba(255,130,71,.055),0 24px 48px rgba(0,0,0,.25)}
  #content #seminar-insight #article-panel-fire .article-fire__tile--integrated:hover {border-color:rgba(55,223,235,.60)}
}
@media (prefers-reduced-motion:no-preference) {
  #content #seminar-insight #article-panel-fire.is-active .article-fire__section {animation:impactDepthEnter .57s cubic-bezier(.22,1,.36,1) both}
  #content #seminar-insight #article-panel-fire.is-active .article-fire__seminar {animation:impactDepthEnter .62s cubic-bezier(.22,1,.36,1) .08s both}
  #content #seminar-insight #article-panel-fire.is-active .article-fire__radar-rings {animation:impactFirePulse 4.2s ease-in-out infinite}
  @keyframes impactFirePulse {0%,100%{box-shadow:0 0 0 17px rgba(255,130,71,.045),0 0 0 35px rgba(255,130,71,.04)}50%{box-shadow:0 0 0 24px rgba(255,130,71,.07),0 0 0 42px rgba(255,130,71,.02)}}
}
@media (max-width:800px) {
  #content #seminar-insight #article-panel-fire .article-fire__feature-grid {grid-template-columns:minmax(0,1fr)}
  #content #seminar-insight #article-panel-fire .article-fire__value {grid-template-columns:78px minmax(0,1fr)}
  #content #seminar-insight #article-panel-fire .article-fire__value-meter {display:none}
}
@media (max-width:640px) {
  #content #seminar-insight #article-panel-fire .article-fire__section {padding:20px 15px}
  #content #seminar-insight #article-panel-fire .article-fire__tile {padding:22px 18px}
  #content #seminar-insight #article-panel-fire .article-fire__radar,
  #content #seminar-insight #article-panel-fire .article-fire__network {height:132px;margin:20px 0 22px}
  #content #seminar-insight #article-panel-fire .article-fire__tile h3,
  #content #seminar-insight #article-panel-fire .article-fire__value h3 {font-size:clamp(23px,6vw,27px) !important}
  #content #seminar-insight #article-panel-fire .article-fire__tile > p,
  #content #seminar-insight #article-panel-fire .article-fire__value p {font-size:16px;line-height:1.75}
  #content #seminar-insight #article-panel-fire .article-fire__value {grid-template-columns:minmax(0,1fr);gap:14px;padding:21px 17px}
  #content #seminar-insight #article-panel-fire .article-fire__value-badge {width:64px;height:64px}
  #content #seminar-insight #article-panel-fire .article-fire__value-badge span {font-size:27px}
  #content #seminar-insight #article-panel-fire .article-fire__section-code {letter-spacing:.07em;font-size:9px}
}
@media (prefers-reduced-motion:reduce) {
  #content #seminar-insight #article-panel-fire .article-fire__tile,
  #content #seminar-insight #article-panel-fire .article-fire__section,
  #content #seminar-insight #article-panel-fire .article-fire__seminar,
  #content #seminar-insight #article-panel-fire .article-fire__radar-rings {animation:none !important;transition:none !important}
}

/* Emoji pictograms render without third-party icon-font requests. */
#content #seminar-insight #article-panel-fire .article-fire__icon-glyph,
#content #seminar-insight #article-panel-fire .article-fire__seal-glyph {font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;font-size:28px;line-height:1}
#content #seminar-insight #article-panel-fire .article-fire__seal-glyph {font-size:34px}


/* SEO.6 Article 05 — Industrial Network / entirely scoped to its own panel.
   Responsive topology is decorative, contains no external image dependencies. */
#content #seminar-insight #iot-article-title {overflow-wrap:anywhere;word-break:normal;font-size:clamp(28px,3.2vw,47px);line-height:1.22}
#content #seminar-insight #article-panel-network .article-network__header .seminar-article__eyebrow {font:800 clamp(15px,1.18vw,17px)/1.5 'DM Sans','Noto Sans Thai',sans-serif;letter-spacing:.02em}
#content #seminar-insight #article-panel-network .article-network__header h2 {overflow-wrap:break-word;word-break:normal;font-size:clamp(29px,3.2vw,45px);line-height:1.22}
#content #seminar-insight #article-panel-network .article-network__intro {max-width:900px}
#content #seminar-insight #article-panel-network .article-network__feature {display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.88fr);gap:clamp(25px,4vw,56px);align-items:center;border-top:4px solid #18e0cb;background:radial-gradient(circle at 80% 40%,rgba(24,224,203,.13),transparent 42%),linear-gradient(130deg,#0d1d23,#071016)}
#content #seminar-insight #article-panel-network .article-network__copy {min-width:0}
#content #seminar-insight #article-panel-network .article-network__copy h3 {overflow-wrap:break-word}
#content #seminar-insight #article-panel-network .article-network__copy p[data-i18n],
#content #seminar-insight #article-panel-network .article-network__industrial > p[data-i18n],
#content #seminar-insight #article-panel-network .article-network__warranty-copy p[data-i18n] {font:400 18px/1.8 'DM Sans','Noto Sans Thai',sans-serif;color:rgba(246,248,249,.88);text-align:left;margin:0 0 16px;overflow-wrap:break-word}
#content #seminar-insight #article-panel-network .article-network__copy p[data-i18n]:last-child,
#content #seminar-insight #article-panel-network .article-network__industrial > p[data-i18n]:last-child {margin-bottom:0}
#content #seminar-insight #article-panel-network .article-network__topology {min-width:0;padding:28px 18px 22px;border:1px solid rgba(24,224,203,.35);background:repeating-linear-gradient(90deg,transparent 0 30px,rgba(24,224,203,.025) 30px 31px),linear-gradient(160deg,#091b22,#0b3033);text-align:center;box-shadow:12px 12px 0 rgba(0,255,219,.04)}
#content #seminar-insight #article-panel-network .article-network__diagram-title {font:800 10px/1.5 'DM Sans',sans-serif;letter-spacing:.09em;color:#8de9db;margin-bottom:26px}
#content #seminar-insight #article-panel-network .article-network__nodes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#content #seminar-insight #article-panel-network .article-network__nodes span {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:75px;padding:10px 4px;color:#e2fcf8;background:#15343a;border:1px solid rgba(24,224,203,.35);font:800 10px/1.5 'DM Sans',sans-serif;letter-spacing:.035em}
#content #seminar-insight #article-panel-network .article-network__nodes i {color:#55f1de;font-size:23px}
#content #seminar-insight #article-panel-network .article-network__connectors {display:grid;grid-template-columns:repeat(3,1fr);height:32px}
#content #seminar-insight #article-panel-network .article-network__connectors span {width:2px;height:100%;margin:auto;background:linear-gradient(#35ecd6,#138c9f)}
#content #seminar-insight #article-panel-network .article-network__switch {display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;width:min(100%,290px);margin:auto;padding:19px 10px 12px;border:1px solid #59e0d1;background:linear-gradient(130deg,#143f48,#07191f);box-shadow:0 0 27px rgba(24,224,203,.15);color:#fff;letter-spacing:.06em}
#content #seminar-insight #article-panel-network .article-network__switch i {color:#79ffe0;font-size:19px}
#content #seminar-insight #article-panel-network .article-network__switch b {font:800 13px 'DM Sans',sans-serif}
#content #seminar-insight #article-panel-network .article-network__switch small {font:700 10px 'DM Sans',sans-serif;color:#94d3cb}
#content #seminar-insight #article-panel-network .article-network__ports {font-size:14px;letter-spacing:.35em;color:#aaff81}
#content #seminar-insight #article-panel-network .article-network__uplink {height:28px;width:2px;margin:auto;background:#4be0d0}
#content #seminar-insight #article-panel-network .article-network__cloud {padding:11px 10px;max-width:240px;margin:auto;border:1px dashed rgba(150,236,230,.5);color:#c4f3ec;font:800 11px/1.5 'DM Sans',sans-serif;letter-spacing:.04em}
#content #seminar-insight #article-panel-network .article-network__cloud i {margin-right:8px;color:#5de1d3}
#content #seminar-insight #article-panel-network .article-network__industrial {background:linear-gradient(125deg,#111b20,#0b2e32);border-left:4px solid #5af1df}
#content #seminar-insight #article-panel-network .article-network__section-heading {display:flex;align-items:center;justify-content:space-between;gap:15px}
#content #seminar-insight #article-panel-network .article-network__indicator {width:10px;height:10px;flex:none;border-radius:50%;background:#32eed7;box-shadow:0 0 0 7px rgba(50,238,215,.09),0 0 20px #32eed7}
#content #seminar-insight #article-panel-network .article-network__env-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 28px}
#content #seminar-insight #article-panel-network .article-network__env-row span {display:flex;flex-direction:column;align-items:center;gap:11px;padding:22px 8px;background:rgba(24,224,203,.055);border:1px solid rgba(24,224,203,.18);color:#baf8ed;font:800 12px/1.5 'DM Sans',sans-serif;letter-spacing:.09em}
#content #seminar-insight #article-panel-network .article-network__env-row i {font-size:29px;color:#66e9d9}
#content #seminar-insight #article-panel-network .article-network__warranty {display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:clamp(22px,4vw,55px);border-color:rgba(213,255,84,.34);background:radial-gradient(circle at 13% 50%,rgba(212,249,72,.13),transparent 35%),linear-gradient(115deg,#132326,#08151b)}
#content #seminar-insight #article-panel-network .article-network__warranty-seal {width:195px;max-width:100%;height:195px;border:2px solid #c8ef6d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eaffab;box-shadow:0 0 0 12px rgba(200,239,109,.05),inset 0 0 30px rgba(200,239,109,.06);transform:rotate(-8deg);margin:auto}
#content #seminar-insight #article-panel-network .article-network__warranty-seal i {font-size:30px;margin-bottom:12px}
#content #seminar-insight #article-panel-network .article-network__warranty-seal strong {font:900 20px/1.4 'DM Sans',sans-serif;letter-spacing:.09em}
#content #seminar-insight #article-panel-network .article-network__warranty-seal span {font:800 12px 'DM Sans',sans-serif;letter-spacing:.17em}
#content #seminar-insight #article-panel-network .article-network__warranty-copy p.article-network__warranty-note {margin-top:6px;color:#b6d8bd;font-size:14px}
#content #seminar-insight #article-panel-network .article-network__seminar {border-top:3px solid #39d7ca;background:linear-gradient(125deg,#0d2730,#081920)}
#content #seminar-insight #article-panel-network .article-network__seminar-visual {background:radial-gradient(circle at 50% 45%,rgba(59,214,202,.19),transparent 40%),linear-gradient(155deg,#0b2b31,#071418)}
#content #seminar-insight #article-panel-network .article-network__visual-emblem {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:160px;height:160px;margin:auto;border:1px solid rgba(116,243,220,.7);box-shadow:0 0 0 15px rgba(56,242,218,.05);color:#74f3dc}
#content #seminar-insight #article-panel-network .article-network__visual-emblem i {font-size:43px}
#content #seminar-insight #article-panel-network .article-network__visual-emblem span {font:800 13px/1.35 'DM Sans',sans-serif;color:#effefa;text-align:center;letter-spacing:.07em}
#content #seminar-insight #article-panel-network .article-network__outro {margin-top:26px}
@media(max-width:900px){
 #content #seminar-insight #article-panel-network .article-network__feature {grid-template-columns:minmax(0,1fr)}
 #content #seminar-insight #article-panel-network .article-network__warranty {grid-template-columns:160px minmax(0,1fr)}
 #content #seminar-insight #article-panel-network .article-network__warranty-seal {width:147px;height:147px}
 #content #seminar-insight #article-panel-network .article-network__warranty-seal strong {font-size:16px}
}
@media(max-width:640px){
 #content #seminar-insight #iot-article-title {font-size:clamp(25px,6.2vw,33px)}
 #content #seminar-insight #article-panel-network .article-network__header h2 {font-size:clamp(27px,7vw,36px)}
 #content #seminar-insight #article-panel-network .article-network__feature,
 #content #seminar-insight #article-panel-network .article-network__industrial,
 #content #seminar-insight #article-panel-network .article-network__warranty {padding:22px 16px}
 #content #seminar-insight #article-panel-network .article-network__copy p[data-i18n],
 #content #seminar-insight #article-panel-network .article-network__industrial > p[data-i18n],
 #content #seminar-insight #article-panel-network .article-network__warranty-copy p[data-i18n] {font-size:16px;line-height:1.75}
 #content #seminar-insight #article-panel-network .article-network__warranty {grid-template-columns:minmax(0,1fr)}
 #content #seminar-insight #article-panel-network .article-network__warranty-seal {width:135px;height:135px}
 #content #seminar-insight #article-panel-network .article-network__env-row {gap:6px}
 #content #seminar-insight #article-panel-network .article-network__env-row span {font-size:9px;padding:14px 3px}
 #content #seminar-insight #article-panel-network .article-network__env-row i {font-size:23px}
 #content #seminar-insight #article-panel-network .article-network__topology {padding:20px 11px}
 #content #seminar-insight #article-panel-network .article-network__diagram-title {font-size:9px}
 #content #seminar-insight #article-panel-network .article-network__nodes span {font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 #content #seminar-insight #article-panel-network *,
 #content #seminar-insight #article-panel-network *::before,
 #content #seminar-insight #article-panel-network *::after {animation:none!important;transition:none!important}
}