.build-notes-shell{max-width:1180px;margin:0 auto;padding:clamp(5.5rem,10vw,9rem) clamp(1.1rem,4vw,3rem) 6rem;color:var(--ink)}
.build-notes-hero{position:relative;overflow:hidden;padding:clamp(2rem,5vw,4.5rem);border:1px solid rgba(246,240,228,.14);border-radius:28px;background:radial-gradient(circle at 78% 18%,rgba(179,140,255,.22),transparent 34%),radial-gradient(circle at 18% 88%,rgba(83,217,212,.14),transparent 34%),linear-gradient(145deg,#11131d,#08090e 68%)}
.build-notes-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px);background-size:37px 37px;mask-image:linear-gradient(to left,#000,transparent 75%)}
.build-notes-hero>*{position:relative;z-index:1}.build-notes-hero h1{max-width:900px;margin:.5rem 0 1rem;font-size:clamp(2.8rem,7vw,6.5rem);line-height:.94;letter-spacing:-.055em;text-wrap:balance}.build-notes-hero p{max-width:790px;color:var(--quiet);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65}
.build-notes-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.build-notes-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:2rem 0 4rem;background:rgba(246,240,228,.12);border:1px solid rgba(246,240,228,.12)}
.build-notes-index a{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;min-height:150px;padding:1.5rem;background:#0b0d13;transition:background 160ms ease,transform 160ms ease}.build-notes-index a:hover,.build-notes-index a:focus-visible{background:#121520;transform:translateY(-2px)}.build-notes-index span{grid-row:1/3;color:var(--gold);font:800 .75rem/1 var(--mono);letter-spacing:.12em}.build-notes-index strong{font-size:1.1rem}.build-notes-index small{color:var(--quiet);line-height:1.45}
.build-note{scroll-margin-top:1rem;margin:0 0 4rem;padding:clamp(1.4rem,4vw,3.2rem);border:1px solid rgba(246,240,228,.12);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.build-note header{max-width:900px;margin-bottom:2rem}.build-note-code{margin-bottom:.8rem;color:var(--cyan);font:800 .72rem/1.4 var(--mono);letter-spacing:.12em}.build-note h2{margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:1.03;letter-spacing:-.04em}.build-note-deck{margin:1rem 0 0;color:var(--quiet);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6}.build-note h3{margin:2.4rem 0 .7rem;font-size:1.45rem}.build-note p,.build-note li{max-width:850px;font-size:1.02rem;line-height:1.78;color:rgba(246,240,228,.84)}.build-note code{padding:.12rem .35rem;border:1px solid rgba(246,240,228,.12);border-radius:5px;background:#07080c;color:#bfe3ff}.inline-cta{display:inline-flex;margin-top:.6rem;font-weight:800;color:var(--cyan)}
.build-note-figure{margin:2rem 0;padding:1rem;border:1px solid rgba(246,240,228,.1);border-radius:18px;background:#07080c}.build-note-figure img{display:block;width:100%;height:auto;border-radius:10px}.build-note-figure figcaption{padding:.8rem .25rem .1rem;color:var(--quiet);font-size:.85rem;line-height:1.5}.build-note-figure-small{max-width:620px}
.build-note-limits{margin-top:2rem;border-top:1px solid rgba(246,240,228,.12);border-bottom:1px solid rgba(246,240,228,.12);padding:1rem 0}.build-note-limits summary{cursor:pointer;font-weight:800;color:var(--gold)}.build-note-limits ul{margin:.8rem 0 0;padding-left:1.25rem}.build-note-limits li+li{margin-top:.5rem}
.build-notes-close{padding:clamp(2rem,5vw,4rem);border-radius:24px;background:linear-gradient(135deg,rgba(83,217,212,.09),rgba(179,140,255,.12));border:1px solid rgba(246,240,228,.14)}.build-notes-close h2{max-width:850px;margin:.5rem 0 1rem;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.04em;line-height:1.03}.build-notes-close p{max-width:760px;color:var(--quiet);font-size:1.08rem;line-height:1.65}.build-notes-close .primary-link{margin-top:1rem}
@media(max-width:820px){.build-notes-index{grid-template-columns:1fr}.build-notes-index a{min-height:110px}.build-notes-shell{padding-top:5rem}.build-note{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.build-notes-index a{transition:none}}