/* /solutions/healthcare — page-specific styles.
   Accent: a cool, clinical sage. The context section carries this page's own
   illustration, an encounter note with two fields redacted out of the workflow
   (scripts/v47/pages/solutions--healthcare.py). */

#af-mock .story-context{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:5vw;align-items:center}
#af-mock .story-context > p{font-size:26px;line-height:1.52;max-width:21em}
#af-mock .story-context-section{background:#f1f5f0}

/* The note: a chart page, ruled, with a tinted spine down the left. */
#af-mock .hc-note{
  margin:0;background:#fff;border:1px solid #dae2d8;border-radius:4px;
  padding:19px 24px 17px 30px;position:relative;box-shadow:0 18px 40px -34px #2f4433;
}
#af-mock .hc-note::before{content:'';position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:#d9e3d7}
#af-mock .hc-note-head{
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  padding-bottom:12px;border-bottom:1px solid #e6ece5;
}
#af-mock .hc-note-head .eyebrow{margin:0;font:9px/1 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#77887a}
#af-mock .hc-note-purpose{
  font:9px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#4f6353;
  background:#e6efe4;border:1px solid #d3e0d1;border-radius:30px;padding:5px 11px;
}

#af-mock .hc-note-fields{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:16px;margin:0;padding:6px 0 0}
#af-mock .hc-note-fields dt{
  font:9px 'IBM Plex Mono',monospace;letter-spacing:.11em;text-transform:uppercase;
  color:#8b9a8c;padding:11px 0;align-self:center;
}
#af-mock .hc-note-fields dd{
  margin:0;padding:11px 0;font:15px/1.4 'DM Sans',sans-serif;color:#23261f;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #eef2ed;
}
#af-mock .hc-note-fields dt:first-of-type + dd{border-top:0}
#af-mock .hc-note-fields dd i{
  font:normal 8.5px 'IBM Plex Mono',monospace;letter-spacing:.11em;text-transform:uppercase;
  color:#5d7062;background:#eaf1e8;border:1px solid #d8e3d6;border-radius:30px;padding:4px 9px;
}
/* Redaction: the value is not withheld visually as a tease — there is nothing to show,
   because this workflow never retrieves the field. */
#af-mock .hc-note-fields dd[data-redacted] .hc-bar{
  display:block;height:11px;width:min(190px,58%);border-radius:2px;
  background:repeating-linear-gradient(90deg,#3a4239 0 46px,#4c554a 46px 52px);
}
#af-mock .hc-note-fields dd[data-redacted] i{background:transparent;color:#8a9689;border-style:dashed}

#af-mock .hc-note-foot{
  margin:15px 0 0;padding-top:13px;border-top:1px solid #e6ece5;
  font:11px/1.75 'IBM Plex Mono',monospace;color:#77857a;max-width:48ch;
}

/* "What changes" and the workflow list: shorter measure, a sage thread. */
#af-mock .story-capabilities h3{font-size:22px;line-height:1.3}
#af-mock .story-capabilities article:hover .cap-thread i{background:#6f8a74}
#af-mock .story-workflows p{max-width:52ch}

@media(max-width:900px){
  #af-mock .story-context{grid-template-columns:1fr;gap:34px}
  #af-mock .story-context > p{font-size:24px;max-width:none}
}
@media(max-width:560px){
  #af-mock .hc-note-fields{grid-template-columns:1fr}
  #af-mock .hc-note-fields dt{padding-bottom:0}
  #af-mock .hc-note-fields dd{border-top:0;padding-top:4px}
}

/* "In practice": a clinic morning as the scheduling workflow sees it — one panel wide,
   with the note left unsigned (scripts/v47/pages/solutions--healthcare.py). */
#af-mock .hc-day{border:1px solid #e2e5e9;border-radius:12px;background:#fff;overflow:hidden}
#af-mock .hc-day-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;
  padding:17px 26px;border-bottom:1px solid #e2e5e9;
  font:11px 'IBM Plex Mono',monospace;letter-spacing:.04em;color:#8a927c;
}
#af-mock .hc-day-head .eyebrow{margin:0;font-size:11px;letter-spacing:.14em;color:#3f4a4a}

