/* Content evidence modules; template colors and typography are inherited. */
.system-heading {margin:24px 0;}
.system-heading h3 {font-size:clamp(23px,2.4vw,32px);line-height:1.4;margin:12px 0 0;}
.system-status {font-size:15px;color:#6e5542;}
.system-workflow {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.system-step {padding:24px;border:1px solid rgba(139,105,80,.22);border-radius:20px;background:rgba(255,255,255,.24);}
.system-step h4,.system-value h4,.speed-takeaway h4,.speed-plugin-header h4 {font-size:19px;margin:0 0 10px;line-height:1.4;}
.system-step p,.system-value p,.system-example,.speed-intro,.speed-takeaway p,.speed-plugin-header p {font-size:17px;line-height:1.8;margin:0;}
.system-step-number {display:block;color:#947355;font-size:15px;letter-spacing:.1em;margin-bottom:14px;}
.system-value {margin-top:22px;padding:24px 0;border-block:1px solid rgba(139,105,80,.22);}
.system-value .system-measure {margin-top:10px;color:#665647;}
.system-example {margin:20px 0;color:#665647;}
.system-gallery {margin-top:28px;}
.system-gallery-tabs {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.system-gallery-tabs button {font:inherit;font-size:16px;line-height:1.4;padding:11px 18px;border:1px solid rgba(139,105,80,.28);border-radius:999px;color:#30271f;background:transparent;cursor:pointer;}
.system-gallery-tabs button[aria-selected=true] {background:#32281f;color:#fffaf4;border-color:#32281f;}
.system-gallery-tabs button:focus-visible,.speed-plugin-header select:focus-visible {outline:2px solid #8c6039;outline-offset:4px;}
.system-gallery figure {margin:0;}
.system-shot {display:block;width:100%;height:auto;max-height:none;object-fit:contain;border:1px solid rgba(139,105,80,.22);border-radius:20px;background:#fffaf4;}
.system-gallery figcaption {font-size:15px;line-height:1.7;color:#665647;margin-top:12px;}
.system-scope {margin-top:18px;}
.speed-intro {margin:0 0 22px;}
.speed-comparison table,.speed-plugin-table table {width:100%;border-collapse:collapse;font-size:16px;}
.speed-comparison caption,.speed-plugin-table caption {text-align:left;font-size:15px;font-weight:600;margin:0 0 12px;color:#665647;}
.speed-comparison th,.speed-comparison td,.speed-plugin-table th,.speed-plugin-table td {text-align:left;padding:17px 14px;vertical-align:top;border-bottom:1px solid rgba(139,105,80,.20);line-height:1.6;}
.speed-comparison thead th,.speed-plugin-table thead th {font-weight:600;background:rgba(255,255,255,.3);}
.speed-comparison tbody th,.speed-plugin-table tbody th {font-weight:500;}
.speed-comparison small {display:block;font-size:15px;font-weight:400;color:#665647;}
.speed-comparison td {font-variant-numeric:tabular-nums;white-space:nowrap;}
.speed-comparison a,.speed-source-links a {color:inherit;text-decoration:underline;text-underline-offset:4px;}
.speed-after {display:block;color:#665647;}
.speed-unchanged {font-weight:600;color:#7d4b1c;}
.speed-takeaway {padding:24px;border-radius:20px;margin:26px 0 36px;background:rgba(255,255,255,.3);border:1px solid rgba(139,105,80,.2);}
.speed-takeaway p+p {margin-top:12px;}
.speed-plugin-header {display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:end;margin:0 0 20px;}
.speed-plugin-header p {color:#665647;font-size:16px;}
.speed-plugin-header label {display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:16px;}
.speed-plugin-header select {font:inherit;padding:10px 32px 10px 12px;background:#fffaf4;color:#30271f;border:1px solid rgba(139,105,80,.3);border-radius:10px;}
.speed-plugin-table td {font-variant-numeric:tabular-nums;}
.speed-blocked,.speed-kept {display:inline-block;font-size:15px;border-radius:999px;padding:2px 10px;border:1px solid rgba(139,105,80,.25);white-space:nowrap;}
.speed-blocked {background:rgba(209,158,103,.2);}
.speed-kept {color:#665647;}
.speed-metric-note {margin-top:16px;}
.speed-method dl {display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px 20px;font-size:16px;line-height:1.8;}
.speed-method dt {font-weight:600;}
.speed-method dd {margin:0;}
.speed-source-links {display:flex;flex-wrap:wrap;gap:14px 24px;font-size:16px;margin-top:22px;}
.speed-error {padding:24px;border:1px solid rgba(139,105,80,.25);border-radius:16px;}
.speed-error p {margin-top:0;}
.speed-error .brief-link {display:inline-block;margin-left:18px;}
.speed-loading {padding:28px;background:rgba(255,255,255,.24);border-radius:16px;}
@media(max-width:700px){
  .system-workflow{grid-template-columns:1fr;gap:12px;}
  .system-step{padding:20px;}
  .system-step p,.system-value p,.system-example,.speed-intro,.speed-takeaway p{font-size:16px;}
  .speed-plugin-header{align-items:start;flex-direction:column;}
  .speed-comparison table{min-width:680px;}
  .speed-plugin-table table{min-width:620px;}
  .speed-method dl{grid-template-columns:1fr;gap:4px;}
  .speed-method dd{margin-bottom:12px;}
  .speed-error .brief-link{display:block;margin:14px 0 0;}
}

.system-step,.system-value,.speed-plugin-header>div{min-width:0}
.speed-comparison table,.speed-plugin-table table{min-width:760px}
.speed-method dd,.system-step p{overflow-wrap:anywhere}
