:root{--g:#1f5f4a;--g2:#164536;--g3:#0e2c23;--am:#e9a23b;--am2:#c98418;--bg:#ffffff;--mist:#f2f6f4;--ink:#18211d;--ink2:#46524c;--mut:#6f7c75;--ln:#dfe7e3;
--sans:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.vr{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.72 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--g)}
a:hover{color:var(--am2)}
.vr-w{width:min(1180px,100% - 30px);margin-inline:auto}
.vr-top{background:var(--g3);color:#cfe0d6;font-size:13px}
.vr-top .vr-w{padding:6px 0}
.vr-head{border-bottom:3px solid var(--am);background:#fff;position:sticky;top:0;z-index:30}
.vr-head-r{display:flex;align-items:center;gap:16px;min-height:66px}
.vr-logo img{height:42px;width:auto}
.vr-menu{display:flex;margin-left:auto;gap:0}
.vr-menu a{text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;padding:22px 12px;border-bottom:3px solid transparent;margin-bottom:-3px}
.vr-menu a:hover,.vr-menu a.on{color:var(--g);border-bottom-color:var(--g)}
.vr-dd{display:none;margin-left:auto;position:relative}
.vr-dd summary{list-style:none;cursor:pointer;background:var(--g);color:#fff;padding:7px 14px;border-radius:6px;font-weight:700}
.vr-dd summary::-webkit-details-marker{display:none}
.vr-dd nav{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--ln);border-radius:8px;display:grid;min-width:210px;box-shadow:0 10px 24px rgba(0,0,0,.1)}
.vr-dd nav a{padding:10px 14px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--ln)}
@media (max-width:980px){.vr-menu{display:none}.vr-dd{display:block}}

.vr-hero{background-size:cover;background-position:center;color:#fff;padding:78px 0 70px}
.vr-hero h1{font-size:clamp(28px,4vw,46px);line-height:1.2;max-width:720px;margin:0 0 14px;color:#fff}
.vr-hero p{max-width:620px;font-size:18px;color:#e2eee8;margin:0}
.vr-hero-b{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.vr-btn{display:inline-block;background:var(--am);color:#2a1a00;font-weight:800;text-decoration:none;padding:12px 22px;border-radius:6px}
.vr-btn:hover{background:#f3b65a;color:#2a1a00}
.vr-btn.ghost{background:transparent;color:#fff;border:2px solid #fff}
.vr-btn.ghost.dark{color:var(--g);border-color:var(--g)}
.vr-btn.gold{background:#f2c14e}

.vr-band{padding:40px 0}.vr-band.alt{background:var(--mist)}
.vr-band h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 18px;color:var(--g3)}
.vr-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.vr-tile{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--ln);border-top:5px solid var(--g);border-radius:8px;padding:16px}
.vr-tile strong{color:var(--g3);font-size:17px}
.vr-tile span{font-size:14px;color:var(--ink2);line-height:1.5}
.vr-tile:hover{border-top-color:var(--am)}
@media (max-width:1000px){.vr-tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.vr-tiles{grid-template-columns:1fr}}
.vr-two{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}
@media (max-width:960px){.vr-two{grid-template-columns:minmax(0,1fr)}}
.vr-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.vr-item{display:grid;grid-template-columns:200px 1fr;gap:16px;background:#fff;border:1px solid var(--ln);border-radius:8px;overflow:hidden}
.vr-item img{width:200px;height:100%;min-height:125px;object-fit:cover}
.vr-item>div{padding:12px 14px 12px 0}
.vr-item h3{margin:4px 0 6px;font-size:18px;line-height:1.3}
.vr-item h3 a{color:var(--g3);text-decoration:none}
.vr-item h3 a:hover{color:var(--am2)}
.vr-item p{margin:0;color:var(--ink2);font-size:15px;line-height:1.55}
.vr-item.ad{border-style:dashed;border-color:#e2c27a}
@media (max-width:600px){.vr-item{grid-template-columns:1fr}.vr-item img{width:100%;height:auto;min-height:0;aspect-ratio:16/10}.vr-item>div{padding:0 14px 14px}}
.vr-kat{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--g)}
.vr-upd{display:block;font-size:13px;color:var(--mut);margin-top:6px}
.vr-more{display:inline-block;margin-top:14px;font-weight:700}
.vr-aside{display:grid;gap:16px}
.vr-card{background:#fff;border:1px solid var(--ln);border-radius:8px;padding:18px}
.vr-card h2{font-size:18px;margin:0 0 10px}
.vr-facts{margin:0;display:grid;gap:10px}
.vr-facts div{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:baseline;border-bottom:1px dashed var(--ln);padding-bottom:8px}
.vr-facts dt{font-weight:800;color:var(--g);font-size:18px}
.vr-facts dd{margin:0;font-size:14px;color:var(--ink2)}
.vr-card.mitra img{border-radius:6px;margin-bottom:8px}
.vr-card.mitra h3{margin:4px 0 0;font-size:16px;line-height:1.35}
.vr-card.mitra h3 a{color:var(--g3);text-decoration:none}
.vr-narrow{max-width:820px}
.vr-qa details{border-bottom:1px solid var(--ln);padding:2px 0}
.vr-qa summary{cursor:pointer;font-weight:700;color:var(--g3);padding:12px 0}
.vr-qa details p{margin:0 0 12px;color:var(--ink2)}

.vr-page{padding-bottom:40px}
.vr-trail{list-style:none;margin:18px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--mut)}
.vr-trail li+li:before{content:"\00BB";margin-right:6px}
.vr-trail a{color:var(--mut)}
.vr-page h1{font-size:clamp(27px,3.4vw,40px);line-height:1.2;color:var(--g3);margin:6px 0 10px}
.vr-intro{font-size:18px;color:var(--ink2);max-width:820px;margin:0 0 10px}
.vr-warn{background:#fff6e2;border:1px solid #efd59a;color:#5a4100;border-radius:6px;padding:11px 14px;font-size:14px}
.vr-ah{max-width:860px}
.vr-fig{margin:16px 0 26px}.vr-fig img{border-radius:8px;width:100%}
.vr-fig figcaption{font-size:13px;color:var(--mut);margin-top:6px}
.vr-art{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;align-items:start}
.vr-toc{position:sticky;top:90px;border-left:3px solid var(--g);padding-left:14px}
.vr-toc h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:0 0 8px}
.vr-toc ol{margin:0;padding-left:18px;font-size:14.5px}
.vr-toc li{margin:6px 0}
.vr-toc a{color:var(--ink2);text-decoration:none}.vr-toc a:hover{color:var(--g)}
@media (max-width:960px){.vr-art{grid-template-columns:minmax(0,1fr)}.vr-toc{position:static}}
.vr-text{max-width:780px}
.vr-text h2{font-size:clamp(21px,2.3vw,26px);color:var(--g3);margin:1.6em 0 .5em;scroll-margin-top:90px}
.vr-text ul,.vr-text ol{padding-left:22px}
.vr-text li{margin:.3em 0}
.vr-sum{background:var(--mist);border-radius:8px;padding:16px 20px}
.vr-sum h2{margin:0 0 6px !important;font-size:17px !important}
.vr-sum ul{margin:0}
.vr-tbl{overflow-x:auto;margin:14px 0}
.vr-tbl table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.vr-tbl th,.vr-tbl td{border:1px solid var(--ln);padding:9px 11px;text-align:left;vertical-align:top}
.vr-tbl thead th{background:var(--g);color:#fff}
.vr-tbl tbody th{background:var(--mist);font-weight:700}
.vr-src{margin-top:24px;font-size:14.5px;border-top:2px solid var(--ln);padding-top:12px}
.vr-src h2{font-size:15px !important;margin:0 0 6px !important}
.vr-note{font-size:14px;color:var(--ink2);background:var(--mist);border-radius:6px;padding:10px 14px}
.vr-next{margin-top:26px}.vr-next h2{font-size:18px !important}
.vr-gl{display:grid;grid-template-columns:260px 1fr;gap:0;border-top:1px solid var(--ln);margin:16px 0}
.vr-gl dt,.vr-gl dd{padding:10px 0;border-bottom:1px solid var(--ln);margin:0}
.vr-gl dt{font-weight:800;color:var(--g3);padding-right:14px}
.vr-gl dd{color:var(--ink2)}
@media (max-width:640px){.vr-gl{grid-template-columns:1fr}.vr-gl dt{border-bottom:0;padding-bottom:0}}

.vr-foot{background:var(--g3);color:#c6d8ce;margin-top:20px;font-size:14.5px}
.vr-foot-r{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:26px;padding:34px 0 18px}
.vr-foot-logo{background:#fff;border-radius:6px;padding:5px 8px;margin-bottom:10px}
.vr-foot h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--am);margin:0 0 10px}
.vr-foot section a{display:block;color:#eef5f0;text-decoration:none;margin:5px 0}
.vr-foot section a:hover{text-decoration:underline}
.vr-foot-n{border-top:1px solid #2c5a49;padding:12px 0 18px;font-size:13px;color:#9bb5a7}
@media (max-width:820px){.vr-foot-r{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.vr-foot-r{grid-template-columns:1fr}}
