@font-face{font-family:ThreadMono;src:url('./fonts/DejaVuSansMono.ttf') format('truetype');font-display:swap}
#thread{--draft:#33404e;--thread-paper:#0a0f17;--thread-ink:#e8e3d6;padding-top:90px;padding-bottom:90px;scroll-margin-top:85px;border-top:1px solid var(--draft)}
#thread .container{max-width:1280px}#thread .thread-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:end;margin-bottom:35px}#thread .thread-heading h2{font-family:var(--sans);font-size:clamp(38px,4.8vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.045em;max-width:16ch;margin:14px 0 0;color:var(--thread-ink)}#thread .thread-heading p{font:16px/1.8 var(--sans);color:#b6afa1;max-width:48ch}#thread .thread-heading .eyebrow{font-size:10px;letter-spacing:.17em}
#thread .thread-plate{border:1px solid #52606c;background:#0f1620}#thread .thread-plate-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--draft);padding:18px 24px;font:10px/1.6 ThreadMono,monospace;letter-spacing:.08em;color:#a39c8c}#thread .thread-plate-head strong{font-weight:400;color:#e8e3d6}#thread .thread-controls{display:flex;gap:8px;align-items:center}#thread button{font:11px/1.4 ThreadMono,monospace;color:#e8e3d6;background:#0a0f17;border:1px solid #52606c;border-radius:0;padding:10px 14px;cursor:pointer}#thread #thread-play{background:#4dd0e1;border-color:#4dd0e1;color:#0a0f17;min-width:120px}#thread button:focus-visible,#thread summary:focus-visible,#thread a:focus-visible,#thread input:focus-visible{outline:2px solid #4dd0e1;outline-offset:4px}
#thread .thread-cases{display:grid;grid-template-columns:1fr 1fr}#thread .thread-case{--case:#d4a574;min-width:0}#thread .thread-case.fast{--case:#4dd0e1;border-left:1px solid var(--draft)}#thread .thread-case-heading{padding:25px 28px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}#thread .thread-case-heading span{font:10px/1.5 ThreadMono,monospace;color:var(--case)}#thread .thread-case-heading h3{font:400 29px/1.3 var(--sans);color:#e8e3d6;margin:8px 0}#thread .thread-case-heading .case-time{color:#a39c8c;text-align:right;font-size:9px;padding-top:4px}
#thread .thread-drawing{background-color:#0a0f17;background-image:linear-gradient(#26354340 1px,transparent 1px),linear-gradient(90deg,#26354340 1px,transparent 1px);background-size:25px 25px;margin:14px 18px 0;border:1px solid #263543;position:relative}#thread .thread-drawing svg{width:100%;height:auto;display:block}#thread svg .technical{font:9px ThreadMono,monospace;letter-spacing:.03em;fill:#a39c8c}#thread svg .technical.accent{fill:var(--case)}#thread svg .datum{stroke:#52606c;stroke-width:.7;fill:none}#thread svg .construction{stroke:#52606c;stroke-width:.6;stroke-dasharray:4 5;fill:none}#thread svg .hardware{stroke:#b6afa1;stroke-width:1.3;fill:#0a0f17}#thread svg .thread-line{stroke:#e8e3d6;stroke-width:1.8;fill:none;stroke-linecap:round}#thread svg .thread-stressed{stroke:var(--case)}#thread svg .mass-fill{fill:#131d28;stroke:#e8e3d6;stroke-width:1.4}#thread svg .break-mark{stroke:#e57bb0;stroke-width:1.5;fill:none}#thread svg .pull-arrow{stroke:var(--case);stroke-width:1.4;fill:none}#thread svg .hand{color:#e8e3d6;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;fill:#0a0f17}#thread svg .hand-detail{fill:none;stroke:#a39c8c;stroke-width:.9}
#thread .thread-loads{padding:20px 28px 18px;display:grid;gap:11px}#thread .thread-load{display:grid;grid-template-columns:110px 1fr 28px;gap:12px;align-items:center;font:9px/1.5 ThreadMono,monospace;color:#a39c8c}#thread .thread-load>div{position:relative;background:#26323e;height:4px}#thread .thread-load>div:after{content:'';position:absolute;right:0;top:-4px;height:12px;border-right:1px dashed #a39c8c}#thread .thread-load i{display:block;background:var(--case);height:4px;width:35%}#thread .thread-load small{font:8px ThreadMono,monospace}#thread .thread-outcome{border-top:1px solid var(--draft);padding:20px 28px 25px;min-height:148px}#thread .thread-outcome strong{font:11px ThreadMono,monospace;color:var(--case);letter-spacing:.04em}#thread .thread-outcome p{font:14px/1.75 var(--sans);color:#b6afa1;margin:10px 0 0;max-width:46ch}#thread .thread-playhead{border-top:1px solid var(--draft);padding:15px 24px;display:flex;align-items:center;gap:18px;font:9px ThreadMono,monospace;color:#a39c8c}#thread .thread-playhead input{flex:1;min-width:60px;accent-color:#4dd0e1}#thread .thread-playhead output{min-width:105px;text-align:right}#thread .thread-caption{font:10px/1.8 ThreadMono,monospace;color:#a39c8c;margin:14px 0 0}#thread .thread-caption a{color:#4dd0e1;text-decoration:none}
#thread .thread-takeaway{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:35px 0 25px;padding:28px 0;border-top:1px solid var(--draft);border-bottom:1px solid var(--draft)}#thread .thread-takeaway h3{font:400 24px/1.3 var(--sans);color:#e8e3d6;margin:8px 0 12px}#thread .thread-takeaway p{font:15px/1.8 var(--sans);color:#b6afa1}#thread .thread-label{font:9px ThreadMono,monospace;letter-spacing:.12em;color:#4dd0e1}#thread .thread-bench-link{display:inline-flex;align-items:center;gap:25px;margin-top:18px;border:1px solid #52606c;padding:12px 16px;color:#e8e3d6;text-decoration:none;font:11px ThreadMono,monospace}#thread .thread-bench-link:hover{border-color:#4dd0e1}
#thread .thread-notes{border-bottom:1px solid var(--draft);margin:0}#thread .thread-notes summary{list-style:none;padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#e8e3d6;font:13px var(--sans)}#thread .thread-notes summary::-webkit-details-marker{display:none}#thread .thread-notes summary:after{content:'+';font:20px ThreadMono,monospace;color:#4dd0e1}#thread .thread-notes[open] summary:after{content:'−'}#thread .thread-notes summary span{color:#a39c8c;font:10px ThreadMono,monospace;margin-left:auto}#thread .thread-notes-body{padding:10px 0 28px;max-width:940px;color:#b6afa1;font:14px/1.9 var(--sans)}#thread .thread-notes-body .label{display:block;font:10px ThreadMono,monospace;color:#4dd0e1;letter-spacing:.08em;margin-bottom:15px}#thread .thread-notes pre{background:#131d28!important;border:1px solid var(--draft);border-radius:0!important;color:#e8e3d6;font:12px/1.8 ThreadMono,monospace!important;padding:15px!important;overflow-x:auto;max-width:100%}#thread .thread-notes .cite{font-size:12px}#thread .thread-defs{position:absolute;width:0;height:0;overflow:hidden}#thread [hidden]{display:none!important}
@media(max-width:760px){#thread{padding-top:55px;padding-bottom:55px}#thread .thread-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}#thread .thread-heading h2{max-width:18ch}#thread .thread-heading p{font-size:15px}#thread .thread-plate-head{padding:15px;align-items:flex-start;flex-direction:column;gap:12px}#thread .thread-controls{width:100%}#thread .thread-controls button{flex:1}#thread .thread-case-heading{padding:20px 18px 0}#thread .thread-case-heading h3{font-size:25px}#thread .thread-cases{grid-template-columns:1fr}#thread .thread-case.fast{border-left:0;border-top:1px solid #52606c}#thread .thread-drawing{margin:10px 12px 0}#thread .thread-loads,#thread .thread-outcome{padding:18px}#thread .thread-outcome{min-height:0}#thread .thread-takeaway{grid-template-columns:1fr;gap:28px;margin-top:25px}#thread .thread-notes summary span{display:none}#thread .thread-playhead{padding:15px;gap:10px}#thread .thread-playhead label{display:none}}