
@font-face{font-family:Jakarta;src:url('/assets/fonts/plus-jakarta-sans-400.ttf')}
@font-face{font-family:Cormorant;src:url('/assets/fonts/cormorant-garamond-500.ttf');font-weight:500}
:root{color-scheme:light;--paper:#FDFBF9;--ink:#100A0D;--mauve:#B7A9AC;--muted:#6A696C}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.6 Jakarta,Arial,sans-serif}
main{max-width:1120px;margin:auto;padding:0 28px}#diagram{padding:48px 40px 36px;background:var(--paper)}
.brand{width:265px;max-width:100%;margin-bottom:36px}.brand img{width:100%;display:block}
h1,h2,h3,p{margin:0}h1{font:500 3rem/1.08 Cormorant,Georgia,serif;margin-bottom:14px}
h2{font:500 2rem/1.16 Cormorant,Georgia,serif}h3{font:500 1.875rem/1.2 Cormorant,Georgia,serif}
.intro{max-width:45rem;color:var(--muted)}.stage{margin-top:28px}.stage p{margin-top:8px;text-wrap:pretty}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:48px}.actor{font-size:.8125rem;color:var(--muted);display:block;margin-bottom:7px}
.arrow{display:block;text-align:center;color:var(--mauve);font-size:26px;line-height:1;margin:18px 0}
.parallel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;position:relative;padding-top:22px}
.parallel::before{content:'';position:absolute;top:0;left:16.66%;right:16.66%;height:1px;background:var(--mauve)}
.parallel section{position:relative}.parallel section::before{content:'';position:absolute;height:22px;width:1px;background:var(--mauve);left:50%;top:-22px}
.parallel p{margin-top:10px}.parallel .actor{margin-bottom:8px}.parallel p:last-child{color:var(--muted);font-size:.875rem}
.evidence{padding:22px 0;border-top:.5px solid var(--mauve);border-bottom:.5px solid var(--mauve)}
.evidence p{margin-top:8px;max-width:48rem}.small{font-size:.875rem;color:var(--muted)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:48px}.checks p{margin-top:9px}
.choice{display:flex;align-items:baseline;justify-content:space-between;gap:28px}.choice p{max-width:32rem;margin-top:8px}
.metrics{display:flex;gap:36px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:.5px solid var(--mauve)}
.metrics strong{font:500 2rem/1.2 Cormorant,Georgia,serif;display:block}.metrics span{font-size:.8125rem;color:var(--muted)}
.downstream{margin-top:26px}.downstream p+p{margin-top:6px}.diagram-foot{margin-top:26px;font-size:.8125rem;color:var(--muted)}
.outside{padding:0 40px 44px}.outside p{margin:16px 0}.outside a+a{margin-left:24px}
a{color:inherit;text-decoration:underline;text-decoration-color:var(--mauve);text-decoration-thickness:.5px;text-underline-offset:4px}a:focus-visible{outline:1px solid var(--ink);outline-offset:5px}
@media(max-width:700px){main{padding:0}#diagram{padding:26px 20px 30px}.brand{width:100%;max-width:360px;margin-bottom:30px}h1{font-size:2.375rem}h2,h3{font-size:1.875rem}.pair,.checks{grid-template-columns:1fr;gap:25px}.parallel{grid-template-columns:1fr;gap:24px;padding:0 0 0 19px;border-left:1px solid var(--mauve);margin-left:3px}.parallel::before,.parallel section::before{display:none}.parallel section{padding-left:0}.parallel p{margin-top:6px}.choice{display:block}.metrics{gap:24px}.metrics div{flex:1 1 110px}.outside{padding:0 20px 36px}.outside a{display:inline-block;margin-bottom:8px}.outside a+a{margin-left:0;margin-right:20px}.actor{font-size:.8125rem}}
@media print{.outside{display:none}#diagram{padding:0}main{padding:0}.stage,.parallel,.checks{break-inside:avoid}}

.article h2.section-title{font-weight:400;text-align:center;margin-bottom:calc(22px + 2.05%)}.section-title span{display:inline-block;position:relative}.section-title span::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--mauve);transform:scaleY(.5);transform-origin:top}
main{max-width:1020px;padding:36px 28px 52px}.brand{width:230px;margin-bottom:26px}h1{font-size:2rem;font-weight:400;text-align:center;margin-bottom:12px}h1 span{display:inline-block;position:relative}h1 span::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--mauve);transform:scaleY(.5);transform-origin:top}.diagram-capture{background:var(--paper);padding-top:12px}.diagram-capture svg{display:block;width:100%;height:auto}.diagram-capture text{font-family:Cormorant,Georgia,serif;font-weight:500;font-size:30px;fill:var(--ink)}.diagram-capture .num,.diagram-capture .step{font-family:Jakarta,Arial,sans-serif;font-weight:400;font-size:12px;fill:var(--muted)}.connection{fill:none;stroke:var(--mauve);stroke-width:.8;vector-effect:non-scaling-stroke}.article{max-width:none;padding:20px 0 0}.article h2{font-size:2rem;margin-bottom:12px}.article section{margin:28px 0}.article p{margin:0}.tools{margin:0;padding-left:20px}.tools li{margin:9px 0;padding-left:3px;font-size:.9375rem}.tools strong{font-weight:400}.tools li::marker{color:var(--mauve)}.foot{margin:36px 0 0;font-size:.875rem;color:var(--muted)}
@media(max-width:700px){main{padding:24px 20px 40px}.brand{width:100%;max-width:360px}h1{font-size:1.875rem}.diagram-capture{width:calc(100% + 20px);margin:0 -10px;padding-top:10px}.article{padding-top:8px}.article h2{font-size:1.875rem}.article h2.section-title{margin-bottom:calc(20px + 2.05%)}.tools{padding-left:18px}.tools li{padding-left:0}.article section{margin:25px 0}}
@media print{.foot{display:none}.article section{break-inside:avoid}}
