/* VELOR documentation pages. Deliberately scoped away from commerce/admin UI. */
body:has(.vr-shell, .vr-doc) { --vr-ink:#202724; --vr-muted:#5c6560; --vr-line:#dce2dc; --vr-paper:#f4f6f1; color:var(--vr-ink); background:#fff; font-family:Arial,"PingFang TC","Microsoft JhengHei",sans-serif; }
body:has(.vr-shell, .vr-doc) header { border-bottom:1px solid var(--vr-line); background:#fff; }
body:has(.vr-shell, .vr-doc) header .top-wrap { background:#f4f6f1; }
body:has(.vr-shell, .vr-doc) header .top-wrap .dropdown:has(#currency-dropdown),
body:has(.vr-shell, .vr-doc) header .right-btn,
body:has(.vr-shell, .vr-doc) header .header-mobile .right,
body:has(.vr-shell, .vr-doc) header .mobile-open-search { display:none!important; }
body:has(.vr-shell, .vr-doc) header .container-fluid { max-width:1280px; margin:auto; }
body:has(.vr-shell, .vr-doc) header .logo img { width:132px; height:auto; }
body:has(.vr-shell, .vr-doc) header .menu-wrap { margin-left:auto; }
body:has(.vr-shell, .vr-doc) .header-mobile .center img { width:118px; max-height:40px; }
body:has(.vr-shell, .vr-doc) .header-mobile .mobile-content { min-height:72px; }
.page-home:has(.vr-shell) .module-item { margin:0; padding:0; }
.page-home:has(.vr-shell) .module-item > .module-info > .container-fluid { max-width:none; padding:0; }
.vr-shell { width:min(1200px,calc(100% - 80px)); margin:0 auto; }
.vr-hero { display:grid; grid-template-columns:1.35fr 1fr; gap:88px; align-items:center; padding:100px 0 104px; }
.vr-hero h1 { max-width:650px; font-size:clamp(36px,4.4vw,60px); font-weight:600; line-height:1.24; letter-spacing:-.045em; margin:0 0 25px; }
.vr-hero-main > p { color:var(--vr-muted); font-size:18px; line-height:1.85; max-width:540px; margin:0 0 36px; }
.vr-button { display:inline-flex; align-items:center; gap:35px; min-height:52px; padding:14px 25px; background:var(--vr-ink); border:1px solid var(--vr-ink); color:white!important; border-radius:4px; font-size:16px; text-decoration:none; }
.vr-button:hover { background:#3a4940; }
.vr-index { padding:36px; background:#22362e; color:#fff; border-radius:8px; }
.vr-index .vr-index-title { font-size:20px; margin:0 0 25px; font-weight:600; }
.vr-index a { color:#f4f6f1; text-decoration:none; display:flex; justify-content:space-between; gap:20px; align-items:center; padding:23px 0; border-top:1px solid #607069; font-size:17px; }
.vr-index a:last-child { padding-bottom:0; }
.vr-index a:hover { color:#d4e1b8; }
.vr-resources { padding:64px 0 80px; border-top:1px solid var(--vr-line); }
.vr-resources > h2 { font-size:30px; margin:0 0 34px; font-weight:600; letter-spacing:-.025em; }
.vr-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.vr-card { border:1px solid var(--vr-line); border-radius:6px; padding:28px 24px; background:#fff; }
.vr-card h3 { font-size:19px; margin:0 0 22px; font-weight:600; }
.vr-card h3 a { display:flex; justify-content:space-between; gap:14px; color:var(--vr-ink); text-decoration:none; }
.vr-card h3 a:hover { text-decoration:underline; text-underline-offset:5px; }
.vr-card p { color:var(--vr-muted); font-size:15px; line-height:1.9; margin:0; }
.vr-note { display:flex; justify-content:space-between; gap:40px; align-items:center; padding:38px; border-radius:8px; background:var(--vr-paper); }
.vr-note h2 { margin:0 0 14px; font-size:24px; font-weight:600; }
.vr-note p { margin:0; color:var(--vr-muted); font-size:16px; line-height:1.8; }
.vr-text-link { color:var(--vr-ink); white-space:nowrap; font-size:16px; text-decoration:underline; text-underline-offset:5px; }
.vr-adult-note { color:var(--vr-muted); font-size:14px; line-height:1.8; padding:22px 0 64px; }
body:has(.vr-doc) .breadcrumb-wrap { background:var(--vr-paper); }
body:has(.vr-doc) > .container-fluid { width:min(1060px,calc(100% - 80px)); padding:40px 0 80px; }
body:has(.vr-doc) .page-content { border:0; box-shadow:none!important; }
body:has(.vr-doc) .page-content > .card-body { padding:0!important; min-height:0; }
body:has(.vr-doc) .page-content > .card-body > h1 { font-size:clamp(32px,4vw,48px); font-weight:600; letter-spacing:-.03em; padding:5px 0 30px; }
.vr-doc { font-size:17px; line-height:1.95; color:var(--vr-ink); }
.vr-doc h2 { font-size:24px; font-weight:600; line-height:1.5; margin:0 0 18px; }
.vr-doc p { margin:0; max-width:880px; color:var(--vr-muted); }
.vr-doc-section { padding:32px 0; border-bottom:1px solid var(--vr-line); }
.vr-reference { max-width:660px; margin:0 0 25px; }
.vr-reference img { width:100%; height:auto!important; display:block; border-radius:6px; }
.vr-reference figcaption { font-size:14px; color:var(--vr-muted); margin-top:12px; }
.vr-table-wrap { overflow:auto; margin:32px 0; }
.vr-doc table { width:100%; border-collapse:collapse; min-width:300px; }
.vr-doc caption { caption-side:top; color:var(--vr-ink); font-size:22px; padding:0 0 15px; }
.vr-doc th,.vr-doc td { border-bottom:1px solid var(--vr-line); padding:16px; text-align:left; vertical-align:top; }
.vr-doc th { width:40%; background:var(--vr-paper); font-weight:500; }
.vr-related { padding-top:40px; }
.vr-related a { display:inline-flex; gap:18px; padding:12px 18px; border:1px solid var(--vr-line); border-radius:4px; margin:0 10px 12px 0; font-size:15px; color:var(--vr-ink); text-decoration:none; }
.vr-related a:hover { background:var(--vr-paper); }
body:has(.vr-shell, .vr-doc) footer { background:#f4f6f1; border-top:1px solid var(--vr-line); color:var(--vr-ink); }
body:has(.vr-shell, .vr-doc) footer > .container-fluid { max-width:1280px; }
body:has(.vr-shell, .vr-doc) footer .footer-content { padding:50px 0 35px; }
body:has(.vr-shell, .vr-doc) footer .footer-content .logo img { max-width:132px; }
body:has(.vr-shell, .vr-doc) footer .footer-content-contact:not(:has(li)) { display:none; }
body:has(.vr-shell, .vr-doc) footer a { color:var(--vr-ink); }
body:has(.vr-shell, .vr-doc) footer .footer-bottom { background:transparent; border-top:1px solid var(--vr-line); color:var(--vr-muted); font-size:12px; }
body:has(.vr-shell, .vr-doc) a:focus-visible,body:has(.vr-shell, .vr-doc) button:focus-visible { outline:3px solid #41785d; outline-offset:5px; }
@media (max-width:991px) {
 .vr-hero { gap:36px; padding:64px 0; }
 .vr-grid { grid-template-columns:repeat(2,1fr); }
 .vr-index { padding:28px; }
 body:has(.vr-shell, .vr-doc) header .header-mobile .left { position:absolute; left:20px; }
 body:has(.vr-shell, .vr-doc) header .header-mobile .center { margin:auto; }
}
@media (max-width:640px) {
 .vr-shell { width:calc(100% - 40px); }
 .vr-hero { grid-template-columns:1fr; padding:44px 0 48px; gap:32px; }
 .vr-hero h1 { font-size:36px; margin-bottom:18px; }
 .vr-hero-main > p { font-size:17px; margin-bottom:25px; }
 .vr-index { padding:26px; }
 .vr-index a { padding:19px 0; }
 .vr-resources { padding:38px 0; }
 .vr-resources > h2 { font-size:25px; margin-bottom:24px; }
 .vr-grid { grid-template-columns:1fr; gap:14px; }
 .vr-card { padding:23px; }
 .vr-card h3 { margin-bottom:12px; }
 .vr-note { display:block; padding:26px; }
 .vr-note h2 { font-size:22px; }
 .vr-note .vr-text-link { display:inline-block; margin-top:22px; }
 .vr-adult-note { padding:20px 0 40px; }
 body:has(.vr-doc) > .container-fluid { width:calc(100% - 40px); padding:25px 0 48px; }
 .vr-doc { font-size:16px; }
 .vr-doc h2 { font-size:22px; }
 .vr-doc th,.vr-doc td { padding:12px; }
 .vr-related a { display:flex; justify-content:space-between; margin-right:0; }
 body:has(.vr-shell, .vr-doc) footer .intro-title { display:none; }
 body:has(.vr-shell, .vr-doc) footer .intro-wrap { display:block!important; margin-bottom:28px; }
}
@media (prefers-reduced-motion:reduce) { .vr-shell *, .vr-doc * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }