.vnd-page{color-scheme:dark;font:16px/1.7 Inter,ui-sans-serif,system-ui,sans-serif;background:#0b0f19;color:#edf0f8}.vnd-page,.vnd-page *{box-sizing:border-box}.vnd-header{height:4rem;display:flex;align-items:center;gap:1.5rem;padding:0 clamp(1rem,4vw,4rem);border-bottom:1px solid #ffffff18}.vnd-header a,.vnd-layout nav a{color:#cdd5f5;text-decoration:none}.vnd-layout{width:min(1100px,calc(100% - 2rem));margin:3rem auto;display:grid;grid-template-columns:14rem minmax(0,46rem);gap:4rem}.vnd-layout nav{display:grid;align-content:start;gap:.65rem}.vnd-layout nav a{padding:.35rem .6rem;border-radius:.45rem}.vnd-layout nav a:hover{background:#ffffff12;color:#fff}.vnd-layout nav a[aria-current="page"]{background:#ffffff14;color:#fff;box-shadow:inset 0 -2px 0 #ff9e43}.vnd-layout main h1{font-size:clamp(2.2rem,6vw,4.5rem);line-height:1;letter-spacing:-.05em;margin:.25em 0}.vnd-summary{font-size:1.3rem;color:#bdc4d8}.vnd-layout main p{max-width:65ch;color:#cbd0df}@media(max-width:700px){.vnd-layout{width:calc(100% - 1.5rem);margin:1.5rem auto;grid-template-columns:1fr;gap:1.5rem}.vnd-layout nav{display:flex;overflow-x:auto;gap:.35rem;padding-bottom:.4rem;scrollbar-width:none}.vnd-layout nav::-webkit-scrollbar{display:none}.vnd-layout nav a{white-space:nowrap}}
.vnd-side{gap:.15rem}
.vnd-side-title{margin:1.1rem 0 .35rem;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ff9e43}
.vnd-side-title:first-child{margin-top:0}
.vnd-cards{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.vnd-cards a{display:grid;gap:.25rem;border:1px solid #ffffff1c;border-radius:.6rem;background:#ffffff08;padding:.85rem 1rem;text-decoration:none;height:100%}
.vnd-cards a:hover{background:#ffffff12;border-color:#ff9e4359}
.vnd-cards strong{font-size:.98rem;color:#edf0f8}
.vnd-cards span{font-size:.85rem;color:#bdc4d8;line-height:1.5}
.vnd-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0}
.vnd-button{display:inline-flex;align-items:center;border:1px solid #ffffff26;border-radius:.55rem;background:#ffffff0f;color:#edf0f8;padding:.55rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none}
.vnd-button:hover{background:#ffffff1c}
.vnd-button-primary{background:linear-gradient(135deg,#ffcb66,#ff9e43 42%,#d94b86);border-color:transparent;color:#1b0d14;font-weight:800}
.vnd-pager{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:3rem 0 1rem;border-top:1px solid #ffffff1a;padding-top:1.25rem}
.vnd-pager-link{display:grid;gap:.2rem;border:1px solid #ffffff1c;border-radius:.6rem;padding:.75rem 1rem;text-decoration:none;background:#ffffff06}
.vnd-pager-link:hover{background:#ffffff12}
.vnd-pager-link span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#ff9e43;font-weight:800}
.vnd-pager-link strong{color:#edf0f8}
.vnd-pager-next{text-align:right}
.vnd-section{margin:2.5rem 0}
.vnd-section h2{font-size:1.35rem;letter-spacing:-.01em;margin:0 0 .5rem;color:#ff9e43}
.vnd-layout main pre{background:#0f1526;border:1px solid #ffffff1f;border-radius:.5rem;padding:1rem;overflow-x:auto;max-width:100%}
.vnd-layout main pre code{font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dbe2f7;white-space:pre}
.vnd-note{border-left:3px solid #f0b429;background:#f0b4290f;padding:.75rem 1rem;border-radius:0 .4rem .4rem 0;color:#f4d58d}
