.inline-illustration {
  font-family:Arial,'Segoe UI',sans-serif;
  background:#ebe6da;
  border-top:2px solid var(--ink);
  padding:20px 14px;
  margin:30px 0 35px;
  break-inside:avoid
}
.illustration-title {
  font-size:20px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.035em;
  max-width:580px;
  margin-bottom:15px
}
.illustration-art svg {
  display:block;
  width:100%;
  height:auto
}
.illustration-labels {
  display:flex;
  gap:12px;
  font-size:12px;
  line-height:1.35;
  margin:4px 0 18px
}
.illustration-labels>span {
  flex:1;
  min-width:0;
  border-top:1px solid #bdb8ab;
  padding-top:9px
}
.inline-illustration figcaption {
  font-size:13px;
  line-height:1.5;
  color:#535149;
  margin-top:16px;
  max-width:620px
}
.time-picture {
  margin:30px 0 20px
}
.time-picture-bar {
  display:flex;
  height:50px;
  border:1px solid var(--ink)
}
.time-picture-work {
  background:var(--ink);
  width:3.030303%
}
.time-picture-wait {
  background:var(--yellow);
  flex:1
}
.time-picture-values {
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:17px
}
.time-picture-values p {
  font-size:13px;
  margin:0
}
.time-picture-values b {
  display:block;
  font-size:25px;
  font-weight:500;
  letter-spacing:-1px
}
.decision-picture {
  display:grid;
  gap:20px;
  margin:25px 0
}
.decision-picture>div {
  border-top:1px solid var(--ink);
  padding-top:10px
}
.decision-picture span {
  display:block;
  font-size:12px;
  margin-bottom:8px;
  color:var(--muted)
}
.decision-picture b {
  display:block;
  font-size:19px;
  line-height:1.2;
  letter-spacing:-.035em
}
.decision-picture p {
  font-size:13px;
  line-height:1.4;
  margin:12px 0 0
}

@media(min-width:600px) {
  .inline-illustration {
    padding:26px 26px 22px;
    margin:38px 0 42px
  }
  .illustration-title {
    font-size:25px
  }
  .illustration-labels {
    font-size:14px;
    gap:24px
  }
  .inline-illustration figcaption {
    font-size:14px
  }
  .decision-picture {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px
  }
  .time-picture-values b {
    font-size:34px
  }
  .time-picture-bar {
    height:64px
  }

}

