/* Vayron Rules V2 — public rules page only. Does not style Master Rule Studio. */
.vision-rules{--vr-text:#f4f8ff;--vr-muted:#a2b0c8;--vr-line:rgba(142,170,226,.16);--vr-blue:#2678ff;--vr-cyan:#58caff;--vr-panel:rgba(13,22,37,.87);--vr-sub:rgba(16,27,46,.73);--vr-soft:rgba(32,57,103,.25);position:relative;isolation:isolate;color:var(--vr-text);background:#080e1a}
.vision-rules :where(h1,h2,h3,p){margin-block-start:0}.vision-rules :where(button,input,a){-webkit-tap-highlight-color:transparent}.vision-rules :where(a,button,input):focus-visible{outline:2px solid var(--vr-cyan);outline-offset:3px}
.vision-rules .container{width:min(1380px,calc(100% - 80px))}
.vr-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vr-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--vr-line);min-height:480px;background:radial-gradient(ellipse 56% 90% at 80% 40%,rgba(20,74,180,.21),transparent 72%),radial-gradient(ellipse 40% 42% at 32% -10%,rgba(28,91,206,.14),transparent 74%),linear-gradient(115deg,#070c17 0%,#0a1425 55%,#090f1c 100%)}
.vr-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.035) 50%),linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.035) 50%);background-size:66px 66px;mask-image:linear-gradient(90deg,transparent 40%,#000)}
.vr-hero:after{content:"";position:absolute;pointer-events:none;width:560px;height:560px;right:2%;top:-10%;border:1px solid rgba(75,139,255,.12);border-radius:50%;box-shadow:0 0 0 86px rgba(71,124,216,.025),0 0 0 174px rgba(71,124,216,.016)}
.vr-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);align-items:center;gap:36px;padding-top:72px;padding-bottom:65px;position:relative;z-index:1}
.vr-hero-copy{max-width:850px}.vr-kicker,.vr-overline{font-weight:850;font-size:10px;letter-spacing:.19em;color:#81b5ff;text-transform:uppercase}.vr-kicker{display:flex;align-items:center;gap:11px;white-space:normal}.vr-kicker-mark{display:block;width:20px;height:2px;background:var(--vr-blue);box-shadow:0 0 14px rgba(57,140,255,.8)}.vr-kicker-separator{color:#57718d}
.vr-hero h1{max-width:900px;margin:24px 0 22px;font-size:clamp(48px,5.4vw,83px);line-height:.99;letter-spacing:-.062em;font-weight:920;color:#fff}.vr-hero h1 span{color:#4997ff}.vr-hero-copy>p{max-width:670px;font-size:16px;line-height:1.8;color:#adbdd4;margin-bottom:0}
.vr-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.vr-hero-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:47px;padding:0 18px;border-radius:10px;font-size:10px;font-weight:900;letter-spacing:.075em;background:#2174f5;border:1px solid #3992ff;box-shadow:0 12px 35px rgba(30,98,225,.2);transition:background .2s,transform .2s}.vr-hero-link:hover{background:#3489ff;transform:translateY(-2px)}.vr-hero-link-secondary{background:rgba(23,37,60,.7);border-color:rgba(140,176,236,.22);box-shadow:none;color:#d2dff0}.vr-hero-link-secondary:hover{background:rgba(38,58,88,.85)}
.vr-overview{display:flex;gap:0;margin-top:36px;padding-top:22px;border-top:1px solid rgba(141,171,220,.15);flex-wrap:wrap}.vr-overview>span{display:flex;flex-direction:column;gap:3px;min-width:133px;padding:0 22px;border-right:1px solid rgba(141,171,220,.12)}.vr-overview>span:first-child{padding-left:0}.vr-overview>span:last-child{border:0}.vr-overview strong{color:#f8fbff;font-size:21px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.vr-overview small{color:#8397b6;font-weight:760;font-size:9px;letter-spacing:.105em;text-transform:uppercase}
.vr-hero-art{position:relative;min-height:380px;display:grid;place-items:center}.vr-hero-art img{width:min(100%,420px);height:auto;max-height:380px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 25px 50px rgba(24,82,203,.14))}.vr-orbit{position:absolute;z-index:0;display:block;border-radius:50%;border:1px solid rgba(82,144,246,.19);aspect-ratio:1}.vr-orbit-one{width:94%;max-width:410px}.vr-orbit-two{width:70%;max-width:310px;border-style:dashed;border-color:rgba(81,149,249,.14)}.vr-hero-art-label{position:absolute;z-index:3;bottom:0;display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid rgba(97,152,245,.17);border-radius:99px;background:rgba(10,21,40,.88);box-shadow:0 10px 28px rgba(0,0,0,.18);font-size:8px;font-weight:840;letter-spacing:.13em;white-space:nowrap;color:#bdcce0}.vr-live-dot{width:6px;height:6px;border-radius:50%;background:#51a7ff;box-shadow:0 0 12px #2f8fff}
.vr-browser{position:relative;padding:36px 0 90px;background:radial-gradient(circle at 100% 14%,rgba(34,80,152,.09),transparent 32%),#080e1a;scroll-margin-top:100px}.vr-toolbar{display:flex;align-items:center;gap:18px;justify-content:space-between}.vr-search{width:min(780px,100%);display:flex;align-items:center;gap:12px;height:62px;padding:0 16px 0 19px;border-radius:12px;border:1px solid rgba(99,144,217,.33);background:rgba(16,28,49,.91);box-shadow:0 10px 34px rgba(0,0,0,.17);color:#6fa9f4;transition:border-color .2s}.vr-search:focus-within{border-color:#388cff;box-shadow:0 0 0 3px rgba(42,121,255,.1)}.vr-search input{flex:1;min-width:0;outline:none;border:none;box-shadow:none!important;background:transparent;color:#f2f7ff;font-size:14px;font-weight:530;letter-spacing:.01em;padding:0}.vr-search input::placeholder{color:#8095b0;opacity:1}.vr-search input::-webkit-search-cancel-button{-webkit-appearance:none}.vr-search-clear{border:none;background:rgba(85,139,233,.12);color:#adcbf8;border-radius:7px;padding:6px 9px;cursor:pointer;font-weight:750;font-size:11px;white-space:nowrap}.vr-search-clear[hidden]{display:none}.vr-search-clear span{font-size:16px;margin-left:4px}.vr-search-shortcut{border:1px solid rgba(152,182,229,.16);background:rgba(255,255,255,.028);color:#8b9eb9;font-size:12px;width:24px;height:25px;display:grid;place-items:center;border-radius:6px}.vr-toolbar-help{color:#859ab7;font-size:12px;line-height:1.5;max-width:210px;text-align:right}
.vr-tabs{display:flex;align-items:center;gap:8px;margin-top:27px;padding-bottom:15px;overflow:auto;scrollbar-width:thin;scrollbar-color:#273e62 transparent}.vr-tab{appearance:none;display:flex;justify-content:space-between;align-items:center;gap:18px;min-width:max-content;padding:13px 16px;min-height:49px;background:rgba(18,28,45,.78);border:1px solid rgba(149,180,233,.12);color:#94a7c1;border-radius:9px;cursor:pointer;transition:border-color .18s,background .18s,color .18s}.vr-tab:hover{background:rgba(29,45,72,.95);border-color:rgba(101,160,255,.32);color:#ebf4ff}.vr-tab.active,.vr-tab[aria-selected="true"]{background:linear-gradient(120deg,rgba(39,112,232,.23),rgba(25,55,104,.28));border-color:rgba(65,144,255,.59);color:#fff;box-shadow:inset 0 -2px rgba(66,155,255,.9)}.vr-tab span{font-size:11px;font-weight:850;letter-spacing:.035em}.vr-tab small{display:grid;place-items:center;min-width:26px;height:23px;padding:0 5px;border-radius:6px;background:rgba(125,154,200,.09);font-size:10px;font-weight:850;color:#a9c2e2}.vr-tab.active small{background:rgba(44,128,255,.2);color:#d9ebff}.vr-tab:not(.active).search-hit{border-color:rgba(56,145,255,.44)}
.vr-browser-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0 16px;border-bottom:1px solid var(--vr-line)}.vr-browser-tools p{margin:0;color:#899eb9;font-size:12px}.vr-accordion-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:end}.vr-accordion-actions button{border:0;background:transparent;color:#9bb9e5;font-size:10px;letter-spacing:.07em;font-weight:850;padding:8px 6px;cursor:pointer}.vr-accordion-actions button:hover{color:#e4f2ff}
.vr-panel[hidden],.vr-section[hidden],.vr-rule[hidden],.vr-empty[hidden]{display:none}.vr-panel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:32px 0 25px}.vr-overline{font-size:10px;letter-spacing:.135em}.vr-panel-header h2{font-size:clamp(29px,3.3vw,43px);font-weight:900;line-height:1.1;letter-spacing:-.05em;margin:8px 0 7px}.vr-panel-header p{font-size:13px;color:#95a8c3;max-width:780px;margin:0}.vr-category-total{border:1px solid rgba(116,151,204,.18);border-radius:100px;background:rgba(18,32,54,.8);color:#a2b6d4;white-space:nowrap;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px}
.vr-content-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:25px;align-items:start}.vr-sidebar{position:sticky;top:105px;padding:10px;background:rgba(14,24,41,.89);border:1px solid rgba(130,163,220,.18);border-radius:12px}.vr-sidebar-label{display:flex;align-items:center;justify-content:space-between;padding:12px 11px 13px;margin-bottom:5px;color:#8dabc9;letter-spacing:.13em;font-size:10px;font-weight:850;border-bottom:1px solid var(--vr-line)}.vr-sidebar>a{display:flex;align-items:center;justify-content:space-between;gap:13px;border-radius:8px;padding:11px 10px;color:#a2b4ce;font-size:12px;line-height:1.35;transition:color .16s,background .16s}.vr-sidebar>a:hover,.vr-sidebar>a.active{background:rgba(38,109,227,.14);color:#e2efff}.vr-sidebar>a.active{box-shadow:inset 2px 0 #4195ff}.vr-sidebar>a small{flex-shrink:0;display:grid;place-items:center;min-width:23px;height:22px;border-radius:5px;background:rgba(105,145,216,.1);color:#8ca9cd;font-size:10px}.vr-sidebar-foot{margin:15px 9px 8px;padding-top:15px;border-top:1px solid var(--vr-line);color:#8196b4;font-size:11px}.vr-sidebar-foot a{display:flex;align-items:center;gap:5px;color:#75b0ff;font-weight:800;margin-top:8px}
.vr-rule-sections{min-width:0}.vr-section{scroll-margin-top:115px;margin-bottom:35px}.vr-section-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;margin:2px 0 17px}.vr-section-header h3{font-size:clamp(22px,2.4vw,29px);font-weight:870;letter-spacing:-.035em;margin:5px 0 4px}.vr-section-header p{max-width:780px;color:#96aac3;font-size:12px;line-height:1.6;margin:0}.vr-section-total{font-size:10px;font-weight:850;color:#8da8cd;letter-spacing:.06em;white-space:nowrap;border:1px solid var(--vr-line);padding:7px 9px;border-radius:7px}
.vr-rule-list{border:1px solid rgba(135,160,201,.15);background:rgba(14,23,39,.86);border-radius:12px;overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.13)}.vr-rule{border-bottom:1px solid rgba(139,160,199,.105)}.vr-rule:last-child{border-bottom:none}.vr-rule summary{list-style:none;display:grid;grid-template-columns:75px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:68px;padding:12px 18px;cursor:pointer;transition:background .18s}.vr-rule summary::-webkit-details-marker{display:none}.vr-rule summary:hover{background:rgba(56,103,169,.115)}.vr-rule[open] summary{background:linear-gradient(90deg,rgba(43,116,228,.15),rgba(31,72,133,.035) 70%)}.vr-rule-num{font-size:11px;font-variant-numeric:tabular-nums;font-weight:900;color:#79b4ff;letter-spacing:.04em}.vr-rule-title{font-size:14px;font-weight:740;line-height:1.45;color:#edf4ff}.vr-rule-state{display:flex;align-items:center;gap:15px;white-space:nowrap;color:#7994b8}.vr-rule-state-label{font-size:9px;font-weight:800;letter-spacing:.08em}.vr-rule-state svg{transition:transform .18s;color:#a5bfdf}.vr-rule[open] .vr-rule-state svg{transform:rotate(180deg);color:#68a9ff}.vr-rule[open] .vr-rule-state-label{color:#75b7ff}.vr-rule-detail{padding:5px 21px 20px 106px;background:rgba(4,13,26,.34)}.vr-rule-detail p{font-size:13px;color:#c4d0e1;line-height:1.8;max-width:860px;margin:0;padding:10px 0 15px}.vr-rule-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:13px;border-top:1px solid rgba(153,180,220,.1);color:#8096b3;font-size:10px}.vr-rule-bottom button{border:0;background:transparent;color:#75b3ff;font-weight:850;font-size:10px;letter-spacing:.035em;cursor:pointer}.vr-rule-bottom button:hover{color:#fff}
.vr-empty{margin:22px 0 45px;padding:42px 25px;text-align:center;border:1px dashed rgba(111,155,231,.32);border-radius:13px;background:rgba(18,35,63,.39)}.vr-empty strong{display:block;font-size:21px}.vr-empty p{color:#98aac7;margin:8px 0 20px;font-size:13px}.vr-empty button{border:1px solid #4b9fff;background:rgba(32,112,232,.18);color:#e6f2ff;padding:11px 15px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:850}.vr-empty-initial{margin-block:10px 55px}
.vr-bottom-note{border-top:1px solid rgba(109,155,222,.2);background:radial-gradient(ellipse at 85% 60%,rgba(28,88,184,.17),transparent 62%),#0a1424;padding:37px 0}.vr-bottom-note>.container{display:flex;justify-content:space-between;align-items:center;gap:24px}.vr-bottom-note h2{font-size:clamp(21px,2.5vw,31px);letter-spacing:-.035em;margin:7px 0}.vr-bottom-note p{margin:0;color:#a1b1c8;font-size:13px}.vr-bottom-note a{flex-shrink:0;display:inline-flex;gap:12px;align-items:center;border:1px solid rgba(111,172,251,.42);padding:14px 18px;border-radius:9px;font-size:11px;font-weight:850;color:#bddfff}
/* Only the normal Vayron theme receives electric-blue branding. Seasonal palettes remain isolated. */
html[data-theme="halloween"] .vision-rules{--vr-blue:#e9833e;--vr-cyan:#f2ad72;background:#100c0c}html[data-theme="halloween"] .vr-hero{background:linear-gradient(120deg,rgba(13,8,12,.97),rgba(25,12,14,.92))}html[data-theme="halloween"] .vr-browser{background:#110c0d}html[data-theme="halloween"] .vr-hero h1 span,html[data-theme="halloween"] .vr-overline{color:#e9a76f}html[data-theme="halloween"] .vr-hero-link{background:#9b4724;border-color:#bf663c}html[data-theme="halloween"] .vr-bottom-note{background:#170c0c}html[data-theme="halloween"] .vr-tab.active{box-shadow:inset 0 -2px #e9833e;border-color:rgba(233,131,62,.48)}
html[data-theme="christmas"] .vision-rules{--vr-blue:#83bfb0;--vr-cyan:#b3e2ca}html[data-theme="newyear"] .vision-rules{--vr-blue:#d9ae67;--vr-cyan:#f5cf8a}
@media(max-width:1110px){.vr-hero-grid{grid-template-columns:1.2fr .8fr}.vr-hero-art{min-height:290px}.vr-hero-art img{max-height:300px}.vr-hero h1{font-size:clamp(46px,5.8vw,70px)}.vr-content-layout{grid-template-columns:230px minmax(0,1fr);gap:18px}}
@media(max-width:820px){.vision-rules .container{width:min(100% - 38px,1380px)}.vr-hero{min-height:0}.vr-hero-grid{grid-template-columns:1fr;gap:0;padding:54px 0 44px}.vr-hero-art{display:none}.vr-hero h1{font-size:clamp(40px,8vw,65px)}.vr-hero-copy>p{font-size:14px}.vr-overview{margin-top:30px}.vr-toolbar{align-items:stretch;flex-direction:column;gap:9px}.vr-toolbar-help{text-align:left;max-width:none}.vr-content-layout{grid-template-columns:1fr}.vr-sidebar{position:relative;top:auto;display:flex;overflow:auto;gap:8px;align-items:center;scrollbar-width:thin}.vr-sidebar-label,.vr-sidebar-foot{display:none}.vr-sidebar>a{min-width:max-content;padding:9px 12px;border:1px solid rgba(124,155,202,.12)}.vr-panel-header{padding:24px 0 20px}}
@media(max-width:560px){.vision-rules .container{width:calc(100% - 30px)}.vr-hero-grid{padding:46px 0 37px}.vr-kicker{font-size:9px;letter-spacing:.105em}.vr-hero h1{font-size:clamp(35px,9vw,48px);letter-spacing:-.045em;margin:21px 0 15px}.vr-hero-actions{gap:8px}.vr-hero-link{flex:1;justify-content:center;gap:8px;padding-inline:10px;font-size:9px}.vr-overview{gap:11px 0}.vr-overview>span{min-width:0;flex:1;padding:0 11px}.vr-overview>span:first-child{flex:.8}.vr-overview>span:last-child{flex:1.2}.vr-overview strong{font-size:18px}.vr-overview small{font-size:8px;letter-spacing:.045em}.vr-browser{padding:25px 0 54px}.vr-search{height:54px;padding:0 12px;gap:9px}.vr-search input{font-size:12px}.vr-search-shortcut{display:none}.vr-tabs{margin-top:17px;gap:7px;padding-bottom:9px}.vr-tab{padding:10px 12px;min-height:44px;gap:10px}.vr-tab span{font-size:10px}.vr-browser-tools{flex-wrap:wrap;padding:9px 0 14px}.vr-accordion-actions button{padding:8px 4px;font-size:9px}.vr-panel-header{align-items:flex-start;gap:8px}.vr-panel-header h2{font-size:28px}.vr-panel-header p{font-size:12px}.vr-category-total{font-size:9px;padding:6px 8px}.vr-sidebar{padding:6px}.vr-section-header{align-items:flex-start;gap:8px}.vr-section-header h3{font-size:21px}.vr-section-total{padding:5px 7px;font-size:9px}.vr-rule summary{grid-template-columns:53px minmax(0,1fr) 24px;gap:8px;padding:11px 12px;min-height:62px}.vr-rule-num{font-size:10px}.vr-rule-title{font-size:12px}.vr-rule-state-label{display:none}.vr-rule-detail{padding:6px 14px 17px}.vr-rule-detail p{font-size:12px}.vr-bottom-note{padding:28px 0}.vr-bottom-note>.container{flex-direction:column;align-items:flex-start}.vr-bottom-note a{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.vision-rules *, .vision-rules *::before,.vision-rules *::after{transition:none;animation:none;scroll-behavior:auto}}

/* One-section categories skip a redundant second navigation and duplicated title. */
.vr-content-layout.is-single-section{grid-template-columns:minmax(0,1fr)}.vr-content-layout.is-single-section .vr-sidebar{display:none}.vr-content-layout.is-single-section .vr-section-header{margin:3px 0 12px}.vr-content-layout.is-single-section .vr-section-header p{max-width:980px}