.explain{max-width:1140px;margin:0 auto;padding:2.5rem 2rem 5rem;background:var(--paper,#faf8f3);color:var(--ink,#16324f);font-size:var(--body,1rem);line-height:1.6;--drawer-color:#0d7a5c;--drawer-bg:#edfbf4;--crit-color:#b4432b;--crit-bg:#fdf1ee;--conn-color:var(--accent,#c2761c)}.explain-header{text-align:center;margin-bottom:3rem}.explain-header h1{font-family:var(--font-display-role,"Instrument Serif",serif);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:400;margin-bottom:.4rem;letter-spacing:-.01em}.explain-subtitle{color:var(--ink-2,#4a5f78);max-width:42em;margin:0 auto 1.25rem;font-size:.95rem}.explain-principle{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.72rem;color:var(--soft,#8b96a3);border-left:2px solid var(--rule,#e0dbd0);padding-left:.75rem;max-width:36em;margin:0 auto;text-align:left}.explain-legend{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.legend-item{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.6rem;font-weight:500;letter-spacing:.04em;padding:.25rem .5rem;border-radius:3px;border:1px solid var(--rule,#e0dbd0);color:var(--ink-2,#4a5f78)}.legend-item.is-system{background:color-mix(in srgb,var(--accent,#c2761c) 4%,var(--sheet,#ffffff));border-style:dashed;border-color:color-mix(in srgb,var(--accent,#c2761c) 20%,var(--rule,#e0dbd0))}.legend-item.is-message{background:var(--sheet,#ffffff);border-left:3px solid var(--soft,#8b96a3)}.legend-item.is-tool{background:color-mix(in srgb,var(--ink,#16324f) 3%,var(--sheet,#ffffff));border-color:color-mix(in srgb,var(--ink,#16324f) 12%,var(--rule,#e0dbd0))}.legend-item.is-output{background:var(--crit-bg);border-color:color-mix(in srgb,var(--crit-color) 15%,var(--rule,#e0dbd0))}.explain-cols{display:grid;grid-template-columns:1fr 60px 1fr;margin-bottom:.5rem}.col-label{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.5rem 0}.col-label.drawer{color:var(--drawer-color);text-align:right;padding-right:1rem}.col-label.crit{color:var(--crit-color);padding-left:1rem}.explain-grid{display:grid;grid-template-columns:1fr 60px 1fr;position:relative}.explain-grid:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--rule,#e0dbd0);transform:translateX(-50%);z-index:0}.ex-card{background:var(--sheet,#ffffff);border:1px solid var(--rule,#e0dbd0);border-radius:var(--radius,2px);padding:1rem 1.1rem .9rem;position:relative;margin-bottom:1rem}.ex-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius,2px) var(--radius,2px) 0 0}.ex-card.drawer:before{background:var(--drawer-color)}.ex-card.crit:before{background:var(--crit-color)}.ex-card.is-system{background:color-mix(in srgb,var(--accent,#c2761c) 4%,var(--sheet,#ffffff));border-style:dashed;border-color:color-mix(in srgb,var(--accent,#c2761c) 20%,var(--rule,#e0dbd0))}.ex-card.is-message{border-left:3px solid var(--soft,#8b96a3)}.ex-card.drawer.is-message{border-left-color:color-mix(in srgb,var(--drawer-color) 40%,var(--rule,#e0dbd0))}.ex-card.crit.is-message{border-left-color:color-mix(in srgb,var(--crit-color) 40%,var(--rule,#e0dbd0))}.ex-card.is-tool{background:color-mix(in srgb,var(--ink,#16324f) 3%,var(--sheet,#ffffff));border-color:color-mix(in srgb,var(--ink,#16324f) 12%,var(--rule,#e0dbd0))}.ex-card.is-tool:before{opacity:.7}.ex-card.is-output{background:var(--crit-bg);border-color:color-mix(in srgb,var(--crit-color) 15%,var(--rule,#e0dbd0))}.ex-tag{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;display:block}.ex-card.drawer .ex-tag{color:var(--drawer-color)}.ex-card.crit .ex-tag{color:var(--crit-color)}.ex-card h3{font-family:var(--font-display-role,"Instrument Serif",serif);font-size:1.1rem;font-weight:400;margin-bottom:.5rem;letter-spacing:-.01em}.ex-card p{font-size:.85rem;color:var(--ink-2,#4a5f78);margin-bottom:.5rem}.ex-card p:last-child{margin-bottom:0}.left-cell{grid-column:1;padding-right:1rem}.mid-cell{grid-column:2;display:flex;justify-content:center;padding-top:1rem;position:relative;z-index:1}.right-cell{grid-column:3;padding-left:1rem}.tl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tl-dot.drawer{background:var(--drawer-color)}.tl-dot.crit{background:var(--crit-color)}.tl-dot.conn{background:var(--conn-color)}.connector-row{grid-column:1/-1;display:flex;align-items:center;padding:.6rem 0;position:relative;z-index:1}.conn-line{flex:1;height:0;border-top:2px dashed var(--conn-color);opacity:.5}.conn-label{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.65rem;color:var(--conn-color);white-space:nowrap;padding:.2rem .6rem;background:var(--paper,#faf8f3);border:1px solid color-mix(in srgb,var(--conn-color) 30%,transparent);border-radius:3px}.conn-arrow{font-size:.85rem;color:var(--conn-color);line-height:1;flex-shrink:0}.conn-note{font-size:.72rem;color:var(--soft,#8b96a3);flex:1;padding:0 .5rem}.ex-details{margin-top:.5rem}.ex-details summary{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.7rem;color:var(--soft,#8b96a3);cursor:pointer;padding:.3rem 0;list-style:none}.ex-details summary:before{content:"▸ "}.ex-details[open] summary:before{content:"▾ "}.ex-details summary::-webkit-details-marker{display:none}.ex-pre{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.68rem;line-height:1.55;color:var(--ink-2,#4a5f78);background:var(--paper,#faf8f3);border:1px solid var(--rule,#e0dbd0);border-radius:var(--radius,2px);padding:.75rem;margin-top:.35rem;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:50vh;overflow-y:auto}.tool-list{list-style:none;padding:0;margin:0}.tool-list li{font-size:.8rem;color:var(--ink-2,#4a5f78);padding:.2rem 0;display:flex;gap:.4rem;align-items:baseline}.tool-list code{border:1px solid var(--rule,#e0dbd0);padding:.05rem .3rem;border-radius:3px;white-space:nowrap;flex-shrink:0}.schema-block,.tool-list code{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.7rem;background:var(--paper,#faf8f3)}.schema-block{line-height:1.5;border:1px solid var(--rule,#e0dbd0);border-radius:var(--radius,2px);padding:.6rem .75rem;margin-top:.4rem;white-space:pre-wrap;overflow-x:auto}.ex-callout,.schema-block{color:var(--ink-2,#4a5f78)}.ex-callout{font-size:.78rem;background:color-mix(in srgb,var(--accent,#c2761c) 6%,var(--paper,#faf8f3));border-left:3px solid var(--conn-color);padding:.6rem .8rem;margin-top:.5rem;border-radius:0 var(--radius,2px) var(--radius,2px) 0}.explain-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--rule,#e0dbd0);text-align:center}.explain-footer p{font-size:.82rem;color:var(--soft,#8b96a3);max-width:40em;margin:0 auto}.phase-label{grid-column:1/-1;font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--soft,#8b96a3);padding:1.25rem 0 .35rem;text-align:center;position:relative;z-index:1}.case-study{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--rule,#e0dbd0)}.case-study>h2{font-family:var(--font-display-role,"Instrument Serif",serif);font-size:clamp(1.2rem,3vw,1.5rem);font-weight:400;text-align:center;margin-bottom:.4rem;letter-spacing:-.01em}.case-study>.case-subtitle{font-size:.85rem;color:var(--ink-2,#4a5f78);text-align:center;max-width:36em;margin:0 auto 1.5rem}.case-stage{margin-bottom:1.5rem}.case-stage-label{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--soft,#8b96a3);margin-bottom:.5rem}.case-card{background:var(--sheet,#ffffff);border:1px solid var(--rule,#e0dbd0);border-radius:var(--radius,2px);padding:1rem 1.1rem .9rem;position:relative}.case-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius,2px) var(--radius,2px) 0 0}.case-card.drawer:before{background:var(--drawer-color)}.case-card.crit:before{background:var(--crit-color)}.case-card.harness:before{background:var(--conn-color)}.case-card h3{font-family:var(--font-display-role,"Instrument Serif",serif);font-size:1rem;font-weight:400;margin-bottom:.5rem;letter-spacing:-.01em}.case-card p{font-size:.82rem;color:var(--ink-2,#4a5f78);margin-bottom:.4rem}.case-card p:last-child{margin-bottom:0}.case-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:start;margin-bottom:1.5rem}.case-flow>.case-card{margin:0}.case-flow-arrow{display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--conn-color);font-size:1.1rem;align-self:center}.finding-list{list-style:none;padding:0;margin:.5rem 0 0}.finding-list li{font-size:.78rem;color:var(--ink-2,#4a5f78);padding:.35rem 0;border-bottom:1px solid color-mix(in srgb,var(--rule,#e0dbd0) 60%,transparent)}.finding-list li:last-child{border-bottom:none}.finding-anchor{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.6rem;font-weight:600;padding:.1rem .35rem;border-radius:3px;margin-right:.3rem;display:inline-block}.finding-anchor.given{background:var(--crit-bg);color:var(--crit-color)}.finding-anchor.held{background:color-mix(in srgb,var(--soft,#8b96a3) 12%,var(--sheet,#ffffff));color:var(--soft,#8b96a3)}.case-score{display:inline-flex;align-items:baseline;gap:.3rem;font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.72rem;padding:.25rem .5rem;border-radius:3px;margin-top:.35rem}.case-score.pass{background:var(--drawer-bg);color:var(--drawer-color)}.case-score.below{background:color-mix(in srgb,var(--crit-color) 8%,var(--sheet,#ffffff));color:var(--crit-color)}.case-score strong{font-size:1rem;font-weight:600}.case-figure{margin:0}.case-figure figcaption{font-family:var(--font-utility-role,"IBM Plex Mono",monospace);font-size:.65rem;color:var(--soft,#8b96a3);margin-top:.3rem}.case-img{display:block;width:100%;border-radius:var(--radius,2px);border:1px solid var(--rule,#e0dbd0)}.case-img.reference{max-width:480px}.case-img.sheet{max-width:100%}.case-comparison{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.case-comparison .case-img{max-width:100%}@media (max-width:768px){.explain{padding:1.5rem 1rem}.explain-cols,.explain-grid{grid-template-columns:1fr;gap:0}.explain-cols,.explain-grid:before{display:none}.left-cell,.right-cell{grid-column:1;padding:0}.mid-cell{display:none}.connector-row{flex-wrap:wrap;justify-content:center;padding:.75rem 0}.conn-line{display:none}.conn-note{text-align:center;flex-basis:100%;padding:.25rem 0 0}.case-flow{grid-template-columns:1fr;gap:.5rem}.case-flow-arrow{transform:rotate(90deg)}.case-comparison{grid-template-columns:1fr}.case-img.reference{max-width:100%}}