#page-vela{--vela-gold:#d7b777;--vela-teal:#72ccb1;--vela-coral:#e58c7a;--vela-ink:#10191a;max-width:1200px;width:88%;margin:auto;padding:70px 0 100px;color:#eee5ce;font-family:'EB Garamond',Georgia,serif}
#page-vela *{box-sizing:border-box}#page-vela [id]{scroll-margin-top:100px}#page-vela h1,#page-vela h2,#page-vela h3,#page-vela p,#page-vela figure{margin:0}#page-vela a{color:var(--vela-gold);text-underline-offset:5px}#page-vela .vela-kicker{font:12px/1.6 Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--vela-gold)}
#page-vela .vela-hero{display:grid;grid-template-columns:.85fr 1.2fr;gap:50px;align-items:center;padding:35px 0 70px}#page-vela h1{font:400 clamp(76px,8vw,126px)/.94 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:20px 0 28px}#page-vela h1 span{display:block;font:14px/1.5 Georgia,serif;letter-spacing:.26em;margin-bottom:16px}#page-vela h1 em{font-weight:400;color:var(--vela-gold)}#page-vela .vela-deck{font-size:clamp(25px,2.5vw,35px);line-height:1.2;margin-bottom:20px}#page-vela .vela-lead{font-size:20px;line-height:1.6;max-width:42ch;color:#ccc6b8}#page-vela .vela-photo img{display:block;width:100%;height:auto;border:1px solid #d7b77735}#page-vela figcaption{font-size:13px;line-height:1.5;color:#bcb7a9;margin-top:12px}
#page-vela .vela-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px}#page-vela .vela-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;min-height:48px;border:1px solid var(--vela-gold);color:#eee5ce;background:transparent;font:18px/1.3 Georgia,serif;text-decoration:none;cursor:pointer}#page-vela .vela-button.primary{background:var(--vela-gold);color:#10191a}#page-vela .vela-button:hover{background:#d7b77728;color:#fff}#page-vela .vela-button.primary:hover{background:#ecd39c;color:#10191a}#page-vela :focus-visible{outline:3px solid var(--vela-teal);outline-offset:5px}
#page-vela .vela-section{padding:60px 0;border-top:1px solid #d7b77735}#page-vela h2{font:400 clamp(36px,4vw,56px)/1.08 'Cormorant Garamond',Georgia,serif;margin:12px 0 22px}#page-vela h3{font-size:26px;font-weight:400;margin-bottom:12px}#page-vela .vela-section>p{font-size:20px;line-height:1.65;max-width:850px;margin:16px 0}#page-vela .vela-states{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:32px 0}#page-vela .vela-states article{border-top:2px solid var(--vela-gold);padding-top:18px}#page-vela .vela-states article:nth-child(2),#page-vela .vela-states article:nth-child(3){border-color:var(--vela-teal)}#page-vela .vela-states article:last-child{border-color:var(--vela-coral)}#page-vela .vela-states p{font-size:18px;line-height:1.55;color:#ccc6b8}
#page-vela .vela-demo{background:var(--vela-ink);border:1px solid #d7b77740;padding:24px}#page-vela .vela-demo svg{display:block;width:100%;height:auto}#page-vela .vela-demo-title{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}#page-vela .vela-demo-title span{font:12px/1.5 Georgia,serif;color:#bcb7a9;letter-spacing:.05em}#page-vela .vela-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}#page-vela .vela-tabs button{border:1px solid #d7b77755;background:transparent;color:#eee5ce;padding:10px 17px;min-height:44px;font:16px Georgia,serif;cursor:pointer}#page-vela .vela-tabs button[aria-selected=true]{background:var(--vela-gold);color:#10191a}#page-vela .vela-demo [hidden]{display:none}#page-vela .vela-demo-note{font-size:18px;line-height:1.6;margin-top:16px;max-width:800px}
#page-vela .vela-steps{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;padding:0;list-style:none;counter-reset:step;margin:30px 0}#page-vela .vela-steps li{counter-increment:step;border-top:1px solid #d7b77735;padding-top:20px;font-size:19px;line-height:1.6}#page-vela .vela-steps li:before{content:'0' counter(step);display:block;color:var(--vela-gold);font-size:14px;margin-bottom:10px}#page-vela .vela-steps strong{display:block;color:#eee5ce;font-size:24px;font-weight:400;margin-bottom:10px}#page-vela .vela-steps li{color:#ccc6b8}
#page-vela details{border-block:1px solid #d7b77735;margin-top:24px}#page-vela summary{cursor:pointer;padding:20px 0;font-size:22px;color:var(--vela-gold)}#page-vela details p,#page-vela details li{font-size:18px;line-height:1.65;margin-bottom:18px}#page-vela .vela-rules{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;padding-bottom:18px}#page-vela .vela-rules strong{display:block;color:var(--vela-gold)}#page-vela .vela-note{font-size:16px!important;color:#c1bcae;line-height:1.6}#page-vela .vela-status{min-height:26px;font-size:17px;color:var(--vela-teal);margin-top:14px}#page-vela pre{max-height:560px;overflow:auto;max-width:100%;padding:24px;background:#10191a;border:1px solid #d7b77735;font:12px/1.65 monospace;tab-size:4;margin-bottom:25px}#page-vela .vela-sources{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:18px;padding-top:24px}#page-vela .vela-back{font-size:17px}
@media(max-width:850px){#page-vela .vela-hero{grid-template-columns:1fr;gap:35px}#page-vela .vela-lead{max-width:55ch}#page-vela .vela-states{grid-template-columns:1fr 1fr}#page-vela .vela-photo{max-width:720px}}
@media(max-width:520px){#page-vela{padding-top:35px}#page-vela .vela-section{padding:40px 0}#page-vela .vela-steps,#page-vela .vela-rules{grid-template-columns:1fr}#page-vela .vela-demo{padding:14px}#page-vela .vela-tabs{gap:6px}#page-vela .vela-tabs button{padding:10px 12px;font-size:14px}#page-vela .vela-states{gap:20px 16px}#page-vela .vela-states p{font-size:17px}#page-vela pre{padding:14px}}
@media(prefers-reduced-motion:reduce){#page-vela *{scroll-behavior:auto;transition:none}}