.deepdive{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 62%,transparent);margin-top:34px;position:relative}.deepdive:before,.deepdive:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.deepdive:before{border-top:1px solid var(--acc);border-left:1px solid var(--acc);top:0;left:0}.deepdive:after{border-bottom:1px solid var(--acc);border-right:1px solid var(--acc);bottom:0;right:0}.deepdive>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:baseline;gap:10px;padding:13px 18px;list-style:none;display:flex}.deepdive>summary::-webkit-details-marker{display:none}.deepdive>summary:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.deepdive .dd-toggle,.deepdive .dd-skill{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.deepdive .dd-toggle{color:var(--acc)}.deepdive .dd-toggle:before{content:"[+]"}.deepdive[open] .dd-toggle:before{content:"[-]"}.deepdive .dd-skill{color:color-mix(in srgb,var(--acc) 65%,var(--dim));transition:color .2s}.deepdive>summary:hover .dd-skill{color:var(--acc)}.deepdive .dd-affordance{font:700 .62rem/1.35 var(--mono);letter-spacing:.14em;color:var(--acc);flex:none;margin-left:auto;transition:transform .2s}.deepdive[open] .dd-affordance{transform:rotate(180deg)}.deepdive .dd-rail{gap:16px;margin:0;padding:8px 18px 22px;list-style:none;animation:.45s both ddReveal;display:grid}.deepdive .dd-item{padding-left:44px;position:relative}.deepdive .dd-item:before{content:"";border-left:1px dashed color-mix(in srgb,var(--acc) 45%,transparent);position:absolute;top:32px;bottom:-16px;left:13px}.deepdive .dd-item:last-child:before{display:none}.deepdive .dd-num{width:27px;height:27px;font-family:var(--mono);letter-spacing:.08em;color:var(--dim);border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 85%,transparent);place-items:center;font-size:.6rem;transition:color .2s,border-color .2s,box-shadow .2s;display:grid;position:absolute;top:0;left:0}.deepdive .dd-step>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-height:27px;list-style:none;display:flex}.deepdive .dd-step>summary::-webkit-details-marker{display:none}.deepdive .dd-step>summary:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.deepdive .dd-chip{font-family:var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:4px 11px;font-size:.78rem;font-weight:600;transition:color .2s,border-color .2s}.deepdive .dd-step>summary:hover .dd-chip,.deepdive .dd-step>summary:focus-visible .dd-chip{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 60%,transparent)}.deepdive .dd-step[open] .dd-num{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 70%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--acc) 28%,transparent)}.deepdive .dd-step[open]>summary .dd-chip{color:var(--txt);border-color:color-mix(in srgb,var(--acc) 45%,transparent)}.deepdive .dd-body{color:var(--muted);max-width:64ch;margin-top:10px;font-size:.92rem;line-height:1.6;animation:.35s both ddReveal}.deepdive .dd-body b,.deepdive .dd-body strong{color:var(--txt)}.deepdive .dd-body em{color:var(--acc);font-style:normal}.deepdive .dd-body code{font-family:var(--mono);color:var(--txt);font-size:.85em}.deepdive .dd-more-link{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc);border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);align-items:center;min-height:40px;margin:0 18px 22px 62px;padding:6px 12px;font-size:.66rem;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.deepdive .dd-more-link:hover,.deepdive .dd-more-link:focus-visible{background:color-mix(in srgb,var(--acc) 16%,transparent);transform:translateY(-1px)}@keyframes ddReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.deepdive .dd-rail,.deepdive .dd-body{animation:none}}@media (width<=720px){.deepdive>summary{align-items:center;min-height:48px;padding:15px 16px}.deepdive .dd-rail{padding:6px 14px 20px}.deepdive .dd-item{padding-left:40px}.deepdive .dd-step>summary{min-height:44px}.deepdive .dd-num{top:8px}.deepdive .dd-item:before{top:44px;left:13px}.deepdive .dd-chip{padding:8px 12px;line-height:1.35}.deepdive .dd-body{overflow-wrap:anywhere}.deepdive>summary{flex-wrap:wrap;row-gap:8px}.deepdive .dd-affordance{font-size:.58rem}.deepdive .dd-more-link{min-height:44px;margin:0 14px 20px 54px;padding:6px 12px;display:flex}}