
/* Five comparable placement cards; no bitmap text or new runtime dependency. */
.placement-figure{margin:28px 0 8px;--placement-accent:#aa662e;--placement-line:#c4d0ca;--placement-ink:#18383c;color:var(--placement-ink);font-family:Inter,"PingFang SC",sans-serif;container-type:inline-size}
.placement-axis{position:relative;display:flex;justify-content:space-between;gap:24px;padding-top:24px;margin-bottom:16px;color:#5b7474;font-size:13px;line-height:1.5}
.placement-axis:before{content:"";position:absolute;inset:0 0 auto;height:7px;border-radius:10px;background:linear-gradient(90deg,#ccd6d1,#15393d)}
.placement-axis span:last-child{text-align:right}
.placement-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.placement-card{padding:17px 13px 22px;background:#edf1ed;border:1px solid var(--placement-line);min-width:0}
.placement-number{display:block;font:11px/1.3 monospace;color:#6c8280;margin-bottom:14px}
.placement-figure .placement-card h3{font-size:17px;line-height:1.22;letter-spacing:-.02em;margin:0 0 16px;min-height:2.5em;overflow-wrap:normal;hyphens:none}
.placement-figure .placement-card p{font-size:14px;line-height:1.6;margin:0;max-width:none;overflow-wrap:normal;hyphens:none}
.placement-figure .placement-card .placement-cue{color:var(--placement-accent);white-space:pre-line;font:12px/1.55 "IBM Plex Mono",monospace;min-height:4.65em;margin-bottom:13px}
.placement-focus{background:#f8f2e9;border:2px solid #b9753c;padding:16px 12px 21px}
.placement-focus .placement-number{color:var(--placement-accent)}
.placement-bracket{position:relative;grid-column:4/6;text-align:center;border-top:2px solid #b9753c;margin-top:10px;padding-top:9px;color:var(--placement-accent);font-size:13px;font-weight:600;line-height:1.5}
.placement-bracket:before,.placement-bracket:after{content:"";position:absolute;top:-11px;height:10px;width:2px;background:#b9753c}.placement-bracket:before{left:0}.placement-bracket:after{right:0}
.placement-figure figcaption,.placement-figure .placement-evidence{font-size:12px;line-height:1.7;margin:18px 0 0;color:#566f6f;max-width:none}
.placement-figure .placement-evidence{margin-top:10px;padding-top:10px;border-top:1px solid #d4ddd6}
.placement-figure a{text-decoration:underline;text-underline-offset:3px}
@container(max-width:620px){.placement-axis{font-size:12px;gap:15px}.placement-grid{grid-template-columns:1fr;gap:10px}.placement-card,.placement-focus{display:grid;grid-template-columns:27px minmax(0,1fr);gap:7px 12px;padding:17px 18px}.placement-number{grid-row:1/4;margin:3px 0}.placement-figure .placement-card h3{min-height:0;font-size:18px;margin:0}.placement-figure .placement-card .placement-cue{min-height:0;font-size:12px;margin:0}.placement-figure .placement-card .placement-use{grid-column:2;font-size:14px}.placement-bracket{grid-column:1;font-size:13px;margin:6px 0 0}.placement-figure figcaption,.placement-figure .placement-evidence{font-size:12px}}
@media print{.placement-figure{container-type:normal;margin:5mm 0 0;break-inside:avoid}.placement-axis{font-size:8pt;padding-top:4mm;margin-bottom:3mm}.placement-axis:before{height:1.5mm}.placement-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2.4mm}.placement-card{display:block;padding:3.5mm 2.5mm 4mm}.placement-focus{padding:3.25mm 2.25mm 3.75mm}.placement-number{font-size:7pt;margin:0 0 3mm}.placement-figure .placement-card h3{font-size:10pt;line-height:1.3;min-height:3.9em;margin-bottom:3mm}.placement-figure .placement-card p{font-size:8.5pt;line-height:1.55}.placement-figure .placement-card .placement-cue{font-family:Inter,"PingFang SC",sans-serif;font-size:8pt;line-height:1.5;min-height:4.5em;margin-bottom:3mm}.placement-bracket{grid-column:4/6;font-size:8pt;margin-top:3mm;padding-top:2mm}.placement-figure figcaption,.placement-figure .placement-evidence{font-size:8pt;line-height:1.6;margin-top:4mm}.placement-figure .placement-evidence{margin-top:2mm;padding-top:2mm}}
