:root{--sidebar:340px}
.updated{align-items:center}
.theme-toggle-dock{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:10px}
.theme-width-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px;border:1px solid #28404a;background:rgba(9,14,17,.9);backdrop-filter:blur(14px);border-radius:14px;box-shadow:0 16px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}
.theme-width-option{min-width:36px;height:32px;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:#8db8c7;border-radius:10px;padding:0 10px;cursor:pointer;font:900 12px/1 Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.theme-width-option:hover{transform:translateY(-1px);color:#fff;border-color:rgba(88,216,255,.26);background:rgba(88,216,255,.08)}
.theme-width-option[aria-pressed="true"]{color:#061015;border-color:#58d8ff;background:#58d8ff;box-shadow:0 10px 24px rgba(88,216,255,.22)}
.theme-toggle{position:static;z-index:70;width:42px;height:42px;display:grid;place-items:center;border:1px solid #28404a;background:rgba(9,14,17,.9);backdrop-filter:blur(14px);color:#9fe8ff;border-radius:12px;padding:0;cursor:pointer;box-shadow:0 16px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.theme-toggle:hover{transform:translateY(-2px);border-color:#58d8ff;color:#fff;box-shadow:0 16px 46px rgba(0,0,0,.34),0 0 0 4px rgba(88,216,255,.07)}
.theme-icon{grid-area:1/1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:opacity .18s ease,transform .18s ease}
.theme-icon.moon{fill:currentColor;stroke:none}
.theme-icon.sun{opacity:0;transform:rotate(-45deg) scale(.75)}
.light-theme .theme-icon.moon{opacity:0;transform:rotate(45deg) scale(.75)}
.light-theme .theme-icon.sun{opacity:1;transform:none}
.site-loader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(11,166,218,.16),transparent 24%),linear-gradient(180deg,#070a0d,#091117 58%,#070a0d);transition:opacity .35s ease,visibility .35s ease}
.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-card{position:relative;width:min(260px,68vw);aspect-ratio:1;border:1px solid rgba(88,216,255,.18);border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 42% 44%,rgba(88,216,255,.13),transparent 46%),linear-gradient(145deg,rgba(13,24,30,.88),rgba(5,9,12,.94));box-shadow:0 28px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}
.loader-card:before{content:"LS";position:absolute;inset:auto -8px -50px auto;font:900 190px/1 Outfit;color:transparent;-webkit-text-stroke:1px rgba(88,216,255,.11);transform:skew(-7deg);opacity:.8}
.loader-card:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 32%,rgba(88,216,255,.12),transparent 62%);animation:loaderSweep 1.45s ease-in-out infinite}
.loader-ring{position:relative;z-index:1;width:94px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from -90deg,#58d8ff 0 72deg,rgba(88,216,255,.12) 72deg 360deg);box-shadow:0 0 24px rgba(88,216,255,.28),0 0 70px rgba(11,166,218,.16);animation:loaderProgress 1.25s cubic-bezier(.65,0,.35,1) infinite}
.loader-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#091218;border:1px solid rgba(88,216,255,.14);box-shadow:inset 0 0 24px rgba(88,216,255,.08)}
.loader-ring img{position:relative;z-index:1;width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(88,216,255,.6));animation:loaderPulse 1.25s ease-in-out infinite}
body.light-theme .site-loader{background:radial-gradient(circle at 50% 45%,rgba(0,124,166,.15),transparent 25%),linear-gradient(180deg,#f7fafb,#e7eff4 58%,#dfe9ef)}
body.light-theme .loader-card{background:radial-gradient(circle at 42% 44%,rgba(0,124,166,.1),transparent 46%),linear-gradient(145deg,#ffffff,#eef5f8);border-color:rgba(0,124,166,.18);box-shadow:0 28px 80px rgba(38,65,78,.16),inset 0 1px 0 rgba(255,255,255,.85)}
body.light-theme .loader-card:before{-webkit-text-stroke-color:rgba(0,124,166,.12)}
body.light-theme .loader-ring:before{background:#f7fbfc;border-color:rgba(0,124,166,.16)}
@keyframes loaderProgress{0%{background:conic-gradient(from -90deg,#58d8ff 0 24deg,rgba(88,216,255,.12) 24deg 360deg);transform:rotate(0)}45%{background:conic-gradient(from -90deg,#58d8ff 0 210deg,rgba(88,216,255,.12) 210deg 360deg)}100%{background:conic-gradient(from -90deg,#58d8ff 0 340deg,rgba(88,216,255,.12) 340deg 360deg);transform:rotate(360deg)}}
@keyframes loaderPulse{50%{filter:drop-shadow(0 0 16px rgba(88,216,255,.85));transform:scale(1.04)}}
@keyframes loaderSweep{0%,100%{transform:translateX(-28%) rotate(10deg);opacity:.18}50%{transform:translateX(28%) rotate(10deg);opacity:.5}}
@media(prefers-reduced-motion:reduce){.loader-card:after,.loader-ring,.loader-ring img{animation:none}}
.discord-link{display:inline-flex;align-items:center;gap:8px}
.header-auth{margin-left:18px;gap:18px;padding-left:18px;border-left:1px solid rgba(88,216,255,.12)}
.header-auth a{font-size:13px;color:#82929b}
.header-auth a:hover{color:#dce8ed}
.topbar-editor-actions{display:inline-flex;align-items:center;gap:10px;margin-right:12px}
.topbar-editor-btn{appearance:none;border:1px solid rgba(88,216,255,.26);background:rgba(10,19,24,.92);color:#e8f8fc;border-radius:11px;padding:9px 14px;font-size:13px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}
.topbar-editor-btn:hover{transform:translateY(-1px);border-color:#58d8ff;background:rgba(88,216,255,.14);color:#fff;box-shadow:0 12px 30px rgba(88,216,255,.16)}
.topbar-editor-btn.primary{border-color:#58d8ff;background:linear-gradient(135deg,#59dafd,#7fe7ff);color:#041018;box-shadow:0 12px 32px rgba(88,216,255,.24)}
.topbar-editor-btn.primary:hover{background:linear-gradient(135deg,#72e1ff,#9debff);color:#031016}
.topbar-editor-btn.primary.attention{border-color:#ffb347;background:linear-gradient(135deg,#ff9f1c,#ffcf5a);color:#241100;box-shadow:0 0 0 1px rgba(255,179,71,.15),0 0 18px rgba(255,159,28,.35),0 12px 32px rgba(255,159,28,.28);animation:publishPulse 1.1s ease-in-out infinite}
.topbar-editor-btn.primary.attention:hover{background:linear-gradient(135deg,#ffb13c,#ffd56b);color:#221000;box-shadow:0 0 0 1px rgba(255,179,71,.18),0 0 24px rgba(255,159,28,.42),0 16px 38px rgba(255,159,28,.32)}
.topbar-editor-btn.danger{border-color:rgba(255,98,122,.38);background:rgba(42,12,18,.92);color:#ffd7dd;box-shadow:0 10px 26px rgba(0,0,0,.22)}
.topbar-editor-btn.danger:hover{border-color:#ff7285;background:rgba(105,20,37,.94);color:#fff}
.topbar-editor-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
@keyframes publishPulse{0%,100%{transform:translateY(0);filter:saturate(1)}50%{transform:translateY(-1px) scale(1.02);filter:saturate(1.08)}}
.social-icon{width:26px;height:26px;display:grid!important;place-items:center;padding:0!important;border:0!important;background:transparent!important;border-radius:8px;text-decoration:none;transition:transform .18s ease,filter .18s ease}
.social-icon:hover{transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(88,216,255,.25))}
.discord-link{color:#58d8ff!important}
.tiktok-link{color:#58d8ff!important}
.tiktok-link:hover{filter:drop-shadow(0 0 10px rgba(88,216,255,.25))}
.discord-icon{width:18px;height:18px;display:inline-block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 127.14 96.36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M107.7 8.07A105.15 105.15 0 0 0 81.47 0a72.06 72.06 0 0 0-3.36 6.83 97.68 97.68 0 0 0-29.11 0A72.37 72.37 0 0 0 45.64 0a105.89 105.89 0 0 0-26.25 8.09C2.79 32.65-1.71 56.6.54 80.21a105.73 105.73 0 0 0 32.17 16.15 77.7 77.7 0 0 0 6.89-11.11 68.42 68.42 0 0 1-10.85-5.18c.91-.66 1.8-1.34 2.66-2.04a75.57 75.57 0 0 0 64.32 0c.87.71 1.76 1.39 2.66 2.04a68.68 68.68 0 0 1-10.87 5.19 77 77 0 0 0 6.89 11.1 105.25 105.25 0 0 0 32.19-16.14c2.64-27.38-4.51-51.11-18.9-72.15ZM42.45 65.69C36.18 65.69 31 60 31 53s5-12.74 11.43-12.74S54 46 53.89 53s-5.05 12.69-11.44 12.69Zm42.24 0C78.41 65.69 73.25 60 73.25 53s5-12.74 11.44-12.74S96.23 46 96.12 53s-5.04 12.69-11.43 12.69Z'/%3E%3C/svg%3E") center/contain no-repeat}
.tiktok-icon{width:17px;height:17px;display:inline-block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7 2c.35 2.65 1.83 4.23 4.3 4.4v3.02c-1.43.14-2.68-.33-4.21-1.27v5.65c0 7.18-7.82 9.42-10.96 4.27-2.02-3.32-.78-9.14 5.69-9.37v3.18c-.47.08-.97.2-1.43.35-1.37.46-2.15 1.32-1.93 2.84.43 2.91 5.75 3.77 5.3-1.91V2h3.24Z'/%3E%3C/svg%3E") center/contain no-repeat}
.copy-link{margin-left:auto;border:0;background:none;color:#7f929c;font-size:11px;cursor:pointer;padding:4px}
.sidebar-scroll{overflow-x:hidden}
.copy-link:hover{color:var(--cyan)}
@media(max-width:520px){.updated{flex-wrap:wrap}.copy-link{margin-left:0}}
.nav-group{margin:3px 0}
.nav-group-head{display:flex!important;align-items:center!important;gap:6px!important}
.nav-group-head .group-label{flex:1 1 auto!important;min-width:0!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;overflow:hidden!important}
.nav-group-head .group-label>span:first-child{min-width:0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important}
.nav-group-head .group-label-copy{min-width:0!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.nav-group-head .group-label>span:first-child .nav-icon{margin-right:8px}
.sidebar-edit-actions{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:4px;align-items:center;flex-shrink:0!important;overflow:hidden!important}
.sidebar-edit-actions button{flex-shrink:0!important}
.sidebar-status{display:inline-grid;place-items:center;margin-top:0;width:28px;height:28px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.08);opacity:.95;flex:0 0 auto}
.sidebar-status i{font-size:12px;line-height:1}
.sidebar-status.draft{color:#ffb953;border-color:#ffb953;background:rgba(255,185,83,.12)}
.sidebar-status.published{color:#53dfa1;border-color:#53dfa1;background:rgba(83,223,161,.12)}
.sidebar-item-row{display:flex;align-items:flex-start;gap:8px}
.side-nav a,.nav-group .group-label{position:relative;overflow:hidden}
.side-nav a:before,.nav-group .group-label:before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(88,216,255,.16),rgba(88,216,255,0));transition:width .24s ease;pointer-events:none}
.side-nav a:hover:before,.nav-group .group-label:hover:before{width:100%}
.nav-group .group-label{transition:background .2s,color .2s}
.nav-group.open>.group-label{color:#fff;background:#202427}
.nav-group .chevron{font-size:20px;line-height:1;transform:rotate(0);transition:transform .2s ease;color:#788991}
.nav-group.open .chevron{transform:rotate(90deg)}
.nav-group .group-items{overflow:hidden;padding:5px 0 7px 25px}
.nav-group .group-items[hidden]{display:none}
.nav-group .group-items a{height:auto;min-height:38px;padding:7px 10px;line-height:1.25;box-shadow:none}
.nav-group .group-items a.active{background:transparent;color:var(--cyan);box-shadow:none}
.sub-icon{width:22px;flex:0 0 22px;text-align:center;filter:saturate(.7);font-size:14px}

/* Micro-interactions */
.side-nav a,
.group-label,
.btn,
.category-card,
.search-trigger,
.discord-link,
.copy-link,
.patch-card,
.card-icon,
.sub-icon,
.nav-icon{
  transition:color .2s ease,background-color .2s ease,border-color .2s ease,
    transform .2s ease,box-shadow .2s ease,filter .2s ease;
}

.side-nav>a:hover,
.nav-group>.group-label:hover{
  transform:translateX(3px);
  background:rgba(88,216,255,.075);
  color:#fff;
  box-shadow:inset 2px 0 rgba(88,216,255,.75),0 8px 20px rgba(0,0,0,.12);
}

.side-nav>a:hover .nav-icon,
.nav-group>.group-label:hover .nav-icon{
  color:var(--cyan);
  text-shadow:0 0 14px rgba(88,216,255,.42);
  transform:scale(1.08);
}

.nav-icon-home{
  display:inline-grid;
  place-items:center;
  font-size:14px;
}

.nav-icon-home i{
  line-height:1;
}

.nav-group>.group-label:hover .chevron{color:var(--cyan);transform:translateX(3px)}
.nav-group.open>.group-label:hover .chevron{transform:rotate(90deg) translateX(3px)}

.nav-group .group-items a:hover{
  color:#fff;
  background:rgba(88,216,255,.055);
  transform:translateX(4px);
}

.nav-group .group-items a:hover .sub-icon{
  filter:saturate(1.15) brightness(1.12);
  transform:scale(1.12) rotate(-3deg);
}

.category-card:hover .card-icon{
  background:rgba(88,216,255,.18);
  box-shadow:0 0 22px rgba(88,216,255,.12);
  transform:translateY(-2px) rotate(-3deg);
}

.category-card:hover .number{color:#1a2a31;transform:translateY(-2px)}
.category-card .number{transition:color .25s ease,transform .25s ease}

.btn:hover{
  transform:translateY(-2px);
  border-color:#41606d;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
}

.btn.primary:hover{
  border-color:#8ce5ff;
  background:#72dfff;
  box-shadow:0 8px 26px rgba(88,216,255,.18);
}

.btn:active,
.category-card:active,
.side-nav a:active,
.group-label:active{transform:translateY(0) scale(.985)}

.search-trigger:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,0,0,.2)}
.discord-link:hover{border-color:#3e6170;box-shadow:0 0 18px rgba(88,216,255,.07)}
.copy-link:hover{transform:translateY(-1px)}
.patch-card:hover{border-color:#2d414b;box-shadow:0 10px 28px rgba(0,0,0,.14)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

.admin-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:18px}
.admin-stack{display:grid;gap:18px}
.admin-panel{border:1px solid #203039;background:#111719;border-radius:8px;padding:18px}
.admin-panel h2{font-size:18px;margin:0 0 14px;color:#fff}
.admin-panel label{display:grid;gap:7px;margin:0 0 13px;color:#a8b5bb;font-size:13px;font-weight:700}
.admin-panel input,.admin-panel textarea,.admin-panel select{width:100%;box-sizing:border-box;border:1px solid #263842;background:#0b1013;color:#edf8fb;border-radius:7px;padding:11px 12px;font:inherit;outline:0;transition:border-color .2s ease,box-shadow .2s ease}
.admin-panel textarea{resize:vertical}
.admin-panel input:focus,.admin-panel textarea:focus,.admin-panel select:focus{border-color:#58d8ff;box-shadow:0 0 0 3px rgba(88,216,255,.12)}
.admin-list{display:grid;gap:8px;margin-top:14px}
.admin-row{display:grid;text-align:left;border:1px solid #263842;background:#0c1215;color:#eef8fb;border-radius:7px;padding:10px 12px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.admin-row small{color:#7f929c;margin-top:3px}
.admin-row:hover{transform:translateX(3px);border-color:#58d8ff;background:#111d22}
.admin-row:disabled{cursor:default;opacity:.62}
.admin-row:disabled:hover{transform:none;border-color:#263842;background:#0c1215}
.discord-role-row span{display:flex;align-items:center;gap:8px}
.discord-role-row i{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px rgba(88,216,255,.08)}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}

.article-cover{display:block;width:100%;height:190px;object-fit:cover;object-position:center;border-radius:10px;border:1px solid #203039;margin:0 0 28px;background:#0b1013;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden;box-shadow:0 18px 45px rgba(0,0,0,.24)}
.cover-editor{position:relative;margin:0 0 22px}
.cover-editor .article-cover{margin:0}
.cover-placeholder{width:100%;min-height:220px;display:grid;place-items:center;color:#7ecfe7;font-weight:900;letter-spacing:.02em;border-style:dashed;background:linear-gradient(135deg,rgba(88,216,255,.08),rgba(88,216,255,.02))}
.image-format-hint{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:#7f98a5;font-size:11px;font-weight:800;letter-spacing:.02em}
.image-format-hint:before{content:"ⓘ";color:#58d8ff;font-size:12px}
.image-format-hint.inline{margin:-6px 0 16px;padding-left:2px}
.cover-actions{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;opacity:0;transform:translateY(4px);transition:.18s ease}
.cover-editor:hover .cover-actions,.cover-editor:not(.has-cover) .cover-actions{opacity:1;transform:none}
.cover-actions button,.section-add-image{appearance:none;border:1px dashed rgba(88,216,255,.45);background:rgba(8,13,16,.88);color:#7ee5ff;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:900;cursor:pointer;backdrop-filter:blur(12px);transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease}
.cover-actions button:hover,.section-add-image:hover{border-color:#58d8ff;background:#12232a;color:#fff;transform:translateY(-1px)}
.section-add-image{width:100%;margin:10px 0 18px}
.section-image-editor{margin:10px 0 18px}
.section-image-editor .section-add-image{margin-bottom:8px}
.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.image-grid img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;border-radius:8px;border:1px solid #203039;background:#0b1013;image-rendering:auto}
@media(max-width:680px){.image-grid{grid-template-columns:1fr}.article-cover{height:145px}}

html{scrollbar-color:#2b4652 #080b0e;scrollbar-width:thin}
body::-webkit-scrollbar,
.sidebar-scroll::-webkit-scrollbar,
.search-results::-webkit-scrollbar{width:9px;height:9px}
body::-webkit-scrollbar-track,
.sidebar-scroll::-webkit-scrollbar-track,
.search-results::-webkit-scrollbar-track{background:#080b0e}
body::-webkit-scrollbar-thumb,
.sidebar-scroll::-webkit-scrollbar-thumb,
.search-results::-webkit-scrollbar-thumb{background:#223842;border:2px solid #080b0e;border-radius:999px}
body::-webkit-scrollbar-thumb:hover,
.sidebar-scroll::-webkit-scrollbar-thumb:hover,
.search-results::-webkit-scrollbar-thumb:hover{background:#3a6474}
.sidebar-scroll{scrollbar-color:#2b4652 #080b0e;scrollbar-width:thin}

body,.app-shell,.sidebar,.brand,main{transition:grid-template-columns .24s ease,width .24s ease,margin .24s ease,padding .24s ease}
.sidebar-collapse-toggle{position:absolute;right:-16px;top:18px;z-index:25;width:32px;height:32px;display:grid;place-items:center;border:1px solid #28404a;background:#0d1519;color:#83dfff;border-radius:999px;font-size:11px;font-weight:1000;letter-spacing:-.12em;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}
.sidebar-collapse-toggle:hover{transform:translateY(-1px);border-color:#58d8ff;background:#13242b;color:#fff}
.sidebar-collapse-toggle span{transform:scaleX(.9)}
body.sidebar-collapsed{--sidebar:82px}
body.sidebar-collapsed .topbar .brand{width:74px}
body.sidebar-collapsed .brand-name,
body.sidebar-collapsed .brand-separator,
body.sidebar-collapsed .brand-section{display:none}
body.sidebar-collapsed .sidebar-scroll{padding:26px 14px}
body.sidebar-collapsed .eyebrow,
body.sidebar-collapsed .nav-caption,
body.sidebar-collapsed .side-nav a:not(.active) .new-pill{display:none}
body.sidebar-collapsed .side-nav a,
body.sidebar-collapsed .group-label{justify-content:center;padding:0;width:54px;margin:0 auto 6px}
body.sidebar-collapsed .side-nav a{position:relative}
body.sidebar-collapsed .side-nav a .nav-icon,
body.sidebar-collapsed .group-label .nav-icon{width:auto;font-size:18px}
body.sidebar-collapsed .side-nav a:not(:has(.sub-icon)){font-size:0}
body.sidebar-collapsed .side-nav a:not(:has(.sub-icon)) .nav-icon{font-size:18px}
body.sidebar-collapsed .group-label>span:first-child{gap:0}
body.sidebar-collapsed .group-label>span:first-child{font-size:0}
body.sidebar-collapsed .group-label .chevron{display:none}
body.sidebar-collapsed .group-items{padding:4px 0 8px}
body.sidebar-collapsed .group-items a{width:54px;height:34px;padding:0;font-size:0}
body.sidebar-collapsed .group-items .sub-icon{font-size:16px}
body.sidebar-collapsed .nav-divider{margin:16px 10px}
body.sidebar-collapsed .sidebar-add-category,
body.sidebar-collapsed .sidebar-add-page,
body.sidebar-collapsed .sidebar-edit-actions,
body.sidebar-collapsed .sidebar-mini-delete,
body.sidebar-collapsed .sidebar-mini-edit{display:none!important}
body.sidebar-collapsed .sidebar-collapse-toggle span{letter-spacing:-.22em}

.rule-body{display:grid;gap:12px}
.rule-body p{margin:0;color:#c1d0d7;font-size:15px;line-height:1.72}
.pretty-list{display:grid;gap:10px;margin:2px 0 4px;padding-left:24px;color:#c1d0d7}
.pretty-list li{padding-left:4px;line-height:1.65}
.pretty-list li::marker{color:#78dfff;font-size:.9em}
.rule-body strong{color:#edf8fb;font-weight:800}
.rule-body .sanction{display:inline;color:#fff}
.sanction-lines{display:grid;gap:4px;margin:-6px 0 4px 0}
.sanction-lines p{font-weight:800;color:#fff;line-height:1.45}
.inline-sanction{margin-top:3px;font-weight:800;color:#fff;line-height:1.45}
.rule-section{padding-bottom:30px;border-bottom:1px solid rgba(88,216,255,.13)}
.rule-section:last-of-type{border-bottom:0}

.profile-pill{display:inline-flex;align-items:center;gap:8px;color:#dce7ec;text-decoration:none}
.profile-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid rgba(88,216,255,.28);background:#10181d;box-shadow:0 0 14px rgba(88,216,255,.08);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.profile-pill:hover .profile-avatar{transform:translateY(-1px) scale(1.03);border-color:rgba(88,216,255,.48);box-shadow:0 0 18px rgba(88,216,255,.16)}
.profile-name{color:#dce7ec;font-size:13px;font-weight:700}
.edit-mode-button{position:relative;display:inline-flex;align-items:center;gap:7px;height:32px;border:0;background:transparent;color:#ff6b7d;border-radius:9px;padding:0 4px;font-size:13px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:none;transition:color .18s ease,transform .18s ease,background .18s ease}
.edit-mode-button:before{content:"";position:absolute;left:6px;right:6px;bottom:2px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transform:scaleX(.45);transition:opacity .18s ease,transform .18s ease}
.edit-mode-button:hover{transform:translateY(-1px);background:rgba(88,216,255,.035);color:#ff7b8c}
.edit-mode-button:hover:before{opacity:.75;transform:scaleX(1)}
.edit-mode-button.active{color:#53dfa1;background:rgba(83,223,161,.035)}
.edit-mode-button.active:hover{color:#6af0b3;background:rgba(83,223,161,.055)}
.edit-mode-button.active:before{background:linear-gradient(90deg,transparent,#53dfa1,transparent)}
.edit-dot{width:8px;height:8px;border-radius:50%;background:#ff526b;box-shadow:0 0 10px rgba(255,82,107,.42);flex:0 0 auto;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.edit-mode-button:hover .edit-dot{transform:scale(1.12)}
.edit-mode-button.active .edit-dot{background:#53dfa1;box-shadow:0 0 12px rgba(83,223,161,.5)}
.edit-mode .page.editing [contenteditable="true"]{outline:1px dashed rgba(88,216,255,.42);outline-offset:5px;border-radius:4px;transition:outline-color .2s ease,background-color .2s ease}
.edit-mode .page.editing{padding-right:64px}
.edit-mode .page.editing [contenteditable="true"]:hover{background:rgba(88,216,255,.045)}
.edit-mode .page.editing [contenteditable="true"]:focus{outline:2px solid rgba(88,216,255,.85);background:rgba(88,216,255,.07)}
.page.editing .rule-body{color:#c1d0d7;font-size:15px;line-height:1.72}
.page.editing .rule-body:empty:before{content:"Texte de la section...";color:#60727d}
.page.editing [contenteditable="true"]::selection{background:rgba(88,216,255,.38);color:#fff}
.page.editing [contenteditable="true"] *::selection{background:rgba(88,216,255,.38);color:#fff}
.rich-content{display:grid;gap:12px;color:#c1d0d7;font-size:15px;line-height:1.72}
.rule-body,.rich-content{position:relative;min-height:80px;max-width:var(--doc-content-width,760px);overflow-wrap:anywhere;word-break:break-word}
.rich-content p,.rich-content div,.rich-content blockquote{margin:0}
.rich-content ul,.rich-content ol{margin:0;padding-left:24px}
.rich-content li{padding-left:4px}
.rich-content a{color:#77dcff;text-decoration:none;border-bottom:1px solid rgba(119,220,255,.35)}
.rule-body .hover-gif-link,.rich-content .hover-gif-link{position:relative;display:inline-flex;align-items:center;color:#77dcff;text-decoration:none;border-bottom:1px solid rgba(119,220,255,.45);cursor:pointer}
.rule-body .hover-gif-label,.rich-content .hover-gif-label{text-decoration:underline;text-decoration-color:rgba(119,220,255,.75);text-underline-offset:3px}
.rule-body .hover-gif-popup,.rich-content .hover-gif-popup{position:absolute;left:calc(100% + 14px);top:50%;z-index:18;display:block;width:min(260px,42vw);padding:8px;border:1px solid rgba(88,216,255,.24);border-radius:14px;background:rgba(8,14,18,.94);box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 24px rgba(88,216,255,.08);opacity:0;pointer-events:none;transform:translateY(-50%) translateX(-8px) scale(.96);transition:opacity .18s ease,transform .18s ease}
.rule-body .hover-gif-popup img,.rich-content .hover-gif-popup img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain;border-radius:10px;background:#0a1115}
.rule-body .hover-gif-link:hover .hover-gif-popup,.rule-body .hover-gif-link:focus-within .hover-gif-popup,.rich-content .hover-gif-link:hover .hover-gif-popup,.rich-content .hover-gif-link:focus-within .hover-gif-popup{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}
.page.editing .hover-gif-popup{display:none!important}
.page.editing .hover-gif-link{padding-right:0}
body.light-theme .rule-body .hover-gif-link,body.light-theme .rich-content .hover-gif-link{color:#007ca6;border-bottom-color:rgba(0,124,166,.42)}
body.light-theme .rule-body .hover-gif-label,body.light-theme .rich-content .hover-gif-label{text-decoration-color:rgba(0,124,166,.62)}
body.light-theme .rule-body .hover-gif-popup,body.light-theme .rich-content .hover-gif-popup{background:rgba(255,255,255,.98);border-color:#b9ccd6;box-shadow:0 18px 48px rgba(38,65,78,.18)}
body.light-theme .rule-body .hover-gif-popup img,body.light-theme .rich-content .hover-gif-popup img{background:#f6fafc}
.rich-content blockquote{border-left:2px solid var(--cyan);padding:10px 14px;background:#101b20;border-radius:0 8px 8px 0}
.rule-body table,.rich-content table{width:100%;max-width:var(--doc-content-width,760px);table-layout:fixed;border-collapse:separate;border-spacing:0;margin:8px auto;border:1px solid #20333c;border-radius:10px;overflow:hidden}
.rule-body th,.rule-body td,.rich-content th,.rich-content td{padding:10px 12px;border-bottom:1px solid #20333c;text-align:left;color:#c1d0d7}
.rule-body th,.rule-body td,.rich-content th,.rich-content td{overflow-wrap:anywhere;word-break:break-word;vertical-align:top}
.rule-body th,.rich-content th{background:rgba(88,216,255,.08);color:#edf8fb;font-weight:900}
.rule-body tr:last-child td,.rich-content tr:last-child td{border-bottom:0}
.rule-body .checklist,.rich-content .checklist{list-style:none;padding-left:0;display:grid;gap:8px}
.rule-body .content-button,.rich-content .content-button{display:inline-flex;width:max-content;align-items:center;gap:8px;padding:10px 13px;border-radius:9px;background:#58d8ff;color:#061015!important;font-weight:900;text-decoration:none;border:0;box-shadow:0 10px 24px rgba(88,216,255,.12);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.rule-body .content-button:hover,.rich-content .content-button:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(88,216,255,.18);filter:brightness(1.03)}
.rule-body .content-button.button-left,.rich-content .content-button.button-left{display:flex;margin:10px auto 14px 0}
.rule-body .content-button.button-center,.rich-content .content-button.button-center{display:flex;margin:10px auto 14px}
.rule-body .content-button.button-right,.rich-content .content-button.button-right{display:flex;margin:10px 0 14px auto}
.rule-body .content-button.button-wrap-left,.rich-content .content-button.button-wrap-left{float:left;margin:4px 16px 10px 0;clear:left}
.rule-body .content-button.button-wrap-right,.rich-content .content-button.button-wrap-right{float:right;margin:4px 0 10px 16px;clear:right}
.rule-body .content-button.button-free,.rich-content .content-button.button-free{position:absolute;margin:0;cursor:grab}
.page.editing .rule-body .content-button:not(.button-free),.page.editing .rich-content .content-button:not(.button-free){margin:8px 12px 10px;outline-offset:7px}
.page.editing .rule-body .content-button:not(.button-free):before,.page.editing .rich-content .content-button:not(.button-free):before{content:"";position:absolute;inset:-9px;border:1px dashed rgba(88,216,255,.28);border-radius:14px;pointer-events:none;opacity:.75}
.page.editing .rule-body .content-button,.page.editing .rich-content .content-button{position:relative}
.page.editing .rule-body .content-button.button-wrap-left,.page.editing .rich-content .content-button.button-wrap-left{margin:8px 22px 14px 0}
.page.editing .rule-body .content-button.button-wrap-right,.page.editing .rich-content .content-button.button-wrap-right{margin:8px 0 14px 22px}
.page.editing .content-button.button-dragging{opacity:.86;outline:2px dashed rgba(88,216,255,.55);outline-offset:5px}
.page.editing .rule-body .content-button,.page.editing .rich-content .content-button{cursor:pointer;user-select:none}
.page.editing .rule-body .content-button.button-free:active,.page.editing .rich-content .content-button.button-free:active{cursor:grabbing}
.page.editing .content-button.button-selected{outline:2px solid #58d8ff;outline-offset:4px}
.inline-button-tools button[data-button-remove]{border-color:#6b2632;background:#231015;color:#ff9dad}
.rule-body blockquote.callout-info,.rich-content blockquote.callout-info{border-left-color:#58d8ff;background:rgba(88,216,255,.08)}
.rule-body blockquote.callout-success,.rich-content blockquote.callout-success{border-left-color:#51d594;background:rgba(81,213,148,.08)}
.rule-body blockquote.callout-warning,.rich-content blockquote.callout-warning{border-left-color:#ffb953;background:rgba(255,185,83,.08)}
.rule-body blockquote.callout-danger,.rich-content blockquote.callout-danger{border-left-color:#ff5f75;background:rgba(255,95,117,.1)}
.rule-body mark,.rich-content mark{background:none;color:#fff2bf;font-weight:700}
.rule-body code,.rich-content code{font-family:"Cascadia Code","Fira Code",monospace;background:rgba(88,216,255,.09);border:1px solid rgba(88,216,255,.16);border-radius:5px;padding:1px 5px;color:#a9ecff}
.rule-body pre.code-block,.rich-content pre.code-block{margin:12px 0;padding:14px 16px;border-radius:12px;background:#070d10;border:1px solid #20333c;overflow:auto}
.rule-body pre.code-block code,.rich-content pre.code-block code{display:block;background:transparent;border:0;padding:0;color:#d7e7ed;white-space:pre}
.gb-tabs{display:grid;gap:10px;margin:14px 0}
.gb-tabs details,.rule-body details,.rich-content details{position:relative;border:1px solid #20333c;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(88,216,255,.012));padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.gb-tabs details:hover,.rule-body details:hover,.rich-content details:hover{transform:translateY(-2px);border-color:rgba(88,216,255,.48);background:linear-gradient(180deg,rgba(88,216,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 34px rgba(0,0,0,.22),0 0 22px rgba(88,216,255,.045)}
.gb-tabs details[open],.rule-body details[open],.rich-content details[open]{border-color:rgba(88,216,255,.34);background:linear-gradient(180deg,rgba(88,216,255,.045),rgba(255,255,255,.018))}
.gb-tabs summary,.rule-body summary,.rich-content summary{cursor:pointer;color:#edf8fb;font-weight:900;outline:0;transition:color .18s ease,letter-spacing .18s ease}
.gb-tabs summary:hover,.rule-body summary:hover,.rich-content summary:hover{color:#58d8ff;letter-spacing:.01em}
.gb-tabs summary::marker,.rule-body summary::marker,.rich-content summary::marker{color:#9fdff3;transition:color .18s ease}
.gb-tabs details:hover summary::marker,.rule-body details:hover summary::marker,.rich-content details:hover summary::marker{color:#58d8ff}
.page.editing .rule-section .rule-body details,.page.editing .rule-section .rich-content details{padding-right:50px}
.page.editing .rule-section .gb-tabs details{padding-right:12px}
.detail-edit-handle{position:absolute;top:10px;right:10px;width:28px;height:28px;display:grid;place-items:center;appearance:none;border:1px solid rgba(88,216,255,.24);background:rgba(8,14,18,.78);color:#8ce7ff;border-radius:8px;font-size:14px;font-weight:900;cursor:pointer;transition:all .15s ease;z-index:2}
.detail-edit-handle:hover,.detail-edit-handle.active{background:#58d8ff;color:#081015;border-color:#58d8ff;transform:translateY(-1px)}
.detail-edit-menu{position:absolute;top:10px;right:44px;z-index:3;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(88,216,255,.24);background:rgba(8,14,18,.92);border-radius:10px;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.detail-edit-menu button{appearance:none;border:1px solid rgba(88,216,255,.22);background:rgba(88,216,255,.05);color:#dff7ff;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.detail-edit-menu button:hover{transform:translateY(-1px);border-color:#58d8ff;background:rgba(88,216,255,.12);color:#fff}
.detail-edit-menu button:disabled{opacity:.38;cursor:not-allowed;transform:none}
.page.editing .gb-tabs{gap:9px;padding:8px;border:1px dashed rgba(88,216,255,.34);border-radius:14px;background:rgba(88,216,255,.025)}
.page.editing .gb-tabs:before{content:"Onglets continus";display:block;width:max-content;margin:0 0 3px;padding:3px 8px;border:1px solid rgba(88,216,255,.24);border-radius:999px;color:#58d8ff;background:rgba(88,216,255,.07);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.page.editing .gb-tabs:has(.gb-tabs-editor-controls):before{display:none}
.gb-tabs-editor-controls{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:6px;border:1px solid rgba(88,216,255,.2);border-radius:12px;background:rgba(5,12,15,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.gb-tabs-editor-controls span{color:#58d8ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-right:auto}
.gb-tabs-editor-controls small{color:#8da5af;font-size:11px;font-weight:900}
.gb-tabs-editor-controls button{appearance:none;border:1px solid rgba(88,216,255,.28);background:rgba(88,216,255,.06);color:#dff7ff;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.gb-tabs-editor-controls button:hover{transform:translateY(-1px);border-color:#58d8ff;background:rgba(88,216,255,.12);color:#fff}
.gb-tabs-editor-controls button[data-tab-remove]{border-color:rgba(255,82,107,.32);background:rgba(255,82,107,.06);color:#ff9aaa}
.gb-tabs-editor-controls button[data-tab-remove]:hover{border-color:#ff526b;background:rgba(255,82,107,.12);color:#ffd6dc}
.page.editing .gb-tabs[data-tabs-editing-ready]{display:block;gap:0}
.page.editing .gb-tabs[data-tabs-editing-ready]>details{display:none}
.page.editing .gb-tabs[data-tabs-editing-ready] .gb-tabs-nav{margin-top:0}
.gb-tab-edit-toolbars{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 14px 10px;border-bottom:1px solid rgba(88,216,255,.14);background:linear-gradient(180deg,rgba(8,13,16,.74),rgba(8,13,16,.36))}
.gb-tab-edit-toolbar{display:none;align-items:center;gap:6px;flex-wrap:wrap}
.gb-tab-edit-toolbar.active{display:flex}
.gb-tab-edit-toolbar:before{content:"Actions onglet";margin-right:6px;color:#58d8ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.gb-tab-edit-trigger{display:flex;align-items:center;max-width:100%;color:#8fa3ad;font:inherit;font-weight:800;font-size:13px;line-height:1.2;padding:9px 14px;border-radius:9px 9px 0 0;cursor:pointer;border-bottom:2px solid transparent;transition:color .18s ease,background .18s ease,border-color .18s ease}
.gb-tab-edit-trigger:hover{color:#dce8ed;background:rgba(88,216,255,.06)}
.gb-tab-edit-trigger.active{color:#58d8ff;background:rgba(88,216,255,.08);border-bottom-color:#58d8ff}
.gb-tab-edit-label{display:block;min-width:0;outline:0;white-space:nowrap}
.gb-tab-edit-label:focus{color:inherit}
.gb-tab-item-controls{display:flex;gap:6px;flex-wrap:wrap;padding:0 13px 10px}
.gb-tab-item-controls button{appearance:none;border:1px solid rgba(88,216,255,.22);background:rgba(88,216,255,.05);color:#dff7ff;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.gb-tab-item-controls button:hover{transform:translateY(-1px);border-color:#58d8ff;background:rgba(88,216,255,.12);color:#fff}
.gb-tab-item-controls button[data-tab-remove]{border-color:rgba(255,82,107,.28);background:rgba(255,82,107,.06);color:#ff9aaa}
.gb-tab-item-controls button[data-tab-remove]:hover{border-color:#ff526b;background:rgba(255,82,107,.12);color:#ffd6dc}
.gb-tab-item-controls button:disabled,.section-edit-actions button:disabled{opacity:.38;cursor:not-allowed;transform:none}
.gb-tab-edit-toolbars .gb-tab-item-controls{padding:0}
.page.editing .gb-tabs[data-tabs-editing-ready] .gb-tabs-panels{padding:0}
.page.editing .gb-tabs[data-tabs-editing-ready] .gb-tab-panel{padding:14px 16px}
/* Onglets horizontaux facon GitBook (blocs .gb-tabs transformes par enhanceGitbookTabs) */
.gb-tabs[data-tabs-ready]{display:block;gap:0;border:1px solid #20333c;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.02)}
.gb-tabs-nav{display:flex;flex-wrap:wrap;gap:2px;padding:5px 5px 0;background:#0b1418;border-bottom:1px solid #20333c}
.gb-tab-btn{appearance:none;border:0;background:transparent;color:#8fa3ad;font:inherit;font-weight:800;font-size:13px;line-height:1.2;padding:9px 14px;border-radius:9px 9px 0 0;cursor:pointer;border-bottom:2px solid transparent;transition:color .18s ease,background .18s ease,border-color .18s ease}
.gb-tab-btn:hover{color:#dce8ed;background:rgba(88,216,255,.06)}
.gb-tab-btn.active{color:#58d8ff;background:rgba(88,216,255,.08);border-bottom-color:#58d8ff}
.gb-tabs-panels{padding:16px 18px}
.gb-tab-panel{display:none}
.gb-tab-panel.active{display:block}
.gb-tab-panel>:first-child{margin-top:0}
.gb-tab-panel>:last-child{margin-bottom:0}
/* Touche clavier (kbd) facon GitBook */
.rule-body kbd,.rich-content kbd{display:inline-block;font-family:"Cascadia Code","Fira Code",monospace;font-size:.82em;line-height:1;padding:3px 7px;margin:0 1px;color:#dce8ed;background:#131c22;border:1px solid #2b3d47;border-bottom-width:2px;border-radius:6px;box-shadow:0 1px 0 rgba(0,0,0,.35);white-space:nowrap}
body.light-theme .gb-tabs[data-tabs-ready]{border-color:#c8d8df}
body.light-theme .gb-tabs-nav{background:#e4edf2;border-bottom-color:#c8d8df}
body.light-theme .gb-tab-btn{color:#5f737d}
body.light-theme .gb-tab-btn:hover{color:#0c171d;background:rgba(11,166,218,.07)}
body.light-theme .gb-tab-btn.active{color:#0b789e;background:rgba(11,166,218,.1);border-bottom-color:#0b789e}
body.light-theme .rule-body kbd,body.light-theme .rich-content kbd{color:#10202a;background:#eef4f7;border-color:#c4d4dc}
/* Sommaire construit depuis les titres rendus + bouton import GitBook */
.toc a.toc-sub{padding-left:16px;font-size:.94em;opacity:.82}
.toc a.toc-sub-2{padding-left:30px;font-size:.9em;opacity:.72}
.import-gitbook-btn{font-size:12px;font-weight:800;padding:7px 11px;white-space:nowrap}
.diff-changelog-btn{font-size:12px;font-weight:800;padding:7px 11px;white-space:nowrap}
.patch-empty{padding:34px 22px;text-align:center;color:#8ea3ac;font-size:14px;border:1px dashed #2a3f48;border-radius:14px;background:rgba(13,21,26,.4)}
body.light-theme .patch-empty{color:#5a6d76;border-color:#cfdde3;background:#f5f9fb}
/* ===== Modal de comparaison / changelog ===== */
.diff-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px}
.diff-backdrop{position:absolute;inset:0;background:rgba(4,8,11,.62);backdrop-filter:blur(4px)}
.diff-panel{position:relative;z-index:1;width:min(760px,100%);max-height:88vh;display:flex;flex-direction:column;background:linear-gradient(150deg,rgba(13,22,28,.98),rgba(6,10,13,.99));border:1px solid #23414c;border-radius:20px;box-shadow:0 40px 120px rgba(0,0,0,.55);overflow:hidden}
.diff-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px 14px}
.diff-eyebrow{color:#58d8ff;font:800 11px/1 Outfit,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.diff-head h2{margin:8px 0 4px;font:800 22px/1.1 Outfit,sans-serif;color:#eef8fb}
.diff-summary{margin:0;color:#9fb4bd;font-size:13px}
.diff-close{width:34px;height:34px;border-radius:10px;border:1px solid #28404a;background:#10181d;color:#dce8ed;font-size:18px;cursor:pointer;flex:none}
.diff-close:hover{border-color:#58d8ff;color:#fff}
.diff-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:0 24px 12px;border-bottom:1px solid #1b2c33}
.diff-target{display:flex;align-items:center;gap:8px;color:#9fb4bd;font-size:13px;font-weight:700}
.diff-target select,.diff-item select{background:#0e161b;border:1px solid #28404a;color:#e6f3f7;border-radius:8px;padding:6px 8px;font-size:12px}
.diff-webhook-field{flex:1 1 320px;align-items:flex-start;flex-direction:column;gap:6px}
.diff-webhook-field input{width:100%;background:#0e161b;border:1px solid #28404a;color:#e6f3f7;border-radius:8px;padding:8px 10px;font-size:12px}
.diff-webhook-actions,.diff-webhook-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.diff-webhook-field small,.diff-webhook-note{margin:0;color:#7f98a2;font-size:11px;font-weight:600}
.diff-webhook-note{max-width:420px}
.diff-bulk{display:flex;gap:8px}
.diff-bulk button{background:transparent;border:1px solid #28404a;color:#9fe8ff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}
.diff-bulk button:hover{border-color:#58d8ff;color:#fff}
.diff-list{flex:1;overflow-y:auto;padding:14px 24px;display:flex;flex-direction:column;gap:8px}
.diff-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0d151a;border:1px solid #1c2d34;border-left-width:3px;border-radius:10px}
.diff-item.type-add{border-left-color:#3ad07a}
.diff-item.type-fix{border-left-color:#58d8ff}
.diff-item.type-balance{border-left-color:#f2b544}
.diff-item.type-remove{border-left-color:#f26d6d}
.diff-item input[type=checkbox]{width:16px;height:16px;flex:none;accent-color:#58d8ff}
.diff-item .home-dot{flex:none}
.diff-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.diff-text input[type=text]{width:100%;background:#0a1115;border:1px solid #22333b;color:#eef8fb;border-radius:7px;padding:7px 9px;font-size:13px}
.diff-text input[type=text]:focus{outline:none;border-color:#58d8ff}
.diff-before{color:#7c8d95;font-size:11px;text-decoration:line-through;opacity:.75;padding-left:2px}
.diff-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px 20px;border-top:1px solid #1b2c33}
body.light-theme .diff-panel{background:linear-gradient(150deg,#fff,#f2f7f9);border-color:#d3e2e8}
body.light-theme .diff-head h2{color:#0e1f28}
body.light-theme .diff-summary,body.light-theme .diff-target{color:#4a5e67}
body.light-theme .diff-item{background:#f6fafb;border-color:#dbe7ec}
body.light-theme .diff-text input[type=text],body.light-theme .diff-target select,body.light-theme .diff-item select,body.light-theme .diff-close{background:#fff;color:#10202a;border-color:#c4d4dc}
/* ===== Document "diff annote" (track changes) ===== */
.diff-preview{flex:1;overflow-y:auto;padding:16px 24px}
.diff-legend{display:flex;gap:8px;align-items:center}
.cl-key{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px}
.changelog-diff{font-size:14px;line-height:1.55;color:#dbe8ee}
.changelog-diff .cl-h{font-family:Outfit,sans-serif;font-weight:800;color:#eef8fb;margin:16px 0 8px;letter-spacing:-.01em}
.changelog-diff .cl-h1,.changelog-diff .cl-h2{font-size:19px}
.changelog-diff .cl-h3{font-size:16px}
.changelog-diff .cl-h4{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#9fe8ff}
.changelog-diff .cl-line{padding:3px 8px;border-radius:6px;margin:2px 0}
.changelog-diff .cl-link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;transition:transform .16s ease,filter .16s ease}
.changelog-diff .cl-link:hover{transform:translateX(3px);filter:brightness(1.04)}
.changelog-diff .cl-link-text{min-width:0;flex:1}
.page.editing .changelog-diff .cl-link{position:relative;padding-right:42px}
.changelog-jump-btn{flex:none;display:inline-grid;place-items:center;appearance:none;border:1px solid rgba(88,216,255,.28);background:rgba(88,216,255,.08);color:#c9f6ff;border-radius:8px;width:36px;height:30px;padding:0;font-size:14px;font-weight:800;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.changelog-jump-btn:hover{transform:translateY(-1px);border-color:#58d8ff;background:rgba(88,216,255,.15);color:#fff}
.changelog-jump-btn i{font-size:14px;line-height:1}
.changelog-line-remove{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(255,82,107,.32);background:rgba(255,82,107,.09);color:#ffb7c1;border-radius:8px;font-size:16px;font-weight:900;cursor:pointer;opacity:0;transition:opacity .16s ease,transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.changelog-diff .cl-link:hover .changelog-line-remove,.changelog-diff .cl-link:focus-within .changelog-line-remove{opacity:1}
.changelog-line-remove:hover{transform:translateY(-50%) scale(1.05);border-color:#ff526b;background:rgba(255,82,107,.16);color:#fff}
.changelog-diff .cl-li{display:flex;gap:8px;padding-left:10px}
.changelog-diff .cl-li .cl-bullet{color:#58d8ff;flex:none}
.changelog-diff .cl-quote{border-left:3px solid #2a4750;padding-left:12px;color:#a7bcc4;font-style:italic}
.changelog-diff .cl-equal{color:#8a9ea7}
.changelog-diff .cl-context-title{margin-top:12px}
.cl-add,.changelog-diff .cl-add{background:rgba(58,208,122,.14);box-shadow:inset 3px 0 0 #3ad07a;color:#c9f5db}
.cl-del,.changelog-diff .cl-del{background:rgba(242,109,109,.13);box-shadow:inset 3px 0 0 #f26d6d;color:#f4c4c4;text-decoration:line-through;text-decoration-color:rgba(242,109,109,.7)}
.cl-del .changelog-jump-btn,.changelog-diff .cl-del .changelog-jump-btn,
.cl-del .changelog-jump-btn i,.changelog-diff .cl-del .changelog-jump-btn i{text-decoration:none!important}
.cl-mod,.changelog-diff .cl-mod{background:rgba(88,216,255,.1);box-shadow:inset 3px 0 0 #58d8ff}
.changelog-diff .cl-mod .cl-old{text-decoration:line-through;color:#f0a9a9;opacity:.8}
.changelog-diff .cl-mod .cl-new{color:#bff0d3}
.changelog-diff .cl-mod .cl-arrow{color:#58d8ff;font-weight:800;margin:0 4px}
.cl-key.cl-add{background:rgba(58,208,122,.18);color:#8be8ac;box-shadow:none}
.cl-key.cl-del{background:rgba(242,109,109,.18);color:#f0a0a0;box-shadow:none;text-decoration:none}
.cl-key.cl-mod{background:rgba(88,216,255,.18);color:#8fdcff;box-shadow:none}
.changelog-diff-body{max-height:none}
.changelog-diff-body .changelog-diff{font-size:14px}
body.light-theme .changelog-diff{color:#26333a}
body.light-theme .changelog-diff .cl-h{color:#0e1f28}
body.light-theme .changelog-diff .cl-h4{color:#1f7fa0}
body.light-theme .changelog-diff .cl-equal{color:#6a7b83}
body.light-theme .cl-add,body.light-theme .changelog-diff .cl-add{background:rgba(40,170,95,.12);color:#1c6b3d}
body.light-theme .cl-del,body.light-theme .changelog-diff .cl-del{background:rgba(210,70,70,.1);color:#a33}
body.light-theme .changelog-diff .cl-mod .cl-old{color:#b05656}
body.light-theme .changelog-diff .cl-mod .cl-new{color:#1c6b3d}
body.light-theme .changelog-jump-btn{border-color:rgba(11,166,218,.28);background:rgba(11,166,218,.08);color:#0b789e}
body.light-theme .changelog-jump-btn:hover{border-color:#0b789e;background:rgba(11,166,218,.14);color:#06485f}
body.light-theme .changelog-line-remove{border-color:rgba(210,70,70,.28);background:rgba(210,70,70,.08);color:#b05656}
body.light-theme .changelog-line-remove:hover{border-color:#d24646;background:rgba(210,70,70,.14);color:#7d1d1d}
.rule-jump-target{scroll-margin-top:110px;outline:2px solid rgba(88,216,255,.7);outline-offset:6px;border-radius:10px;background:rgba(88,216,255,.08);transition:background .18s ease,outline-color .18s ease}
body.light-theme .rule-jump-target{background:rgba(11,166,218,.08);outline-color:rgba(11,166,218,.6)}
/* ===== Ruban d'edition professionnel (barre superieure) ===== */
.editor-toolbar{position:fixed!important;inset:0 0 auto 0!important;width:auto!important;max-height:none!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;padding:0 4px!important;height:58px!important;border:0!important;border-bottom:1px solid #1c2c34!important;border-radius:0!important;background:linear-gradient(180deg,#0d161b,#0a1015)!important;backdrop-filter:none!important;opacity:1!important;transform:none!important;overflow-x:auto!important;overflow-y:hidden!important;box-shadow:0 10px 30px rgba(0,0,0,.36)!important;scrollbar-width:thin}
.editor-toolbar::-webkit-scrollbar{height:6px}
.editor-toolbar::-webkit-scrollbar-thumb{background:#22343c;border-radius:3px}
.editor-toolbar:hover,.editor-toolbar:focus-within{opacity:1!important;transform:none!important}
.editor-toolbar .rbn-edit-toggle{display:flex!important;align-items:center;gap:10px;padding:0 16px 0 12px;cursor:pointer;border-right:1px solid #1c2c34;flex:0 0 auto;height:100%;user-select:none;-webkit-user-select:none}
.editor-toolbar .rbn-edit-toggle input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.editor-toolbar .rbn-toggle-track{position:relative;width:40px;height:22px;border-radius:12px;background:linear-gradient(135deg,#1a3040,#0e1e28);border:1.5px solid #2a4a58;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;box-shadow:inset 0 1px 4px rgba(0,0,0,.4),0 0 0 0 transparent;flex:0 0 auto}
.editor-toolbar .rbn-edit-toggle input:checked~.rbn-toggle-track{background:linear-gradient(135deg,#0e4a5c,#0a3848);border-color:#3dd8ff;box-shadow:inset 0 1px 4px rgba(0,0,0,.3),0 0 12px rgba(88,216,255,.2)}
.editor-toolbar .rbn-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#5a6a72,#3a4a52);box-shadow:0 1px 4px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.68,-.15,.27,1.15),background .3s ease,box-shadow .3s ease}
.editor-toolbar .rbn-edit-toggle input:checked~.rbn-toggle-track .rbn-toggle-knob{transform:translateX(18px);background:linear-gradient(135deg,#58d8ff,#38b8e8);box-shadow:0 0 8px rgba(88,216,255,.5),0 1px 4px rgba(0,0,0,.3)}
.editor-toolbar .rbn-toggle-label{font:800 11px/1 Outfit,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#58d8ff;transition:color .3s ease,opacity .3s ease}
.editor-toolbar .rbn-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 10px;border-right:1px solid #15232a;flex:0 0 auto}
.editor-toolbar .rbn-row{display:flex;align-items:center;gap:2px}
.editor-toolbar .rbn-group-name{font:700 8.5px/1 Outfit,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#5c7079;white-space:nowrap}
.editor-toolbar .rbn-btn{position:relative;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent!important;background:transparent!important;color:#c3d3da!important;border-radius:7px!important;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}
.editor-toolbar .rbn-btn.rbn-wide{width:auto!important;min-width:34px!important;padding:0 8px!important}
.editor-toolbar .rbn-btn:hover{background:#15242c!important;color:#eaf7fb!important;border-color:#274652!important}
.editor-toolbar .rbn-btn:active{background:#1c3742!important}
.editor-toolbar .rbn-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;display:block}
.editor-toolbar .rbn-btn svg .fill{fill:currentColor;stroke:none}
.editor-toolbar .rbn-btn svg .dot{fill:currentColor;stroke:none}
.editor-toolbar .rbn-btn svg text{fill:currentColor;stroke:none;font:700 7px "DM Sans",sans-serif}
.rbn-g{font:700 15px/1 Georgia,"Times New Roman",serif;color:currentColor}
.rbn-g.rbn-b{font-weight:800}
.rbn-g.rbn-it{font-style:italic}
.rbn-g.rbn-un{text-decoration:underline}
.rbn-g.rbn-st{text-decoration:line-through}
.rbn-g.rbn-sm{font:700 12px/1 Outfit,sans-serif}
.rbn-g.rbn-xs{font:800 9px/1 Outfit,sans-serif;letter-spacing:.04em}
.rbn-g.rbn-hl{background:#f2b544;color:#10202a;padding:0 3px;border-radius:3px}
.editor-toolbar .rbn-callout .home-dot{width:12px;height:12px;border-radius:50%;display:block}
.editor-toolbar .rbn-size select{height:30px;background:#0e161b;border:1px solid #24343c;color:#dbe8ee;border-radius:7px;padding:0 8px;font-size:11px;font-weight:700;cursor:pointer;width:auto!important;min-width:0!important}
.editor-toolbar .rbn-color{display:inline-flex;align-items:center;gap:4px;height:30px;width:auto!important;min-width:0!important;padding:0 6px;border:1px solid transparent;border-radius:7px;cursor:pointer}
.editor-toolbar .rbn-color:hover{background:#15242c;border-color:#274652}
.editor-toolbar .rbn-color input[type=color]{width:18px;height:18px;border:0;background:transparent;padding:0;cursor:pointer}
.editor-toolbar .rbn-color.disabled{opacity:.4}
.editor-toolbar .rbn-btn.has-favorite-toggle .fav-toggle{position:absolute!important;top:-3px;right:-3px;width:14px!important;min-width:14px!important;height:14px!important;padding:0!important;border:0!important;border-radius:50%;background:#0d151a!important;color:#5c7079!important;font-size:9px;line-height:1;opacity:0;transition:opacity .14s;box-shadow:none!important;transform:none!important}
.editor-toolbar .rbn-btn:hover .fav-toggle{opacity:1}
.editor-toolbar .rbn-btn .fav-toggle.active{opacity:1;color:#58d8ff!important}
body:has(.editor-toolbar){padding-top:58px}
body.light-theme .editor-toolbar{background:linear-gradient(180deg,#fff,#f4f8fa)!important;border-bottom-color:#d3e2e8!important}
body.light-theme .editor-toolbar .rbn-btn{color:#33474f!important}
body.light-theme .editor-toolbar .rbn-btn:hover{background:#e9f3f6!important;color:#0e1f28!important;border-color:#cfe0e6!important}
body.light-theme .rbn-toggle-label{color:#1f7fa0}
body.light-theme .rbn-toggle-track{background:linear-gradient(135deg,#e0ecf0,#d0dce4);border-color:#b0c8d4}
body.light-theme .rbn-edit-toggle input:checked~.rbn-toggle-track{background:linear-gradient(135deg,#c0e8f8,#a8d8f0);border-color:#1f9fc0;box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 10px rgba(31,159,192,.2)}
body.light-theme .rbn-toggle-knob{background:linear-gradient(135deg,#b0bec5,#90a4ae)}
body.light-theme .rbn-edit-toggle input:checked~.rbn-toggle-track .rbn-toggle-knob{background:linear-gradient(135deg,#1f9fc0,#1686a6);box-shadow:0 0 6px rgba(31,159,192,.4),0 1px 3px rgba(0,0,0,.2)}
body.light-theme .editor-toolbar .rbn-size select,body.light-theme .editor-toolbar .rbn-color input[type=color]{background:#fff;border-color:#c4d4dc;color:#10202a}
/* Video responsive 16:9 */
.embed-video{position:relative;width:100%;max-width:760px;margin:16px 0;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;border:1px solid #22343c}
.embed-video iframe,.embed-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.embed-card{display:block;margin:12px 0;padding:12px 14px;border:1px solid #28404a;border-radius:10px;background:rgba(13,21,26,.5);word-break:break-all}
/* Selecteur d'emoji */
.emoji-picker{position:fixed;z-index:80;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;background:#0e161b;border:1px solid #28404a;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.emoji-picker button{width:32px;height:32px;border:0;background:transparent;font-size:18px;cursor:pointer;border-radius:8px;padding:0}
.emoji-picker button:hover{background:rgba(88,216,255,.14)}
body.light-theme .editor-toolbar{background:rgba(255,255,255,.98)!important;border-bottom-color:#d3e2e8!important}
body.light-theme .emoji-picker{background:#fff;border-color:#c4d4dc}
/* ===== Graphiques (SVG) & diagrammes (mermaid) ===== */
.chart-block-rendered,.mermaid-block-rendered,.mermaid-block-fallback{margin:16px 0;padding:14px;border:1px solid #22343c;border-radius:14px;background:rgba(13,21,26,.5);overflow-x:auto}
.chart-svg,.mermaid-svg{display:block;width:100%;height:auto;max-width:100%}
.chart-title{fill:#eef8fb;font:800 15px Outfit,sans-serif}
.chart-label{fill:#9fb4bd;font:600 11px "DM Sans",sans-serif}
.chart-value{fill:#cfe8f2;font:800 11px "DM Sans",sans-serif}
.chart-axis{stroke:#2a3f48;stroke-width:1}
.chart-bar,.chart-slice{transition:opacity .2s}
.chart-bar:hover,.chart-slice:hover{opacity:.85}
.mermaid-shape{fill:#0f2630;stroke:#58d8ff;stroke-width:1.6}
.mermaid-node-label{fill:#eef8fb;font:700 12px "DM Sans",sans-serif}
.mermaid-edge{stroke:#5b7683;stroke-width:1.6}
.mermaid-arrow{fill:#5b7683}
.mermaid-edge-label{fill:#9fb4bd;font:600 10px "DM Sans",sans-serif}
.mermaid-block-fallback pre{margin:0;white-space:pre-wrap;color:#9fb4bd;font-size:12px}
pre.chart-block,pre.mermaid-block{display:block;margin:14px 0;padding:12px 14px;border:1px dashed #2f6b7d;border-radius:10px;background:rgba(88,216,255,.06);color:#9fe8ff;font:600 12px/1.5 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}
pre.chart-block::before{content:"📊 graphique (aperçu en lecture)";display:block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6d818b;margin-bottom:6px}
pre.mermaid-block::before{content:"🔀 diagramme (aperçu en lecture)";display:block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6d818b;margin-bottom:6px}
body.light-theme .chart-block-rendered,body.light-theme .mermaid-block-rendered,body.light-theme .mermaid-block-fallback{background:#f6fafb;border-color:#d3e2e8}
body.light-theme .chart-title{fill:#0e1f28}
body.light-theme .chart-label{fill:#5a6d76}
body.light-theme .mermaid-shape{fill:#eaf6fb;stroke:#1f7fa0}
body.light-theme .mermaid-node-label{fill:#12303b}
.gb-stepper{counter-reset:step;list-style:none!important;padding:0!important;margin:14px 0!important;display:grid;gap:12px}.gb-stepper>li{position:relative;padding:14px 14px 14px 48px;border:1px solid #20333c;border-radius:12px;background:rgba(88,216,255,.04)}.gb-stepper>li:before{counter-increment:step;content:counter(step);position:absolute;left:14px;top:14px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#58d8ff;color:#061015;font-size:12px;font-weight:900}
.gb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}.gb-cards article,.embed-card,.file-card,.content-ref-card{display:block;border:1px solid #20333c;border-radius:14px;background:linear-gradient(145deg,rgba(88,216,255,.07),rgba(255,255,255,.025));padding:15px;text-decoration:none;color:#dce8ed}.gb-cards h3{font-size:18px;margin:0 0 6px}
.embed-card a,.file-card,.content-ref-card{color:#7ee5ff;font-weight:900}
.rule-body .editable-gallery,.rich-content .editable-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:start;justify-items:start;margin:10px 0 14px}
.rule-body .editable-gallery:has(.editable-image:only-child),.rich-content .editable-gallery:has(.editable-image:only-child){grid-template-columns:minmax(220px,360px)}
.rule-body .editable-gallery:has(.editable-image:only-child[style*="width"]),.rich-content .editable-gallery:has(.editable-image:only-child[style*="width"]){grid-template-columns:max-content}
.rule-body .editable-gallery.editable-gallery-fixed,.rich-content .editable-gallery.editable-gallery-fixed{grid-template-columns:max-content}
.rule-body .editable-gallery.editable-gallery-left,.rich-content .editable-gallery.editable-gallery-left{width:100%;justify-content:start}
.rule-body .editable-gallery.editable-gallery-center,.rich-content .editable-gallery.editable-gallery-center{width:100%;justify-content:center}
.rule-body .editable-gallery.editable-gallery-right,.rich-content .editable-gallery.editable-gallery-right{width:100%;justify-content:end}
.rule-body figure,.rich-content figure{margin:0}
.rule-body .editable-image,.rich-content .editable-image{display:block;width:100%;min-width:0}
.rule-body .editable-gallery>.editable-image:only-child[style*="width"],.rich-content .editable-gallery>.editable-image:only-child[style*="width"]{max-width:100%}
.rule-body .editable-gallery.editable-gallery-fixed>.editable-image,.rich-content .editable-gallery.editable-gallery-fixed>.editable-image{max-width:100%}
.rule-body .editable-image.image-left,.rich-content .editable-image.image-left{margin:12px auto 18px 0}
.rule-body .editable-image.image-center,.rich-content .editable-image.image-center{margin:12px auto 18px}
.rule-body .editable-image.image-right,.rich-content .editable-image.image-right{margin:12px 0 18px auto}
.rule-body .editable-image.image-wrap-left,.rich-content .editable-image.image-wrap-left{float:left;margin:6px 22px 14px 0;max-width:min(48%,420px);clear:left}
.rule-body .editable-image.image-wrap-right,.rich-content .editable-image.image-wrap-right{float:right;margin:6px 0 14px 22px;max-width:min(48%,420px);clear:right}
.rule-body .editable-image.image-free,.rich-content .editable-image.image-free{position:absolute;margin:0;max-width:100%;cursor:grab}
.page.editing .rule-body .editable-image.image-free:active,.page.editing .rich-content .editable-image.image-free:active{cursor:grabbing}
.page.editing .rule-body .editable-image.image-drag-source,.page.editing .rich-content .editable-image.image-drag-source{opacity:.28;transform:scale(.985)}
.image-drag-ghost{position:fixed;z-index:95;margin:0;pointer-events:none;opacity:.9;filter:drop-shadow(0 18px 42px rgba(0,0,0,.32))}
.image-drag-ghost img{width:100%;height:100%;object-fit:contain}
.rule-body:after,.rich-content:after{content:"";display:block;clear:both}
.rule-body img,.rich-content img{display:block;width:auto;max-width:100%;height:auto;border-radius:12px;border:1px solid #20333c;background:#0b1013;box-shadow:0 16px 45px rgba(0,0,0,.24);image-rendering:auto;transform:translateZ(0);backface-visibility:hidden}
.rule-body img,.rich-content img{cursor:zoom-in}
.page.editing .rule-body img,.page.editing .rich-content img{cursor:pointer;user-select:none;-webkit-user-drag:none;touch-action:none}
.page.editing .rule-body figure,.page.editing .rich-content figure{outline:1px dashed rgba(88,216,255,.28);outline-offset:5px;border-radius:12px;transition:outline-color .18s ease,transform .18s ease}
.page.editing .rule-body figure:hover,.page.editing .rich-content figure:hover,.page.editing .rule-body figure.image-selected,.page.editing .rich-content figure.image-selected{outline-color:#58d8ff;transform:translateY(-1px)}
.page.editing .rule-body figure,.page.editing .rule-body figure *,.page.editing .rich-content figure,.page.editing .rich-content figure *{caret-color:transparent;user-select:none}
.inline-image-tools{position:fixed;z-index:90;display:flex;gap:6px;padding:7px;border:1px solid #2b4652;background:rgba(8,13,16,.96);border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
.inline-image-tools button{border:1px solid #243842;background:#111b21;color:#dce8ed;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:900;cursor:pointer}
.inline-image-tools button:hover{border-color:#58d8ff;color:#fff;background:#172931}
.inline-image-tools [data-image-remove]{border-color:#6b2632;color:#ff9dad;background:#231015}
.inline-image-resize{position:fixed;z-index:89;pointer-events:none;border:1px solid rgba(88,216,255,.9);border-radius:12px;box-shadow:0 0 0 1px rgba(8,13,16,.9),0 0 24px rgba(88,216,255,.18)}
.resize-handle{position:absolute;width:13px;height:13px;border-radius:5px;background:#58d8ff;border:2px solid #071014;box-shadow:0 0 0 1px rgba(88,216,255,.45);pointer-events:auto}
.resize-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}
.resize-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}
.resize-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}
.resize-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}
.resize-size{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:999px;background:rgba(5,10,13,.86);border:1px solid rgba(88,216,255,.35);color:#8fe8ff;font-size:10px;font-weight:900;letter-spacing:.04em}
.image-lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:34px;background:rgba(1,4,7,.86);backdrop-filter:blur(8px)}
.image-lightbox img{width:auto;height:auto;max-width:94vw;max-height:88vh;object-fit:contain;border-radius:16px;border:1px solid #2b4652;background:#071014;box-shadow:0 28px 110px rgba(0,0,0,.65);image-rendering:auto}
.image-lightbox-close{position:fixed;top:20px;right:22px;width:42px;height:42px;border-radius:50%;border:1px solid #2b4652;background:#0d1418;color:#fff;font-size:26px;cursor:pointer}
.patch-add,.patch-add-change{appearance:none;border:1px dashed rgba(88,216,255,.45);background:rgba(8,13,16,.82);color:#7ee5ff;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:900;cursor:pointer;transition:.18s ease}
.patch-add{margin-top:18px}
.patch-add.primary-action{margin:0;border-style:solid;background:#58d8ff;color:#061015;align-self:center;white-space:nowrap}
.patch-add-change{margin:14px 0 0 84px}
.patch-add:hover,.patch-add-change:hover{border-color:#58d8ff;background:#12232a;color:#fff;transform:translateY(-1px)}
.patch-manager{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;margin:-14px 0 28px;padding:14px;border:1px solid rgba(88,216,255,.16);border-radius:16px;background:linear-gradient(145deg,rgba(13,22,27,.78),rgba(6,10,13,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.patch-manager-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.patch-manager-actions .patch-add{margin:0;white-space:nowrap}
.patch-manager>div{padding:12px 14px;border:1px solid rgba(88,216,255,.12);border-radius:12px;background:rgba(88,216,255,.025)}
.patch-manager span{display:block;color:#58d8ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.patch-manager strong{display:block;margin-top:5px;color:#f4fbff;font:800 22px Outfit}
.patch-manager small{color:#7f929c;font-size:11px}
.patchnote-card{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 0,rgba(88,216,255,.055),transparent 32%),linear-gradient(145deg,rgba(13,20,24,.94),rgba(6,10,13,.98))}
.patchnote-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:999px;background:linear-gradient(#58d8ff,rgba(88,216,255,.05));opacity:.9}
.patchnote-card.patch-unpublished{border-style:dashed;opacity:.92}
.patchnote-card.patch-unpublished:before{background:linear-gradient(#ffb953,rgba(255,185,83,.08))}
.patchnote-card .patch-head{align-items:flex-start;padding:26px 28px 20px}
.patch-head[data-toggle-patch]{cursor:pointer}
.patch-head[data-toggle-patch],.patch-head[data-toggle-patch] *{user-select:none}
.patch-head[data-toggle-patch]:focus-visible{outline:2px solid rgba(88,216,255,.75);outline-offset:3px}
.patch-version-block{display:grid;justify-items:center;gap:7px;flex:0 0 78px}
.patch-version-block small{color:#738a95;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;text-align:center}
.patch-date-block{flex-basis:104px}
.patch-date-pill{display:inline-flex;align-items:center;justify-content:center;min-width:96px;border:1px solid rgba(88,216,255,.24);border-radius:999px;background:rgba(88,216,255,.08);color:#bdefff;padding:5px 10px;font:900 12px Outfit,Inter,sans-serif;white-space:nowrap}
.patch-intro{margin:8px 0 0;color:#a7b9c1;font-size:14px;line-height:1.55;max-width:760px}
.patch-description{min-height:22px;border-radius:10px;outline:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.patch-description[contenteditable="true"]{padding:6px 8px;margin-left:-8px;border:1px dashed rgba(88,216,255,.34);background:rgba(88,216,255,.025)}
.patch-description[contenteditable="true"]:focus{border-color:rgba(88,216,255,.72);background:rgba(88,216,255,.055);box-shadow:0 0 0 3px rgba(88,216,255,.06)}
.patch-description[contenteditable="true"]:empty:before{content:attr(data-placeholder);color:#60727d}
.patch-publication-badge{display:inline-flex;width:max-content;margin-top:8px;border:1px solid rgba(88,216,255,.22);border-radius:999px;padding:4px 9px;background:rgba(88,216,255,.08);color:#9fe7ff;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.patch-publication-badge.draft{border-color:rgba(255,185,83,.34);background:rgba(255,185,83,.11);color:#ffd18a}
.patch-publication-badge.published{border-color:rgba(83,223,161,.3);background:rgba(83,223,161,.1);color:#8bf0bf}
.patch-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.patch-metrics button{border:1px solid rgba(88,216,255,.14);background:rgba(88,216,255,.045);color:#9eb2bc;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.patch-metrics button:hover,.patch-metrics button.active{transform:translateY(-1px);border-color:rgba(88,216,255,.45);background:rgba(88,216,255,.1);color:#e8f8ff}
.patch-metrics .metric-add{color:#53dfa1;background:rgba(83,223,161,.08);border-color:rgba(83,223,161,.18)}
.patch-metrics .metric-add.active,.patch-metrics .metric-add:hover{border-color:rgba(83,223,161,.45);background:rgba(83,223,161,.14)}
.patch-metrics .metric-fix{color:#58d8ff}
.patch-metrics .metric-balance{color:#ffb953;background:rgba(255,185,83,.08);border-color:rgba(255,185,83,.18)}
.patch-metrics .metric-balance.active,.patch-metrics .metric-balance:hover{border-color:rgba(255,185,83,.45);background:rgba(255,185,83,.14)}
.patch-metrics .metric-remove{color:#ff6b7d;background:rgba(255,82,107,.08);border-color:rgba(255,82,107,.2)}
.patch-metrics .metric-remove.active,.patch-metrics .metric-remove:hover{border-color:rgba(255,82,107,.48);background:rgba(255,82,107,.14)}
.patch-card-actions{display:flex;gap:6px;align-items:center;margin-left:auto;opacity:.72;transition:opacity .18s ease}
.patch-card:hover .patch-card-actions{opacity:1}
.patch-card-actions button,.patch-change-actions button{appearance:none;border:1px solid #243842;background:#111b21;color:#b9c9d1;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease}
.patch-card-actions button:hover,.patch-change-actions button:hover{transform:translateY(-1px);border-color:#58d8ff;color:#fff;background:#172931}
.patch-card-actions button.primary{border-color:#58d8ff;background:#58d8ff;color:#061015}
.patch-card-actions .danger,.patch-change-actions .patch-change-remove{border-color:#6b2632;background:#231015;color:#ff9dad}
.patch-toggle{appearance:none;display:grid;place-items:center;width:30px;height:30px;margin-left:8px;border:1px solid rgba(88,216,255,.2);border-radius:10px;background:rgba(88,216,255,.035);color:#9fdff3;font:900 18px/1 Outfit;cursor:pointer;pointer-events:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.patch-toggle:hover{transform:translateY(-1px);border-color:rgba(88,216,255,.58);background:rgba(88,216,255,.1);color:#fff;box-shadow:0 8px 24px rgba(88,216,255,.09)}
.patch-toggle:focus-visible{outline:2px solid #58d8ff;outline-offset:3px}
.patch-body{position:relative;padding:8px 34px 34px 106px;display:grid;gap:26px}
.patch-body[hidden]{display:none!important}
.patch-body:before{content:"";position:absolute;left:83px;top:14px;bottom:34px;width:1px;background:linear-gradient(rgba(88,216,255,.2),rgba(88,216,255,.035))}
.patch-change-group{display:grid;gap:12px;background:transparent!important;color:inherit!important}
.patch-change-group[hidden]{display:none!important}
.patch-change-group>header{display:flex;align-items:center;gap:9px;margin:0 0 2px;color:#53dfa1}
.patch-change-group>header h4{margin:0;font:1000 11px Outfit;text-transform:uppercase;letter-spacing:.08em;color:currentColor}
.patch-change-group>header .home-dot{width:6px;height:6px;margin:0;border-radius:2px;box-shadow:none}
.patch-change-group>header small{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:rgba(88,216,255,.08);border:1px solid rgba(88,216,255,.14);color:#9fdff3;font-size:10px;font-weight:900}
.patch-group-fix>header{color:#58d8ff}
.patch-group-balance>header{color:#ffb953}
.patch-group-remove>header{color:#ff6b7d}
.patch-change-group>ul{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.patch-change{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;align-items:start;gap:12px;padding:0;border-radius:12px;transition:transform .18s ease}
.patch-change:hover{transform:translateX(2px)}
.patch-change-card{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:0 0 0 18px;border:0;background:transparent;border-radius:0}
.patch-change-card:before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:#53dfa1;box-shadow:0 0 10px rgba(83,223,161,.45)}
.patch-group-fix .patch-change-card:before{background:#58d8ff;box-shadow:0 0 10px rgba(88,216,255,.45)}
.patch-group-balance .patch-change-card:before{background:#ffb953;box-shadow:0 0 10px rgba(255,185,83,.42)}
.patch-group-remove .patch-change-card:before{background:#ff6b7d;box-shadow:0 0 10px rgba(255,107,125,.42)}
.patch-change-card:hover{transform:translateX(2px)}
.patch-change-card-main{display:grid;gap:5px;min-width:0}
.patch-change-card-head{display:flex;align-items:center;gap:9px;min-width:0}
.patch-change-card-head .home-dot{display:none}
.patch-change-card-head h5{margin:0;color:#f7fbff;font:900 16px Outfit,Inter,sans-serif;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.patch-change-card-head h5[contenteditable="true"]{outline:none;border-radius:7px;padding:3px 5px;margin-left:-5px;border:1px dashed transparent}
.patch-change-card-head h5[contenteditable="true"]:focus{border-color:rgba(88,216,255,.52);background:rgba(88,216,255,.06)}
.patch-change-marker{display:grid;place-items:center;height:24px;padding-top:0}
.patch-change-marker:before{display:none}
.patch-change-marker .home-dot{position:relative;margin:0;z-index:1;width:6px;height:6px;box-shadow:0 0 10px currentColor}
.change-content{display:grid;gap:6px;min-width:0}
.change-content header{display:flex;align-items:center;gap:8px;min-height:0;line-height:1.3}
.patch-change-title{color:#f2fbff;font-size:14px;font-weight:1000}
.change-content p{margin:0;color:#b9c6e6;font-size:14px;line-height:1.55;max-width:1020px}
.patch-change>.change-author{justify-self:end;align-self:start;margin-top:1px}
.change-author{display:inline-flex;align-items:center;gap:6px;color:#9aa8b1;font-size:11px;white-space:nowrap;max-width:260px}
.change-author img{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.16);background:#071017}
.change-author span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.change-author b{color:#ff4e65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.change-author em{display:inline-flex;font-style:normal;font-size:10px;line-height:1.1}
.patch-author-badge{width:max-content;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 7px;border-radius:999px;border:1px solid rgba(88,216,255,.2);background:rgba(88,216,255,.08);color:#9fe7ff;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.patch-author-badge-developpeur,.patch-author-badge-lead-dev{border-color:rgba(88,216,255,.32);background:rgba(88,216,255,.12);color:#7ee3ff}
.patch-author-badge-ui-ux-designer{border-color:rgba(199,165,255,.32);background:rgba(199,165,255,.12);color:#d8c4ff}
.patch-author-badge-3d-artiste,.patch-author-badge-vehicle-artist{border-color:rgba(255,185,83,.34);background:rgba(255,185,83,.12);color:#ffd18a}
.patch-author-badge-mapping{border-color:rgba(99,224,165,.32);background:rgba(99,224,165,.12);color:#8bf0bf}
.patch-author-badge-game-designer{border-color:rgba(255,107,125,.32);background:rgba(255,107,125,.11);color:#ff9cac}
.patch-author-badge-redacteur{border-color:rgba(180,205,220,.28);background:rgba(180,205,220,.1);color:#d6e7ef}
.patch-author-badge-qa-testeur{border-color:rgba(92,157,255,.32);background:rgba(92,157,255,.11);color:#9cc5ff}
.patch-author-badge-staff,.patch-author-badge-community-manager{border-color:rgba(255,86,128,.32);background:rgba(255,86,128,.11);color:#ff9fbc}
.patch-author-badge-sound-designer{border-color:rgba(127,245,211,.32);background:rgba(127,245,211,.11);color:#a1ffe5}
.change-author b.author-founder{color:#ff1f3d;text-shadow:0 0 12px rgba(255,31,61,.32)}
.change-author b.author-gestion_serveur{color:#ffca73}
.change-author b.author-gestion_staff{color:#c7a5ff}
.change-author b.author-gestion_illegale{color:#ff8fa0}
.change-author b.author-gestion_legale{color:#63e0a5}
.patch-change-actions{display:flex;gap:4px;align-items:center}
.patch-change-card .patch-change-actions{align-self:start;justify-self:end}
.patch-change-actions button{width:26px;height:26px;padding:0;display:grid;place-items:center}
.patch-change-remove{width:26px;height:26px;border:1px solid #6b2632;background:#231015;color:#ff9dad;border-radius:7px;cursor:pointer;font-weight:900}
.patch-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:14px;margin-top:12px;max-width:1120px}
.patch-image-button{width:100%;height:clamp(220px,24vw,310px);border:0;background:transparent;border-radius:9px;padding:0;overflow:hidden;cursor:zoom-in;align-self:center}
.patch-image-button img{display:block;width:100%;height:100%;object-fit:cover;border:0;box-shadow:none;image-rendering:auto}
@media(max-width:720px){.patch-image-grid{grid-template-columns:1fr;max-width:none}.patch-image-button{height:clamp(190px,58vw,260px)}}
body.edit-mode .page.editing .patch-card,
body.edit-mode .page.editing .patch-change,
body.edit-mode .page.editing .patch-change-card,
body.edit-mode .page.editing .patch-image-button{
  animation:none!important;
  transition:border-color .12s ease,background-color .12s ease!important;
  transform:none!important;
}
body.edit-mode .page.editing .patch-card:hover,
body.edit-mode .page.editing .patch-change:hover,
body.edit-mode .page.editing .patch-change-card:hover{
  transform:none!important;
  box-shadow:none!important;
}
body.edit-mode .page.editing .patch-card{
  contain:layout paint;
}
.home-updates{margin:0 0 58px}
.site-footer{border-top:1px solid rgba(88,216,255,.12);margin-top:70px;background:linear-gradient(180deg,rgba(7,10,13,.1),rgba(7,10,13,.78));position:relative}
.site-footer:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(88,216,255,.45),transparent)}
.footer-inner{max-width:1180px;margin:0 auto;padding:42px 64px 34px}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.footer-brand img{width:38px;height:38px;object-fit:contain}.footer-brand b{display:block;font:800 17px Outfit;color:#fff;letter-spacing:.03em}.footer-brand span{display:block;color:#73848d;font-size:12px}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:34px}.footer-grid h3{font:800 12px Outfit;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:0 0 15px}.footer-grid a{display:block;color:#91a6b1;text-decoration:none;font-size:14px;margin:9px 0;transition:.18s ease}.footer-grid a:hover{color:#58d8ff;transform:translateX(3px)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;color:#61717b;font-size:12px;letter-spacing:.04em}
@media(max-width:900px){.footer-inner{padding:34px 24px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}
.home-updates-top{display:flex;align-items:center;gap:16px;margin:0 0 18px;color:#73848d;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:900}
.home-updates-top:after{content:"";height:1px;background:#1b2930;flex:1}
.home-updates-top small{margin-left:auto;color:#6f7f88;text-transform:none;letter-spacing:.08em;font-size:12px;font-weight:600}
.home-update-card{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr);gap:24px;border:1px solid #203039;background:linear-gradient(145deg,rgba(17,24,29,.95),rgba(8,13,16,.98));border-radius:16px;padding:24px;overflow:hidden;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.home-update-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--cyan),rgba(88,216,255,0));opacity:.9}
.home-update-card:hover{border-color:#34515d;transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.home-update-badge{width:76px;height:76px;border:1px solid #29404a;background:rgba(88,216,255,.045);border-radius:12px;display:grid;place-items:center;color:#7fdfff;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900}
.home-update-content header{display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}
.home-update-content h2{font-size:24px;margin:0 0 8px;color:#f2fbff}
.home-update-content header p{margin:0;color:#a9b7bf;line-height:1.55}
.home-update-content time{color:#7fb9cc;font-size:12px;white-space:nowrap}
.home-update-lines{display:grid;gap:12px}
.home-update-line{display:grid;grid-template-columns:10px auto minmax(0,1fr) auto;gap:10px;align-items:center;color:#dce8ed}
.home-update-copy{display:flex;align-items:baseline;gap:5px;margin:0;color:#cfdbe2;font-size:14px;line-height:1.45;min-width:0;overflow:hidden}
.home-update-copy strong{color:#f7fbff;font:900 15px Outfit,Inter,sans-serif;white-space:nowrap}
.home-update-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-update-author{display:inline-flex;grid-column:4;align-items:center;gap:6px;color:#8b9aa5;font-size:11px;white-space:nowrap;justify-self:end}
.home-update-author img{width:18px;height:18px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#071017;box-shadow:none;image-rendering:auto}
.home-update-author b{color:#ff6b7d}
.home-dot{width:8px;height:8px;border-radius:50%;background:#57dd78;box-shadow:0 0 12px rgba(87,221,120,.65);margin-top:8px}
.home-dot.add{background:#57dd78;box-shadow:0 0 12px rgba(87,221,120,.65)}
.home-dot.fix{background:#58d8ff;box-shadow:0 0 12px rgba(88,216,255,.65)}
.home-dot.balance{background:#ffb953;box-shadow:0 0 12px rgba(255,185,83,.62)}
.home-dot.remove{background:#ff526b;box-shadow:0 0 12px rgba(255,82,107,.62)}
.home-read-more{margin-top:15px;border:0;background:none;color:#58d8ff;font-weight:900;cursor:pointer;padding:0}
.home-read-more:hover{text-decoration:underline;color:#fff}
.update-preview-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:28px}
.update-preview-backdrop{position:absolute;inset:0;background:rgba(1,4,7,.82);backdrop-filter:blur(8px)}
.update-preview-panel{position:relative;width:min(980px,100%);max-height:88vh;overflow:auto;border:1px solid #29404a;background:#0d1418;border-radius:18px;box-shadow:0 30px 110px rgba(0,0,0,.68);padding:28px}
.update-preview-close{position:absolute;right:18px;top:16px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #2b4652;background:linear-gradient(180deg,#111b21,#0b1115);color:#dce8ed;font-size:22px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.update-preview-close:hover{transform:rotate(90deg) scale(1.06);border-color:#58d8ff;background:#13242b;color:#fff;box-shadow:0 0 0 4px rgba(88,216,255,.08),0 12px 28px rgba(0,0,0,.24)}
.update-preview-close:active{transform:rotate(90deg) scale(.96)}
.update-preview-panel header{display:flex;gap:18px;align-items:start;margin-bottom:24px;padding-right:42px}
.update-preview-panel header h2{font-size:30px;margin:0 0 6px}
.update-preview-panel header p{margin:0;color:#7f929c}
.update-preview-list{display:grid;gap:14px}
.home-update-line.full{grid-template-columns:10px auto minmax(0,1fr) 120px 90px;border-bottom:1px solid rgba(88,216,255,.09);padding-bottom:14px}
.home-update-line .patch-image-button{grid-column:4;width:46px;height:46px;justify-self:end;border:0;background:transparent;border-radius:9px;padding:0}
.home-update-line .patch-image-button img{width:100%;height:100%;object-fit:contain;border:0;box-shadow:none;image-rendering:auto}
.home-update-line:not(:has(.patch-image-button)) small{grid-column:5}
.update-preview-panel footer{margin-top:24px}
@media(max-width:760px){.home-update-card{grid-template-columns:1fr}.home-update-badge{width:100%;height:auto;padding:14px}.home-update-content header{display:block}.home-update-line,.home-update-line.full{grid-template-columns:10px auto minmax(0,1fr)}.home-update-line img,.home-update-line small{grid-column:3}.update-preview-panel{padding:22px}}
.page.editing .patch-card [contenteditable="true"]{outline:1px dashed rgba(88,216,255,.34);outline-offset:4px;border-radius:5px}
.page.editing .patch-card [contenteditable="true"]:focus{outline-color:#58d8ff;background:rgba(88,216,255,.06)}
@media(max-width:720px){.patch-change{grid-template-columns:1fr}.patch-add-change{margin-left:0}.change-author{white-space:normal}}
.editor-toolbar{position:fixed;right:18px;top:92px;bottom:76px;z-index:60;width:292px;display:flex;flex-direction:column;align-items:stretch;gap:10px;overflow:auto;padding:12px;border:1px solid #28404a;background:rgba(9,14,17,.86);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.38);opacity:.28;transform:translateX(238px);transition:opacity .18s ease,transform .18s ease}
.editor-toolbar:hover,.editor-toolbar:focus-within{opacity:1;transform:none}
.toolbar-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:9px;border:1px solid rgba(88,216,255,.1);background:rgba(255,255,255,.025);border-radius:12px}
.toolbar-label{grid-column:1/-1;display:flex;align-items:center;margin:0 0 2px;padding:0 0 7px;border-bottom:1px solid #243842;color:#78dfff;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.editor-toolbar button,.editor-toolbar label{height:34px;min-width:0;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #22343c;background:#10181d;color:#dce8ed;border-radius:8px;padding:0 9px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}
.editor-toolbar button:hover,.editor-toolbar label:hover{border-color:#58d8ff;color:#fff;background:#16262d}
.editor-toolbar .text-preset-btn{box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.editor-toolbar .text-preset-btn:hover{filter:brightness(1.08)}
.editor-toolbar button.has-favorite-toggle,.editor-toolbar .rbn-size.has-favorite-toggle,.editor-toolbar .rbn-color.has-favorite-toggle{position:relative;padding-right:28px}
.editor-toolbar .fav-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:18px!important;min-width:18px!important;height:18px!important;padding:0!important;border:0!important;border-radius:50%;color:#667780;background:transparent!important;box-shadow:none!important;font-size:12px;line-height:1}
.editor-toolbar .rbn-btn:hover .fav-toggle,.editor-toolbar .rbn-size:hover .fav-toggle,.editor-toolbar .rbn-color:hover .fav-toggle{opacity:1}
.editor-toolbar .fav-toggle:hover{color:#aab9c1;background:rgba(255,255,255,.05)!important}
.editor-toolbar .fav-toggle.active{color:#58d8ff;background:rgba(88,216,255,.12)!important;box-shadow:0 0 12px rgba(88,216,255,.18)!important}
.editor-toolbar>span{display:none}
.editor-toolbar input[type="color"]{width:20px;height:20px;border:0;background:transparent;padding:0;cursor:pointer}
.editor-toolbar select{height:24px;max-width:82px;border:0;background:transparent;color:inherit;font-size:11px;font-weight:900;outline:0;cursor:pointer}
.editor-toolbar option{background:#10181d;color:#dce8ed}
.editor-toolbar small{font-size:11px;color:#9fb2bc;font-weight:900}
.editor-toolbar label.color-tool.disabled{opacity:.38;cursor:not-allowed;border-color:#22343c;color:#6e7e86}
.editor-toolbar label.color-tool.disabled input{cursor:not-allowed}
.selection-mini-toolbar{position:absolute;z-index:95;display:flex;gap:6px;padding:7px;border:1px solid #2b4652;background:rgba(7,12,15,.96);backdrop-filter:blur(14px);border-radius:12px;box-shadow:0 18px 55px rgba(0,0,0,.42);animation:miniToolbarIn .14s ease}
.selection-mini-toolbar button{height:30px;min-width:30px;border:1px solid #243842;background:#111b21;color:#e8f4f8;border-radius:8px;padding:0 9px;font-size:11px;font-weight:900;cursor:pointer}
.selection-mini-toolbar button:hover{border-color:#58d8ff;background:#172931;color:#fff;transform:translateY(-1px)}
.selection-mini-toolbar .mini-preset-btn{box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.selection-mini-toolbar .mini-preset-btn:hover{filter:brightness(1.08)}
@keyframes miniToolbarIn{from{opacity:0;transform:translateY(4px) scale(.98)}}
@media(max-width:1100px){.editor-toolbar{left:12px;right:12px;top:auto;bottom:14px;width:auto;max-height:42vh}.toolbar-group{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.edit-mode .page.editing{padding-right:20px}.editor-toolbar{opacity:1;transform:none}}

.nav-group-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}
.nav-group-head .group-label{min-width:0}
.group-label-copy{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.group-right{display:inline-flex;align-items:center;gap:7px;margin-left:auto}
.sidebar-edit-actions{display:inline-flex;gap:4px;opacity:0;transition:opacity .18s ease;position:relative;z-index:6}
.nav-group:hover .sidebar-edit-actions,.sidebar-edit-actions.menu-open,.sidebar-super-group:hover .sidebar-group-edit-actions,.sidebar-group-edit-actions.menu-open{opacity:1}
.sidebar-edit-actions button,.sidebar-mini-delete,.sidebar-mini-edit,.sidebar-add-category,.sidebar-add-page{appearance:none;border:1px solid #29404a;background:#10181d!important;color:#9fb2bc!important;border-radius:7px;font-size:12px;font-weight:900;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;font-family:inherit}
.sidebar-edit-actions button{width:24px!important;height:24px!important;min-width:24px;display:grid!important;place-items:center;padding:0!important;line-height:1}
.sidebar-edit-actions button:hover,.sidebar-mini-delete:hover,.sidebar-mini-edit:hover,.sidebar-add-category:hover,.sidebar-add-page:hover{border-color:#58d8ff;color:#fff;background:#16262d;transform:translateY(-1px)}
.sidebar-edit-actions [data-delete-category]:hover,.sidebar-mini-delete:hover{border-color:#ff6076;color:#ff8b9b;background:#251116}
.sidebar-gear-button{border-radius:999px!important;position:relative;z-index:7}
.sidebar-action-menu[hidden]{display:none!important}
.sidebar-action-menu{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;gap:4px;min-width:148px;padding:6px;border:1px solid #29404a;border-radius:10px;background:#0f171b;box-shadow:0 18px 38px rgba(0,0,0,.42);z-index:60}
.sidebar-action-menu button{width:100%!important;min-width:0!important;height:auto!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:8px;padding:8px 10px!important;border-radius:8px!important}
.sidebar-action-menu button span{font-size:12px;font-weight:800}
.sidebar-action-menu button i{width:14px;text-align:center}
.sidebar-group-edit-actions .sidebar-action-menu{right:0}
.sidebar-item-row{position:relative;display:flex;align-items:flex-start;gap:6px}
.sidebar-item-row>a{flex:1;min-width:0;display:flex;align-items:flex-start;gap:10px}
.edit-mode .sidebar-item-row>a[data-page],.edit-mode .group-label[data-drag-category-handle],.edit-mode .sidebar-super-group-title[data-drag-group-handle]{user-select:none}
.sidebar-item-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.sidebar-item-title{display:block;color:#f2f7fb;font-weight:900;line-height:1.2}
.sidebar-item-row>a:hover .sidebar-item-title,.sidebar-item-row>a.active .sidebar-item-title{color:#a7f2ff}
.sidebar-mini-delete,.sidebar-mini-edit{width:24px;height:24px;display:grid;place-items:center;padding:0;opacity:0;flex:0 0 24px}
.sidebar-item-row:hover .sidebar-mini-delete,.sidebar-item-row:hover .sidebar-mini-edit{opacity:1}
.sidebar-add-category,.sidebar-add-page{width:calc(100% - 20px);margin:8px 10px 2px;padding:9px 10px;text-align:left;color:#78dfff;border-style:dashed}
.sidebar-add-page{width:calc(100% - 12px);margin:8px 0 0 6px;font-size:11px}
.edit-mode .nav-group,.edit-mode .nav-group-head,.edit-mode .sidebar-super-group-head{overflow:visible!important}
.edit-mode .nav-group-head.has-owner-controls{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
.edit-mode .nav-group-head.has-owner-controls .group-label{width:100%!important;height:auto!important;min-height:42px;align-items:center;padding:9px 10px 9px 12px!important;cursor:grab}
.edit-mode .nav-group-head.has-owner-controls .group-label>span:first-child{width:100%!important;display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;column-gap:10px!important;align-items:center!important}
.edit-mode .nav-group-head.has-owner-controls .group-label>span:first-child .nav-icon{grid-column:1;grid-row:1;align-self:center;margin-right:0!important;margin-top:0!important}
.edit-mode .nav-group-head.has-owner-controls .group-label-copy{grid-column:2;min-width:0!important;display:inline-flex!important;flex-wrap:wrap!important;align-items:center!important;column-gap:8px!important;row-gap:4px!important;white-space:normal!important;line-height:1.25!important}
.edit-mode .nav-group-head.has-owner-controls .sidebar-edit-actions{width:auto!important;display:flex!important;justify-content:flex-end!important;gap:6px!important;margin:0!important;opacity:1;align-self:center}
.edit-mode .sidebar-super-group-title{cursor:grab}
.edit-mode .sidebar-item-row{align-items:center!important}
.edit-mode .sidebar-item-copy{display:inline-flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;column-gap:8px!important;row-gap:4px!important}
.edit-mode .sidebar-item-row .sidebar-edit-actions{width:auto!important;display:flex!important;justify-content:flex-end!important;gap:6px!important;margin:0 0 0 auto!important;opacity:1;align-self:center}
.edit-mode .group-label[data-drag-category-handle]:active,.edit-mode .sidebar-super-group-title[data-drag-group-handle]:active{cursor:grabbing}
.sidebar-page-edit-actions .sidebar-action-menu{right:0}
.edit-mode .group-label-copy .sidebar-status,
.edit-mode .sidebar-item-copy .sidebar-status{margin-left:0}
.edit-mode .group-label-copy-draft,
.edit-mode .sidebar-item-title-draft{color:#ffb953!important}
.edit-mode .group-label-copy-published,
.edit-mode .sidebar-item-title-published{color:#53dfa1!important}
.edit-mode .group-label{padding-right:8px;gap:8px}
.edit-mode .group-label>span:first-child{min-width:0;flex:1}
.edit-mode .nav-group.open .sidebar-edit-actions,.edit-mode .nav-group:hover .sidebar-edit-actions{opacity:1}

.site-modal{position:fixed;inset:var(--header) 0 0;z-index:80;display:grid;place-items:center;padding:14px 20px;overscroll-behavior:contain}
.site-modal-backdrop{position:absolute;inset:0;background:rgba(2,5,7,.74);backdrop-filter:blur(8px)}
.site-modal-panel{position:relative;width:min(460px,100%);max-height:calc(100vh - var(--header) - 28px);border:1px solid #29404a;background:#0d1418;border-radius:14px;box-shadow:0 24px 90px rgba(0,0,0,.52);overflow:hidden;display:flex;flex-direction:column}
.site-modal-panel.patch-import-modal{width:min(760px,100%)}
.site-modal-panel.patch-import-modal textarea{font-family:Consolas,"Courier New",monospace;font-size:12px;line-height:1.45;min-height:360px}
.site-modal-panel.patch-change-modal{width:min(720px,100%)}
.site-modal-panel header{padding:18px 22px 10px;border-bottom:1px solid #1d2c34}
.site-modal-panel header span{display:block;color:#58d8ff;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-bottom:8px}
.site-modal-panel header h2{font-size:24px;margin:0;color:#fff}
.site-modal-panel header p{margin:8px 0 0;color:#9db0bb;font-size:13px}
.site-modal-fields{display:grid;gap:12px;padding:14px 22px;overflow:auto;min-height:0;overscroll-behavior:contain}
.patch-change-modal .site-modal-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.modal-field-full{grid-column:1/-1}
.modal-field-half{grid-column:auto}
.patch-change-modal .modal-field-main-text textarea{min-height:112px}
.site-modal-fields label{display:grid;gap:7px;color:#aab8bf;font-size:13px;font-weight:800}
.site-modal-fields input,.site-modal-fields select,.site-modal-fields textarea{width:100%;border:1px solid #263943;background:#080d10;color:#edf8fb;border-radius:8px;padding:10px 12px;outline:0;font:inherit;font-weight:800}
.site-modal-fields textarea{resize:vertical;min-height:76px;line-height:1.45}
.badge-picker{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #263943;background:#080d10;border-radius:10px}
.badge-picker button{border:1px solid transparent;background:transparent;border-radius:999px;padding:3px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.badge-picker button:hover,.badge-picker button.selected{border-color:#58d8ff;background:rgba(88,216,255,.1);transform:translateY(-1px)}
.badge-picker button.selected{box-shadow:0 0 0 3px rgba(88,216,255,.1)}
.patch-author-badge-empty{border-color:rgba(180,205,220,.2);background:rgba(180,205,220,.06);color:#9db0bb}
.author-profile-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:126px;overflow:auto;padding:8px;border:1px solid #263943;background:#080d10;border-radius:10px}
.author-profile-picker button{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid #20323b;background:rgba(88,216,255,.035);color:#dce8ed;border-radius:10px;padding:9px;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.author-profile-picker button:hover,.author-profile-picker button.selected{transform:translateY(-1px);border-color:#58d8ff;background:rgba(88,216,255,.1);box-shadow:0 0 0 3px rgba(88,216,255,.07)}
.author-profile-picker img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid rgba(88,216,255,.25);background:#071017;flex:0 0 auto}
.author-profile-picker span{display:grid;gap:3px;min-width:0}
.author-profile-picker strong{font-size:12px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.author-profile-picker .patch-author-badge{font-size:9px;max-width:120px}
.patch-type-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #263943;background:#080d10;border-radius:10px}
.patch-type-picker button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;border:1px solid #20323b;background:rgba(88,216,255,.035);color:#9fb2bc;border-radius:10px;padding:9px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.patch-type-picker button:hover,.patch-type-picker button.selected{transform:translateY(-1px);border-color:#58d8ff;background:rgba(88,216,255,.1);box-shadow:0 0 0 3px rgba(88,216,255,.07)}
.patch-type-picker .change-tag{margin:0;white-space:nowrap}
.icon-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.icon-picker button{height:38px;border:1px solid #263943;background:#080d10;color:#9fb2bc;border-radius:9px;cursor:pointer;font-size:15px;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.icon-picker button:hover,.icon-picker button.selected{border-color:#58d8ff;background:#12232a;color:#58d8ff;transform:translateY(-1px)}
.site-modal-fields select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#58d8ff 50%),linear-gradient(135deg,#58d8ff 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}
.restricted-category-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;color:#58d8ff;font-size:10px;vertical-align:middle;filter:drop-shadow(0 0 6px rgba(88,216,255,.3))}
.field-help{display:block;margin-top:7px;color:#7d929d;font-size:11px;line-height:1.45;font-weight:700}
.site-modal-fields input:focus,.site-modal-fields select:focus,.site-modal-fields textarea:focus{border-color:#58d8ff;box-shadow:0 0 0 3px rgba(88,216,255,.12)}
.modal-tag-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #1d2c34;background:rgba(88,216,255,.045);border-radius:10px;padding:12px}
.modal-tag-preview span{color:#7f929c;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.modal-tag-preview .change-tag{margin-left:auto}
.site-modal-panel footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 22px 14px;border-top:1px solid #1d2c34;background:rgba(13,20,24,.96);flex:0 0 auto}
@media(max-width:720px){.patch-change-modal .site-modal-fields{grid-template-columns:1fr}.modal-field-half{grid-column:1/-1}.site-modal{inset:var(--header) 0 0;padding:10px}.site-modal-panel{max-height:calc(100vh - var(--header) - 20px)}}
@media(max-width:720px){.patch-type-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gitbook-progress-panel{width:min(520px,100%)}
.gitbook-progress-stats{display:flex;align-items:center;justify-content:space-between;gap:12px}
.gitbook-progress-stats strong{color:#eef8fb;font-size:14px}
.gitbook-progress-stats small{color:#8fa4ae;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.gitbook-progress-bar{height:12px;border-radius:999px;background:#081116;border:1px solid #20343d;overflow:hidden}
.gitbook-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#35c7ff,#58d8ff);box-shadow:0 0 18px rgba(88,216,255,.32);transition:width .28s ease}
.gitbook-progress-result{padding:12px 14px;border:1px solid rgba(88,216,255,.18);border-radius:10px;background:rgba(88,216,255,.06);color:#dff7ff;font-size:13px;font-weight:800}
.gitbook-progress-result.is-error{border-color:rgba(255,82,107,.28);background:rgba(255,82,107,.08);color:#ffbdc7}
.media-library-panel{width:min(1080px,100%);max-height:min(88vh,920px);display:grid;grid-template-rows:auto auto auto minmax(240px,1fr) auto}
.media-library-toolbar{display:grid;gap:14px;padding:18px 22px;border-bottom:1px solid #1d2c34}
.media-url-form{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr) auto;gap:10px;align-items:center}
.media-upload-zone{display:grid;place-items:center;gap:6px;padding:24px;border:1px dashed rgba(88,216,255,.34);border-radius:14px;background:rgba(88,216,255,.03);text-align:center;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.media-upload-zone strong{color:#eef8fb}
.media-upload-zone small{color:#7f949e}
.media-upload-zone.is-dragover{border-color:#58d8ff;background:rgba(88,216,255,.09);transform:translateY(-1px)}
.media-library-search{display:flex}
.media-library-search input{width:100%;border:1px solid #263943;background:#080d10;color:#edf8fb;border-radius:10px;padding:11px 12px}
.media-library-status{padding:12px 22px 0;color:#7f949e;font-size:12px;font-weight:800}
.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:18px 22px 22px;overflow:auto}
.media-card{display:grid;gap:10px;padding:12px;border:1px solid #20333c;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(88,216,255,.02))}
.media-card-preview{display:block;padding:0;border:0;background:transparent;cursor:pointer}
.media-card-preview img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;border:1px solid #20333c;background:#091015}
.media-card-meta{display:grid;gap:3px}
.media-card-meta strong,.media-empty-state{color:#eef8fb}
.media-card-meta strong{font-size:13px;line-height:1.35}
.media-card-meta small{color:#7f949e;font-size:11px}
.media-card-actions{display:flex;flex-wrap:wrap;gap:8px}
.media-card-actions button{appearance:none;border:1px solid rgba(88,216,255,.24);background:rgba(88,216,255,.06);color:#dff7ff;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:900;cursor:pointer}
.media-card-actions button.danger{border-color:rgba(255,82,107,.3);background:rgba(255,82,107,.07);color:#ffb5c0}
.media-empty-state{display:grid;place-items:center;min-height:180px;padding:18px;border:1px dashed #20333c;border-radius:14px;background:rgba(255,255,255,.015);text-align:center}
.media-drop-target{outline:2px dashed rgba(88,216,255,.62)!important;outline-offset:6px;background:rgba(88,216,255,.06)!important;border-radius:10px}
.btn.danger{border-color:#7a2b38;background:#2a1116;color:#ff9dad}
.btn.danger:hover{border-color:#ff6076;background:#37151c;color:#fff}
.remove{background:rgba(255,82,107,.13);color:#ff6b7d}

.team-section{margin:0 0 46px}
.team-section .section-head small{color:#7fb9cc;font-size:12px;font-weight:900}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.team-card{position:relative;overflow:hidden;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;border:1px solid #203039;background:linear-gradient(145deg,rgba(17,24,29,.96),rgba(8,13,16,.99));border-radius:16px;padding:16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.team-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--cyan),rgba(88,216,255,0));opacity:.75}
.team-card:hover{transform:translateY(-2px);border-color:#34515d;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.team-avatar{width:64px;height:64px;border-radius:16px;padding:2px;background:linear-gradient(135deg,rgba(88,216,255,.6),rgba(88,216,255,.08))}
.team-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;background:#0b1013}
.team-card h3{font-size:18px;margin:0 0 3px;color:#f2fbff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-card p{margin:0;color:#7f929c;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-card-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.team-card-tags>span,.team-management-tag{width:max-content;border:1px solid rgba(88,216,255,.22);background:rgba(88,216,255,.08);color:#7ee5ff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.team-management-tag.gestion_staff{border-color:rgba(177,132,247,.32);background:rgba(177,132,247,.12);color:#c7a5ff}
.team-management-tag.gestion_illegale{border-color:rgba(255,82,107,.28);background:rgba(255,82,107,.11);color:#ff8fa0}
.team-management-tag.gestion_legale{border-color:rgba(81,213,148,.28);background:rgba(81,213,148,.1);color:#63e0a5}
.team-management-tag.gestion_serveur{border-color:rgba(255,185,83,.3);background:rgba(255,185,83,.1);color:#ffca73}
.team-tag-select{grid-column:1/-1;width:100%;border:1px solid #263943;background:#080d10;color:#edf8fb;border-radius:9px;padding:9px 10px;outline:0;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.team-tag-select:focus{border-color:#58d8ff;box-shadow:0 0 0 3px rgba(88,216,255,.12)}
.team-empty{border:1px dashed #29404a;background:rgba(88,216,255,.04);border-radius:14px;padding:22px;color:#9db0bb}
.team-empty.error{border-color:#6b2632;background:rgba(255,82,107,.06);color:#ff9dad}
.audit-log-panel{margin-top:28px}
.patch-author-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.patch-author-profile-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(88,216,255,.14);border-radius:12px;background:rgba(8,14,18,.42)}
.patch-author-profile-card img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(88,216,255,.25);background:#071017;flex:0 0 auto}
.patch-author-profile-main{min-width:0}
.patch-author-profile-main strong,.patch-author-profile-main small{display:block}
.patch-author-profile-main strong{color:#f2fbff;font:800 14px Outfit,Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.patch-author-profile-main small{color:#8fa2ad;font-size:12px}
.patch-author-profile-main .patch-author-badge{display:inline-block;margin-top:4px;font-size:10px}
.patch-author-profile-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.audit-log-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.audit-log-list{display:grid;gap:10px}
.audit-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;color:#8fa5ae;font-size:12px;font-weight:800}
.audit-pagination span{min-width:190px;text-align:center}
.audit-log-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;border:1px solid rgba(88,216,255,.14);border-radius:12px;background:rgba(6,12,16,.54);padding:14px}
.audit-log-main{display:grid;gap:5px;min-width:0}
.audit-log-main strong{color:#f2fbff;font-size:15px;line-height:1.35}
.audit-log-main small{color:#7f929c;font-size:12px}
.audit-action{--audit-c:#58d8ff;width:max-content;border:1px solid color-mix(in srgb,var(--audit-c) 42%,transparent);border-radius:999px;background:color-mix(in srgb,var(--audit-c) 14%,transparent);color:var(--audit-c);padding:4px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.audit-action-create{--audit-c:#53dfa1}
.audit-action-update{--audit-c:#58d8ff}
.audit-action-danger{--audit-c:#ff6b7d}
.audit-action-publish{--audit-c:#b98cff}
.audit-action-import{--audit-c:#ffb953}
.audit-action-media{--audit-c:#72c6ff}
.audit-action-role{--audit-c:#f18fff}
.audit-action-team{--audit-c:#7ee787}
.audit-action-patch{--audit-c:#ffd166}
.audit-action-reference{--audit-c:#a8b3cf}
.audit-action-cleanup{--audit-c:#9aa7b2}
.audit-action-default{--audit-c:#58d8ff}
.audit-log-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:#8ea3ad;font-size:11px}
.audit-log-meta span,.audit-log-meta code{border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);padding:5px 8px}
.audit-log-item details{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}
.audit-log-item summary{cursor:pointer;color:#9edff4;font-size:12px;font-weight:800}
.audit-log-item pre{margin:10px 0 0;max-height:240px;overflow:auto;border-radius:10px;background:#05090c;color:#b7cbd4;padding:12px;font-size:12px;line-height:1.45}

body.light-theme{--bg:#e5edf2;--panel:#f2f6f8;--panel-2:#e9f0f3;--line:#bacbd4;--muted:#536773;--text:#12222c;--cyan:#007ca6;--cyan-2:#005f81;background:linear-gradient(180deg,#f2f6f8 0%,#e7eff4 42%,#dfe9ef 100%);color:#12222c}
body.light-theme main{background:linear-gradient(180deg,rgba(242,246,248,.85),rgba(229,238,244,.92))}
body.light-theme .noise{opacity:.012}
body.light-theme .topbar{background:rgba(255,255,255,.92);border-bottom-color:#c9d6dd;box-shadow:0 10px 34px rgba(38,65,78,.08)}
body.light-theme .brand,body.light-theme .brand-name,body.light-theme h1,body.light-theme h2,body.light-theme h3{color:#0b1820}
body.light-theme h1 em,body.light-theme .label,body.light-theme .section-kicker,body.light-theme .toc a:hover,body.light-theme .copy-link:hover{color:#006f95}
body.light-theme .label:before{background:#006f95}
body.light-theme .brand-section,body.light-theme .eyebrow,body.light-theme .nav-caption,body.light-theme .breadcrumb,body.light-theme .text-link{color:#60727d}
body.light-theme .header-links a,body.light-theme .header-auth a{color:#405661}
body.light-theme .header-links a:hover,body.light-theme .header-auth a:hover{color:#0b1820}
body.light-theme .topbar-editor-btn{border-color:#b9d9e4;background:#f8fcfd;color:#114052;box-shadow:0 8px 22px rgba(38,65,78,.08)}
body.light-theme .topbar-editor-btn:hover{border-color:#0b9dcb;background:#e9f8fd;color:#0b5d79}
body.light-theme .topbar-editor-btn.primary{border-color:#0b9dcb;background:linear-gradient(135deg,#42caf0,#77dcfb);color:#062a38}
body.light-theme .topbar-editor-btn.primary.attention{border-color:#e28a00;background:linear-gradient(135deg,#ffb347,#ffd36c);color:#4d2a00;box-shadow:0 0 0 1px rgba(255,179,71,.16),0 0 18px rgba(255,166,0,.18),0 10px 24px rgba(255,166,0,.18)}
body.light-theme .topbar-editor-btn.danger{border-color:#e2b4bc;background:#fff7f8;color:#8a2637}
body.light-theme .topbar-editor-btn.danger:hover{border-color:#cf5468;background:#fff0f3;color:#7e1f31}
body.light-theme .search-trigger,body.light-theme .search-panel{background:#fff;color:#344b57;border-color:#b8cad3;box-shadow:0 12px 34px rgba(37,66,80,.09)}
body.light-theme .search-trigger:hover{border-color:#007ca6;color:#0b1820;background:#f7fafb}
body.light-theme .search-trigger kbd,body.light-theme .search-input-wrap kbd{background:#e5edf1;border-color:#bed0d9;color:#435b67}
body.light-theme .search-input-wrap{border-bottom-color:#d6e1e7;color:#526a76;background:#fff}
body.light-theme .search-input-wrap input{background:transparent;color:#10202a}
body.light-theme .result{color:#172832}
body.light-theme .result:hover,body.light-theme .result.selected{background:#e5f1f6}
body.light-theme .result small,body.light-theme .search-empty,body.light-theme .search-hint{color:#5e737e}
body.light-theme .search-backdrop,body.light-theme .site-modal-backdrop,body.light-theme .update-preview-backdrop,body.light-theme .image-lightbox{background:rgba(214,226,233,.78)}
body.light-theme .sidebar{background:#f7fafb;border-right-color:#c9d6dd;box-shadow:12px 0 34px rgba(38,65,78,.06)}
body.light-theme .sidebar-item-title{color:#12212b}
body.light-theme .sidebar-item-row>a:hover .sidebar-item-title,body.light-theme .sidebar-item-row>a.active .sidebar-item-title{color:#005f81}
body.light-theme .side-nav a,body.light-theme .group-label{color:#334a56}
body.light-theme .nav-icon,body.light-theme .sub-icon,body.light-theme .chevron{color:#5d727c}
body.light-theme .side-nav a:hover,body.light-theme .side-nav a.active,body.light-theme .nav-group.open>.group-label,body.light-theme .nav-group .group-items a:hover{background:#e4f1f6;color:#0b1820;box-shadow:inset 2px 0 #007ca6}
body.light-theme .nav-group .group-items a.active{color:#006f95;background:#eff8fb}
body.light-theme .side-nav>a:hover .nav-icon,body.light-theme .nav-group>.group-label:hover .nav-icon,body.light-theme .nav-group>.group-label:hover .chevron{color:#006f95;text-shadow:none}
body.light-theme .nav-divider,body.light-theme .article-header,body.light-theme .rule-section,body.light-theme .home-update-line.full{border-color:#d5e1e7;background-color:transparent}
body.light-theme .stats,body.light-theme .patch-card,body.light-theme .home-update-card,body.light-theme .team-card,body.light-theme .category-card,body.light-theme .admin-panel{background:linear-gradient(145deg,#ffffff,#f1f6f9);border-color:#c4d3db;color:#12222c;box-shadow:0 14px 38px rgba(38,65,78,.08)}
body.light-theme .stat span,body.light-theme .patch-title p,body.light-theme .change-author,body.light-theme .home-update-line small,body.light-theme .team-card p,body.light-theme .field-help{color:#60727d}
body.light-theme .change-author em,body.light-theme .patch-author-profile-main small{color:#60727d}
body.light-theme .patch-author-profile-card{background:#f6fbfd;border-color:#cde0e8}
body.light-theme .patch-author-profile-main strong{color:#102531}
body.light-theme .hero{background:linear-gradient(115deg,#ffffff 0%,#eef5f8 58%,#dfeaf0 100%);border-color:#b9ccd6;box-shadow:0 20px 55px rgba(38,65,78,.08)}
body.light-theme .hero:before{border-color:rgba(0,124,166,.18);box-shadow:0 0 70px rgba(0,124,166,.1),inset 0 0 52px rgba(0,124,166,.05)}
body.light-theme .hero:after{-webkit-text-stroke-color:rgba(0,124,166,.16)}
body.light-theme .hero p,body.light-theme .article-header p,body.light-theme .rule-section p,body.light-theme .rule-section li,body.light-theme .rule-body p,body.light-theme .rich-content,body.light-theme .pretty-list,body.light-theme .home-update-content header p,body.light-theme .home-update-line p,body.light-theme .change{color:#314954}
body.light-theme .patchnote-card{background:linear-gradient(145deg,#ffffff,#f2f7fa)}
body.light-theme .patchnote-card:before{background:linear-gradient(#007ca6,rgba(0,124,166,.12))}
body.light-theme .patchnote-card.patch-unpublished:before{background:linear-gradient(#c78900,rgba(199,137,0,.12))}
body.light-theme .patch-publication-badge.published{background:#e8fbf2;border-color:#a9dbc4;color:#14734c}
body.light-theme .patch-publication-badge.draft{background:#fff7e7;border-color:#e0c587;color:#8a6100}
body.light-theme .patch-body:before{background:linear-gradient(rgba(0,124,166,.28),rgba(0,124,166,.06))}
body.light-theme .patch-version-block small,body.light-theme .patch-intro,body.light-theme .update-preview-panel header p{color:#526a76}
body.light-theme .patch-date-pill{background:#e8f7fc;border-color:#a9cad8;color:#006f95}
body.light-theme .patch-change-title,body.light-theme .change-content p,body.light-theme .change-content .rich-content,body.light-theme .patch-intro .rich-content{color:#203742}
body.light-theme .change-content strong,body.light-theme .change-content b,body.light-theme .patch-change-title strong{color:#0b1820}
body.light-theme .patch-change-group>header small{background:#e7f3f8;border-color:#bdd3dd;color:#006f95}
body.light-theme .patch-change-marker .home-dot{box-shadow:0 0 10px rgba(0,124,166,.2)}
body.light-theme .patch-metrics button{background:#e4f1f6;border-color:#a9cad8;color:#005f81;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
body.light-theme .patch-metrics button:hover,body.light-theme .patch-metrics button.active{background:#cfe7f1;border-color:#007ca6;color:#004f6b}
body.light-theme .patch-metrics .metric-add,body.light-theme .change-tag.add{background:#dff6eb;border-color:#91d5b4;color:#0d704b}
body.light-theme .patch-metrics .metric-add.active,body.light-theme .patch-metrics .metric-add:hover{background:#c8efd9;border-color:#1b9a65;color:#075c3b}
body.light-theme .patch-metrics .metric-fix,body.light-theme .change-tag.fix{background:#dff3fb;border-color:#95d3e8;color:#006f95}
body.light-theme .patch-metrics .metric-fix.active,body.light-theme .patch-metrics .metric-fix:hover{background:#c6e9f6;border-color:#007ca6;color:#005f81}
body.light-theme .patch-metrics .metric-balance,body.light-theme .change-tag.balance{background:#fff0d7;border-color:#edc77e;color:#895b00}
body.light-theme .patch-metrics .metric-balance.active,body.light-theme .patch-metrics .metric-balance:hover{background:#ffe4ad;border-color:#bf810c;color:#6e4700}
body.light-theme .patch-metrics .metric-remove,body.light-theme .change-tag.remove{background:#fde1e6;border-color:#eca8b3;color:#982238}
body.light-theme .patch-metrics .metric-remove.active,body.light-theme .patch-metrics .metric-remove:hover{background:#f8cbd4;border-color:#c9475d;color:#7d1629}
body.light-theme .btn{background:#fff;color:#10202a;border-color:#b9ccd6;box-shadow:0 8px 22px rgba(38,65,78,.08)}
body.light-theme .btn:hover{border-color:#007ca6;background:#f2f8fa}
body.light-theme .btn.primary,body.light-theme .version,body.light-theme .new-pill,body.light-theme .rule-body .content-button,body.light-theme .rich-content .content-button{background:#007ca6;border-color:#007ca6;color:#fff!important}
body.light-theme .btn.primary:hover{background:#006f95;border-color:#006f95}
body.light-theme .category-card{background:linear-gradient(145deg,#ffffff,#f1f6f9);text-decoration:none}
body.light-theme .category-card:hover{border-color:#007ca6;box-shadow:0 18px 44px rgba(24,78,104,.14)}
body.light-theme .category-card .number{color:#e5eef3}
body.light-theme .category-card:hover .number{color:#d7e7ee}
body.light-theme .category-card p{color:#526a76}
body.light-theme .card-icon,body.light-theme .cover-placeholder,body.light-theme .callout,body.light-theme .rich-content blockquote,body.light-theme .team-empty,body.light-theme .modal-tag-preview{background:#edf6fa;border-color:#bdd3dd;color:#005f81}
body.light-theme .rule-body strong,body.light-theme .rule-body .sanction,body.light-theme .sanction-lines p,body.light-theme .inline-sanction,body.light-theme .rich-content strong{color:#09161d}
body.light-theme .toc{border-left-color:#d5e1e7}
body.light-theme .toc p{color:#627783}
body.light-theme .toc a{color:#536b76}
body.light-theme .home-update-line,body.light-theme .patch-change{border-color:#d5e1e7}
body.light-theme .patch-change-card{background:transparent;border-color:transparent}
body.light-theme .patch-change-card:hover{background:transparent;border-color:transparent}
body.light-theme .patch-change-card-head h5{color:#102531}
body.light-theme .add{background:rgba(24,128,85,.12);color:#0f7650}
body.light-theme .fix{background:rgba(0,124,166,.12);color:#006f95}
body.light-theme .balance{background:rgba(156,103,12,.14);color:#895b00}
body.light-theme .remove{background:rgba(184,45,67,.12);color:#9b2237}
body.light-theme .team-card h3,body.light-theme .profile-name,body.light-theme .admin-panel h2,body.light-theme .site-modal-panel header h2{color:#0b1820}
body.light-theme .team-avatar img,body.light-theme .article-cover,body.light-theme .rule-body img,body.light-theme .rich-content img,body.light-theme .image-grid img{background:#fff;border-color:#c9d8df;box-shadow:0 14px 34px rgba(38,65,78,.12)}
body.light-theme .team-card-tags>span,body.light-theme .team-management-tag{background:#e9f5f9;border-color:#b5d3df;color:#006f95}
body.light-theme .team-management-tag.gestion_staff{background:#f1eafc;border-color:#d1bdec;color:#68409f}
body.light-theme .team-management-tag.gestion_illegale{background:#fdebed;border-color:#efb7c0;color:#9b2237}
body.light-theme .team-management-tag.gestion_legale{background:#e8f7ef;border-color:#afdcc2;color:#177448}
body.light-theme .team-management-tag.gestion_serveur{background:#fff4dc;border-color:#e6cc8e;color:#865d06}
body.light-theme .site-modal-panel,body.light-theme .update-preview-panel,body.light-theme .editor-toolbar,body.light-theme .inline-image-tools,body.light-theme .inline-image-resize,body.light-theme .inline-button-tools,body.light-theme .theme-toggle,body.light-theme .theme-width-toggle{background:rgba(255,255,255,.97);border-color:#b9ccd6;color:#12222c;box-shadow:0 24px 70px rgba(38,65,78,.16)}
body.light-theme .theme-width-option{color:#5a7280}
body.light-theme .theme-width-option:hover{color:#0f2630;border-color:#a9cad8;background:#e4f1f6}
body.light-theme .theme-width-option[aria-pressed="true"]{color:#fff;background:#007ca6;border-color:#007ca6;box-shadow:0 10px 24px rgba(0,124,166,.18)}
body.light-theme .site-modal-panel header{border-bottom-color:#d5e1e7}
body.light-theme .site-modal-panel footer{background:rgba(255,255,255,.96);border-top-color:#d5e1e7}
body.light-theme .site-modal-panel header span{color:#006f95}
body.light-theme .site-modal-panel header p,body.light-theme .site-modal-fields label,body.light-theme .admin-panel label{color:#405863}
body.light-theme .site-modal-fields input,body.light-theme .site-modal-fields select,body.light-theme .site-modal-fields textarea,body.light-theme .team-tag-select,body.light-theme .admin-panel input,body.light-theme .admin-panel textarea,body.light-theme .admin-panel select{background:#fff;color:#10202a;border-color:#b9ccd6}
body.light-theme .site-modal-fields input:focus,body.light-theme .site-modal-fields select:focus,body.light-theme .site-modal-fields textarea:focus,body.light-theme .team-tag-select:focus,body.light-theme .admin-panel input:focus,body.light-theme .admin-panel textarea:focus,body.light-theme .admin-panel select:focus{border-color:#007ca6;box-shadow:0 0 0 3px rgba(0,124,166,.16)}
body.light-theme .badge-picker{background:#fff;border-color:#b9ccd6}
body.light-theme .badge-picker button:hover,body.light-theme .badge-picker button.selected{background:#e4f1f6;border-color:#007ca6}
body.light-theme .patch-author-badge-empty{background:#f4f8fa;border-color:#b9ccd6;color:#526b77}
body.light-theme .author-profile-picker{background:#fff;border-color:#b9ccd6}
body.light-theme .author-profile-picker button{background:#f4f8fa;color:#10202a;border-color:#c7d8df}
body.light-theme .author-profile-picker button:hover,body.light-theme .author-profile-picker button.selected{background:#e4f1f6;border-color:#007ca6}
body.light-theme .patch-type-picker{background:#fff;border-color:#b9ccd6}
body.light-theme .patch-type-picker button{background:#f4f8fa;color:#10202a;border-color:#c7d8df}
body.light-theme .patch-type-picker button:hover,body.light-theme .patch-type-picker button.selected{background:#e4f1f6;border-color:#007ca6}
body.light-theme .gitbook-progress-stats strong{color:#10202a}
body.light-theme .gitbook-progress-stats small{color:#45606b}
body.light-theme .gitbook-progress-bar{background:#e7f1f5;border-color:#bfd0d8}
body.light-theme .gitbook-progress-result{background:rgba(0,124,166,.08);border-color:rgba(0,124,166,.16);color:#0f2732}
body.light-theme .gitbook-progress-result.is-error{background:rgba(183,42,67,.08);border-color:rgba(183,42,67,.18);color:#8a2234}
body.light-theme .icon-picker button,body.light-theme .editor-toolbar button,body.light-theme .editor-toolbar label,body.light-theme .sidebar-edit-actions button,body.light-theme .sidebar-mini-delete,body.light-theme .sidebar-mini-edit,body.light-theme .sidebar-add-category,body.light-theme .sidebar-add-page{background:#f4f8fa!important;color:#334a56!important;border-color:#b9ccd6!important}
body.light-theme .icon-picker button:hover,body.light-theme .icon-picker button.selected,body.light-theme .editor-toolbar button:hover,body.light-theme .editor-toolbar label:hover,body.light-theme .sidebar-edit-actions button:hover,body.light-theme .sidebar-mini-edit:hover,body.light-theme .sidebar-add-category:hover,body.light-theme .sidebar-add-page:hover{background:#e4f1f6!important;color:#005f81!important;border-color:#007ca6!important}
body.light-theme .sidebar-mini-delete:hover,body.light-theme .sidebar-edit-actions [data-delete-category]:hover{background:#fdebed!important;color:#9b2237!important;border-color:#c9475d!important}
body.light-theme .sidebar-action-menu{background:#ffffff;border-color:#b9ccd6;box-shadow:0 18px 34px rgba(38,65,78,.14)}
body.light-theme .sidebar-add-category,body.light-theme .sidebar-add-page{box-shadow:0 10px 24px rgba(38,65,78,.06)}
body.light-theme .editor-toolbar option{background:#fff;color:#10202a}
body.light-theme .rule-body table,body.light-theme .rich-content table,body.light-theme .rule-body th,body.light-theme .rule-body td,body.light-theme .rich-content th,body.light-theme .rich-content td{border-color:#c9d8df;color:#314954;background:#f6fafb}
body.light-theme .rule-body th,body.light-theme .rich-content th{background:#e7f1f5;color:#10202a}
body.light-theme .rule-body blockquote.callout-info,body.light-theme .rich-content blockquote.callout-info{background:#e7f5fa}
body.light-theme .rule-body blockquote.callout-success,body.light-theme .rich-content blockquote.callout-success{background:#e8f7ef;color:#177448}
body.light-theme .rule-body blockquote.callout-warning,body.light-theme .rich-content blockquote.callout-warning{background:#fff4dc;color:#865d06}
body.light-theme .rule-body blockquote.callout-danger,body.light-theme .rich-content blockquote.callout-danger,body.light-theme .team-empty.error{background:#fdebed;border-color:#efb7c0;color:#9b2237}
body.light-theme .toast{background:#10202a;color:#fff}
body.light-theme .rule-body mark,body.light-theme .rich-content mark{background:none;color:#3c2b00;font-weight:700}
body.light-theme .gb-tabs[data-tabs-ready]{background:#fff;border-color:#c4d3db}
body.light-theme .gb-tabs-nav{background:#edf4f7;border-bottom-color:#c4d3db}
body.light-theme .gb-tab-btn{color:#4f6470}
body.light-theme .gb-tab-btn:hover{background:#dfeef4;color:#0b1820}
body.light-theme .gb-tab-btn.active{background:#fff;color:#006f95;border-bottom-color:#006f95}
body.light-theme .gb-tab-edit-trigger{color:#4f6470}
body.light-theme .gb-tab-edit-trigger:hover{background:#dfeef4;color:#0b1820}
body.light-theme .gb-tab-edit-trigger.active{background:#fff;color:#006f95;border-bottom-color:#006f95}
body.light-theme .gb-tab-edit-toolbars{background:linear-gradient(180deg,#edf4f7,#f7fbfc);border-bottom-color:#c4d3db}
body.light-theme .gb-tab-edit-toolbar:before{color:#007ca6}
body.light-theme .gb-tabs details,
body.light-theme .rule-body details,
body.light-theme .rich-content details{border-color:#8fa9b6;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(228,238,244,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 24px rgba(38,65,78,.06)}
body.light-theme .gb-tabs details:hover,
body.light-theme .rule-body details:hover,
body.light-theme .rich-content details:hover{border-color:#5c8ea1;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(220,234,241,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 12px 28px rgba(38,65,78,.09)}
body.light-theme .gb-tabs details[open],
body.light-theme .rule-body details[open],
body.light-theme .rich-content details[open]{border-color:#4f8397;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(224,239,246,.95))}
body.light-theme .gb-tabs summary,
body.light-theme .rule-body summary,
body.light-theme .rich-content summary{color:#16303c;font-weight:1000;text-shadow:none}
body.light-theme .gb-tabs summary:hover,
body.light-theme .rule-body summary:hover,
body.light-theme .rich-content summary:hover{color:#006f95}
body.light-theme .gb-tabs summary::marker,
body.light-theme .rule-body summary::marker,
body.light-theme .rich-content summary::marker{color:#54a8c4}
body.light-theme .gb-tabs>details>summary,body.light-theme .page.editing .gb-tabs>details[open]>summary{color:#10202a;border-bottom-color:#d5e1e7}
body.light-theme .gb-tabs-editor-controls{background:#edf4f7;border-color:#c4d3db}
body.light-theme .gb-tabs-editor-controls button{background:#fff;color:#334a56;border-color:#b9ccd6}
body.light-theme .gb-tabs-editor-controls button:hover{background:#e4f1f6;color:#005f81;border-color:#007ca6}
body.light-theme .patch-add,body.light-theme .patch-add-change,body.light-theme .patch-card-actions button,body.light-theme .patch-change-actions button,body.light-theme .patch-toggle,body.light-theme .selection-mini-toolbar button,body.light-theme .inline-image-tools button,body.light-theme .cover-actions button,body.light-theme .section-add-image{background:#fff;color:#334a56;border-color:#b9ccd6}
body.light-theme .patch-add:hover,body.light-theme .patch-add-change:hover,body.light-theme .patch-card-actions button:hover,body.light-theme .patch-change-actions button:hover,body.light-theme .patch-toggle:hover,body.light-theme .selection-mini-toolbar button:hover,body.light-theme .inline-image-tools button:hover,body.light-theme .cover-actions button:hover,body.light-theme .section-add-image:hover{background:#e4f1f6;color:#005f81;border-color:#007ca6}
body.light-theme .patch-card-actions .danger:hover,body.light-theme .patch-change-remove:hover{background:#fdebed;color:#9b2237;border-color:#c9475d}
body.light-theme .image-lightbox-close,body.light-theme .update-preview-close{background:#fff;color:#10202a;border-color:#b9ccd6;box-shadow:0 14px 34px rgba(38,65,78,.14)}
body.light-theme .image-lightbox-close:hover,body.light-theme .update-preview-close:hover{background:#e4f1f6;color:#005f81;border-color:#007ca6}
body.light-theme .site-footer{background:linear-gradient(180deg,#f8fbfc,#e2edf3);color:#10202a;border-top-color:#c4d3db;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 -18px 45px rgba(38,65,78,.06)}
body.light-theme .site-footer:before{background:linear-gradient(90deg,transparent,rgba(0,124,166,.32),transparent)}
body.light-theme .footer-brand b,body.light-theme .footer-grid h3{color:#10202a}
body.light-theme .footer-brand span,body.light-theme .footer-grid a,body.light-theme .footer-bottom{color:#536b76}
body.light-theme .footer-grid a:hover{color:#006f95}
body.light-theme .footer-bottom{border-top-color:#c9d8df}
body.light-theme .mobile-menu span{background:#10202a}
body.light-theme .sidebar-collapse-toggle{background:#fff;color:#006f95;border-color:#b9ccd6;box-shadow:0 10px 28px rgba(38,65,78,.16)}
body.light-theme .sidebar-collapse-toggle:hover{background:#e4f1f6;color:#005f81;border-color:#007ca6}
body.light-theme{scrollbar-color:#9ab3bf #edf2f5}
body.light-theme::-webkit-scrollbar-track,body.light-theme .sidebar-scroll::-webkit-scrollbar-track,body.light-theme .search-results::-webkit-scrollbar-track{background:#edf2f5}
body.light-theme::-webkit-scrollbar-thumb,body.light-theme .sidebar-scroll::-webkit-scrollbar-thumb,body.light-theme .search-results::-webkit-scrollbar-thumb{background:#9ab3bf;border-color:#edf2f5}

/* Badges Titre Catégorie / Page avec Flèche dans les Changelogs */
.changelog-category-badge{display:inline-flex;align-items:center;gap:7px;padding:3px 9px;background:linear-gradient(135deg,rgba(88,216,255,.14),rgba(88,216,255,.03));border:1px solid rgba(88,216,255,.32);border-radius:7px;color:#7ee5ff;font-size:12px;font-weight:800;text-decoration:none;transition:all .18s ease;margin-bottom:4px;vertical-align:middle;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.changelog-category-badge:hover{background:rgba(88,216,255,.24);border-color:#58d8ff;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(88,216,255,.3)}
.changelog-category-badge .badge-icon{font-size:11px;color:#58d8ff}
.changelog-category-badge .badge-arrow{font-size:12px;font-weight:900;color:#58d8ff;transition:transform .18s ease}
.changelog-category-badge:hover .badge-arrow{transform:translateX(3px);color:#fff}
body.light-theme .changelog-category-badge{background:#e7f7fd;border-color:#7ed6f3;color:#007ca6}
body.light-theme .changelog-category-badge:hover{background:#d5f1fc;border-color:#007ca6;color:#004b66}

/* Sélection & Toolbar d'Actions sur Blocs en Mode Édition */
.edit-mode .page.editing .block-selected-target{outline:2px solid #58d8ff!important;outline-offset:3px!important;box-shadow:0 0 22px rgba(88,216,255,.35)!important;border-radius:8px;transition:outline .15s ease,box-shadow .15s ease}
.block-action-overlay{position:absolute;z-index:9999;display:flex;align-items:center;gap:6px;padding:5px 8px;background:rgba(9,15,19,.95);border:1px solid rgba(88,216,255,.45);border-radius:10px;backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.65),0 0 20px rgba(88,216,255,.18);font-family:"DM Sans",sans-serif;animation:blockOverlayPop .15s cubic-bezier(.16,1,.3,1)}
@keyframes blockOverlayPop{from{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}
.block-overlay-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:rgba(88,216,255,.12);border:1px solid rgba(88,216,255,.25);border-radius:6px;color:#8ce7ff;font-size:11px;font-weight:800;white-space:nowrap}
.block-overlay-actions{display:flex;align-items:center;gap:4px}
.block-overlay-btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#dce7ec;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:800;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}
.block-overlay-btn:hover{background:rgba(88,216,255,.22);border-color:#58d8ff;color:#fff;transform:translateY(-1px)}
.block-overlay-btn.danger{color:#ff6b7d;background:rgba(255,82,107,.08);border-color:rgba(255,82,107,.3)}
.block-overlay-btn.danger:hover{background:#ff526b;border-color:#ff526b;color:#fff}

/* Barre de Contrôle de Section */
.section-edit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 12px;margin-bottom:12px;background:rgba(88,216,255,.06);border:1px dashed rgba(88,216,255,.3);border-radius:10px;font-size:12px;font-weight:800;color:#7ee5ff}
.section-edit-label{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.section-edit-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.section-edit-actions button{appearance:none;border:1px solid rgba(88,216,255,.25);background:rgba(8,14,18,.8);color:#8ce7ff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;cursor:pointer;transition:all .15s ease}
.section-edit-actions button:hover{background:#58d8ff;color:#080e12}
.section-edit-actions button.danger:hover{background:#ff526b;color:#fff;border-color:#ff526b}
body.light-theme .section-edit-bar{background:#eef7fb;border-color:#b9d9e4;color:#007ca6;box-shadow:0 10px 26px rgba(38,65,78,.06)}
body.light-theme .section-edit-label{color:#31505f}
body.light-theme .section-edit-label small{color:#6a7f8a}
body.light-theme .section-edit-actions button{background:#f8fcfd;color:#114052;border-color:#b9d9e4}
body.light-theme .section-edit-actions button:hover{background:#e4f1f6;color:#005f81;border-color:#007ca6}
body.light-theme .section-edit-actions button.danger{color:#9b2237;border-color:#e1b1bb;background:#fff7f8}
body.light-theme .section-edit-actions button.danger:hover{background:#fdebed;color:#9b2237;border-color:#c9475d}

/* Section focused highlight */
.rule-section.section-focused{outline:2px solid rgba(88,216,255,.45);outline-offset:4px;border-radius:12px;transition:outline-color .2s ease}

/* Section context toolbar (right-click) */
.section-context-toolbar{position:absolute;z-index:90;display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,rgba(10,16,21,.96),rgba(14,22,27,.96));border:1px solid rgba(88,216,255,.3);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 20px rgba(88,216,255,.08);backdrop-filter:blur(16px);animation:sctAppear .18s ease}
@keyframes sctAppear{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.sct-label{display:flex;align-items:center;gap:6px;font:800 11px/1 Outfit,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#58d8ff;white-space:nowrap;padding-right:6px;border-right:1px solid rgba(88,216,255,.2)}
.sct-actions{display:flex;align-items:center;gap:5px}
.sct-actions button{appearance:none;border:1px solid rgba(88,216,255,.25);background:rgba(8,14,18,.8);color:#8ce7ff;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:800;cursor:pointer;transition:all .15s ease;white-space:nowrap}
.sct-actions button:hover{background:#58d8ff;color:#080e12;border-color:#58d8ff}
.sct-actions button.danger{border-color:rgba(255,82,107,.3);color:#ff8fa0}
.sct-actions button.danger:hover{background:#ff526b;color:#fff;border-color:#ff526b}
body.light-theme .section-context-toolbar{background:rgba(255,255,255,.97);border-color:#b0cad6;box-shadow:0 12px 40px rgba(38,65,78,.18)}
body.light-theme .sct-label{color:#1f7fa0;border-right-color:rgba(31,127,160,.2)}
body.light-theme .sct-actions button{background:#f4f8fa;color:#1f7fa0;border-color:#b0cad6}
body.light-theme .sct-actions button:hover{background:#1f9fc0;color:#fff;border-color:#1f9fc0}
body.light-theme .sct-actions button.danger{color:#e03050;border-color:rgba(224,48,80,.3)}
body.light-theme .sct-actions button.danger:hover{background:#e03050;color:#fff}
body.light-theme .rule-section.section-focused{outline-color:rgba(31,127,160,.4)}
/* Editor toolbar drawer override: keep editing tools off the document flow. */
body:has(.editor-toolbar){padding-top:0!important}
.editor-toolbar{position:fixed!important;left:auto!important;right:18px!important;top:92px!important;bottom:76px!important;inset:auto 18px 76px auto!important;width:292px!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;overflow:auto!important;padding:12px!important;border:1px solid #28404a!important;border-radius:16px!important;background:rgba(9,14,17,.9)!important;backdrop-filter:blur(18px)!important;box-shadow:0 18px 60px rgba(0,0,0,.38)!important;opacity:.32!important;transform:translateX(238px)!important;transition:opacity .18s ease,transform .18s ease!important;z-index:60!important}
.editor-toolbar:hover,.editor-toolbar:focus-within{opacity:1!important;transform:none!important}
.editor-toolbar .rbn-edit-toggle{height:38px!important;padding:0 8px!important;border-right:0!important;border-bottom:1px solid #1c2c34!important}
.editor-toolbar .rbn-group{width:100%!important;align-items:stretch!important;padding:9px!important;border-right:0!important;border:1px solid rgba(88,216,255,.1)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important}
.editor-toolbar .rbn-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.editor-toolbar .rbn-btn,.editor-toolbar .rbn-btn.rbn-wide{width:100%!important;min-width:0!important;height:32px!important;padding:0 8px!important}
.editor-toolbar .rbn-size select{width:100%!important;max-width:none!important}
@media(max-width:1100px){body:has(.editor-toolbar){padding-top:0!important}.editor-toolbar{left:12px!important;right:12px!important;top:auto!important;bottom:14px!important;inset:auto 12px 14px 12px!important;width:auto!important;max-height:42vh!important;opacity:1!important;transform:none!important}.editor-toolbar .rbn-row{grid-template-columns:repeat(6,minmax(0,1fr))!important}}

/* Profile preferences menu */
.profile-menu{position:relative;display:inline-flex;align-items:center}
.profile-pill{border:0;background:transparent;cursor:pointer;padding:4px 7px;border-radius:999px}
.profile-pill:hover,.profile-menu.open .profile-pill{background:rgba(88,216,255,.08)}
.profile-chevron{display:inline-block;color:#7f929c;font-size:16px;line-height:1;transform:rotate(90deg);transition:transform .16s ease}
.profile-menu.open .profile-chevron{transform:rotate(-90deg)}
.profile-dropdown{position:absolute;right:0;top:calc(100% + 12px);z-index:85;width:252px;padding:10px;border:1px solid #28404a;border-radius:12px;background:rgba(9,14,17,.96);box-shadow:0 18px 60px rgba(0,0,0,.42);backdrop-filter:blur(16px)}
.profile-dropdown:before{content:"";position:absolute;right:22px;top:-6px;width:10px;height:10px;background:inherit;border-left:1px solid #28404a;border-top:1px solid #28404a;transform:rotate(45deg)}
.profile-dropdown p{margin:2px 4px 8px;color:#58d8ff;font:900 10px/1 Outfit,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.profile-pref-group+.profile-pref-group{margin-top:12px;padding-top:12px;border-top:1px solid rgba(88,216,255,.12)}
.profile-dropdown button{width:100%;display:grid;gap:2px;text-align:left;border:1px solid transparent;background:transparent;color:#dce8ed;border-radius:9px;padding:9px 10px;cursor:pointer}
.profile-dropdown button:hover,.profile-dropdown button[aria-checked="true"]{border-color:#2a4a58;background:rgba(88,216,255,.08)}
.profile-dropdown button[aria-checked="true"]:after{content:"Actif";grid-row:1/span 2;grid-column:2;align-self:center;justify-self:end;color:#58d8ff;font-size:10px;font-weight:900;text-transform:uppercase}
.profile-dropdown button span{font-weight:900}
.profile-dropdown button small{color:#7f929c;font-size:11px}
body.light-theme .profile-pill:hover,body.light-theme .profile-menu.open .profile-pill{background:#e4f1f6}
body.light-theme .profile-dropdown{background:rgba(255,255,255,.98);border-color:#b9ccd6;color:#12222c;box-shadow:0 18px 45px rgba(38,65,78,.16)}
body.light-theme .profile-pref-group+.profile-pref-group{border-top-color:rgba(17,82,109,.14)}
body.light-theme .profile-dropdown button{color:#12222c}
body.light-theme .profile-dropdown button:hover,body.light-theme .profile-dropdown button[aria-checked="true"]{background:#e4f1f6;border-color:#a9cad8}

/* Editor toolbar layout preference */
body.editor-toolbar-side:has(.editor-toolbar){padding-top:0!important}
body.editor-toolbar-side .editor-toolbar{position:fixed!important;left:auto!important;right:18px!important;top:92px!important;bottom:76px!important;inset:auto 18px 76px auto!important;width:292px!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;overflow:auto!important;padding:12px!important;border:1px solid #28404a!important;border-radius:16px!important;background:rgba(9,14,17,.9)!important;backdrop-filter:blur(18px)!important;box-shadow:0 18px 60px rgba(0,0,0,.38)!important;opacity:.32!important;transform:translateX(238px)!important;transition:opacity .18s ease,transform .18s ease!important;z-index:60!important}
body.editor-toolbar-side .editor-toolbar:hover,body.editor-toolbar-side .editor-toolbar:focus-within{opacity:1!important;transform:none!important}
body.editor-toolbar-side .editor-toolbar .rbn-edit-toggle{height:38px!important;padding:0 8px!important;border-right:0!important;border-bottom:1px solid #1c2c34!important}
body.editor-toolbar-side .editor-toolbar .rbn-group{width:100%!important;align-items:stretch!important;padding:9px!important;border-right:0!important;border:1px solid rgba(88,216,255,.1)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important}
body.editor-toolbar-side .editor-toolbar .rbn-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
body.editor-toolbar-side .editor-toolbar .rbn-btn,body.editor-toolbar-side .editor-toolbar .rbn-btn.rbn-wide{width:100%!important;min-width:0!important;height:32px!important;padding:0 8px!important}
body.editor-toolbar-side .editor-toolbar .rbn-size select{width:100%!important;max-width:none!important}
body.editor-toolbar-horizontal:has(.editor-toolbar){padding-top:58px!important}
body.editor-toolbar-horizontal .editor-toolbar{position:fixed!important;inset:0 0 auto 0!important;width:auto!important;max-height:none!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;padding:0 4px!important;height:58px!important;border:0!important;border-bottom:1px solid #1c2c34!important;border-radius:0!important;background:linear-gradient(180deg,#0d161b,#0a1015)!important;backdrop-filter:none!important;opacity:1!important;transform:none!important;overflow-x:auto!important;overflow-y:hidden!important;box-shadow:0 10px 30px rgba(0,0,0,.36)!important}
body.editor-toolbar-horizontal .editor-toolbar .rbn-group{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:7px 10px!important;border:0!important;border-right:1px solid #15232a!important;border-radius:0!important;background:transparent!important;flex:0 0 auto!important;width:auto!important}
body.editor-toolbar-horizontal .editor-toolbar .rbn-row{display:flex!important;align-items:center!important;gap:2px!important}
body.editor-toolbar-horizontal .editor-toolbar .rbn-btn{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important}
body.editor-toolbar-horizontal .editor-toolbar .rbn-btn.rbn-wide{width:auto!important;min-width:34px!important;padding:0 8px!important}
body.light-theme.editor-toolbar-horizontal .editor-toolbar{border-bottom-color:#d3e2e8!important;background:linear-gradient(180deg,#ffffff,#f1f6f9)!important;box-shadow:0 10px 28px rgba(38,65,78,.12)!important}
body.light-theme.editor-toolbar-horizontal .editor-toolbar .rbn-group{border-right:1px solid #d7e4ea!important;background:transparent!important}
body.light-theme.editor-toolbar-horizontal .editor-toolbar .rbn-group-name{color:#6a7f8a!important}
body.light-theme.editor-toolbar-horizontal .editor-toolbar .rbn-btn{color:#33474f!important;background:transparent!important;border-color:transparent!important}
body.light-theme.editor-toolbar-horizontal .editor-toolbar .rbn-btn:hover{background:#e9f3f6!important;color:#0e1f28!important;border-color:#cfe0e6!important}
body.light-theme.editor-toolbar-horizontal .editor-toolbar .rbn-btn:active{background:#dbeaf0!important}
body.light-theme.editor-toolbar-horizontal .editor-toolbar .rbn-size select{background:#fff!important;border-color:#c4d4dc!important;color:#10202a!important}
body.light-theme.editor-toolbar-horizontal .editor-toolbar .rbn-edit-toggle{border-right-color:#d7e4ea!important;border-bottom-color:#d7e4ea!important;color:#33474f!important}
body.light-theme.editor-toolbar-horizontal .editor-toolbar .fav-toggle{background:#eef4f7!important;color:#6a7f8a!important}
body.light-theme.editor-toolbar-horizontal .editor-toolbar .rbn-btn .fav-toggle.active{color:#007ca6!important}
@media(max-width:1100px){body.editor-toolbar-horizontal:has(.editor-toolbar),body.editor-toolbar-side:has(.editor-toolbar){padding-top:0!important}.editor-toolbar{left:12px!important;right:12px!important;top:auto!important;bottom:14px!important;inset:auto 12px 14px 12px!important;width:auto!important;max-height:42vh!important;opacity:1!important;transform:none!important}.editor-toolbar .rbn-row{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
/* Horizontal editor toolbar should live under the main topbar, not over it. */
body.editor-toolbar-horizontal:has(.editor-toolbar){padding-top:0!important}
body.editor-toolbar-horizontal .editor-toolbar{top:var(--header)!important;bottom:auto!important;inset:var(--header) 0 auto 0!important;height:58px!important;z-index:16!important}
body.editor-toolbar-horizontal:has(.editor-toolbar) .app-shell{padding-top:calc(var(--header) + 58px)!important}
body.editor-toolbar-horizontal:has(.editor-toolbar) .sidebar{top:calc(var(--header) + 58px)!important}
body.editor-toolbar-horizontal .toc{top:calc(var(--header) + 96px)!important}
body.editor-toolbar-horizontal .rule-section{scroll-margin-top:calc(var(--header) + 88px)!important}
@media(max-width:1100px){body.editor-toolbar-horizontal:has(.editor-toolbar) .app-shell{padding-top:var(--header)!important}body.editor-toolbar-horizontal:has(.editor-toolbar) .sidebar{top:var(--header)!important}}

.icon-picker-field{gap:10px}
.icon-picker-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(88,216,255,.28);border-radius:10px;background:rgba(8,20,27,.72);color:#eaf7fb}
.icon-picker-preview span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:rgba(88,216,255,.12);color:#58d8ff;font-size:16px}
.icon-picker-preview strong{font-size:13px;letter-spacing:0;color:#f4fbff}
.icon-picker-search{margin-top:2px}
.icon-picker{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));max-height:260px;overflow:auto;padding:2px}
.icon-picker button{height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:16px}
.icon-picker button small{font-size:10px;font-weight:800;line-height:1.1;color:inherit;max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.template-block{margin:18px 0;padding:18px 20px;border:1px solid rgba(88,216,255,.24);border-left:4px solid #58d8ff;border-radius:8px;background:rgba(7,18,24,.72)}
.template-block h3{margin-top:0;color:#f6fbff}
.template-warning{border-left-color:#ffce5c;background:linear-gradient(90deg,rgba(255,206,92,.16),rgba(7,18,24,.72))}
.template-sanction{border-left-color:#ff5d73;background:linear-gradient(90deg,rgba(255,93,115,.14),rgba(7,18,24,.72))}
.template-allowed{border-left-color:#42e696;background:linear-gradient(90deg,rgba(66,230,150,.13),rgba(7,18,24,.72))}
.template-forbidden{border-left-color:#ff4f6d;background:linear-gradient(90deg,rgba(255,79,109,.14),rgba(7,18,24,.72))}
.template-rp{border-left-color:#58d8ff}
.template-discord{border-left-color:#5865f2;background:linear-gradient(90deg,rgba(88,101,242,.16),rgba(7,18,24,.72))}
.template-penalty-table{width:100%;margin:18px 0;border-collapse:collapse;overflow:hidden;border-radius:8px;background:rgba(7,18,24,.72)}
.template-penalty-table th,.template-penalty-table td,.template-sanction th,.template-sanction td{border:1px solid rgba(88,216,255,.18);padding:10px 12px;text-align:left;vertical-align:top}
.template-penalty-table th,.template-sanction th{color:#58d8ff;background:rgba(88,216,255,.08)}
.publish-draft-btn:disabled{opacity:.45;cursor:not-allowed}
body.light-theme .icon-picker-preview{background:#f4f8fa;color:#233944;border-color:#b9ccd6}
body.light-theme .template-block,body.light-theme .template-penalty-table{background:#f8fbfc;color:#233944}

/* Distinct editor callout colors */
.home-dot.info{background:#58d8ff;box-shadow:0 0 12px rgba(88,216,255,.65)}
.home-dot.success{background:#42e696;box-shadow:0 0 12px rgba(66,230,150,.62)}
.home-dot.warning{background:#ffce5c;box-shadow:0 0 12px rgba(255,206,92,.62)}
.home-dot.danger{background:#ff4f6d;box-shadow:0 0 12px rgba(255,79,109,.64)}
.editor-toolbar .rbn-callout{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important}
.editor-toolbar .rbn-callout[data-callout="info"]:hover,.editor-toolbar .rbn-callout[data-callout="info"]:focus-visible{border-color:#58d8ff!important;background:rgba(88,216,255,.14)!important;box-shadow:0 0 18px rgba(88,216,255,.16)!important}
.editor-toolbar .rbn-callout[data-callout="success"]:hover,.editor-toolbar .rbn-callout[data-callout="success"]:focus-visible{border-color:#42e696!important;background:rgba(66,230,150,.14)!important;box-shadow:0 0 18px rgba(66,230,150,.16)!important}
.editor-toolbar .rbn-callout[data-callout="warning"]:hover,.editor-toolbar .rbn-callout[data-callout="warning"]:focus-visible{border-color:#ffce5c!important;background:rgba(255,206,92,.15)!important;box-shadow:0 0 18px rgba(255,206,92,.16)!important}
.editor-toolbar .rbn-callout[data-callout="danger"]:hover,.editor-toolbar .rbn-callout[data-callout="danger"]:focus-visible{border-color:#ff4f6d!important;background:rgba(255,79,109,.15)!important;box-shadow:0 0 18px rgba(255,79,109,.16)!important}
.rule-body blockquote.callout-info,.rich-content blockquote.callout-info{border-left-color:#58d8ff;background:linear-gradient(90deg,rgba(88,216,255,.14),rgba(7,18,24,.72));color:#dff8ff}
.rule-body blockquote.callout-success,.rich-content blockquote.callout-success{border-left-color:#42e696;background:linear-gradient(90deg,rgba(66,230,150,.14),rgba(7,18,24,.72));color:#e6fff3}
.rule-body blockquote.callout-warning,.rich-content blockquote.callout-warning{border-left-color:#ffce5c;background:linear-gradient(90deg,rgba(255,206,92,.16),rgba(7,18,24,.72));color:#fff7df}
.rule-body blockquote.callout-danger,.rich-content blockquote.callout-danger{border-left-color:#ff4f6d;background:linear-gradient(90deg,rgba(255,79,109,.16),rgba(7,18,24,.72));color:#ffe8ec}
body.light-theme .home-dot.info{background:#058db8;box-shadow:0 0 10px rgba(5,141,184,.28)}
body.light-theme .home-dot.success{background:#168a55;box-shadow:0 0 10px rgba(22,138,85,.25)}
body.light-theme .home-dot.warning{background:#c27b00;box-shadow:0 0 10px rgba(194,123,0,.25)}
body.light-theme .home-dot.danger{background:#d93250;box-shadow:0 0 10px rgba(217,50,80,.25)}
body.light-theme .rule-body blockquote.callout-info,body.light-theme .rich-content blockquote.callout-info{background:#e4f6fb;color:#075b73;border-color:#7ccde4}
body.light-theme .rule-body blockquote.callout-success,body.light-theme .rich-content blockquote.callout-success{background:#e5f7ee;color:#17643f;border-color:#80d7aa}
body.light-theme .rule-body blockquote.callout-warning,body.light-theme .rich-content blockquote.callout-warning{background:#fff3d7;color:#795100;border-color:#f1c76e}
body.light-theme .rule-body blockquote.callout-danger,body.light-theme .rich-content blockquote.callout-danger{background:#fde9ed;color:#8d1e33;border-color:#ef9aac}

/* Keep profile preferences above the horizontal editor toolbar */
.topbar,.header{position:relative;z-index:120!important}
.profile-menu{z-index:130!important}
.profile-menu.open{z-index:180!important}
.profile-dropdown{z-index:190!important}
body.editor-toolbar-horizontal .profile-dropdown{top:calc(100% + 8px);box-shadow:0 22px 70px rgba(0,0,0,.56),0 0 0 1px rgba(88,216,255,.08)}

/* Side editor toolbar must scroll internally */
body.editor-toolbar-side .editor-toolbar{height:calc(100vh - 168px)!important;max-height:calc(100vh - 168px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-color:#2b4652 rgba(8,13,16,.75)!important}
body.editor-toolbar-side .editor-toolbar::-webkit-scrollbar{width:8px!important;height:8px!important}
body.editor-toolbar-side .editor-toolbar::-webkit-scrollbar-track{background:rgba(8,13,16,.75)!important;border-radius:999px!important}
body.editor-toolbar-side .editor-toolbar::-webkit-scrollbar-thumb{background:#284754!important;border-radius:999px!important;border:2px solid rgba(8,13,16,.75)!important}
body.editor-toolbar-side .editor-toolbar::-webkit-scrollbar-thumb:hover{background:#3c6a7c!important}
body.editor-toolbar-side .editor-toolbar .rbn-group{flex:0 0 auto!important}
@media(max-width:1100px){body.editor-toolbar-side .editor-toolbar{height:auto!important;max-height:42vh!important;overflow-y:auto!important;overflow-x:hidden!important}}

/* Keep the main topbar visible while scrolling */
.topbar{position:sticky!important;top:0!important;z-index:120!important;backdrop-filter:blur(18px)}
.header{position:relative;z-index:120!important}
body.editor-toolbar-horizontal .editor-toolbar{top:var(--header)!important;z-index:16!important}
body.editor-toolbar-horizontal:has(.editor-toolbar) .app-shell{padding-top:58px!important}
body.editor-toolbar-horizontal:has(.editor-toolbar) .sidebar{top:calc(var(--header) + 58px)!important}

/* Use the space below the sticky topbar more efficiently */
.app-shell{padding-top:0!important}
.page{max-width:var(--doc-page-width,1180px)!important}
.page:has(.article-layout){padding-top:24px!important}
.page:has(.article-layout) .breadcrumb{margin-bottom:20px}
body.editor-toolbar-horizontal:has(.editor-toolbar) .app-shell{padding-top:58px!important}
body.editor-toolbar-horizontal:has(.editor-toolbar) .page:has(.article-layout){padding-top:24px!important}
@media(max-width:900px){.page:has(.article-layout){padding-top:20px!important}}
.article-layout{grid-template-columns:minmax(0,var(--doc-content-width,760px)) 280px!important;justify-content:space-between!important;gap:42px!important}
.toc{width:280px;max-width:280px}
.toc a{font-size:13px;line-height:1.45}
.sidebar-super-group{position:relative;margin:18px 0 14px;padding-top:14px}
.sidebar-super-group+.sidebar-super-group:before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(88,216,255,.24) 12%,rgba(88,216,255,.12) 50%,transparent)}
.sidebar-super-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 10px 10px}
.sidebar-super-group-title{display:inline-flex;align-items:center;gap:10px;color:#f2f7fb;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.sidebar-super-group-title strong{font-size:13px;letter-spacing:.08em}
.sidebar-group-edit-actions{opacity:1}
body.light-theme .sidebar-super-group-title{color:#15323e}
body.light-theme .sidebar-super-group+.sidebar-super-group:before{background:linear-gradient(90deg,transparent,rgba(0,124,166,.22) 12%,rgba(0,124,166,.12) 50%,transparent)}
.sidebar-sortable{cursor:grab}
.sidebar-drag-source{opacity:.45;transform:scale(.985);filter:saturate(.82)}
.sidebar-drop-target{outline:1px dashed rgba(88,216,255,.72);outline-offset:4px;border-radius:16px;background:rgba(88,216,255,.05)}
body.light-theme .sidebar-drop-target{outline-color:rgba(0,124,166,.6)}

/* Enhanced search */
.search-filters{
  display:flex;
  gap:8px;
  padding:10px 10px 6px;
  border-bottom:1px solid rgba(88,216,255,.1);
  overflow-x:auto;
}
.search-filters button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(88,216,255,.16);
  background:rgba(88,216,255,.04);
  color:#9fb3bd;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.search-filters button:hover,
.search-filters button.active{
  color:#f3fbff;
  border-color:rgba(88,216,255,.42);
  background:rgba(88,216,255,.12);
  transform:translateY(-1px);
}
.search-filters button span{
  min-width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#dff8ff;
  font-size:10px;
}
.search-category-filters{
  display:flex;
  gap:7px;
  padding:7px 10px 4px;
  overflow-x:auto;
}
.search-category-filters button{
  appearance:none;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  color:#7f949e;
  border-radius:8px;
  padding:6px 9px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.search-category-filters button:hover,
.search-category-filters button.active{
  color:#dff8ff;
  border-color:rgba(88,216,255,.28);
  background:rgba(88,216,255,.08);
  transform:translateY(-1px);
}
.search-result-group{
  padding:8px;
}
.search-result-group header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 6px 6px;
  color:#58d8ff;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.search-result-group header small{
  color:#71838d;
  letter-spacing:0;
}
.search-result-group .result{
  width:100%;
  text-align:left;
  display:block;
  margin:0 0 4px;
  border:0!important;
  background:transparent!important;
  color:#eef4f7!important;
  cursor:pointer;
  box-shadow:none!important;
}
.search-result-group .result:hover,
.search-result-group .result.selected{
  background:#19242a!important;
  color:#fff!important;
}
.search-result-group .result b{
  color:inherit!important;
}
.search-result-group .result small{
  color:#71838d!important;
}
.search-result-group .result:hover small,
.search-result-group .result.selected small{
  color:#9eb3bd!important;
}
mark.search-hit{
  color:#061015;
  background:linear-gradient(135deg,#58d8ff,#a7efff);
  border-radius:5px;
  padding:1px 4px;
  box-shadow:0 0 0 1px rgba(88,216,255,.28),0 0 18px rgba(88,216,255,.28);
}
body.light-theme .search-filters{border-bottom-color:rgba(0,124,166,.12)}
body.light-theme .search-filters button{background:#eef6f9;border-color:#c7d9e1;color:#4f6874}
body.light-theme .search-filters button:hover,
body.light-theme .search-filters button.active{background:#dff2f8;border-color:#7bbdd2;color:#0f2732}
body.light-theme .search-filters button span{background:#cde7ef;color:#0f4f65}
body.light-theme .search-category-filters button{background:#f6fafb;border-color:#d6e3e8;color:#657b86}
body.light-theme .search-category-filters button:hover,
body.light-theme .search-category-filters button.active{background:#e7f4f8;border-color:#a7cfdd;color:#14323e}
body.light-theme .search-result-group header{color:#0b789e}
body.light-theme .search-result-group .result{background:transparent!important;color:#172832!important}
body.light-theme .search-result-group .result:hover,
body.light-theme .search-result-group .result.selected{background:#e5f1f6!important;color:#0f2732!important}
body.light-theme .search-result-group .result small{color:#5e737e!important}
body.light-theme .search-result-group .result:hover small,
body.light-theme .search-result-group .result.selected small{color:#425965!important}
body.light-theme mark.search-hit{color:#06222c;background:linear-gradient(135deg,#9be6fb,#d6f6ff)}

/* Home banner */
.home-banner{
  min-height:360px!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  padding:28px!important;
  background:
    linear-gradient(180deg,rgba(6,10,13,.04) 0%,rgba(6,10,13,.34) 58%,rgba(6,10,13,.82) 100%),
    url("media/home-banner.png") center/cover no-repeat,
    radial-gradient(circle at 70% 24%,rgba(88,216,255,.18),transparent 34%),
    linear-gradient(115deg,#101a20 0%,#0b1115 58%,#080b0e 100%)!important;
}
.home-banner:before,
.home-banner:after{display:none!important}
.home-banner-actions{
  position:relative;
  z-index:1;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
body.light-theme .home-banner{
  background:
    linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(236,245,248,.28) 50%,rgba(222,238,245,.78) 100%),
    url("media/home-banner.png") center/cover no-repeat,
    linear-gradient(115deg,#ffffff 0%,#eef5f8 58%,#dfeaf0 100%)!important;
}
@media(max-width:900px){
  .home-banner{min-height:260px!important;padding:20px!important}
}
@media(max-width:520px){
  .home-banner{min-height:220px!important}
  .home-banner-actions{width:100%;flex-direction:column}
  .home-banner-actions .btn{width:100%}
}

/* Subtle motion polish */
:root{
  --motion-fast:160ms;
  --motion-med:260ms;
  --motion-slow:520ms;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.2,.9,.22,1.18);
}
.page{
  animation:pageSoftIn var(--motion-slow) var(--ease-out) both!important;
}
.breadcrumb{
  animation:fadeLift .42s var(--ease-out) both;
}
.home-banner,
.article-header,
.stats,
.section-head,
.home-update-preview,
.audit-log-panel{
  animation:fadeLift .48s var(--ease-out) both;
}
.category-card,
.patch-card,
.team-card,
.home-update-line,
.media-card,
.rule-section,
.gb-cards>article{
  animation:cardSoftIn .46s var(--ease-out) both;
}
.category-card:nth-child(2n),
.patch-card:nth-child(2n),
.team-card:nth-child(2n),
.rule-section:nth-child(2n){animation-delay:40ms}
.category-card:nth-child(3n),
.patch-card:nth-child(3n),
.team-card:nth-child(3n),
.rule-section:nth-child(3n){animation-delay:80ms}
.category-card,
.patch-card,
.team-card,
.media-card,
.gb-cards>article,
.rule-body details,
.rich-content details{
  transform-origin:center;
  transition:
    transform var(--motion-med) var(--ease-out),
    border-color var(--motion-med) ease,
    background-color var(--motion-med) ease,
    box-shadow var(--motion-med) ease,
    filter var(--motion-med) ease!important;
}
.category-card:hover,
.patch-card:hover,
.team-card:hover,
.media-card:hover,
.gb-cards>article:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 46px rgba(0,0,0,.24),0 0 0 1px rgba(88,216,255,.08);
}
.category-card:focus-visible,
.patch-card:focus-visible,
.team-card:focus-visible,
.btn:focus-visible,
.profile-pill:focus-visible,
.search-trigger:focus-visible{
  outline:2px solid rgba(88,216,255,.8);
  outline-offset:3px;
}
.btn,
.topbar-editor-btn,
.theme-toggle,
.profile-pill,
.search-trigger,
.sidebar-gear-button,
.sidebar-action-menu button{
  transition:
    transform var(--motion-fast) var(--ease-spring),
    border-color var(--motion-fast) ease,
    background-color var(--motion-fast) ease,
    color var(--motion-fast) ease,
    box-shadow var(--motion-fast) ease!important;
}
.btn:active,
.topbar-editor-btn:active,
.theme-toggle:active,
.profile-pill:active,
.search-trigger:active{
  transform:translateY(1px) scale(.985)!important;
}
.btn.primary{
  position:relative;
  overflow:hidden;
}
.btn.primary:before{
  content:"";
  position:absolute;
  inset:-80% auto -80% -40%;
  width:34%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  opacity:0;
  pointer-events:none;
}
.btn.primary:hover:before{
  animation:buttonSheen .72s ease;
}
.profile-dropdown,
.search-panel,
.site-modal-panel,
.diff-panel,
.update-preview-panel{
  transform-origin:top right;
  animation:panelPop .2s var(--ease-out) both;
}
.search-modal.open .search-backdrop,
.site-modal .site-modal-backdrop,
.diff-backdrop,
.update-preview-backdrop{
  animation:backdropFade .18s ease both;
}
.side-nav a,
.nav-group .group-label,
.nav-group .group-items a{
  transition:
    transform var(--motion-fast) var(--ease-out),
    color var(--motion-fast) ease,
    background-color var(--motion-fast) ease,
    box-shadow var(--motion-fast) ease!important;
}
.side-nav a:hover,
.nav-group .group-label:hover,
.nav-group .group-items a:hover{
  transform:translateX(3px);
}
body.sidebar-collapsed .side-nav a:hover,
body.sidebar-collapsed .nav-group .group-label:hover,
body.sidebar-collapsed .nav-group .group-items a:hover{
  transform:translateY(-1px);
}
.sidebar-action-menu{
  animation:menuDrop .18s var(--ease-out) both;
  transform-origin:top right;
}
.topbar{
  transition:background-color var(--motion-med) ease,border-color var(--motion-med) ease,box-shadow var(--motion-med) ease,backdrop-filter var(--motion-med) ease!important;
}
.topbar:hover{
  box-shadow:0 12px 34px rgba(0,0,0,.14);
}
.home-banner{
  transition:transform var(--motion-slow) var(--ease-out),border-color var(--motion-med) ease,box-shadow var(--motion-med) ease,filter var(--motion-med) ease!important;
}
.home-banner:hover{
  border-color:rgba(88,216,255,.32)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.24),0 0 38px rgba(88,216,255,.08);
  filter:saturate(1.04);
}
.home-banner-actions{
  animation:fadeLift .56s var(--ease-out) .08s both;
}
.home-dot,
.edit-dot,
.status-dot{
  animation:softPulse 2.8s ease-in-out infinite;
}
.toast.show{
  animation:toastIn .28s var(--ease-out) both;
}

@keyframes pageSoftIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@keyframes fadeLift{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@keyframes cardSoftIn{
  from{opacity:0;transform:translateY(14px) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes panelPop{
  from{opacity:0;transform:translateY(-6px) scale(.975)}
  to{opacity:1;transform:none}
}
@keyframes menuDrop{
  from{opacity:0;transform:translateY(-5px) scale(.98)}
  to{opacity:1;transform:none}
}
@keyframes backdropFade{
  from{opacity:0}
  to{opacity:1}
}
@keyframes buttonSheen{
  from{opacity:0;transform:translateX(0) skewX(-18deg)}
  30%{opacity:1}
  to{opacity:0;transform:translateX(420%) skewX(-18deg)}
}
@keyframes softPulse{
  0%,100%{filter:none;transform:none}
  50%{filter:brightness(1.14);transform:scale(1.06)}
}
@keyframes toastIn{
  from{opacity:0;transform:translateY(18px) scale(.98)}
  to{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){
  .page,
  .breadcrumb,
  .home-banner,
  .article-header,
  .stats,
  .section-head,
  .home-update-preview,
  .audit-log-panel,
  .category-card,
  .patch-card,
  .team-card,
  .home-update-line,
  .media-card,
  .rule-section,
  .gb-cards>article,
  .profile-dropdown,
  .search-panel,
  .site-modal-panel,
  .diff-panel,
  .update-preview-panel,
  .search-modal.open .search-backdrop,
  .site-modal .site-modal-backdrop,
  .diff-backdrop,
  .update-preview-backdrop,
  .sidebar-action-menu,
  .home-banner-actions,
  .home-dot,
  .edit-dot,
  .status-dot,
  .toast.show{
    animation:none!important;
  }
  .category-card:hover,
  .patch-card:hover,
  .team-card:hover,
  .media-card:hover,
  .gb-cards>article:hover,
  .side-nav a:hover,
  .nav-group .group-label:hover,
  .nav-group .group-items a:hover,
  .home-banner:hover{
    transform:none!important;
  }
}
