.page-vouchers-system h1 { max-width:12ch; }
.page-vouchers-system .bk-rail::after { animation-name:vc-rail-travel; }
@keyframes vc-rail-travel { 0% { top:-44%; } 100% { top:100%; } }

.vc-hero-board { background:color-mix(in srgb,var(--bk-dark-2) 91%,transparent); border:1px solid color-mix(in srgb,var(--bk-accent) 27%,transparent); border-radius:17px; box-shadow:0 30px 70px color-mix(in srgb,var(--bk-dark) 65%,transparent); padding:25px; }
.vc-hero-gift { background:linear-gradient(145deg,color-mix(in srgb,var(--bk-accent) 17%,var(--bk-dark)),var(--bk-dark)); border:1px solid color-mix(in srgb,var(--bk-accent) 30%,var(--bk-rail)); border-radius:13px; overflow:hidden; padding:21px; position:relative; }
.vc-hero-gift > span { color:var(--bk-accent); position:absolute; right:18px; top:18px; }
.vc-hero-gift small, .vc-hero-gift strong, .vc-hero-gift b { display:block; }
.vc-hero-gift small { color:var(--bk-muted); font-size:8px; letter-spacing:.12em; text-transform:uppercase; }
.vc-hero-gift strong { color:var(--bk-accent); font-family:var(--awd-font-display); font-size:42px; font-weight:400; line-height:1.15; }
.vc-hero-gift p { color:var(--bk-inv); font-size:10.5px; margin:4px 0 17px; }
.vc-hero-gift b { color:var(--bk-dim); font-size:9px; letter-spacing:.12em; }
.vc-hero-status { align-items:center; border-bottom:1px solid var(--bk-rail); display:grid; gap:13px; grid-template-columns:1fr 1fr auto; margin:14px 0; padding:0 2px 14px; }
.vc-hero-status span small, .vc-hero-status span b { display:block; }
.vc-hero-status small { color:var(--bk-muted); font-size:8px; text-transform:uppercase; }
.vc-hero-status b { color:var(--bk-inv); font-size:10.5px; }
.vc-hero-status strong { color:var(--bk-accent); font-size:9px; }
.vc-hero-board > p { color:var(--bk-dim); display:flex; font-size:10px; gap:8px; margin:0; }
.vc-hero-board > p span { color:var(--bk-accent); }

