/* GoldCube ontwerpstandaard v2. Gedeelde basis voor alle actieve previews. */
:root{--gc-ink:#0a1b47;--gc-blue:#215be1;--gc-gold:#ffdc16;--gc-paper:#fbfbf8;--gc-white:#fff;--gc-muted:#52627b;--gc-line:#d1dbe7;--gc-surface:#eef1f5;--gc-info:#e7eefc;--gc-success:#e4f1e9;--gc-radius:8px;--gc-space-1:8px;--gc-space-2:16px;--gc-space-3:24px;--gc-space-4:32px;--gc-content:1200px}
*,*:before,*:after{box-sizing:border-box} [hidden]{display:none!important} :where(input,select,textarea,button){font:inherit} :where(input,select,textarea){max-width:100%} :where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--gc-blue)!important;outline-offset:3px!important} :where(input,td,dd,.value,.amount,.gc-number){font-variant-numeric:tabular-nums} :where(img,svg){max-width:100%} :where(p){line-height:1.55}
.gc-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border:1px solid var(--gc-blue);border-radius:6px;background:var(--gc-blue);color:white;text-decoration:none;font-weight:700;cursor:pointer}.gc-button.secondary{background:white;color:var(--gc-ink);border-color:#afbdd1}.gc-button:disabled{opacity:.55;cursor:not-allowed}.gc-link{color:var(--gc-blue);text-underline-offset:4px}.gc-field{display:grid;gap:8px}.gc-field>input,.gc-field>select{min-height:48px;border:1px solid #acbad0;border-radius:5px;background:white;padding:12px;color:var(--gc-ink)}.gc-field label{font-size:15px}.gc-help{font-size:14px;line-height:1.5;color:var(--gc-muted)}.gc-surface{background:var(--gc-surface);padding:24px}.gc-status{background:var(--gc-surface);padding:20px 24px}.gc-status h2,.gc-status h3{margin-top:0}.gc-status p:last-child{margin-bottom:0}.gc-status.complete{border-color:#287552;background:var(--gc-success)}.gc-eyebrow{font-size:12px;letter-spacing:.075em;text-transform:uppercase;font-weight:700}.gc-page-heading{font-size:clamp(28px,3.5vw,42px);line-height:1.1;letter-spacing:-.035em;margin:0 0 12px}.gc-tabs{display:flex;gap:24px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--gc-line)}.gc-tabs>*{flex:none;min-height:48px}.gc-page-intro{padding:28px 0}.gc-page-intro p{max-width:650px;color:var(--gc-muted)}
@media(max-width:700px){.gc-surface,.gc-status{padding:20px}.gc-button{min-height:48px}.gc-tabs{gap:20px}.gc-help{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.gc-key-action:before{animation:none!important;transition:none!important}}