/* Meta-efficiency diagrams: original vector symbols + responsive HTML labels. */
.learning-figure {
  --diagram-line:#9ba99a;
  container-type:inline-size;
  container-name:meta-diagram;
  --diagram-dark:#355642;
  margin:36px 0 42px;
  padding:clamp(20px,3vw,30px);
  border:1px solid #b7c2b1;
  border-radius:8px;
  background:#edf0e7;
  font-family:Arial,'Segoe UI',sans-serif;
  font-size:15px;
  line-height:1.5;
  break-inside:avoid;
}
.diagram-kicker { display:block; font-size:11px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:#52634f; margin-bottom:12px; }
.diagram-heading h3 { font-size:clamp(21px,2.5vw,27px); line-height:1.2; letter-spacing:-.025em; margin:0 0 28px; text-wrap:balance; }
.learning-figure figcaption { margin-top:24px; padding-top:16px; border-top:1px solid #b7c2b1; font-size:14px; line-height:1.55; color:#4b5848; }
.learning-figure p { font-size:14px; line-height:1.5; margin:10px 0 0; }
.learning-figure svg { display:block; width:44px; height:46px; color:var(--diagram-dark); margin-bottom:20px; }
.diagram-flow,.influence-map,.priority-choices,.evidence-split,.decision-scale { display:grid; gap:16px; }
.diagram-card { min-width:0; padding:20px; border:1px solid var(--diagram-line); border-radius:5px; background:#f9faf5; }
.diagram-label { display:block; font-size:12px; line-height:1.4; color:#56644f; margin-bottom:8px; }
.diagram-card strong { display:block; font-size:18px; line-height:1.25; font-weight:600; letter-spacing:-.015em; }
.diagram-flow .diagram-card { position:relative; }
.diagram-flow .diagram-card:not(:last-child)::after { content:'↓'; position:absolute; bottom:-21px; left:calc(50% - 12px); width:24px; height:24px; font-size:20px; line-height:24px; background:#edf0e7; text-align:center; z-index:1; color:var(--diagram-dark); }
.influence-self { background:#dce6d5; border-color:#647e5c; }
.influence-shared { background:#f2f1df; }
.influence-outside,.deferred { border-style:dashed; background:transparent; }
.priority-equation { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 24px; }
.priority-equation>span { display:block; font-size:13px; }
.priority-equation b { display:block; font-size:clamp(28px,5vw,40px); font-weight:500; letter-spacing:-.04em; white-space:nowrap; }
.priority-equation>span[aria-hidden] { font-size:28px; color:var(--diagram-dark); }
.chosen { background:#dce6d5; border-color:#647e5c; }
.plan-timeline { list-style:none; margin:0; padding:0 0 0 24px; border-left:2px solid #8fa085; }
.plan-timeline li { position:relative; padding:0 0 26px 0; margin:0; }
.plan-timeline li:last-child { padding-bottom:0; }
.plan-timeline li::before { content:''; position:absolute; left:-31px; top:3px; width:12px; height:12px; border-radius:50%; border:2px solid #edf0e7; background:var(--diagram-dark); }
.plan-timeline li>span { display:block; font-size:12px; color:#56644f; margin-bottom:7px; }
.plan-timeline strong { font-size:18px; line-height:1.3; }
.capacity-bar { display:grid; grid-template-columns:repeat(16,minmax(0,1fr)); height:64px; gap:2px; margin-bottom:24px; }
.capacity-bar>span { grid-column:span var(--units); border:1px solid #46603e66; }
.capacity-prep { background:#355642; }.capacity-clarify { background:#79906b; }.capacity-meeting { background:#ddbd50; }.capacity-transfer { background:#ab9364; }.capacity-reserve { background:repeating-linear-gradient(135deg,#d7dfce,#d7dfce 4px,#8c9c7a 4px,#8c9c7a 5px); }.capacity-free { background:#f9faf5; }
.capacity-legend { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.capacity-legend li { display:grid; grid-template-columns:14px minmax(0,1fr) auto; align-items:center; gap:10px; font-size:14px; margin:0; }
.capacity-legend i { width:14px; height:14px; border:1px solid #46603e66; }
.capacity-legend b { font-weight:500; font-variant-numeric:tabular-nums; }
.attention-gate { display:grid; gap:18px; }
.gate-focus { border:1px solid #647e5c; border-radius:6px; padding:22px; background:#dce6d5; }
.gate-focus strong { display:block; font-size:20px; line-height:1.3; }
.gate-channels { display:grid; gap:16px; }
.gate-channels>div { border-left:2px solid var(--diagram-dark); padding:5px 0 5px 16px; }
.gate-channels>div:first-child { border-left-style:dashed; }
.gate-channels strong { display:block; font-size:17px; line-height:1.3; }
.observation-grid { display:grid; gap:24px; }
.observation-grid h4 { font-size:16px; line-height:1.35; margin:0 0 14px; font-weight:600; }
.observation-grid ol { list-style:none; margin:0; padding:0; }
.observation-grid li { display:grid; grid-template-columns:80px minmax(0,1fr) 12px; align-items:center; gap:8px; margin:12px 0; font-size:13px; }
.observation-grid b { font-weight:500; }
.observation-dots { display:flex; gap:5px; }
.observation-dots i { display:block; width:12px; height:12px; border:1px solid #84967b; border-radius:50%; flex-shrink:0; }
.observation-dots .filled { background:var(--diagram-dark); border-color:var(--diagram-dark); }
.learning-figure .diagram-note { margin:22px 0 0; font-size:14px; padding:14px 16px; background:#dce6d5; border-radius:4px; }
.handoff-head { display:flex; align-items:center; gap:18px; padding-bottom:20px; }
.handoff-head svg { flex:0 0 44px; margin:0; }
.handoff-head strong { display:block; font-size:20px; line-height:1.25; }
.agreement-grid { display:grid; grid-template-columns:1fr; margin:0; gap:0; }
.agreement-grid>div { border-top:1px solid var(--diagram-line); padding:16px 0; }
.agreement-grid dt { font-size:12px; color:#56644f; margin-bottom:6px; }
.agreement-grid dd { margin:0; font-size:17px; font-weight:600; line-height:1.35; }
@container meta-diagram (min-width:560px) {
  .diagram-flow { grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:20px; }
  .diagram-flow .diagram-card:not(:last-child)::after { content:'→'; bottom:auto; top:50%; left:auto; right:-23px; }
  .diagram-card { padding:18px; }
  .influence-map,.evidence-split { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .priority-choices,.decision-scale,.observation-grid,.agreement-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .attention-gate { grid-template-columns:1fr 1.2fr; gap:24px; align-items:center; }
  .capacity-legend { grid-template-columns:1fr 1fr; gap:12px 28px; }
  .priority-equation { justify-content:center; gap:40px; }
  .agreement-grid { column-gap:30px; row-gap:0; }
}
@media print { .learning-figure { background:white; border-color:#aaa; }.diagram-flow,.influence-map,.evidence-split { display:grid; grid-auto-flow:row; grid-template-columns:1fr; }.diagram-card { break-inside:avoid; }.learning-figure svg { width:35px; height:35px; } }