.tool-ops-guide { display: grid; gap: 22px; color: #172033; }
.tool-ops-guide * { box-sizing: border-box; }
.tool-ops-guide .tool-ops-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 26px; padding: 30px; border: 1px solid #d6e5f0; border-radius: 22px; background: linear-gradient(135deg, #fff, #eef8ff); }
.tool-ops-guide .tool-ops-eyebrow { color: #0878b8; font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.tool-ops-guide .tool-ops-hero h2 { margin: 8px 0; font-size: clamp(25px, 3vw, 32px); letter-spacing: -.04em; }
.tool-ops-guide .tool-ops-hero p { max-width: 630px; margin: 0; color: #52657a; line-height: 1.7; }
.tool-ops-guide .tool-ops-status { display: grid; min-width: 245px; max-width: 290px; gap: 8px; padding: 19px; border-radius: 16px; background: #0f172a; color: #fff; }
.tool-ops-guide .tool-ops-status strong { color: #7dd3fc; font-size: 12px; }
.tool-ops-guide .tool-ops-status span { font-size: 19px; font-weight: 850; letter-spacing: -.035em; }
.tool-ops-guide .tool-ops-status small { color: #cbd5e1; line-height: 1.5; }
.tool-ops-guide .tool-ops-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.tool-ops-guide .tool-ops-summary article { padding: 21px; border: 1px solid #dbe5ef; border-radius: 18px; background: #fff; }
.tool-ops-guide .tool-ops-summary span { color: #0878b8; font-size: 12px; font-weight: 850; }
.tool-ops-guide .tool-ops-summary strong { display: block; margin: 8px 0; font-size: 19px; line-height: 1.4; }
.tool-ops-guide .tool-ops-summary p { margin: 0; color: #52657a; font-size: 14px; line-height: 1.65; }
.tool-ops-guide .tool-ops-section { padding: 26px; border: 1px solid #dbe5ef; border-radius: 20px; background: #fff; }
.tool-ops-guide .tool-ops-heading { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
.tool-ops-guide .tool-ops-heading > span { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: #0878b8; color: #fff; font-size: 12px; font-weight: 900; }
.tool-ops-guide .tool-ops-heading h3 { margin: 0 0 5px; font-size: 22px; letter-spacing: -.03em; }
.tool-ops-guide .tool-ops-heading p { margin: 0; color: #52657a; line-height: 1.65; }
.tool-ops-guide .tool-ops-heading em { font-style: normal; font-weight: 800; }
.tool-ops-guide .tool-ops-groups { display: grid; gap: 10px; }
.tool-ops-guide .tool-ops-group { overflow: hidden; border: 1px solid #dbe5ef; border-radius: 14px; }
.tool-ops-guide .tool-ops-group summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; background: #f4f9fd; cursor: pointer; }
.tool-ops-guide .tool-ops-group summary::marker { color: #0878b8; }
.tool-ops-guide .tool-ops-group summary strong { color: #075b8d; }
.tool-ops-guide .tool-ops-group summary span { color: #52657a; font-size: 13px; }
.tool-ops-guide .tool-ops-group summary:focus-visible, .tool-ops-guide a:focus-visible { outline: 3px solid #0878b8; outline-offset: 3px; }
.tool-ops-guide .tool-ops-footnote { margin: 13px 0 0; color: #52657a; font-size: 13px; line-height: 1.6; }
.tool-ops-guide .tool-ops-table-wrap { max-width: 100%; overflow-x: auto; }
.tool-ops-guide .tool-ops-section > .tool-ops-table-wrap { border: 1px solid #e1e8f0; border-radius: 14px; }
.tool-ops-guide table { width: 100%; border-collapse: collapse; }
.tool-ops-guide th, .tool-ops-guide td { padding: 14px 16px; border-bottom: 1px solid #e7edf3; text-align: left; vertical-align: top; line-height: 1.55; }
.tool-ops-guide thead th { background: #eff8fd; color: #075b8d; font-size: 13px; }
.tool-ops-guide tbody th { width: 26%; min-width: 180px; font-size: 14px; }
.tool-ops-guide tbody td { color: #526174; font-size: 14px; }
.tool-ops-guide tr:last-child th, .tool-ops-guide tr:last-child td { border-bottom: 0; }
.tool-ops-guide tbody th a { display: block; color: #075b8d; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.tool-ops-guide tbody th a span { display: block; margin-top: 3px; color: #52657a; font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.tool-ops-guide .tool-ops-flow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: tool-flow; }
.tool-ops-guide .tool-ops-flow li { position: relative; padding: 18px 18px 18px 56px; border-radius: 14px; background: #f6f9fc; counter-increment: tool-flow; }
.tool-ops-guide .tool-ops-flow li::before { position: absolute; top: 17px; left: 16px; display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; background: #dff4fc; color: #0878b8; font-size: 12px; font-weight: 900; content: counter(tool-flow); }
.tool-ops-guide .tool-ops-flow strong { display: block; margin-bottom: 6px; }
.tool-ops-guide .tool-ops-flow span { display: block; color: #52657a; font-size: 13px; line-height: 1.65; }
.tool-ops-guide code { padding: 1px 4px; border-radius: 4px; background: #eaf2fa; font-size: .92em; }
.tool-ops-guide .tool-ops-source-note { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 16px; padding: 18px; border: 1px solid #b8dcea; border-radius: 13px; background: #f1faff; }
.tool-ops-guide .tool-ops-source-note strong { color: #075b8d; }
.tool-ops-guide .tool-ops-source-note p { flex: 1 1 500px; margin: 0; color: #41576b; font-size: 13px; line-height: 1.65; }
.tool-ops-guide .tool-ops-source-note a { color: #075b8d; font-size: 12px; font-weight: 800; white-space: nowrap; }
.tool-ops-guide .tool-ops-record { margin-top: 16px; padding: 18px; border: 1px dashed #ccdce9; border-radius: 13px; }
.tool-ops-guide .tool-ops-record h4 { margin: 0 0 12px; font-size: 16px; }
.tool-ops-guide .tool-ops-record ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 22px; margin: 0; padding-left: 20px; color: #52657a; font-size: 13px; line-height: 1.6; }
.tool-ops-guide .tool-ops-improvement, .tool-ops-guide .tool-ops-cadence { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.tool-ops-guide .tool-ops-improvement article, .tool-ops-guide .tool-ops-cadence article { padding: 19px; border-radius: 14px; background: #f6f9fc; }
.tool-ops-guide .tool-ops-improvement strong { color: #075b8d; }
.tool-ops-guide .tool-ops-improvement p { margin: 8px 0 0; color: #52657a; font-size: 13px; line-height: 1.7; }
.tool-ops-guide .tool-ops-cadence span { color: #0878b8; font-size: 12px; font-weight: 850; }
.tool-ops-guide .tool-ops-cadence h4 { margin: 6px 0 12px; font-size: 17px; }
.tool-ops-guide .tool-ops-cadence ul { display: grid; gap: 10px; margin: 0; padding-left: 20px; color: #52657a; font-size: 13px; line-height: 1.65; }
.tool-ops-guide .tool-ops-stop { padding: 20px 22px; border: 1px solid #f1d5a4; border-radius: 16px; background: #fffaf0; }
.tool-ops-guide .tool-ops-stop strong { color: #995a00; }
.tool-ops-guide .tool-ops-stop p { margin: 7px 0 0; color: #725223; line-height: 1.7; }
@media (max-width: 900px) {
  .tool-ops-guide .tool-ops-hero { align-items: stretch; flex-direction: column; padding: 22px; }
  .tool-ops-guide .tool-ops-status { min-width: 0; max-width: none; }
  .tool-ops-guide .tool-ops-summary, .tool-ops-guide .tool-ops-improvement, .tool-ops-guide .tool-ops-cadence { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .tool-ops-guide .tool-ops-section { padding: 18px; }
  .tool-ops-guide .tool-ops-flow, .tool-ops-guide .tool-ops-record ul { grid-template-columns: 1fr; }
  .tool-ops-guide .tool-ops-group summary { align-items: flex-start; flex-direction: column; }
  .tool-ops-guide th, .tool-ops-guide td { padding: 11px 12px; }
  .tool-ops-guide .tool-ops-table-wrap table { min-width: 550px; }
}