/* Copyright (C) 2026 Denise Hollstein, scinet studio. GPL-2.0-or-later. */
.scva { --scva-ink:#182d3c; --scva-accent:#12566b; box-sizing:border-box; color:var(--scva-ink); background:#fff; font:400 1rem/1.6 system-ui,-apple-system,sans-serif; max-width:960px; margin:1.5rem auto; padding:clamp(1rem,4vw,2.5rem); border:1px solid #c6d2d8; border-radius:12px; }
.scva *, .scva *::before, .scva *::after { box-sizing:border-box; }
.scva-page { margin:0; background:#edf2f4; }
.scva h1 { font-size:clamp(1.7rem,4vw,2.3rem); line-height:1.2; }
.scva h2 { font-size:1.35rem; line-height:1.4; margin:1.75rem 0 .75rem; }
.scva h3 { font-size:1.1rem; }
.scva p { margin:.7rem 0 1.2rem; }
.scva form { margin:1rem 0; }
.scva fieldset { min-width:0; padding:1.25rem 0; margin:1rem 0; border:0; border-top:2px solid #ccd9df; }
.scva legend { font-weight:700; font-size:1.25rem; padding:0 .75rem 0 0; color:var(--scva-ink); }
.scva-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.scva label { display:block; font-weight:600; margin-bottom:.35rem; }
.scva input:not([type=checkbox]), .scva select, .scva textarea { display:block; width:100%; min-width:0; min-height:46px; padding:.65rem; margin:0 0 .4rem; border:1px solid #718391; border-radius:5px; color:#182d3c; background:#fff; font:inherit; }
.scva textarea { resize:vertical; }
.scva input[type=file] { font-size:.9rem; }
.scva .scva-check { display:flex; gap:.6rem; align-items:flex-start; }
.scva input[type=checkbox] { appearance:auto; flex:0 0 auto; width:1.25rem; height:1.25rem; margin:.2rem 0; }
.scva button, .scva input[type=submit] { width:auto; background:var(--scva-accent); color:#fff; padding:.75rem 1.25rem; border:2px solid var(--scva-accent); border-radius:5px; min-height:48px; font:600 1rem/1.4 system-ui,sans-serif; cursor:pointer; white-space:normal; }
.scva button:hover { background:#0b3c4d; }
.scva a { color:#084f73; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.scva :focus-visible { outline:3px solid #a64700; outline-offset:3px; }
.scva .scva-honey { display:none; }
.scva-errors { background:#fff2ee; border:2px solid #9a301d; padding:1rem; margin:1rem 0; }
.scva-error { display:block; color:#932b18; }
.scva [aria-invalid=true] { border:2px solid #932b18; }
.scva-preview img { max-width:100%; max-height:170px; object-fit:contain; }
.scva-data { display:grid; grid-template-columns:minmax(140px,1fr) 2fr; gap:.5rem 1rem; }
.scva-data dt { font-weight:600; }
.scva-data dd { margin:0; overflow-wrap:anywhere; white-space:normal; }
.scva-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; }
.scva-gallery figure { margin:0; }
.scva-gallery img { width:100%; height:180px; object-fit:contain; background:#edf2f4; }
.scva article { border-bottom:1px solid #ccd9df; padding:.5rem 0; overflow-wrap:anywhere; }
@media(max-width:620px) { .scva-grid,.scva-data { grid-template-columns:1fr; } .scva-data dd { margin-bottom:.7rem; } .scva { border-radius:0; margin:0; } }
@media(prefers-reduced-motion:reduce) { .scva *, .scva *::before, .scva *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }