/* Reusable editorial components for decision-making guides.
 * Visual system: navy ink, white content, pale-blue accents, subtle rules.
 * No inline styling needed in article source.
 */
.article-markdown .decision-cards,
.article-markdown .choice-cards{display:grid;grid-template-columns:1fr;gap:13px;margin:24px 0 34px}
.article-markdown .decision-card,
.article-markdown .choice-card{border:1px solid #CBD7DF;border-radius:12px;padding:22px 24px;background:#fff;min-width:0}
.article-markdown .decision-card{border-left:4px solid #6D8CA3}
.article-markdown .decision-card__label,
.article-markdown .choice-card__label,
.article-markdown .audit-sheet__eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:.08em;color:#52748B;font-weight:700}
.article-markdown .decision-card h3,
.article-markdown .choice-card h3{font-size:17px;line-height:1.6;margin:7px 0 9px;color:#213F54;letter-spacing:-.02em}
.article-markdown .decision-card p,
.article-markdown .choice-card p{font-size:14px;line-height:1.85;margin:0;color:#485B67}
.article-markdown .choice-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
.article-markdown .choice-card__label,
.article-markdown .choice-card h3{grid-column:1/-1}
.article-markdown .choice-card h3{margin:-8px 0 0}
.article-markdown .choice-card__detail{border-top:1px solid #DCE4E9;padding-top:12px}
.article-markdown .choice-card__detail>strong{display:block;font-size:12px;line-height:1.6;margin:0 0 5px;color:#244B67;font-weight:650}
.article-markdown .choice-card__detail p{font-size:13px}

/* Compact numbered workflow. The numbers come from actual ordered-list order. */
.article-markdown .process-steps{counter-reset:guide-step;list-style:none;padding:0;margin:24px 0 36px}
.article-markdown .process-steps>li{
  counter-increment:guide-step;
  list-style:none;
  position:relative;
  padding:0 0 23px 65px;
  margin:0;
  min-height:72px;
}
.article-markdown .process-steps>li::before{
  content:counter(guide-step,decimal-leading-zero);
  position:absolute;left:0;top:0;
  width:44px;height:44px;display:grid;place-items:center;
  border-radius:12px;background:#EDF3F7;color:#244B67;
  font:700 15px/1 'Barlow Condensed','Arial Narrow',sans-serif;
}
.article-markdown .process-steps>li:not(:last-child)::after{
  content:"";position:absolute;left:21px;top:49px;bottom:6px;border-left:1px solid #CBD7DF;
}
.article-markdown .process-steps__body{border-bottom:1px solid #E1E8EC;padding-bottom:15px}
.article-markdown .process-steps>li:last-child .process-steps__body{border-bottom:0}
.article-markdown .process-steps__body>strong{display:block;font-size:16px;font-weight:660;line-height:1.65;margin:0 0 4px;color:#244B67}
.article-markdown .process-steps__body p{font-size:14px;line-height:1.85;color:#50606B;margin:0}

/* A visual, reusable list of capabilities; not a form. */
.article-markdown .capability-grid{list-style:none;padding:0;margin:24px 0 36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.article-markdown .capability-card{
  display:flex;align-items:flex-start;gap:13px;min-width:0;
  border:1px solid #D6E0E6;border-radius:12px;padding:17px 16px;background:#fff;
  list-style:none;margin:0;
}
.article-markdown .capability-card__number{
  flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;
  border-radius:8px;background:#EDF3F7;color:#244B67;
  font:700 13px/1 'Barlow Condensed','Arial Narrow',sans-serif;
}
.article-markdown .capability-card>div{min-width:0}
.article-markdown .capability-card strong{display:block;font-weight:650;font-size:15px;line-height:1.6;color:#244B67}
.article-markdown .capability-card p{margin:6px 0 0;font-size:13px;line-height:1.85;color:#546673}

/* Independent benefit / limitation tables, 12px gutter, shared editorial palette.
 * Two semantic tables remain easy to scan; mobile stacks them as separate panels.
 */
.article-markdown .maintenance-balance{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
  margin:24px 0 20px;
}
.article-markdown .maintenance-balance table.maintenance-balance__table{
  width:100%;
  min-width:0;
  margin:0;
  border:1px solid #CBD7DF;
  border-radius:12px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  overflow:hidden;
  background:#fff;
}
.article-markdown .maintenance-balance__table thead th{
  width:100%;
  font-size:15px;
  font-weight:700;
  padding:17px 15px;
  line-height:1.55;
  color:#193F5A;
  background:#D4E9F8;
}
.article-markdown .maintenance-balance__table--negative thead th{
  color:#713F4D;
  background:#F1E0E4;
}
.article-markdown .maintenance-balance__heading{
  display:flex;
  align-items:flex-start;
  gap:9px;
}
.article-markdown .maintenance-balance__mark{
  display:inline-grid;
  flex:0 0 27px;
  width:27px;
  height:27px;
  place-items:center;
  box-sizing:border-box;
  border-radius:50%;
  font-family:Arial,Helvetica,sans-serif;
  font-size:19px;
  font-weight:700;
  line-height:1;
  color:#fff;
  background:#244B67;
}
.article-markdown .maintenance-balance__table--negative .maintenance-balance__mark{
  background:#854F5F;
}
.article-markdown .maintenance-balance__table tbody td{
  width:100%;
  vertical-align:top;
  padding:16px 15px 18px;
  font-weight:400;
  color:#40515D;
  background:#fff;
  border-bottom:1px solid #D8E2E8;
}
.article-markdown .maintenance-balance__table tbody tr:last-child td{border-bottom:0}
.article-markdown .maintenance-balance__table tbody td strong{
  display:block;
  font-size:14px;
  line-height:1.6;
  font-weight:670;
  color:#244B67;
  margin:0 0 5px;
}
.article-markdown .maintenance-balance__table--negative tbody td strong{color:#435563}
.article-markdown .maintenance-balance__table tbody td span{
  display:block;
  font-size:13px;
  font-weight:400;
  line-height:1.85;
  color:#536572;
}
.article-markdown .maintenance-balance__note{
  background:#F3F7F9;
  border-left:3px solid #6D8CA3;
  border-radius:0 8px 8px 0;
  padding:17px 19px;
  margin:0 0 35px;
}
.article-markdown .maintenance-balance__note>strong{
  display:block;
  font-size:13px;
  color:#244B67;
  font-weight:680;
  margin:0 0 5px;
}
.article-markdown .maintenance-balance__note p{
  margin:0;
  color:#425562;
  font-size:13px;
  line-height:1.85;
}

/* Interactive checksheet. No implied persisted or submitted data. */
.article-markdown .audit-sheet{border:1px solid #BFCFD9;border-radius:14px;padding:25px 26px 18px;margin:24px 0 36px;background:#fff}
.article-markdown .audit-sheet__header{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}
.article-markdown .audit-sheet__header h3{font-size:20px;line-height:1.55;color:#213F54;margin:6px 0 0}
.article-markdown .audit-sheet__count{flex-shrink:0;color:#244B67;font:700 22px/1.35 'Barlow Condensed','Arial Narrow',sans-serif;font-variant-numeric:tabular-nums}
.article-markdown .audit-sheet__track{height:6px;background:#E8EEF2;border-radius:10px;overflow:hidden;margin:18px 0 12px}
.article-markdown .audit-sheet__fill{display:block;background:#527C9D;width:0;height:100%;border-radius:inherit;transition:width .18s ease}
.article-markdown .audit-sheet__items{margin:0;padding:0;border:0;min-width:0}
.article-markdown .audit-sheet .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.article-markdown .audit-sheet__item{display:flex;align-items:flex-start;gap:13px;padding:14px 6px;cursor:pointer;border-bottom:1px solid #E1E8EC}
.article-markdown .audit-sheet__item:last-child{border-bottom:0}
.article-markdown .audit-sheet__item input{appearance:auto;accent-color:#284C67;flex:0 0 auto;width:21px;height:21px;margin:2px 0 0;cursor:pointer}
.article-markdown .audit-sheet__item input:focus-visible{outline:3px solid #527C9D;outline-offset:3px}
.article-markdown .audit-sheet__item span{display:block;font-size:14px;line-height:1.8;color:#334552}
.article-markdown .audit-sheet__item:has(input:checked){background:#F4F8FA;border-radius:5px}
.article-markdown .audit-sheet__item input:checked+span{color:#526674}
.article-markdown .audit-sheet__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.article-markdown .audit-sheet__footer span{font-size:12px;line-height:1.7;color:#546674}
.article-markdown .audit-sheet__reset{border:1px solid #B6C9D5;border-radius:6px;background:#fff;color:#244B67;padding:7px 11px;font-family:inherit;font-weight:650;font-size:12px;line-height:1.5;cursor:pointer;white-space:nowrap}
.article-markdown .audit-sheet__reset:hover{background:#EDF3F7}
.article-markdown .audit-sheet__reset:focus-visible{outline:3px solid #527C9D;outline-offset:2px}
.article-markdown .audit-sheet__note{font-size:11px;line-height:1.8;color:#667A85;margin:14px 0 0}
@media(max-width:750px){
  .article-markdown .decision-card,.article-markdown .choice-card{padding:17px}
  .article-markdown .choice-card{grid-template-columns:1fr;gap:13px}
  .article-markdown .choice-card__label,.article-markdown .choice-card h3{grid-column:auto}
  .article-markdown .choice-card h3{margin:-7px 0 0}
  .article-markdown .decision-card h3,.article-markdown .choice-card h3{font-size:16px}
  .article-markdown .capability-grid{grid-template-columns:1fr}
  .article-markdown .maintenance-balance{grid-template-columns:1fr;gap:12px}
  .article-markdown .maintenance-balance__table thead th{font-size:14px;padding:14px 16px}
  .article-markdown .maintenance-balance__heading{gap:9px}
  .article-markdown .maintenance-balance__mark{flex-basis:25px;width:25px;height:25px;font-size:18px}
  .article-markdown .maintenance-balance__table tbody td{padding:14px 16px}
  .article-markdown .maintenance-balance__table tbody td strong{font-size:14px}
  .article-markdown .maintenance-balance__table tbody td span{font-size:13px;line-height:1.75}
  .article-markdown .maintenance-balance__note{padding:14px 15px}
  .article-markdown .process-steps>li{padding-left:55px}
  .article-markdown .process-steps>li::before{width:38px;height:38px}
  .article-markdown .process-steps>li:not(:last-child)::after{left:18px;top:43px}
  .article-markdown .audit-sheet{padding:18px 16px 15px}
  .article-markdown .audit-sheet__header h3{font-size:17px}
  .article-markdown .audit-sheet__count{font-size:19px}
  .article-markdown .audit-sheet__footer{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.article-markdown .audit-sheet__fill{transition:none}}
@media print{
  .article-markdown .audit-sheet{break-inside:avoid}
  .article-markdown .audit-sheet__reset{display:none}
}
