/* Support and service management page: figure text helpers, priority matrix, vulnerability triage */
.motion-svg .ts2{font-size:13.5px;fill:var(--ink);text-anchor:start}
.motion-svg .ts2.b{font-weight:700}
.ts-tick{stroke:#16A34A;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.motion-svg .sm-lab{font-size:11.5px;font-weight:600;fill:var(--muted);text-anchor:start}
.motion-svg .sm-lab.e{text-anchor:end}
.sm-lane{fill:#F8FAFC;stroke:var(--line)}
.sm-lane.alt{fill:#FFFFFF}
.tag.blue rect{fill:#DBEAFE;stroke:#BFDBFE}.tag.blue text{fill:#1E40AF}

/* priority matrix */
.sm-matrix-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start;margin:0 0 24px}
.sm-matrix caption{caption-side:top;text-align:left;font-size:.88rem;color:var(--muted);padding:0 0 8px}
.sm-matrix th[scope="row"]{font-size:.85rem;text-transform:none;letter-spacing:0;color:var(--ink);background:#FAFBFC}
.sm-matrix th small{display:block;font-size:.76rem;font-weight:500;color:var(--subtle);margin-top:2px}
.sm-matrix td{text-align:center;vertical-align:middle;font-weight:700;font-size:1rem;border:2px solid #fff;padding:16px 8px}
.sm-matrix td.sm-p1{background:#FFE4E6;color:#9F1239}
.sm-matrix td.sm-p2{background:#FFEDD5;color:#9A3412}
.sm-matrix td.sm-p3{background:#FEF9C3;color:#854D0E}
.sm-matrix td.sm-p4{background:#DCFCE7;color:#166534}
.sm-matrix.js td{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}
.sm-matrix.js td:hover{box-shadow:inset 0 0 0 2px var(--line-strong)}
.sm-matrix.js td:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.sm-matrix td[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--ink)}
.sm-out{padding:20px}
.sm-out h3{margin-bottom:10px}
.sm-targets{font-size:.88rem}
.sm-targets td,.sm-targets th{padding:8px 10px}
.sm-targets tr.on td{background:var(--orange-tint);color:var(--ink);font-weight:600}
.sm-targets tr.on td:first-child{box-shadow:inset 3px 0 0 var(--orange)}
.sm-note{margin:12px 0 0;font-size:.9rem}

/* vulnerability triage */
.sm-triage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start;margin:0 0 24px}
.sm-triage > :only-child,.sm-triage > form[hidden] + .sm-result{grid-column:1/-1}
.sm-form{display:grid;gap:14px;padding:22px}
.sm-form[hidden]{display:none}
.sm-form h3{margin:0}
.sm-form > label{font-weight:600;font-size:.92rem;margin-bottom:-8px}
.sm-form select{font:inherit;font-size:.95rem;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:.65rem;background:#fff;color:var(--ink)}
.sm-form fieldset{border:1px solid var(--line);border-radius:.75rem;padding:.6rem .8rem .7rem;margin:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center}
.sm-form legend{font-size:.9rem;font-weight:600;color:var(--ink);padding:0 .3rem}
.sm-form fieldset label{display:flex;align-items:center;gap:.4rem;font-size:.92rem;color:var(--muted);cursor:pointer}
.sm-form input[type="radio"]{accent-color:var(--orange);width:1.05rem;height:1.05rem}
.sm-form select:focus-visible,.sm-form input:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.sm-result{padding:22px}
.sm-result tr.on td{background:var(--orange-tint);color:var(--ink);font-weight:600}
.sm-result tr.on td:first-child{box-shadow:inset 3px 0 0 var(--orange)}
.sm-verdict{margin:0 0 12px;padding:12px 14px;border-radius:.75rem;background:var(--surface-2);color:var(--ink);font-size:.95rem}
.sm-verdict b{display:block;font-size:1.05rem;margin-bottom:2px}
.sm-verdict.v-emer{background:#FFE4E6}.sm-verdict.v-emer b{color:#9F1239}
.sm-verdict.v-high{background:#FFEDD5}.sm-verdict.v-high b{color:#9A3412}
.sm-verdict.v-med{background:#FEF9C3}.sm-verdict.v-med b{color:#854D0E}
.sm-verdict.v-low{background:#DCFCE7}.sm-verdict.v-low b{color:#166534}
.sm-verdict.v-none{background:var(--surface-2)}

/* tables */
.sm-cap{caption-side:top;text-align:left;font-size:.88rem;color:var(--muted);padding:0 0 8px}

/* upgrade playbooks */
.sm-tabs{margin-top:8px}

@media (max-width:900px){
  .sm-matrix-wrap,.sm-triage{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .sm-matrix-wrap .table-wrap > table,.sm-out .table-wrap > table,.sm-result .table-wrap > table{min-width:0}
  .sm-matrix td{padding:12px 4px}
  .sm-matrix th,.sm-matrix td{font-size:.85rem}
  .sm-matrix th{padding:8px 6px}
  .sm-targets td,.sm-targets th{padding:7px 6px;font-size:.82rem}
  .sm-form,.sm-result,.sm-out{padding:16px}
}
@media (prefers-reduced-motion:reduce){.sm-matrix.js td{transition:none}}
#lifecycle .table-wrap{margin-bottom:24px}