.vc-buyer, .vc-staff { min-height:610px; }
.vc-gift-card { background:linear-gradient(145deg,var(--bk-warm),var(--bk-card)); border:1px solid var(--bk-edge); border-radius:12px; margin-top:18px; min-height:200px; overflow:hidden; padding:20px; position:relative; }
.vc-gift-card > span { align-items:center; background:var(--bk-accent); border-radius:9px; color:var(--bk-dark); display:flex; height:43px; justify-content:center; position:absolute; right:17px; top:17px; width:43px; }
.vc-gift-card small { color:var(--bk-muted); display:block; font-size:8px; letter-spacing:.11em; max-width:65%; text-transform:uppercase; }
.vc-gift-card h3 { font-size:19px; margin:20px 0 2px; max-width:14ch; }
.vc-gift-card strong { color:var(--bk-accent-ink); display:block; font-family:var(--awd-font-display); font-size:34px; font-weight:400; }
.vc-gift-card p { border-top:1px solid var(--bk-edge); color:var(--bk-body); font-size:10px; margin:15px 0 0; padding-top:12px; }
.vc-buyer-details { border:1px solid var(--bk-edge); border-radius:10px; margin:14px 0; overflow:hidden; }
.vc-buyer-details > div { border-bottom:1px solid var(--bk-edge); display:grid; gap:12px; grid-template-columns:75px 1fr; padding:9px 11px; }
.vc-buyer-details > div:last-child { border-bottom:0; }
.vc-buyer-details dt { color:var(--bk-muted); font-size:9px; }
.vc-buyer-details dd { color:var(--bk-body); font-size:9.5px; margin:0; text-align:right; }
.vc-buyer .btn { width:100%; }
.vc-record-preview { align-items:center; display:flex; flex-direction:column; justify-content:center; min-height:450px; text-align:center; }
.vc-record-preview > span { align-items:center; background:color-mix(in srgb,var(--bk-accent) 13%,transparent); border-radius:13px; color:var(--bk-accent); display:flex; height:60px; justify-content:center; width:60px; }
.vc-record-preview h3 { color:var(--bk-inv); margin-top:18px; }
.vc-record-preview p { color:var(--bk-dim); font-size:11px; max-width:29ch; }
.vc-record { padding-top:19px; }
.vc-record:focus { outline:3px solid color-mix(in srgb,var(--bk-accent) 34%,transparent); outline-offset:5px; }
.vc-record dl { border:1px solid var(--bk-rail); border-radius:10px; margin:16px 0; overflow:hidden; }
.vc-record dl > div { border-bottom:1px solid var(--bk-rail); display:grid; gap:12px; grid-template-columns:90px 1fr; padding:11px 12px; }
.vc-record dl > div:last-child { border-bottom:0; }
.vc-record dt { color:var(--bk-muted); font-size:9px; }
.vc-record dd { color:var(--bk-inv); font-size:10.5px; margin:0; text-align:right; }
.vc-record > p { background:color-mix(in srgb,var(--bk-accent) 10%,transparent); border-radius:9px; color:var(--bk-inv); font-size:10px; padding:12px; }
.vc-record-actions { display:grid; gap:8px; grid-template-columns:1fr 1fr; }
.vc-record-actions button { background:var(--bk-accent); border:1px solid var(--bk-accent); border-radius:8px; color:var(--bk-dark); cursor:pointer; font-family:var(--awd-font-body); font-size:10.5px; min-height:48px; padding:9px; }
.vc-record-actions button:last-child { background:transparent; border-color:var(--bk-rail); color:var(--bk-dim); }
.vc-record-actions button:disabled { cursor:default; opacity:.55; }

.vc-terms-grid { align-items:center; display:grid; gap:70px; grid-template-columns:.88fr 1.12fr; }
.vc-terms-list { display:grid; gap:10px; }
.vc-terms-list article { align-items:center; background:var(--bk-card); border:1px solid var(--bk-edge); border-radius:11px; display:grid; gap:12px; grid-template-columns:45px 1fr; padding:13px; }
.vc-terms-list article > span { align-items:center; background:var(--bk-warm-2); border-radius:8px; color:var(--bk-accent-ink); display:flex; font-family:var(--awd-font-display); font-size:10px; height:45px; justify-content:center; }
.vc-terms-list small, .vc-terms-list b { display:block; }
.vc-terms-list small { color:var(--bk-muted); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.vc-terms-list b { color:var(--bk-ink); font-size:12px; }
.vc-terms-list > p { border-left:2px solid var(--bk-accent); color:var(--bk-body); font-size:10.5px; margin:8px 0 0; padding-left:14px; }
.vc-test-grid { display:grid; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.vc-test-grid article { background:color-mix(in srgb,var(--bk-clay-ink) 7%,transparent); border:1px solid color-mix(in srgb,var(--bk-clay-ink) 15%,transparent); border-radius:11px; padding:16px; }
.vc-test-grid span { color:var(--bk-clay-kicker); font-family:var(--awd-font-display); font-size:10px; }
.vc-test-grid b { color:var(--bk-clay-ink); display:block; font-size:12px; margin-top:8px; }
.vc-test-grid small { color:var(--bk-clay-body); display:block; font-size:9.5px; margin-top:2px; }

@media(max-width:900px) {
	.vc-hero-board { max-width:620px; }
	.vc-terms-grid { gap:42px; grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
	.vc-buyer, .vc-staff { min-height:0; }
	.vc-test-grid { grid-template-columns:1fr; }
}
@media(max-width:420px) {
	.vc-hero-board { padding:19px; }
	.vc-hero-status { grid-template-columns:1fr 1fr; }
	.vc-hero-status strong { grid-column:1 / -1; }
	.vc-record-actions { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
	.page-vouchers-system .bk-rail::after { animation:none; }
}