#af-mock .hc-grid{display:grid;grid-template-columns:84px minmax(0,1fr) minmax(0,.86fr)}
#af-mock .hc-col{padding:16px 20px;border-bottom:1px solid #e2e5e9;background:#fbfcf8}
#af-mock .hc-col b{display:block;margin-top:9px;font:500 14.5px 'DM Sans',sans-serif;color:#0a0a0a}
#af-mock .hc-col span{display:block;margin-top:4px;font:9.5px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#9aa287}
#af-mock .hc-col-off{background:repeating-linear-gradient(135deg,#faf8f5,#faf8f5 7px,#f4f0ea 7px,#f4f0ea 14px)}
#af-mock .hc-col-off b{color:#8a8073}

#af-mock .hc-time{
  padding:20px 14px 20px 26px;border-bottom:1px solid #eef0ec;border-right:1px solid #eef0ec;
  font:11px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#9aa287;
}
#af-mock .hc-cell{padding:14px 16px;border-bottom:1px solid #eef0ec}
#af-mock .hc-cell-off{background:repeating-linear-gradient(135deg,#fdfcfa,#fdfcfa 7px,#f7f3ee 7px,#f7f3ee 14px)}
#af-mock .hc-grid > .hc-time:last-of-type,
#af-mock .hc-grid > .hc-cell:nth-last-child(-n+2){border-bottom:0}
#af-mock .hc-empty{display:block;padding:6px 2px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#b3a99c}

#af-mock .hc-card{border:1px solid #dfe3d5;border-left:3px solid #c3d9a0;border-radius:7px;background:#fff;padding:13px 15px}
#af-mock .hc-card b{display:block;font:400 10.5px 'IBM Plex Mono',monospace;letter-spacing:.07em;color:#94a08d}
#af-mock .hc-card > span{display:block;margin-top:6px;font:500 15.5px/1.4 'DM Sans',sans-serif;color:#0a0a0a}
#af-mock .hc-card i{display:block;margin-top:8px;font:normal 12.5px/1.65 'DM Sans',sans-serif;color:#69707c}
#af-mock .hc-card[data-state=hold]{border-left-color:#e0df93;background:#fdfbf1}
#af-mock .hc-card[data-state=no]{border-left-color:#f0b98c;border-style:dashed;border-left-style:solid;background:#fdf9f6}
#af-mock .hc-card[data-state=no] > span{color:#7a6b60;text-decoration:line-through;text-decoration-color:#dcc8b8}
#af-mock .hc-sign{
  display:flex;align-items:flex-end;gap:10px;margin-top:14px;
  font:9.5px 'IBM Plex Mono',monospace;letter-spacing:.13em;color:#9a9378;
}
#af-mock .hc-sign em{display:block;flex:1;max-width:160px;border-bottom:1px solid #c9bd92}
#af-mock .hc-tool{
  display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;
  border:1px solid #e2e5e9;border-radius:30px;background:#fff;
  font:9.5px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#8b9080;
}
#af-mock .hc-tool img{display:block;width:14px;height:14px;object-fit:contain}
#af-mock .hc-day-foot{
  margin:0;padding:14px 26px;border-top:1px solid #e2e5e9;background:#fbfbf8;
  font:10.5px/1.6 'IBM Plex Mono',monospace;color:#9a9c93;
}

@media(max-width:860px){
  #af-mock .hc-grid{grid-template-columns:62px minmax(0,1fr)}
  #af-mock .hc-col:first-child{display:none}
  #af-mock .hc-col{grid-column:2}
  #af-mock .hc-col-off{grid-column:2}
  #af-mock .hc-time{padding:16px 10px 16px 18px}
  #af-mock .hc-cell{grid-column:2}
  #af-mock .hc-cell-off{border-top:0}
}