/* All rules stay under .wn-tool so the tool cannot alter the site shell. */
.wn-tool {
  --tool-bg: var(--site-tool-bg, var(--site-bg, #f7f9fc));
  --tool-surface: var(--site-tool-surface, var(--site-surface, #fff));
  --tool-raised: var(--site-tool-surface-raised, var(--site-surface-raised, #f3f6fa));
  --tool-control: var(--site-tool-control, #fff);
  --tool-text: var(--site-tool-text, var(--site-text, #172238));
  --tool-muted: var(--site-tool-muted, var(--site-muted, #66758d));
  --tool-line: var(--site-tool-line, var(--site-line, #dce3ec));
  --tool-line-strong: var(--site-tool-line-strong, var(--site-line-strong, #bfcada));
  --tool-accent: var(--site-tool-accent, var(--site-accent, #655cff));
  --tool-accent-hover: var(--site-tool-accent-hover, var(--site-accent-hover, #397fd5));
  --tool-accent-ink: var(--site-tool-accent-ink, #fff);
  --tool-accent-soft: var(--site-tool-accent-soft, rgba(101,92,255,.1));
  --tool-shadow: var(--site-tool-shadow, 0 18px 46px rgba(29,48,77,.09));
  --tool-shadow-soft: var(--site-tool-shadow-soft, 0 5px 15px rgba(31,48,73,.07));
  --tool-modal-backdrop:rgba(24,34,51,.58);
  --tool-page-gutter: clamp(14px,4vw,48px);
  min-height: 60vh;
  background: var(--tool-bg);
  color: var(--tool-text);
  color-scheme: light;
  font-family: var(--site-tool-font, var(--site-font, Inter, system-ui, sans-serif));
}
.wn-tool,.wn-tool *{box-sizing:border-box}
.wn-tool button,.wn-tool input,.wn-tool select,.wn-tool textarea{font:inherit}
.wn-tool img,.wn-tool svg,.wn-tool canvas,.wn-tool video{max-width:100%}

/*
 * Permanent page gutter. This protects the layout even if a child component
 * becomes full width. Do not remove it from converted tools.
 */
.wn-tool > main{
  width:100%;
  padding-inline:var(--tool-page-gutter);
}

.wn-tool-container{
  width:100%;
  max-width:1180px;
  margin-inline:auto;
}

/* Compact phone-first introduction—users reach the working area quickly. */
.wn-tool-intro{padding:32px 0 22px}
.wn-tool-eyebrow,.wn-tool-kicker{
  margin:0 0 9px;
  color:var(--tool-accent);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.wn-tool-intro h1{
  max-width:850px;
  margin:0;
  color:var(--tool-text);
  font-size:clamp(2rem,10vw,4rem);
  line-height:1.02;
  letter-spacing:-.05em;
}
.wn-tool-lead{
  max-width:760px;
  margin:16px 0 0;
  color:var(--tool-muted);
  font-size:clamp(1rem,1.5vw,1.14rem);
  line-height:1.65;
}
.wn-tool-workspace{padding:0 0 64px}

/*
 * PRIMARY VIEW SELECTOR — modeled after Timecode Lab.
 * Use only when the tool has two or more complete modes or views. Do not use
 * this for ordinary form choices, checkboxes, or small option groups.
 */
.wn-tool-tabs{
  display:flex;
  width:100%;
  max-width:100%;
  flex-wrap:nowrap;
  gap:4px;
  margin:0 0 18px;
  padding:6px;
  border:1px solid color-mix(in srgb,var(--tool-accent) 24%,var(--tool-line));
  border-radius:14px;
  background:color-mix(in srgb,var(--tool-accent) 10%,var(--tool-raised));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),var(--tool-shadow-soft);
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.wn-tool-tab{
  min-height:44px;
  flex:1 0 auto;
  padding:9px 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--tool-muted);
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
}
.wn-tool-tab:hover{background:rgba(255,255,255,.42);color:var(--tool-text)}
.wn-tool-tab.is-active,.wn-tool-tab[aria-selected="true"]{
  background:var(--tool-surface);
  color:var(--tool-accent);
  box-shadow:var(--tool-shadow-soft);
}

/*
 * White cards and responsive layouts.
 * REQUIRED: every primary tool module must use .wn-tool-panel or .wn-tool-card
 * to receive its border, white surface, rounded corners, padding, and shadow.
 */
.wn-tool-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.wn-tool-stack{display:grid;gap:18px}
.wn-tool-panel,.wn-tool-card{
  min-width:0;
  border:1px solid var(--tool-line);
  border-radius:20px;
  background:var(--tool-surface);
  color:var(--tool-text);
  box-shadow:var(--tool-shadow);
}
.wn-tool-panel{padding:clamp(18px,5vw,30px)}
.wn-tool-card{padding:18px}
.wn-tool-panel--wide{grid-column:auto}
.wn-tool-panel-header{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.wn-tool-panel h2,.wn-tool-card h2{
  margin:0;
  color:var(--tool-text);
  font-size:clamp(1.2rem,2vw,1.55rem);
  line-height:1.2;
  letter-spacing:-.025em;
}
.wn-tool-panel h3,.wn-tool-card h3{margin:0;color:var(--tool-text);font-size:1.05rem}
.wn-tool-muted{color:var(--tool-muted)}

/* Fields and controls */
.wn-tool-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.wn-tool-field{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-self:start;
  gap:7px;
}
.wn-tool-label-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 10px}
.wn-tool-label{color:var(--tool-text);font-size:.88rem;font-weight:750}
.wn-tool-help-text{margin:0;color:var(--tool-muted);font-size:.78rem;line-height:1.45}
.wn-tool-control,
.wn-tool input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.wn-tool select,.wn-tool textarea{
  width:100%;
  min-height:46px;
  margin:0;
  padding:10px 12px;
  border:1px solid var(--tool-line-strong);
  border-radius:11px;
  outline:0;
  background:var(--tool-control);
  color:var(--tool-text);
}
.wn-tool input[type="range"]{width:100%;min-height:44px;margin:0}
.wn-tool textarea{min-height:110px;resize:vertical}
.wn-tool input::placeholder,.wn-tool textarea::placeholder{color:var(--tool-muted);opacity:.75}
.wn-tool-control:focus,.wn-tool input:focus,.wn-tool select:focus,.wn-tool textarea:focus{
  border-color:var(--tool-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tool-accent) 17%,transparent);
}

/* Buttons and help */
.wn-tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.wn-tool-actions > .wn-tool-button{flex:1 1 130px}
.wn-tool-button{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border:1px solid var(--tool-line-strong);
  border-radius:11px;
  background:var(--tool-raised);
  color:var(--tool-text);
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
}
.wn-tool-button:hover{border-color:var(--tool-accent);background:var(--tool-accent-soft)}
.wn-tool-button.is-primary{border-color:var(--tool-accent);background:var(--tool-accent);color:var(--tool-accent-ink)}
.wn-tool-button.is-primary:hover{border-color:var(--tool-accent-hover);background:var(--tool-accent-hover)}
.wn-tool-help-inline{
  display:inline-grid;
  width:19px;
  height:19px;
  flex:0 0 19px;
  place-items:center;
  margin-left:5px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--tool-accent) 58%,var(--tool-line));
  border-radius:50%;
  background:var(--tool-surface);
  color:var(--tool-accent);
  font-size:0;
  font-weight:850;
  line-height:1;
  vertical-align:middle;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}
.wn-tool-help-inline::before{
  content:"?";
  display:block;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1;
  transform:translateY(-.25px);
}
.wn-tool-help-inline:hover{background:var(--tool-accent-soft);border-color:var(--tool-accent)}
.wn-tool-button:focus-visible,.wn-tool-help-inline:focus-visible,.wn-tool-tab:focus-visible{
  outline:3px solid color-mix(in srgb,var(--tool-accent) 25%,transparent);
  outline-offset:2px;
}

/* Chips, outputs, notices, and tables */
.wn-tool-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border:1px solid var(--tool-line);
  border-radius:999px;
  background:var(--tool-raised);
  color:var(--tool-muted);
  font-size:.74rem;
  font-weight:700;
}
.wn-tool-result{
  margin-top:18px;
  padding:18px;
  border:1px solid var(--tool-line);
  border-radius:14px;
  background:var(--tool-raised);
  color:var(--tool-text);
}
.wn-tool-result strong{display:block;margin-bottom:4px;color:var(--tool-text);font-size:clamp(1.25rem,2.5vw,1.75rem)}
.wn-tool-result span{color:var(--tool-muted);line-height:1.5}
.wn-tool-notice{
  margin-top:18px;
  padding:14px 16px;
  border:1px solid var(--tool-line);
  border-left:4px solid var(--tool-accent);
  border-radius:12px;
  background:var(--tool-accent-soft);
  color:var(--tool-muted);
  font-size:.9rem;
  line-height:1.55;
}
.wn-tool-table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.wn-tool-table{width:100%;border-collapse:collapse}
.wn-tool-table th,.wn-tool-table td{padding:12px;border-bottom:1px solid var(--tool-line);color:var(--tool-text);text-align:left}
.wn-tool-table th{background:var(--tool-raised);color:var(--tool-muted);font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}

/*
 * HELP AND SAFETY DIALOGS — modeled after Tower Stability.
 * Help gives a short answer first; "Tell me more" reveals optional detail.
 * The safety variant is intentionally blocking and has no close button.
 */
.wn-tool-modal[hidden]{display:none}
.wn-tool-modal{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  overflow-y:auto;
  padding:clamp(18px,4vw,40px);
  background:var(--tool-modal-backdrop);
  backdrop-filter:blur(5px);
}
.wn-tool-modal-card{
  position:relative;
  width:min(100%,650px);
  padding:clamp(24px,4vw,34px);
  border:1px solid var(--tool-line);
  border-radius:20px;
  background:var(--tool-surface);
  color:var(--tool-text);
  box-shadow:0 30px 80px rgba(15,25,42,.28);
}
.wn-tool-modal-card--safety{width:min(100%,760px)}
.wn-tool-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:var(--tool-muted);
  font-size:1.5rem;
  cursor:pointer;
}
.wn-tool-modal-close:hover{background:var(--tool-raised);color:var(--tool-text)}
.wn-tool-modal h2{margin:0 42px 12px 0;font-size:clamp(1.3rem,3vw,1.65rem);line-height:1.2}
.wn-tool-modal p{margin:0;color:var(--tool-muted);line-height:1.65}
.wn-tool-modal p + p{margin-top:14px}
.wn-tool-more-toggle{
  display:inline-flex;
  margin-top:16px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--tool-accent);
  font-weight:800;
  text-decoration:underline;
  cursor:pointer;
}
.wn-tool-modal-more{margin-top:14px;padding-top:14px;border-top:1px solid var(--tool-line)}
.wn-tool-modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.wn-tool-modal-actions .wn-tool-button{width:100%}
.wn-tool-safety-badge{
  display:inline-flex;
  margin-bottom:14px;
  padding:5px 10px;
  border:1px solid #efc27e;
  border-radius:999px;
  background:#fff4df;
  color:#9b5d00;
  font-size:.7rem;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.wn-tool-modal-open{overflow:hidden}

/* Add horizontal space only after the phone layout is already complete. */
@media(min-width:520px){
  .wn-tool-actions > .wn-tool-button{flex:0 0 auto}
  .wn-tool-modal-actions{flex-direction:row;justify-content:flex-end}
  .wn-tool-modal-actions .wn-tool-button{width:auto}
}

@media(min-width:761px){
  .wn-tool-intro{padding:clamp(40px,6vw,68px) 0 clamp(26px,4vw,40px)}
  .wn-tool-workspace{padding-bottom:clamp(64px,9vw,110px)}
  .wn-tool-tabs{display:inline-flex;width:auto;overflow-x:visible}
  .wn-tool-tab{flex:0 0 auto;padding-inline:19px}
  .wn-tool-grid,.wn-tool-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wn-tool-panel--wide{grid-column:1/-1}
}

@media print{
  .wn-tool{
    --tool-bg:#fff;--tool-surface:#fff;--tool-raised:#f5f6f8;
    --tool-control:#fff;--tool-text:#111827;--tool-muted:#526078;
    --tool-line:#d8dee7;--tool-line-strong:#adb7c5;
    background:#fff;color:#111827;
  }
  .wn-tool-actions,.wn-tool-help-inline{display:none}
  .wn-tool-panel,.wn-tool-card{box-shadow:none;break-inside:avoid}
}

/* -------------------------------------------------------------------------
   LOAD & SPAN ANALYZER — TOOL-SPECIFIC LAYOUT
   The base rules above are copied from the supplied white-interface template.
   Everything below only extends that contract for this analyzer.
   ------------------------------------------------------------------------- */
.wn-tool.load-span-tool{
  --lsa-green:#168451;
  --lsa-green-soft:#eaf7f1;
  --lsa-yellow:#9b6a05;
  --lsa-yellow-soft:#fff8df;
  --lsa-orange:#b95416;
  --lsa-orange-soft:#fff0e7;
  --lsa-red:#b93333;
  --lsa-red-soft:#fff0f0;
  --lsa-gray:#66758d;
  --lsa-gray-soft:#f3f6fa;
}

.load-span-tool .lsa-project-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  padding:14px;
  margin-bottom:14px;
}
.load-span-tool .lsa-project-actions .wn-tool-button{flex:1 1 135px}
.load-span-tool .lsa-project-actions-label{
  width:100%;
  margin:0;
  color:var(--tool-muted);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.load-span-tool .lsa-main-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.load-span-tool .lsa-setup-panel,.load-span-tool .lsa-result-panel,
.load-span-tool .lsa-visual-panel,.load-span-tool .lsa-items-panel,
.load-span-tool .lsa-analysis-panel{min-width:0}

.load-span-tool .lsa-length-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.load-span-tool .lsa-unit-control{position:relative}
.load-span-tool .lsa-unit-control input{padding-right:46px}
.load-span-tool .lsa-unit-suffix{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  color:var(--tool-muted);font-size:.76rem;font-weight:800;pointer-events:none
}

.load-span-tool .lsa-member-summary{
  display:grid;gap:4px;margin-top:18px;padding:14px 16px;
  border:1px solid var(--tool-line);border-left:4px solid var(--tool-accent);
  border-radius:12px;background:var(--tool-accent-soft)
}
.load-span-tool .lsa-member-summary strong{color:var(--tool-text);font-size:.9rem}
.load-span-tool .lsa-member-summary span{color:var(--tool-muted);font-size:.78rem;line-height:1.5}

.load-span-tool .lsa-governing{
  display:grid;place-items:center;min-height:250px;padding:24px 18px;
  border:1px solid var(--tool-line);border-radius:16px;text-align:center;background:var(--tool-raised)
}
.load-span-tool .lsa-governing[data-band="green"]{border-color:color-mix(in srgb,var(--lsa-green) 34%,var(--tool-line));background:var(--lsa-green-soft)}
.load-span-tool .lsa-governing[data-band="yellow"]{border-color:color-mix(in srgb,var(--lsa-yellow) 40%,var(--tool-line));background:var(--lsa-yellow-soft)}
.load-span-tool .lsa-governing[data-band="orange"]{border-color:color-mix(in srgb,var(--lsa-orange) 38%,var(--tool-line));background:var(--lsa-orange-soft)}
.load-span-tool .lsa-governing[data-band="red"]{border-color:color-mix(in srgb,var(--lsa-red) 38%,var(--tool-line));background:var(--lsa-red-soft)}
.load-span-tool .lsa-governing[data-band="gray"]{border-color:#b9c3d1;background:repeating-linear-gradient(135deg,#f8f9fb,#f8f9fb 10px,#edf1f6 10px,#edf1f6 20px)}

.load-span-tool .lsa-governing[data-band="gray"] .lsa-result-word{color:#4f5f76}
.load-span-tool .lsa-governing[data-band="gray"] .lsa-result-number{color:#516077}
.load-span-tool .lsa-disclaimer-copy{color:var(--tool-muted);font-size:.84rem;line-height:1.62}
.load-span-tool .lsa-disclaimer-copy p{margin:0 0 12px}
.load-span-tool .lsa-disclaimer-copy p:last-child{margin-bottom:0}
.load-span-tool .lsa-tool-copyright{padding:24px 10px 4px;color:var(--tool-muted);font-size:.78rem;text-align:center}
.load-span-tool .lsa-result-word{font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.load-span-tool .lsa-governing[data-band="green"] .lsa-result-word{color:var(--lsa-green)}
.load-span-tool .lsa-governing[data-band="yellow"] .lsa-result-word{color:var(--lsa-yellow)}
.load-span-tool .lsa-governing[data-band="orange"] .lsa-result-word{color:var(--lsa-orange)}
.load-span-tool .lsa-governing[data-band="red"] .lsa-result-word{color:var(--lsa-red)}
.load-span-tool .lsa-result-number{margin:5px 0 8px;color:var(--tool-text);font-size:clamp(3rem,14vw,5rem);font-weight:900;line-height:.9;letter-spacing:-.065em}
.load-span-tool .lsa-result-sub{max-width:430px;color:var(--tool-muted);font-size:.9rem;line-height:1.5}
.load-span-tool .lsa-pill-row{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:15px}
.load-span-tool .lsa-basis{
  display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;
  border:1px solid var(--tool-line);border-radius:999px;background:var(--tool-surface);
  color:var(--tool-muted);font-size:.69rem;font-weight:800;letter-spacing:.03em;text-transform:capitalize
}
.load-span-tool .lsa-basis.is-extrapolated{border-color:#e0b25c;background:#fff8e7;color:#7b540d}
.load-span-tool .lsa-basis.is-outside{border-color:#b9c3d1;background:repeating-linear-gradient(135deg,#f8f9fb,#f8f9fb 7px,#edf1f6 7px,#edf1f6 14px);color:#4f5f76}

.load-span-tool .lsa-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.load-span-tool .lsa-stat{min-width:0;padding:12px;border:1px solid var(--tool-line);border-radius:12px;background:var(--tool-surface)}
.load-span-tool .lsa-stat strong{display:block;color:var(--tool-text);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.load-span-tool .lsa-stat span{display:block;margin-top:3px;color:var(--tool-muted);font-size:.69rem;line-height:1.35}

.load-span-tool .lsa-visual-wrap{
  position:relative;width:100%;min-height:310px;border:1px solid var(--tool-line);
  border-radius:16px;background:var(--tool-surface);overflow:hidden;touch-action:none
}
.load-span-tool #beamSvg{display:block;width:100%;height:340px;max-width:none;user-select:none;-webkit-user-select:none}
.load-span-tool .lsa-legend{display:flex;flex-wrap:wrap;gap:12px 18px;margin:13px 0 0;color:var(--tool-muted);font-size:.74rem}
.load-span-tool .lsa-legend-item{display:inline-flex;align-items:center;gap:7px}
.load-span-tool .lsa-legend-mark{width:22px;height:3px;border-radius:999px;background:var(--tool-text)}
.load-span-tool .lsa-legend-mark.is-load{height:2px;background:var(--tool-accent)}
.load-span-tool .lsa-legend-mark.is-reaction{height:10px;border-left:2px solid var(--lsa-green);border-right:2px solid transparent;background:transparent}
.load-span-tool .lsa-viz-help{margin-top:10px;color:var(--tool-muted);font-size:.76rem;line-height:1.45}
.load-span-tool .lsa-add-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.load-span-tool .lsa-add-grid .wn-tool-button{width:100%;padding-inline:8px}

.load-span-tool .lsa-schedules{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.load-span-tool .lsa-schedule-block{min-width:0}
.load-span-tool .lsa-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.load-span-tool .lsa-section-heading h3{font-size:1rem}
.load-span-tool .lsa-count{color:var(--tool-muted);font-size:.72rem;font-weight:750}
.load-span-tool .lsa-list{display:grid;gap:8px}
.load-span-tool .lsa-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  min-height:62px;padding:10px 11px;border:1px solid var(--tool-line);border-radius:12px;background:var(--tool-surface)
}
.load-span-tool .lsa-row:hover{border-color:color-mix(in srgb,var(--tool-accent) 34%,var(--tool-line))}
.load-span-tool .lsa-id{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--tool-accent-soft);color:var(--tool-accent);font-size:.78rem;font-weight:900}
.load-span-tool .lsa-row-main{min-width:0}
.load-span-tool .lsa-row-title{color:var(--tool-text);font-size:.86rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.load-span-tool .lsa-row-sub{margin-top:3px;color:var(--tool-muted);font-size:.73rem;line-height:1.35}
.load-span-tool .lsa-row-actions{display:flex;gap:5px}
.load-span-tool .lsa-mini-button{
  display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid var(--tool-line);
  border-radius:10px;background:var(--tool-raised);color:var(--tool-text);font-size:.92rem;cursor:pointer
}
.load-span-tool .lsa-mini-button:hover{border-color:var(--tool-accent);background:var(--tool-accent-soft);color:var(--tool-accent)}
.load-span-tool .lsa-empty{padding:16px;border:1px dashed var(--tool-line-strong);border-radius:12px;color:var(--tool-muted);font-size:.8rem;text-align:center}

.load-span-tool .lsa-table-note{margin:10px 0 0;color:var(--tool-muted);font-size:.78rem;line-height:1.5}
.load-span-tool .lsa-details{margin-top:12px;border:1px solid var(--tool-line);border-radius:13px;background:var(--tool-surface);overflow:hidden}
.load-span-tool .lsa-details summary{padding:14px 15px;color:var(--tool-text);font-size:.88rem;font-weight:800;cursor:pointer;list-style-position:inside}
.load-span-tool .lsa-details[open] summary{border-bottom:1px solid var(--tool-line);background:var(--tool-raised)}
.load-span-tool .lsa-details-body{padding:15px}
.load-span-tool .lsa-details-body p:first-child{margin-top:0}
.load-span-tool .lsa-chart{display:block;width:100%;height:225px;border:1px solid var(--tool-line);border-radius:12px;background:var(--tool-surface)}
.load-span-tool .lsa-chart + .lsa-chart{margin-top:10px}
.load-span-tool .lsa-warning,.load-span-tool .lsa-danger{margin:12px 0;padding:12px 14px;border-radius:10px;font-size:.8rem;line-height:1.5}
.load-span-tool .lsa-warning{border:1px solid #e5c16f;border-left:4px solid #c1840b;background:#fff9e9;color:#74500b}
.load-span-tool .lsa-danger{border:1px solid #e7a0a0;border-left:4px solid #b93333;background:#fff2f2;color:#842727}
.load-span-tool .lsa-source{word-break:break-word}

.load-span-tool .lsa-modal-form{display:grid;gap:14px;margin-top:18px}
.load-span-tool .lsa-inline-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.load-span-tool .lsa-editor-help{margin:-5px 0 0;color:var(--tool-muted);font-size:.75rem;line-height:1.45}
.load-span-tool .lsa-screen-only{}
.load-span-tool .lsa-print-only{display:none}

@media(min-width:520px){
  .load-span-tool .lsa-project-actions .wn-tool-button{flex:0 1 auto}
  .load-span-tool .lsa-project-actions-label{width:auto;margin-right:auto}
}
@media(min-width:761px){
  .load-span-tool .lsa-main-grid{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)}
  .load-span-tool .lsa-visual-panel,.load-span-tool .lsa-items-panel,.load-span-tool .lsa-analysis-panel{grid-column:1/-1}
  .load-span-tool .lsa-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .load-span-tool .lsa-schedules{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .load-span-tool #beamSvg{height:390px}
  .load-span-tool .lsa-visual-wrap{min-height:360px}
}
@media(min-width:1040px){
  .load-span-tool .lsa-project-actions{padding-inline:18px}
}
@media print{
  .load-span-tool .lsa-screen-only,.load-span-tool .lsa-project-actions,.load-span-tool .lsa-row-actions,.load-span-tool .lsa-add-grid{display:none!important}
  .load-span-tool .lsa-print-only{display:block}
  .load-span-tool .lsa-main-grid{display:block}
  .load-span-tool .wn-tool-panel,.load-span-tool .wn-tool-card{margin:0 0 14px;box-shadow:none;break-inside:avoid}
  .load-span-tool .lsa-visual-wrap{min-height:250px}
  .load-span-tool #beamSvg{height:270px}
  .load-span-tool .lsa-governing{min-height:0;padding:16px}
  .load-span-tool .lsa-details{break-inside:avoid}
}


/* --------------------------------------------------------------------------
   v1.3 refinements
   -------------------------------------------------------------------------- */
.load-span-tool .lsa-static-section{
  margin-top:12px;
  border:1px solid var(--tool-line);
  border-radius:13px;
  background:var(--tool-surface);
  overflow:hidden;
}
.load-span-tool .lsa-static-section-heading{
  padding:14px 15px;
  border-bottom:1px solid var(--tool-line);
  background:var(--tool-raised);
}
.load-span-tool .lsa-static-section-heading h3{margin:0;font-size:.88rem;font-weight:800}
.load-span-tool .lsa-static-section-body{padding:15px}
.load-span-tool .lsa-static-section-body p:first-child{margin-top:0}
.load-span-tool .lsa-report-header{display:none}

/* Make the neutral/partial advisory visually dominant when overall capacity is not established. */
.load-span-tool .lsa-governing[data-band="gray"]{
  border-color:var(--tool-line-strong);
  background:
    repeating-linear-gradient(135deg,
      color-mix(in srgb,var(--tool-raised) 84%,#fff) 0,
      color-mix(in srgb,var(--tool-raised) 84%,#fff) 10px,
      var(--tool-surface) 10px,
      var(--tool-surface) 20px);
}

/* Printed output is a report, not a printout of the website UI. */
@media print{
  @page{size:auto;margin:.42in .48in .46in}
  html,body{background:#fff!important}
  body.load-span-analyzer-page{font-size:9.5pt!important}
  body.load-span-analyzer-page .site-header,
  body.load-span-analyzer-page .site-footer,
  body.load-span-analyzer-page .skip-link,
  body.load-span-analyzer-page .site-skip-link,
  body.load-span-analyzer-page [href="#main"]{display:none!important}

  .load-span-tool > main{padding:0!important}
  .load-span-tool .wn-tool-intro,
  .load-span-tool .lsa-setup-panel,
  .load-span-tool .lsa-project-actions,
  .load-span-tool .lsa-viz-help,
  .load-span-tool .lsa-legend,
  .load-span-tool .lsa-add-grid,
  .load-span-tool .lsa-row-actions,
  .load-span-tool .wn-tool-chip{display:none!important}

  .load-span-tool .lsa-print-only,
  .load-span-tool .lsa-report-header{display:block!important}

  .load-span-tool .wn-tool-workspace{padding:0!important}
  .load-span-tool .wn-tool-container{max-width:none!important}
  .load-span-tool .lsa-main-grid{display:block!important;margin:0!important}

  .load-span-tool .lsa-report-header{
    margin:0 0 12pt;
    padding:0 0 10pt;
    border-bottom:2px solid #172238;
    color:#172238;
  }
  .load-span-tool .lsa-report-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18pt}
  .load-span-tool .lsa-report-eyebrow{margin:0 0 3pt;font-size:8pt;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#526078}
  .load-span-tool .lsa-report-heading h1{margin:0;font-size:20pt;line-height:1.05;letter-spacing:-.03em}
  .load-span-tool .lsa-report-status{padding:4pt 7pt;border:1px solid #9099a8;font-size:7.5pt;font-weight:800;letter-spacing:.08em}
  .load-span-tool .lsa-report-meta{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8pt;margin-top:9pt}
  .load-span-tool .lsa-report-meta div{border-top:1px solid #cfd5de;padding-top:4pt;min-width:0}
  .load-span-tool .lsa-report-meta span{display:block;font-size:6.8pt;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#687386}
  .load-span-tool .lsa-report-meta strong{display:block;margin-top:1pt;font-size:8.2pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .load-span-tool .wn-tool-panel,
  .load-span-tool .wn-tool-card{
    margin:0 0 9pt!important;
    padding:10pt!important;
    border:1px solid #b8c0cb!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
    break-inside:auto!important;
  }
  .load-span-tool .wn-tool-panel-header{margin-bottom:8pt!important}
  .load-span-tool .wn-tool-kicker{margin-bottom:2pt!important;font-size:6.8pt!important;color:#526078!important}
  .load-span-tool .wn-tool-panel h2{font-size:12pt!important}

  .load-span-tool .lsa-result-panel{break-inside:avoid!important}
  .load-span-tool .lsa-governing{
    min-height:0!important;
    padding:9pt!important;
    border-radius:0!important;
    background:#fff!important;
  }
  .load-span-tool .lsa-result-number{font-size:30pt!important}
  .load-span-tool .lsa-result-word{font-size:7.5pt!important}
  .load-span-tool .lsa-result-sub{font-size:8pt!important}
  .load-span-tool .lsa-pill-row{margin-top:5pt!important}
  .load-span-tool .lsa-basis{padding:2pt 5pt!important;font-size:6.5pt!important;background:#fff!important}

  .load-span-tool .lsa-stat-grid{grid-template-columns:repeat(3,1fr)!important;gap:5pt!important;margin-top:6pt!important}
  .load-span-tool .lsa-stat{padding:5pt!important;border-radius:0!important}
  .load-span-tool .lsa-stat strong{font-size:9pt!important}
  .load-span-tool .lsa-stat span{font-size:6.5pt!important}

  .load-span-tool .lsa-visual-panel{break-inside:avoid!important}
  .load-span-tool .lsa-visual-wrap{min-height:0!important;border-radius:0!important}
  .load-span-tool #beamSvg{height:220pt!important}
  .load-span-tool .lsa-items-panel{break-inside:avoid!important}
  .load-span-tool .lsa-schedules{grid-template-columns:1fr 1fr!important;gap:10pt!important}
  .load-span-tool .lsa-row{padding:5pt 6pt!important;border-radius:0!important}
  .load-span-tool .lsa-id{width:22pt!important;height:22pt!important;border-radius:0!important}
  .load-span-tool .lsa-row-title{font-size:8pt!important}
  .load-span-tool .lsa-row-sub{font-size:6.8pt!important}

  .load-span-tool .wn-tool-table th,
  .load-span-tool .wn-tool-table td{padding:5pt!important;font-size:7.5pt!important}
  .load-span-tool .lsa-table-note{font-size:7pt!important}

  .load-span-tool .lsa-details,
  .load-span-tool .lsa-static-section{
    margin-top:7pt!important;
    border-radius:0!important;
    break-inside:auto!important;
  }
  .load-span-tool .lsa-details summary,
  .load-span-tool .lsa-static-section-heading{
    padding:6pt 7pt!important;
    background:#f3f5f8!important;
    font-size:8pt!important;
  }
  .load-span-tool .lsa-details-body,
  .load-span-tool .lsa-static-section-body{padding:7pt!important;font-size:7.5pt!important;line-height:1.38!important}
  .load-span-tool .lsa-chart{height:132pt!important;border-radius:0!important}
  .load-span-tool .lsa-chart + .lsa-chart{margin-top:5pt!important}
  .load-span-tool .lsa-warning,.load-span-tool .lsa-danger{margin:5pt 0!important;padding:5pt 6pt!important;font-size:7pt!important}

  .load-span-tool .lsa-tool-copyright{margin:9pt 0 0!important;padding:8pt 0 0!important;border-top:1px solid #c8ced7;font-size:7pt!important}
}


/* v1.4 capacity-engine presentation */
.load-span-tool .lsa-basis.is-calculated{
  border-color:color-mix(in srgb,var(--tool-accent) 35%,var(--tool-line));
  background:color-mix(in srgb,var(--tool-accent) 7%,var(--tool-surface));
  color:var(--tool-accent);
}
.load-span-tool .lsa-capacity-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.load-span-tool .lsa-capacity-grid>div{
  padding:10px 11px;
  border:1px solid var(--tool-line);
  border-radius:10px;
  background:var(--tool-raised);
}
.load-span-tool .lsa-capacity-grid span{
  display:block;
  margin-bottom:2px;
  color:var(--tool-muted);
  font-size:.69rem;
  font-weight:700;
}
.load-span-tool .lsa-capacity-grid strong{font-size:.86rem}
@media(min-width:760px){
 .load-span-tool .lsa-capacity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media print{
 .load-span-tool .lsa-capacity-grid{grid-template-columns:repeat(3,1fr)!important;gap:4pt!important}
 .load-span-tool .lsa-capacity-grid>div{padding:4pt!important;border-radius:0!important}
 .load-span-tool .lsa-capacity-grid span{font-size:6pt!important}
 .load-span-tool .lsa-capacity-grid strong{font-size:7pt!important}
}

/* v1.8 interaction, units, and advisory refinements */
.load-span-tool .lsa-toolbar-row{display:flex;justify-content:flex-end;margin:0 0 12px}
.load-span-tool .lsa-unit-toggle{display:inline-grid;grid-template-columns:1fr 1fr;gap:6px;width:min(100%,260px)}
.load-span-tool .lsa-unit-toggle .wn-tool-button{min-height:40px;padding:8px 12px}
.load-span-tool .lsa-panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.load-span-tool .lsa-popout-button{min-height:38px;padding:7px 12px}
.load-span-tool .lsa-row-actions{display:flex;gap:5px;align-items:center}
.load-span-tool .lsa-row.is-excluded{opacity:.48;background:var(--tool-bg)}
.load-span-tool .lsa-row.is-excluded .lsa-row-title{text-decoration:line-through;text-decoration-thickness:1px}
.load-span-tool .lsa-mini-button.is-danger{font-size:1.1rem}
.load-span-tool .lsa-mini-button.is-danger:hover{border-color:#b93333;color:#b93333}
.load-span-tool .lsa-id[style]{border-color:var(--lsa-item-color);color:var(--lsa-item-color)}
.load-span-tool .lsa-color-row{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:8px}
.load-span-tool .lsa-color-row input[type=color]{width:54px;min-height:44px;padding:4px;border:1px solid var(--tool-line-strong);border-radius:10px;background:var(--tool-control)}
.load-span-tool .lsa-util-band{display:inline-block;padding:2px 7px;border-radius:999px;font-weight:900;letter-spacing:.03em}
.load-span-tool .lsa-util-band.is-green{background:#e4f5ed;color:#087848}
.load-span-tool .lsa-util-band.is-yellow{background:#fff6cc;color:#7a5b00}
.load-span-tool .lsa-util-band.is-orange{background:#fff0db;color:#a35200}
.load-span-tool .lsa-util-band.is-red{background:#fde7e7;color:#ad2626}
.load-span-tool .lsa-pos-pair{align-items:end}
@media(max-width:620px){.load-span-tool .lsa-panel-actions{justify-content:flex-start}.load-span-tool .lsa-popout-button{width:100%}}
@media print{.load-span-tool .lsa-toolbar-row,.load-span-tool .lsa-panel-actions .lsa-popout-button{display:none!important}}
body.lsa-layout-popout .site-header,body.lsa-layout-popout .site-footer{display:none!important}
body.lsa-layout-popout .load-span-tool .lsa-main-grid>section:not(.lsa-visual-panel):not(.lsa-items-panel):not(.lsa-result-panel),body.lsa-layout-popout .load-span-tool .wn-tool-intro,body.lsa-layout-popout .load-span-tool .lsa-project-panel{display:none!important}
body.lsa-layout-popout .load-span-tool .lsa-main-grid{grid-template-columns:1fr!important}
body.lsa-layout-popout .load-span-tool .lsa-visual-panel,body.lsa-layout-popout .load-span-tool .lsa-items-panel,body.lsa-layout-popout .load-span-tool .lsa-result-panel{grid-column:1/-1!important}

/* v1.91 pop-out workspace: diagram owns the available width; advisory and
   schedules become compact companion panels below it on wide windows. */
body.lsa-layout-popout .load-span-tool .wn-tool-container{max-width:none!important;width:100%!important;padding-left:12px!important;padding-right:12px!important}
body.lsa-layout-popout .load-span-tool .wn-tool-workspace{max-width:none!important;width:100%!important}
body.lsa-layout-popout .load-span-tool .lsa-main-grid{display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr)!important;gap:12px!important}
body.lsa-layout-popout .load-span-tool .lsa-visual-panel{grid-column:1/-1!important;grid-row:1!important}
body.lsa-layout-popout .load-span-tool .lsa-result-panel{grid-column:1!important;grid-row:2!important}
body.lsa-layout-popout .load-span-tool .lsa-items-panel{grid-column:2!important;grid-row:2!important}
body.lsa-layout-popout .load-span-tool .lsa-governing{min-height:150px!important;padding:14px!important}
body.lsa-layout-popout .load-span-tool .lsa-result-number{font-size:clamp(2.5rem,5vw,4.25rem)!important}
body.lsa-layout-popout .load-span-tool #beamSvg{height:clamp(340px,52vh,720px)!important}
body.lsa-layout-popout .load-span-tool .lsa-visual-wrap{width:100%!important}
body.lsa-layout-popout .load-span-tool .lsa-panel-actions .lsa-popout-button{display:none!important}
@media(max-width:850px){body.lsa-layout-popout .load-span-tool .lsa-main-grid{grid-template-columns:1fr!important}body.lsa-layout-popout .load-span-tool .lsa-result-panel,body.lsa-layout-popout .load-span-tool .lsa-items-panel{grid-column:1!important;grid-row:auto!important}}

@media(max-width:620px){.load-span-tool .lsa-add-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
/* v1.95 pop-out persistence / focused workspace */
body.lsa-layout-popout .load-span-tool .lsa-project-actions{display:none!important}
body.lsa-layout-popout .load-span-tool .lsa-report-header{display:none!important}
.load-span-tool .lsa-stat span .wn-tool-help-inline,
.load-span-tool .lsa-section-heading h3 .wn-tool-help-inline,
.load-span-tool .lsa-details summary .wn-tool-help-inline{vertical-align:middle;margin-left:3px}


/* v1.97 — viewport-anchored compact advisory.
   This is an HTML overlay so SVG safe-zone/viewBox scaling cannot move it over the beam. */
.load-span-tool .lsa-mini-advisory{
  position:absolute;
  z-index:12;
  top:14px;
  right:14px;
  width:112px;
  min-height:72px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  padding:8px 9px 7px;
  border:1.5px solid var(--tool-line-strong);
  border-radius:13px;
  background:var(--tool-surface);
  color:var(--tool-text);
  pointer-events:none;
  box-shadow:0 1px 2px rgba(15,23,42,.04)
}
.load-span-tool .lsa-mini-advisory-title{
  font-size:8px;line-height:1.05;font-weight:900;letter-spacing:.085em;text-transform:uppercase;white-space:nowrap
}
.load-span-tool .lsa-mini-advisory-number{
  font-size:27px;line-height:1;font-weight:900;letter-spacing:-.035em
}
.load-span-tool .lsa-mini-advisory-band{
  font-size:8px;line-height:1.05;font-weight:900;letter-spacing:.08em;text-transform:uppercase
}
.load-span-tool .lsa-mini-advisory[data-band="green"]{background:var(--lsa-green-bg);border-color:var(--lsa-green);color:var(--lsa-green)}
.load-span-tool .lsa-mini-advisory[data-band="yellow"]{background:var(--lsa-yellow-bg);border-color:var(--lsa-yellow);color:var(--lsa-yellow-text,var(--lsa-yellow))}
.load-span-tool .lsa-mini-advisory[data-band="orange"]{background:var(--lsa-orange-bg);border-color:var(--lsa-orange);color:var(--lsa-orange)}
.load-span-tool .lsa-mini-advisory[data-band="red"]{background:var(--lsa-red-bg);border-color:var(--lsa-red);color:var(--lsa-red)}
.load-span-tool .lsa-mini-advisory[data-band="gray"]{background:var(--tool-surface-muted,var(--tool-surface));border-color:var(--tool-line-strong);color:var(--tool-muted)}

@media (max-width:700px){
 .load-span-tool .lsa-mini-advisory{
   top:9px;right:9px;width:88px;min-height:57px;padding:6px 6px 5px;border-radius:10px
 }
 .load-span-tool .lsa-mini-advisory-title{font-size:6px;letter-spacing:.055em}
 .load-span-tool .lsa-mini-advisory-number{font-size:22px}
 .load-span-tool .lsa-mini-advisory-band{font-size:6px}
}
@media (max-width:430px){
 .load-span-tool .lsa-mini-advisory{
   top:7px;right:7px;width:66px;min-height:46px;padding:4px;border-radius:9px
 }
 .load-span-tool .lsa-mini-advisory-title{display:none}
 .load-span-tool .lsa-mini-advisory-number{font-size:19px}
 .load-span-tool .lsa-mini-advisory-band{font-size:6px;letter-spacing:.04em}
}


/* v1.98 — compact advisory mirrors the full Analysis Advisory.
   The large percentage remains dark; band color lives in the surface/border/label. */
.load-span-tool .lsa-mini-advisory-number{color:var(--tool-text)!important}
.load-span-tool .lsa-mini-advisory[data-band="green"]{
  background:var(--lsa-green-bg);border-color:var(--lsa-green);color:var(--lsa-green)
}
.load-span-tool .lsa-mini-advisory[data-band="yellow"]{
  background:var(--lsa-yellow-bg);border-color:var(--lsa-yellow);color:var(--lsa-yellow-text,var(--lsa-yellow))
}
.load-span-tool .lsa-mini-advisory[data-band="orange"]{
  background:var(--lsa-orange-bg);border-color:var(--lsa-orange);color:var(--lsa-orange)
}
.load-span-tool .lsa-mini-advisory[data-band="red"]{
  background:var(--lsa-red-bg);border-color:var(--lsa-red);color:var(--lsa-red)
}
.load-span-tool .lsa-mini-advisory[data-band="gray"]{
  background:
    repeating-linear-gradient(-45deg,
      var(--tool-surface) 0,
      var(--tool-surface) 8px,
      var(--tool-surface-muted,#f3f5f8) 8px,
      var(--tool-surface-muted,#f3f5f8) 16px);
  border-color:var(--tool-line-strong);
  color:var(--tool-muted)
}

/* The report already prints the full Governing Result; suppress the redundant layout overlay. */
@media print{
  .load-span-tool .lsa-mini-advisory{display:none!important}
}


/* v1.99 — mini advisory uses the same two-state model as the full Governing Result:
   data-band = advisory surface/provenance; data-util-band = utilization severity. */
.load-span-tool .lsa-mini-advisory-number{color:var(--tool-text)!important}
.load-span-tool .lsa-mini-advisory[data-band="gray"]{
  background:
    repeating-linear-gradient(-45deg,
      var(--tool-surface) 0,
      var(--tool-surface) 8px,
      var(--tool-surface-muted,#f3f5f8) 8px,
      var(--tool-surface-muted,#f3f5f8) 16px)!important;
  border-color:var(--tool-line-strong)!important
}
.load-span-tool .lsa-mini-advisory[data-band="green"]{background:var(--lsa-green-bg)!important;border-color:var(--lsa-green)!important}
.load-span-tool .lsa-mini-advisory[data-band="yellow"]{background:var(--lsa-yellow-bg)!important;border-color:var(--lsa-yellow)!important}
.load-span-tool .lsa-mini-advisory[data-band="orange"]{background:var(--lsa-orange-bg)!important;border-color:var(--lsa-orange)!important}
.load-span-tool .lsa-mini-advisory[data-band="red"]{background:var(--lsa-red-bg)!important;border-color:var(--lsa-red)!important}

.load-span-tool .lsa-mini-advisory[data-util-band="green"] .lsa-mini-advisory-title,
.load-span-tool .lsa-mini-advisory[data-util-band="green"] .lsa-mini-advisory-band{color:var(--lsa-green)!important}
.load-span-tool .lsa-mini-advisory[data-util-band="yellow"] .lsa-mini-advisory-title,
.load-span-tool .lsa-mini-advisory[data-util-band="yellow"] .lsa-mini-advisory-band{color:var(--lsa-yellow-text,var(--lsa-yellow))!important}
.load-span-tool .lsa-mini-advisory[data-util-band="orange"] .lsa-mini-advisory-title,
.load-span-tool .lsa-mini-advisory[data-util-band="orange"] .lsa-mini-advisory-band{color:var(--lsa-orange)!important}
.load-span-tool .lsa-mini-advisory[data-util-band="red"] .lsa-mini-advisory-title,
.load-span-tool .lsa-mini-advisory[data-util-band="red"] .lsa-mini-advisory-band{color:var(--lsa-red)!important}
.load-span-tool .lsa-mini-advisory[data-util-band="gray"] .lsa-mini-advisory-title,
.load-span-tool .lsa-mini-advisory[data-util-band="gray"] .lsa-mini-advisory-band{color:var(--tool-muted)!important}