.va24 { --va24-line:#d7dfd5; --va24-green:#285343; max-width:1160px; margin-inline:auto; }
.va24 .page-heading { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.va24 h1 { margin-block:.2rem .65rem; } .va24 h2 { margin-block:1.6rem .8rem; } .va24 h3 { margin-top:0; overflow-wrap:anywhere; }
.va24-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr)); gap:1rem; align-items:start; }
.va24-card { background:#fffdf7; border:1px solid var(--va24-line); border-radius:1rem; padding:1.2rem; margin-block:.8rem; min-width:0; }
.va24-note { line-height:1.6; color:#425149; max-width:80ch; } .va24 details { margin-block:1rem; padding:.85rem; border:1px solid var(--va24-line); border-radius:.65rem; }
.va24 summary { cursor:pointer; color:var(--va24-green); font-weight:650; line-height:1.5; }
.va24-meta { display:grid; gap:.7rem; margin-block:.85rem; } .va24-meta>div { display:grid; grid-template-columns:minmax(7rem,30%) minmax(0,1fr); gap:.7rem; }
.va24-meta dt { color:#4a5a50; font-weight:600; } .va24-meta dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.va24-field { display:grid; gap:.4rem; margin-block:.9rem; } .va24-field label { font-weight:600; }
.va24 input:not([type=checkbox]),.va24 select,.va24 textarea { box-sizing:border-box; width:100%; min-width:0; min-height:44px; font:inherit; padding:.65rem; border:1px solid #82988b; border-radius:.45rem; background:#fff; color:#173b2d; }
.va24 small { display:block; font-size:.88rem; line-height:1.5; color:#44554c; }
.va24-check { margin-block:1rem; } .va24-check label { display:flex; gap:.65rem; align-items:flex-start; line-height:1.5; }.va24-check input { flex:none; width:1.25rem; height:1.25rem; margin-top:.15rem; accent-color:var(--va24-green); }
.va24 .button { min-height:44px; margin-block:.35rem; white-space:normal; max-width:100%; }.va24-status { border-left:4px solid #4d7961; padding:.6rem .85rem; background:#eaf0e6; line-height:1.6; }
.va24-error { color:#7d271d; border:1px solid #c28073; background:#fff0e9; padding:.85rem; border-radius:.5rem; line-height:1.6; }
.va24-issued { border:2px solid #6e8a75; }.va24-private { display:block; padding:.75rem; background:#f0f2e9; overflow-wrap:anywhere; white-space:pre-wrap; user-select:all; }
.va24-links { display:flex; flex-wrap:wrap; gap:.75rem; margin-block:1.5rem; }.va24 :focus-visible { outline:3px solid #b77022; outline-offset:3px; }
.va24 [disabled] { opacity:.65; cursor:wait; }.va24 form { margin-top:.8rem; }
.cockpit-guided-steps { padding-left:1.5rem; }.cockpit-guided-steps li { margin-block:1.2rem; padding-left:.25rem; }.cockpit-guided-steps .cockpit-next { border-left:4px solid #4d7961; padding:.5rem .8rem; background:#edf1e8; }.cockpit-guided-steps p { overflow-wrap:anywhere; line-height:1.5; }
@media(max-width:520px){.va24-card{padding:.9rem;}.va24-meta>div{grid-template-columns:1fr;gap:.15rem}.va24 .page-heading>.button,.va24 form>.button{width:100%;}.va24 details{padding:.6rem}.va24-links{display:grid}.va24-links .button{width:100%;}}
