/* A case reads as one illustration and four concise decisions. */
.tudi-restructured .rc-section[id] { scroll-margin-top: 100px; }
.tudi-restructured .rc-section.rc-case { background: #fff; }
.tudi-restructured .rc-case > .rc-container {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: start;
  gap: 24px 32px;
}
.tudi-restructured .rc-case .rc-case-heading {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 24px 64px;
  margin: 0 0 8px;
}
.tudi-restructured .rc-case-heading h2 {
  margin: 0;
  max-width: 25ch;
  font-size: clamp(28px, 2.8vw, 38px);
  line-height: 1.15;
}
.tudi-restructured .rc-case-heading p { margin: 0; color: var(--muted); }
.tudi-restructured .rc-case-figure {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 20px;
  border-radius: 8px;
  background: #eeede7;
}
.tudi-restructured .rc-case-svg { width: 100%; max-width: 720px; margin-inline: auto; }
.tudi-restructured .rc-case-svg--mobile { display: none; }
.rc-case-figure.has-case-motion .rc-case-svg--mobile :is(.sx-walker, .sx-zone, .sx-net) { animation: none; }
.rc-case-svg .rc-scene-floor { fill: #faf9f5; stroke: #7c8585; stroke-width: 2; }
.rc-case-svg :is(.rc-scene-shelf, .rc-scene-desk) { fill: #dedbd1; stroke: #93978e; stroke-width: 1.5; }
.rc-case-svg :is(.rc-scene-output, .rc-scene-site) { fill: #fff; stroke: #93978e; stroke-width: 1.5; }
.rc-case-svg .rc-scene-record { fill: none; stroke: #b7bab2; stroke-width: 5; stroke-linecap: round; }
.rc-case-svg .rc-scene-pin, .rc-case-svg .rc-scene-reader { fill: var(--wine); }
.rc-case-svg .rc-scene-staging { fill: none; stroke: #a5aaa6; stroke-dasharray: 5 5; }
.rc-case-svg .rc-scene-truck { fill: #fff; stroke: #7c8585; stroke-width: 2; }
.rc-case-svg .rc-scene-mat { fill: #f6f5f1; stroke: #b7bab2; }
.rc-case-svg .rc-scene-data-arrow { fill: none; stroke: #6b7378; stroke-width: 1.5; }
.rc-case-svg .sx-route { stroke-dasharray: none; opacity: .7; }
.rc-case-svg .rc-scene-wall { fill: none; stroke: #596268; stroke-width: 4; }
.rc-case-svg .rc-scene-door { fill: none; stroke: #93978e; stroke-width: 2; }
.rc-case-svg .rc-scene-road { fill: none; stroke: #d5d4cd; stroke-width: 48; stroke-linejoin: round; }
.rc-case-svg .rc-scene-road-center { fill: none; stroke: #fff; stroke-width: 2; stroke-dasharray: 12 10; }
.rc-case-svg .rc-scene-actor { fill: #fff; stroke: var(--wine); stroke-width: 2; }
.rc-case-svg text.rc-scene-emoji { font-family: 'Segoe UI Emoji', 'Apple Color Emoji', sans-serif; font-size: 44px; }
.rc-case-svg text.rc-scene-stock { font-size: 29px; }
.rc-case-svg text.rc-scene-moving { font-size: 33px; }
.rc-case-svg text.rc-scene-field { font-family: Inter, sans-serif; font-size: 18px; font-weight: 500; fill: var(--ink); }
.rc-case-svg--mobile text.rc-scene-field { font-size: 22px; }
.tudi-restructured .rc-case-figure figcaption { margin: 16px 0 0; color: var(--ink); }
.rc-case-figure .rc-scene-legend { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; font-weight: 600; line-height: 1.4; }
.rc-case-figure .rc-scene-legend > span { flex: 1; }
.rc-case-figure .rc-scene-key { display: block; margin-bottom: 6px; font-size: 20px; }
.rc-case-figure .rc-scene-object { display: block; margin-top: 12px; font-size: 13px; color: var(--muted); }
.tudi-restructured .rc-case-figure .case-motion-toggle { margin-top: 12px; font-size: 13px; }
.tudi-restructured .rc-case-cards {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}
.tudi-restructured .rc-case-card {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-content: start;
  align-items: start;
  gap: 12px 10px;
  min-width: 0;
  margin: 0;
  padding: 20px;
  border-radius: 8px;
  background: #f6f5f1;
}
.tudi-restructured .rc-case-card:last-child { background: #eee6e4; }
.tudi-restructured .rc-case-card h3 { grid-column: 2; grid-row: 1; font-size: 20px; line-height: 1.3; margin: 0; text-wrap: pretty; }
.tudi-restructured .rc-case-card p:not(.rc-case-emoji) { grid-column: 1 / -1; margin: 0; font-size: 15px; line-height: 1.6; }
.tudi-restructured .rc-case-card .rc-case-emoji { grid-column: 1; grid-row: 1; font-size: 24px; line-height: 1.2; margin: 0; }
.tudi-restructured :is(.rc-case-technologies, .rc-case-note, .rc-case-details) { grid-column: 1 / -1; margin: 0; }
.tudi-restructured .rc-case-technologies { font-size: 15px; }
.tudi-restructured .rc-case-note { margin-top: -12px; font-size: 13px; color: var(--muted); }
.tudi-restructured .rc-case-details { padding-top: 16px; border-top: 1px solid var(--line); }
.tudi-restructured .rc-case-details summary { min-height: 44px; cursor: pointer; font-weight: 600; }
.tudi-restructured .rc-case-details summary:focus-visible { outline: 2px solid var(--wine); outline-offset: 3px; }
.tudi-restructured .rc-case-details h3 { margin: 24px 0 8px; font-size: 20px; }
.tudi-restructured .rc-case-details p { margin: 0; font-size: 15px; }
@media (max-width: 1000px) {
  .tudi-restructured .rc-case > .rc-container { grid-template-columns: 1fr; }
  .tudi-restructured .rc-case .rc-case-heading { grid-template-columns: 1fr; gap: 16px; }
  .tudi-restructured .rc-case-figure { grid-column: 1; grid-row: auto; width: 100%; max-width: 640px; margin-inline: auto; }
  .tudi-restructured .rc-case-cards { grid-column: 1; grid-row: auto; }
}
@media (max-width: 700px) {
  .tudi-restructured .rc-case-svg--desktop { display: none; }
  .tudi-restructured .rc-case-svg--mobile { display: block; }
  .rc-case-figure.has-case-motion .rc-case-svg--desktop :is(.sx-walker, .sx-zone, .sx-net) { animation: none; }
  .rc-case-figure.has-case-motion .rc-case-svg--mobile .sx-walker { animation: sx-walk 9s cubic-bezier(.45,0,.55,1) infinite; }
  .rc-case-figure.has-case-motion .rc-case-svg--mobile .sx-zone { animation: sx-pulse 2.4s ease-in-out infinite; }
  .rc-case-figure.has-case-motion .rc-case-svg--mobile .sx-net { animation: sx-flow 1.2s linear infinite; }
  .rc-case-figure.has-case-motion.is-paused .rc-case-svg--mobile :is(.sx-walker, .sx-zone, .sx-net) { animation-play-state: paused; }
  .tudi-restructured .rc-case-cards { grid-template-columns: 1fr; gap: 12px; }
  .tudi-restructured .rc-case-card { padding: 20px; }
  .tudi-restructured .rc-case-card h3 { font-size: 20px; }
  .tudi-restructured .rc-case-card p:not(.rc-case-emoji) { font-size: 16px; }
  .tudi-restructured .rc-case-figure { padding: 12px; }
  .rc-case-figure .rc-scene-legend { gap: 8px; font-size: 12px; }
}
@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
  .rc-case-figure.has-case-motion .rc-case-svg--mobile :is(.sx-walker, .sx-zone, .sx-net) { animation: none; }
}

.tudi-restructured.wp-block-group {
  --rc-gutter: 32px;
  --rc-section-space: 72px;
  width: 100%;
  max-width: none !important;
  margin-inline: 0 !important;
}
.tudi-restructured > .wp-block-group {
  max-width: none !important;
  margin-block: 0;
}
.tudi-restructured .wrap.rc-container {
  width: calc(100% - var(--rc-gutter) * 2);
  max-width: 1344px;
  margin-inline: auto;
}
.tudi-restructured :is(h1, h2, h3, h4) {
  letter-spacing: 0;
  text-wrap: balance;
  overflow-wrap: break-word;
}
.tudi-restructured p {
  line-height: 1.7;
  max-width: 70ch;
}
.tudi-restructured :is(a, p, li, dt, dd) { overflow-wrap: break-word; }
.tudi-restructured :is(p, li) a:not(.wp-block-button__link) {
  color: var(--wine);
  text-decoration: underline;
  text-underline-offset: .2em;
}
.tudi-restructured a:focus-visible {
  outline: 3px solid var(--wine);
  outline-offset: 4px;
}
.tudi-restructured .rc-hero {
  padding-block: 64px 48px;
  background: #eae7df;
  border-bottom: 1px solid var(--line);
}
.tudi-restructured .rc-hero h1 {
  max-width: 20ch;
  font-size: clamp(40px, 4.8vw, 64px);
  line-height: 1.08;
}
.tudi-restructured .rc-hero .lead {
  max-width: 66ch;
  margin-top: 24px;
  font-size: 18px;
  color: #465157;
}
.tudi-restructured .wp-block-buttons {
  gap: 12px;
  margin-block: 28px 0;
}
.tudi-restructured .wp-block-button__link {
  min-height: 48px;
  padding: 13px 20px;
  border-radius: 3px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  transform: none;
}
.tudi-restructured .rc-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 28px;
  padding: 20px 0 0;
  margin: 32px 0 0;
  border-top: 1px solid #c6c6bd;
  list-style: none;
}
.tudi-restructured .rc-jump li { margin: 0; }
.tudi-restructured .rc-jump a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
}
.tudi-restructured .rc-section {
  padding-block: var(--rc-section-space);
  background: transparent;
}
.tudi-restructured .rc-section + .rc-section {
  border-top: 1px solid var(--line);
}
.tudi-restructured .rc-section-layout {
  display: grid;
  grid-template-columns: minmax(0, .32fr) minmax(0, .68fr);
  gap: 64px;
  align-items: start;
}
.tudi-restructured .rc-section-layout > * {
  min-width: 0;
  margin-block: 0;
}
.tudi-restructured .rc-section-heading h2 {
  max-width: 16ch;
  margin: 0;
  font-size: clamp(28px, 2.8vw, 38px);
  line-height: 1.15;
}
.tudi-restructured .rc-section-heading p {
  margin-top: 20px;
  color: var(--muted);
  font-size: 15px;
}
.tudi-restructured .rc-section-content > * { margin-block: 0; }
.tudi-restructured .rc-section-content > * + * { margin-top: 24px; }
.tudi-restructured .rc-section-content > h3 {
  margin-top: 36px;
  font-size: 24px;
  line-height: 1.25;
}
.tudi-restructured .rc-section-content > h3:first-child { margin-top: 0; }
.tudi-restructured .rc-section-content > h3 + * { margin-top: 12px; }
.tudi-restructured .rc-section-content :is(ul, ol):not(.tudi-directory, .product-grid, .stream-log, .deras-process-flow) {
  padding-left: 24px;
  line-height: 1.7;
}
.tudi-restructured .rc-section-content :is(ul, ol):not(.tudi-directory, .product-grid, .stream-log, .deras-process-flow) > li + li { margin-top: 12px; }
.tudi-restructured .rc-rows { margin: 0; }
.tudi-restructured .rc-row {
  display: grid;
  grid-template-columns: minmax(0, .44fr) minmax(0, 1fr);
  gap: 8px 28px;
  padding-block: 24px;
  border-top: 1px solid var(--line);
  margin-block: 0;
}
.tudi-restructured .rc-row:first-child { padding-top: 0; border-top: 0; }
.tudi-restructured .rc-row:last-child { padding-bottom: 0; }
.tudi-restructured .rc-row h3 {
  grid-column: 1;
  grid-row: 1;
  font-size: 21px;
  line-height: 1.3;
  margin: 0;
}
.tudi-restructured .rc-row p { grid-column: 2; margin: 0; }
.tudi-restructured .rc-row p + p a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
}
.tudi-restructured .tudi-directory {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.tudi-restructured .tudi-directory li {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 0;
}
.tudi-restructured .tudi-directory li:first-child { border-top: 0; }
.tudi-restructured .tudi-directory li > a {
  display: grid;
  grid-template-columns: minmax(0, .44fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  min-height: 44px;
  padding-block: 24px;
  color: var(--ink);
  text-decoration: none;
}
.tudi-restructured .tudi-directory li > a:is(:hover, :focus-visible) { color: var(--wine); }
.tudi-restructured .tudi-directory li:first-child a { padding-top: 0; }
.tudi-restructured .tudi-directory li:last-child a { padding-bottom: 0; }
.tudi-restructured .tudi-directory strong {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
}
.tudi-restructured .tudi-directory a span {
  max-width: 70ch;
  font-size: 16px;
  line-height: 1.7;
  color: var(--muted);
  text-align: left;
}
.tudi-restructured .rc-closing {
  background: #eae7df;
  padding-block: 56px;
}
.tudi-restructured .rc-contact {
  font-size: 14px;
  line-height: 1.7;
}
.tudi-restructured .rc-contact a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.tudi-restructured .tudi-directory-models {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 24px;
}
.tudi-restructured .tudi-directory-models h3 { font-size: 21px; line-height: 1.3; }
.tudi-restructured .tudi-directory-models p { font-size: 15px; line-height: 1.65; }
.tudi-restructured .tudi-directory-models img { height: 260px; padding: 24px; }
.tudi-restructured .tudi-directory-models li > a { color: var(--ink); text-decoration: none; }
.tudi-restructured .tudi-directory-models h3 { text-decoration: underline; text-underline-offset: .2em; }
.tudi-restructured .rc-preserved-group > * { margin-block: 0; }
.tudi-restructured .rc-preserved-group > * + * { margin-top: 20px; }
.tudi-restructured :is(.rc-preserved-group, .rc-curated-model) > h3 {
  font-size: 24px;
  line-height: 1.25;
}
.tudi-restructured .rc-preserved-group > .rc-preserved-group + .rc-preserved-group { margin-top: 32px; }
.tudi-restructured .rc-curated-model + .rc-curated-model {
  border-top: 1px solid var(--line);
  padding-top: 32px;
  margin-top: 32px;
}
.tudi-restructured .rc-breadcrumb { font-size: 14px; margin-bottom: 24px; }
.tudi-restructured .deras-stream { color: var(--paper); }
.tudi-restructured .deras-stream .stream-toggle { min-height: 44px; }
.tudi-restructured .deras-stream .stream-toggle:focus-visible { outline-color: #efbd7f; }
.tudi-restructured .rc-model-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
  gap: 48px;
  align-items: start;
}
.tudi-restructured .rc-model-layout > * { min-width: 0; margin: 0; }
.tudi-restructured .rc-image { padding: 24px; background: white; }
.tudi-restructured .rc-image img {
  width: 100%;
  max-height: 440px;
  padding: 0;
  object-fit: contain;
}
/* Preserved specialist blocks fit this page's grid instead of adding another page gutter. */
.tudi-restructured .rc-legacy :is(.strategy-section, .page-hero) {
  padding-block: 32px;
}
.tudi-restructured .rc-legacy :is(.wrap, .prose) {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}
.tudi-restructured .rc-legacy :is(.strategy-detail, .product-detail, .content-grid) {
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}
.tudi-restructured .rc-legacy :is(.hardware-grid, .product-grid) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 24px;
}
.tudi-restructured .rc-legacy :is(h2, h3) {
  font-size: 24px;
  line-height: 1.25;
}
.tudi-restructured .rc-legacy .eyebrow { display: none; }
.tudi-restructured .rc-legacy .product-portrait img {
  height: auto;
  max-height: 400px;
  object-fit: contain;
}
@media (max-width: 1100px) {
  .tudi-restructured .rc-section-layout { gap: 40px; }
  .tudi-restructured .rc-hero h1 { font-size: 54px; }
}
@media (max-width: 900px) {
  .tudi-restructured.wp-block-group { --rc-section-space: 56px; }
  .tudi-restructured .rc-section-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .tudi-restructured .rc-section-heading h2 { max-width: 26ch; font-size: 32px; }
  .tudi-restructured .rc-section-heading p { max-width: 65ch; margin-top: 16px; }
  .tudi-restructured .rc-model-layout { gap: 28px; }
}
@media (max-width: 700px) {
  .tudi-restructured.wp-block-group { --rc-gutter: 20px; --rc-section-space: 44px; }
  .tudi-restructured .rc-hero { padding-block: 40px 32px; }
  .tudi-restructured .rc-hero h1 { font-size: 40px; }
  .tudi-restructured .rc-hero .lead { font-size: 16px; margin-top: 20px; }
  .tudi-restructured .rc-jump { gap: 4px 24px; margin-top: 24px; padding-top: 16px; }
  .tudi-restructured .rc-section-heading h2 { font-size: 28px; }
  .tudi-restructured .rc-row { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .tudi-restructured .rc-row :is(h3, p) { grid-column: 1; grid-row: auto; }
  .tudi-restructured .tudi-directory li > a { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .tudi-restructured .tudi-directory-models { grid-template-columns: minmax(0, 1fr); }
  .tudi-restructured .rc-model-layout { grid-template-columns: minmax(0, 1fr); }
  .tudi-restructured .rc-closing { padding-block: 40px; }
}
@media (max-width: 360px) {
  .tudi-restructured .rc-hero h1 { font-size: 36px; }
  .tudi-restructured .rc-jump { column-gap: 20px; }
  .tudi-restructured .rc-legacy :is(.hardware-grid, .product-grid) { grid-template-columns: minmax(0, 1fr); }
}

/* Inventaris: situation, alternative capture methods, comparison, consultation. */
.inv-story .rc-hero > .rc-container { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 64px; }
.inv-story .inv-introduction h1 { max-width: 21ch; }
.inv-story .inv-example { margin: 0; padding: 24px; background: #f6f5f1; border-radius: 8px; }
.inv-story .inv-example > p:first-child { margin: 0 0 12px; font-size: 14px; font-weight: 600; }
.inv-story .inv-example .inv-example-note { margin: 8px 0 0; font-size: 13px; color: var(--muted); }
.inv-story .inv-example-record { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.inv-story .inv-example-record p { margin: 0; font-size: 16px; line-height: 1.5; }
.inv-story .inv-example .inv-example-gap { margin: 16px 0 0; padding-top: 16px; border-top: 1px solid var(--line); font-size: 15px; }
.inv-story .inv-wide > .rc-container { display: block; }
.inv-story .inv-section-head { display: flex; align-items: start; gap: 64px; margin-bottom: 32px; }
.inv-story .inv-section-head > * { flex: 1; margin: 0; min-width: 0; }
.inv-story .inv-section-head h2 { max-width: 24ch; font-size: clamp(28px, 2.8vw, 38px); line-height: 1.15; }
.inv-story .inv-section-head p { color: var(--muted); }
.inv-story .inv-methods { background: #fff; }
.inv-story .inv-method-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.inv-story .inv-method { min-width: 0; margin: 0; padding: 24px; border-radius: 8px; background: var(--paper); }
.inv-story .inv-method h3 { margin: 0 0 20px; font-size: 24px; line-height: 1.25; }
.inv-story .inv-method > p { margin: 20px 0 0; font-size: 16px; }
.inv-story .inv-method .inv-review { padding-top: 16px; border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); }
.inv-story .inv-method > p:last-child { font-size: 14px; }
.inv-story .inv-count-figure { margin: 0; padding: 0; max-width: none; background: transparent; border-radius: 0; }
.inv-count-figure .inv-empty-slot { fill: none; stroke: #93978e; stroke-width: 1.5; stroke-dasharray: 4 3; }
.inv-count-figure .inv-scan-beam { fill: var(--wine); opacity: .18; }
.inv-count-figure text.inv-count-tool { font-size: 32px; }
.inv-count-figure .case-motion-toggle { margin: 12px 0 0 auto; }
.inv-story .inv-results { background: #fff; }
.inv-story .inv-results-table { margin: 24px 0; overflow: visible; }
.inv-story .inv-results-table table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 16px; }
.inv-story .inv-results-table :is(th, td) { padding: 16px; border: 0; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; overflow-wrap: break-word; }
.inv-story .inv-results-table th { background: var(--paper); font-weight: 600; }
.inv-story .inv-results-table thead { border: 0; }
.inv-story .inv-results-table td:first-child { font-weight: 600; }
.inv-story .inv-results-table :is(th, td):first-child { width: 22%; }
.inv-story .inv-results-table :is(th, td):nth-child(2), .inv-story .inv-results-table :is(th, td):nth-child(3) { width: 15%; font-variant-numeric: tabular-nums; }
.inv-story .inv-results-table figcaption { margin: 0 0 16px; text-align: left; color: var(--muted); font-size: 14px; caption-side: top; }
.inv-story .rc-case-note { margin: 24px 0 0; }
.inv-story .inv-technical { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--line); }
.inv-story .inv-technical > summary { min-height: 44px; cursor: pointer; font-weight: 600; }
.inv-story .inv-technical > summary:focus-visible { outline: 2px solid var(--wine); outline-offset: 3px; }
.inv-story .inv-technical > h3 { margin-top: 24px; font-size: 21px; }
.inv-story .inv-technical .rc-section { padding-block: 24px; }
.inv-story .inv-technical .rc-container { width: 100%; }
.inv-story .inv-technical .rc-section-layout { display: block; }
.inv-story .inv-technical .rc-section-heading { margin-bottom: 16px; }
.inv-story .inv-technical h2 { max-width: none; font-size: 24px; }
.inv-story .inv-technical .rc-row { grid-template-columns: 1fr 2fr; }
@media (max-width: 1000px) {
  .inv-story .rc-hero > .rc-container { grid-template-columns: 1fr; gap: 32px; }
  .inv-story .inv-example { width: 100%; max-width: 600px; }
  .inv-story .inv-section-head { display: block; }
  .inv-story .inv-section-head p { margin-top: 16px; }
  .inv-story .inv-method-grid { gap: 16px; }
  .inv-story .inv-method { padding: 20px; }
  .inv-story .inv-method h3 { font-size: 21px; }
}
@media (max-width: 700px) {
  .inv-story .inv-example { padding: 20px; }
  .inv-story .inv-method-grid { grid-template-columns: 1fr; gap: 20px; }
  .inv-story .inv-method h3 { font-size: 24px; }
  .inv-story .inv-method .inv-review { font-size: 15px; }
  .inv-story .inv-results-table table { font-size: 14px; }
  .inv-story .inv-results-table :is(th, td) { padding: 12px 4px; }
  .inv-story .inv-results-table :is(th, td):first-child { width: 25%; }
  .inv-story .inv-results-table :is(th, td):nth-child(2), .inv-story .inv-results-table :is(th, td):nth-child(3) { width: 18%; }
  .inv-story .inv-results-table :is(th, td):nth-child(3) { width: 22%; }
  .inv-story .inv-results-table :is(th, td):nth-child(-n+3) { white-space: nowrap; overflow-wrap: normal; }
  .inv-story .inv-technical .rc-row { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .inv-story .inv-method-grid { grid-template-columns: 1fr; }
  .inv-story .inv-method .inv-count-figure { max-width: 360px; margin-inline: auto; }
}

/* One shared illustration clock: walking is equal, counting stops differ. */
.inv-timing-assumptions{max-width:85ch!important;font-size:15px!important;color:#596268;line-height:1.6!important}
.inv-clock{margin:24px 0 32px!important;padding:20px 0;border-top:1px solid #d5d4cd;border-bottom:1px solid #d5d4cd}
.inv-clock-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.inv-clock[hidden],.inv-clock [hidden],.inv-count-figure [hidden]{display:none!important}
.inv-clock button{font:600 15px/1.4 Inter,sans-serif;min-height:44px;padding:10px 18px;border:1px solid #7d1420;border-radius:4px;cursor:pointer;background:#7d1420;color:white}
.inv-clock .inv-reset{background:transparent;color:#7d1420}
.inv-clock button:hover{background:#59101a;color:white}
.inv-clock button:focus-visible{outline:3px solid #182126;outline-offset:4px}
.inv-clock-controls p{margin:0 0 0 auto!important;font-size:16px!important}
.inv-elapsed{font-variant-numeric:tabular-nums;display:inline-block;min-width:4ch;margin-left:8px}
.inv-clock-note{font-size:14px!important;color:#596268;margin:12px 0 0!important}
.inv-shared-counts{display:none}
.inv-count-figure[data-count-method]{display:flex;flex-direction:column}
.inv-count-figure figcaption{margin:0 0 12px;text-align:left;order:-1}
.inv-count-figure .inv-assumed{font-size:15px!important;margin:0!important;color:#182126}
.inv-assumed strong{font-size:28px;line-height:1.2;margin-right:4px;font-variant-numeric:tabular-nums}
.inv-count-figure .inv-formula{font-size:13px!important;color:#596268;margin:8px 0 16px!important;line-height:1.5!important}
.inv-count-figure .inv-readout{font-size:14px!important;margin:0 0 8px!important;font-variant-numeric:tabular-nums}
.inv-progress{height:5px;background:#d5d4cd;overflow:hidden}
.inv-progress span{display:block;height:100%;background:#7d1420;transform:scaleX(0);transform-origin:left}
.inv-count-figure .inv-state{font-size:13px!important;line-height:1.5!important;margin:8px 0 20px!important;min-height:3em;color:#596268}
.inv-count-figure .inv-walker{animation:none}
.inv-count-figure .sx-zone,.inv-count-figure .inv-scan-beam{opacity:0}
.inv-count-figure.is-reading .sx-zone{opacity:.22}
.inv-count-figure.is-reading .inv-scan-beam{opacity:.3}
.inv-stock-unit.is-counted{paint-order:stroke;stroke:#7d1420;stroke-width:2px}
.inv-timing-scope{font-size:14px!important;line-height:1.6!important;color:#596268;max-width:90ch!important;margin-top:32px!important}
@media(max-width:700px){.inv-clock-controls p{width:100%;margin:4px 0 0!important}.inv-count-figure .inv-state{min-height:0}.inv-clock{padding:16px 0}.inv-timing-assumptions{font-size:14px!important}}
@media(max-width:900px){
 .inv-clock{position:sticky;top:80px;z-index:10;background:#fff;padding:12px 0;margin-bottom:24px!important}
 .inv-clock-controls{gap:8px}
 .inv-clock-controls p{font-size:14px!important}
 .inv-clock-note{font-size:12px!important;line-height:1.4!important;margin-top:8px!important}
 .inv-shared-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
 .inv-shared-counts>div{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.4;color:#596268;font-variant-numeric:tabular-nums}
 .inv-shared-counts b{font-size:13px;color:#182126}
 .inv-summary-count{font-size:15px;color:#182126}
 .inv-shared-counts .is-complete .inv-summary-count{color:#7d1420}
}
@media(min-width:783px) and (max-width:900px){.admin-bar .inv-clock{top:112px}}
@media(min-width:601px) and (max-width:782px){.admin-bar .inv-clock{top:126px}}
@media(max-width:600px){.inv-clock{top:76px}}
@media(min-width:901px) and (prefers-reduced-motion:reduce){.inv-clock{display:none}}
@media print{.inv-clock{display:none}.inv-count-figure .inv-live{display:none}}

/* Technology foundations: static diagrams beside editable mechanism steps. */
.tudi-restructured.tf-page .rc-container { position: relative; }
.tudi-restructured.tf-page .tf-anchor { position: absolute; top: 0; width: 0; height: 0; margin: 0; padding: 0; }
.tudi-restructured.tf-page .tf-scope { max-width: 72ch; color: #596268; font-size: 15px; }
.tudi-restructured.tf-page .tf-principle { max-width: 78ch; margin: 20px 0 36px; }
.tudi-restructured.tf-page .tf-mechanism { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 56px; }
.tudi-restructured.tf-page .tf-diagram { margin: 0; max-width: 600px; }
.tudi-restructured.tf-page .tf-diagram img { display: block; width: 100%; height: auto; aspect-ratio: 600 / 680; }
.tudi-restructured.tf-page .tf-diagram figcaption { color: #596268; font-size: 14px; line-height: 1.5; margin: 12px 0 0; }
.tudi-restructured.tf-page .tf-steps { margin: 0; padding-left: 26px; }
.tudi-restructured.tf-page .tf-steps > li { padding-left: 10px; margin: 0 0 24px; }
.tudi-restructured.tf-page .tf-steps > li::marker { color: #7d1420; font-weight: 700; }
.tudi-restructured.tf-page .tf-steps p { margin: 6px 0 0; }
.tudi-restructured.tf-page .tf-step-title { font-weight: 650; color: #182126; }
.tudi-restructured.tf-page .tf-example { border-top: 1px solid var(--line); background: #f6f5f1; padding: 20px 24px; margin: 24px 0; }
.tudi-restructured.tf-page .tf-example p { margin: 6px 0; }
.tudi-restructured.tf-page .tf-example .tf-example-label { color: #7d1420; font-size: 14px; font-weight: 650; margin-bottom: 12px; }
.tudi-restructured.tf-page .tf-note { color: #596268; }
.tudi-restructured.tf-page .tf-sources { border-top: 1px solid #dedbd3; padding-top: 24px; margin-top: 32px; }
.tudi-restructured.tf-page .tf-sources h3 { font-size: 18px; }
.tudi-restructured.tf-page .tf-sources li { font-size: 14px; overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .tudi-restructured.tf-page .tf-mechanism { gap: 32px; grid-template-columns: 1fr; }
  .tudi-restructured.tf-page .tf-diagram { width: 100%; max-width: 560px; }
}

/* Generated Technology illustrations: editable native images and opt-in directory previews. */
.tudi-restructured.tf-page .rc-hero h1 { max-width: none; }
.tudi-restructured.tf-page .tf-introduction { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 48px; align-items: start; margin-top: 28px; }
.tudi-restructured.tf-page .tf-definition .lead { margin-top: 0; }
.tudi-restructured.tf-page .tf-hero-image { width: 100%; max-width: 560px; margin: 0; }
.tudi-restructured.tf-page .tf-hero-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.tudi-restructured.tf-page .tf-hero-image figcaption { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: #596268; }
.tudi-restructured.tf-page .tudi-directory-image-note { font-size: 14px; color: #596268; margin: 24px 0; }
.tudi-restructured.tf-page .tudi-directory-has-image > a { grid-template-columns: 184px minmax(96px,.28fr) minmax(0,1fr); align-items: center; }
.tudi-restructured.tf-page .tudi-directory-has-image figure { margin: 0; }
.tudi-restructured.tf-page .tudi-directory-has-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
@media (max-width: 1100px) {
  .tudi-restructured.tf-page .tf-introduction { gap: 32px; }
  .tudi-restructured.tf-page .tudi-directory-has-image > a { grid-template-columns: 144px minmax(96px,.28fr) minmax(0,1fr); gap: 24px; }
}
@media (max-width: 900px) {
  .tudi-restructured.tf-page .tf-introduction { grid-template-columns: 1fr; gap: 24px; }
  .tudi-restructured.tf-page .tf-hero-image { max-width: 440px; }
}
@media (max-width: 700px) {
  .tudi-restructured.tf-page .tudi-directory-has-image > a { grid-template-columns: 112px minmax(0,1fr); gap: 16px; }
  .tudi-restructured.tf-page .tudi-directory-has-image a > span { grid-column: 1 / -1; }
}

/* Keep Technology reading links aligned and comfortably selectable. */
.tudi-restructured.tf-page .rc-section-content .rc-jump { padding-left: 0; }
.tudi-restructured.tf-page .tf-sources a { display: inline-flex; align-items: center; min-height: 44px; }
.tudi-restructured.tf-page :is(.rc-jump, .tf-sources, .tudi-directory) a { text-underline-offset: .2em; }
.tudi-restructured.tf-page :is(.rc-jump, .tf-sources, .tudi-directory) a:is(:hover, :focus-visible) { text-decoration-thickness: 2px; }

/* Technology collection: one image and name per guide, with definitions on the guide. */
.tudi-restructured.tf-page.rc-kind--technology-hub .rc-hero { padding-block: 56px 40px; }
.tudi-restructured.tf-page.rc-kind--technology-hub .rc-section { padding-block: 48px; }
.tudi-restructured.tf-page.rc-kind--technology-hub .rc-section h2 { font-size: 24px; line-height: 1.3; }
.tudi-restructured.tf-page .tudi-directory.tudi-directory-gallery { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 32px 24px; margin-top: 24px; }
.tudi-restructured.tf-page .tudi-directory-gallery li { min-width: 0; border: 0; }
.tudi-restructured.tf-page .tudi-directory-gallery li > a { display: flex; flex-direction: column; align-items: stretch; gap: 12px; height: 100%; padding: 0; }
.tudi-restructured.tf-page .tudi-directory-gallery figure { width: 100%; aspect-ratio: 4 / 3; }
.tudi-restructured.tf-page .tudi-directory-gallery img { width: 100%; height: 100%; object-fit: contain; }
.tudi-restructured.tf-page .tudi-directory-gallery strong { display: flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: .2em; }
.tudi-restructured.tf-page .tudi-directory-gallery a:is(:hover,:focus-visible) strong { text-decoration-thickness: 2px; }
.tudi-restructured.tf-page .tudi-directory-gallery + .tudi-directory-image-note { margin: 24px 0 0; }
@media (max-width: 1100px) {
  .tudi-restructured.tf-page .tudi-directory.tudi-directory-gallery { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .tudi-restructured.tf-page.rc-kind--technology-hub .rc-hero { padding-block: 40px 32px; }
  .tudi-restructured.tf-page .tudi-directory.tudi-directory-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 20px; }
}