*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d10;color:#f5f4f1;font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip,.sr-only{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;z-index:99;background:white;color:black;padding:10px}.header{height:84px;border-bottom:1px solid #ffffff14;background:#0b0d10ed;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;letter-spacing:.045em;line-height:1}.brand img{object-fit:contain}.brand small{display:block;font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.24em;font-weight:700;color:#d8a450;margin-top:7px}.navlinks{display:flex;align-items:center;gap:30px}.navlinks>a{font-size:12px;font-weight:800;color:#b9bdc3;transition:color .2s}.navlinks>a:hover,.navlinks>a[aria-current]{color:#fff}.navlinks .nav-discord{background:#d7a34d;color:#17120a;padding:11px 19px;border-radius:3px}.menu{display:none;border:1px solid #333;color:white;background:none;padding:6px 12px;font-size:22px}.hero{min-height:660px;position:relative;display:flex;align-items:center;overflow:hidden;background:#0c0e12}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#0b0d10 0%,#0b0d10d9 34%,#0b0d1050 100%),linear-gradient(0deg,#0b0d10 0%,transparent 28%),url('assets/california-state.webp') center/cover no-repeat;opacity:.85}.hero-content{position:relative;z-index:1;padding:110px 0 135px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.25em;color:#d8a450}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d8a450;margin-right:9px}.hero h1,.page-intro h1{font-family:'Barlow Condensed',sans-serif;font-weight:800;line-height:.91;letter-spacing:-.025em;margin:26px 0;font-size:clamp(72px,11vw,150px)}h1 em{font-style:normal;color:#d8a450}.hero-content>p{max-width:470px;color:#c2c4c7;font-size:16px;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 23px;font-size:12px;font-weight:800;border-radius:3px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.primary{background:#d8a450;color:#16130d}.primary:hover{background:#f0c276}.secondary{border:1px solid #73767a;color:white}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;color:#a8a8a8;font-size:10px;letter-spacing:.16em}.section{padding-block:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2,.bottom-inner h2,.join-card h2{font:800 clamp(36px,5vw,65px)/1 'Barlow Condensed',sans-serif;margin:12px 0}.section-heading>p{max-width:330px;color:#a9afb6}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tile{border:1px solid #282d34;background:#12161b;padding:34px;min-height:330px;display:flex;flex-direction:column;transition:background .2s,border-color .2s}.tile:hover{background:#191e24;border-color:#d8a45080}.tile-icon{font-size:26px;color:#d8a450;margin-bottom:45px}.tile-number{font-size:10px;letter-spacing:.18em;color:#d8a450;font-weight:800}.tile h3{font:700 32px 'Barlow Condensed',sans-serif;margin:10px 0}.tile p{color:#aab0b8;margin:0}.tile-link{margin-top:auto;padding-top:30px;font-size:12px;font-weight:800}.bottom-cta{background:#171a1f;border-top:1px solid #ffffff14}.bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:60px}.footer{border-top:1px solid #ffffff18;color:#8e959d;font-size:11px}.foot{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding-block:25px}.foot a{color:#d8a450}.page-intro{padding-top:95px;padding-bottom:55px;border-bottom:1px solid #262b32}.page-intro h1{font-size:clamp(66px,10vw,122px);margin:18px 0}.page-intro>p{color:#aeb4bc;font-size:16px;max-width:610px}.content-section{padding-top:50px;padding-bottom:120px;min-height:350px}.directory-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.search{flex:1;max-width:500px}.search input{width:100%;background:#15191e;border:1px solid #323942;color:white;padding:14px 17px;outline:none;border-radius:3px}.search input:focus{border-color:#d8a450}.filters{display:flex;gap:8px}.filter{border:1px solid #323942;background:#15191e;color:#c5c8cc;padding:12px 18px;cursor:pointer;border-radius:3px}.filter.active{background:#d8a450;border-color:#d8a450;color:#18130c;font-weight:800}.business-list{border-top:1px solid #323942}.business-row{display:flex;align-items:center;gap:24px;padding:25px 10px;border-bottom:1px solid #323942}.business-icon{display:grid;place-items:center;width:54px;height:54px;background:#1d2228;border:1px solid #343b42;font-size:24px;flex-shrink:0}.business-info{flex:1;min-width:0}.business-info h2{font:700 26px 'Barlow Condensed',sans-serif;margin:0}.business-info p{margin:2px 0 0;color:#aab0b8;overflow-wrap:anywhere}.business-badge{color:#e8c080;border:1px solid #a17a3d70;padding:6px 10px;font-size:11px;font-weight:700;white-space:nowrap}.business-badge.closed{color:#9ba0a7;border-color:#41464d}.status{font-size:11px;color:#9299a1}.empty{padding:45px 15px;color:#aab0b8;text-align:center}.help-line{margin-top:45px;padding-top:25px;border-top:1px solid #292e35;color:#aab0b8}.help-line a,.notice a,.text-link{color:#e0b26a;font-weight:800}.notice{padding:25px 30px;border-left:3px solid #d8a450;background:#171a1f;margin-bottom:35px}.notice strong{font-size:17px}.notice p{color:#aab0b8}.rules,.steps{display:grid}.rules article,.steps article{display:flex;gap:28px;padding:28px 5px;border-bottom:1px solid #30343b}.rules article>span,.steps article>span{color:#d8a450;font:700 24px 'Barlow Condensed',sans-serif}.rules h2,.steps h2{font:700 29px 'Barlow Condensed',sans-serif;margin:0 0 5px}.rules p,.steps p{color:#aab0b8;margin:0;max-width:720px}.join-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:start}.join-card{background:#171a1f;border:1px solid #323942;padding:40px;display:flex;flex-direction:column;align-items:start;gap:14px}.join-card h2{font-size:43px;margin:0}.join-card p{color:#aab0b8}.join-card .text-link{margin-top:10px}@media(max-width:800px){.menu{display:block}.navlinks{display:none;position:absolute;top:83px;left:0;right:0;background:#11151a;border-bottom:1px solid #34383e;padding:20px 24px;flex-direction:column;align-items:stretch;gap:15px}.navlinks.open{display:flex}.tiles{grid-template-columns:1fr}.tile{min-height:240px}.tile-icon{margin-bottom:20px}.join-layout{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.hero{min-height:600px}}@media(max-width:560px){.container{width:min(100% - 32px,1160px)}.brand{font-size:19px}.brand img{width:38px;height:38px}.hero h1{font-size:clamp(64px,17vw,100px)}.hero-content{padding:100px 0 130px}.hero-content>p{font-size:14px}.hero-bottom{font-size:9px}.section{padding-block:70px}.bottom-inner{align-items:start;flex-direction:column}.page-intro{padding-top:65px}.page-intro h1{font-size:clamp(62px,15vw,95px)}.business-row{gap:12px;flex-wrap:wrap}.business-info{flex-basis:calc(100% - 75px)}.business-badge{margin-left:66px}.directory-toolbar{display:block}.search{display:block;max-width:none;margin-bottom:12px}.filters{width:100%}.filter{flex:1}.join-card{padding:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V3.1 — annuaire premium */

body:has(.business-list) .content-section{padding-top:38px}

.business-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:0;align-items:stretch}

.business-row{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;column-gap:18px;row-gap:16px;min-height:235px;padding:25px;background:linear-gradient(145deg,#171b21,#101318);border:1px solid #2c323b;border-radius:12px;transition:border-color .2s,transform .2s,background .2s}

.business-row:hover{border-color:#b68b49;transform:translateY(-2px);background:#1a1e24}

.business-icon{grid-column:1;grid-row:1;width:56px;height:56px;border-radius:12px;background:#252016;border:1px solid #5a4628;font-size:27px}

.business-info{grid-column:2;grid-row:1 / span 2;min-width:0}

.business-info h2{font:800 clamp(22px,2.2vw,29px)/1.14 'Barlow Condensed',sans-serif;letter-spacing:.01em;margin:4px 0 12px;color:#f7f5f0}

.business-info p{font-size:13px;line-height:1.8;color:#aeb4be;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.business-badge{grid-column:1 / -1;grid-row:3;justify-self:start;display:inline-flex;align-items:center;gap:8px;background:#2b2519;border:1px solid #765b30;border-radius:99px;color:#edc681;font-size:11px;letter-spacing:.01em;padding:8px 13px;white-space:normal}

.business-badge:before{content:'';width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#d6a24e}

.business-badge.closed{background:#20242a;color:#aeb4be;border-color:#404750}

.business-badge.closed:before{background:#7c8795}

.business-list>.empty{grid-column:1/-1;border:1px solid #323942;border-radius:12px;background:#14181e}

.directory-toolbar{align-items:center;margin-bottom:22px}.search input{border-radius:9px;background:#15191e;padding:15px 18px}.filter{border-radius:9px}.status{margin-top:20px}.help-line{margin-top:42px}

@media(max-width:760px){.business-list{grid-template-columns:1fr}.business-row{min-height:0;padding:22px}.business-info h2{font-size:26px}}

@media(max-width:420px){.business-row{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:18px}.business-icon{width:46px;height:46px;font-size:22px}.business-info h2{font-size:23px}.business-info p{-webkit-line-clamp:5}}





/* California State V3.2 — règlement complet */

.rule-hero{padding-bottom:42px}.rule-hero h1{font-size:clamp(72px,10vw,122px)}.rule-stats{display:flex;gap:30px;flex-wrap:wrap;margin-top:26px;color:#b8bec7;font-size:12px}.rule-stats strong{color:#e5b15c;font-size:18px;margin-right:6px}.rule-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:56px;align-items:start;padding-top:42px;padding-bottom:100px}.rule-sidebar{position:sticky;top:108px;max-height:calc(100vh - 130px);display:flex;flex-direction:column;border:1px solid #2c333b;border-radius:12px;background:#12161b;overflow:hidden}.rule-side-top{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 12px}.rule-side-top a{color:#abb1bb;font-size:11px}.rule-nav{overflow:auto;padding:0 9px 12px;scrollbar-width:thin}.rule-nav-link{display:block;padding:9px 10px;border-radius:7px;color:#b6bdc5;font-size:11px;line-height:1.5;transition:background .15s,color .15s}.rule-nav-link:hover,.rule-nav-link.active{background:#2c261d;color:#f3c479}.rule-side-discord{padding:16px 18px;border-top:1px solid #2c333b;color:#e4b465;font-size:12px;font-weight:800}.rule-main{min-width:0}.rule-tools{display:flex;gap:10px;position:sticky;top:84px;z-index:12;padding:12px 0;background:#0b0d10}.rule-tools input{flex:1;min-width:0;background:#161a20;color:#f5f4f1;border:1px solid #363c44;border-radius:9px;padding:14px 17px;outline:none}.rule-tools input:focus{border-color:#d8a450}.rule-tools button{background:#1c2229;color:#e8e9eb;border:1px solid #363c44;border-radius:9px;padding:0 14px;cursor:pointer;font-size:12px}.rule-tools button:hover{border-color:#d8a450}.rule-results{font-size:12px;color:#aeb5bd;margin:8px 0 24px}.rule-chapter{background:#12161b;border:1px solid #2c333b;border-radius:12px;margin-bottom:16px;padding:28px 32px;scroll-margin-top:155px}.chapter-title{display:flex;align-items:center;gap:14px;margin-bottom:17px}.chapter-line{width:4px;min-height:27px;align-self:stretch;background:#d8a450;border-radius:3px}.chapter-title h2{font:800 26px/1.15 'Barlow Condensed',sans-serif;margin:0;letter-spacing:.015em}.chapter-content{color:#bac1c9;font-size:13px;line-height:1.85}.chapter-content p{margin:12px 0}.chapter-content strong{color:#f3e8d5}.chapter-content ul,.chapter-content ol{padding-left:22px}.chapter-content li{margin:5px 0}.chapter-content li::marker{color:#d8a450}.chapter-content hr{border:0;border-top:1px solid #2c333b;margin:25px 0}.rule-article-heading{color:#f6f3ed;font:700 22px/1.3 'Barlow Condensed',sans-serif;margin:30px 0 12px;padding-top:18px;border-top:1px solid #2c333b;scroll-margin-top:160px}.chapter-content .rule-article-heading:first-child{margin-top:0;border-top:0;padding-top:0}.chapter-content h3{color:#e3bd80}.chapter-content table{width:100%;border-collapse:collapse}.chapter-content td,.chapter-content th{border-bottom:1px solid #333b45;padding:10px;text-align:left}.rule-no-results{border:1px solid #343b43;padding:30px;border-radius:12px;color:#b6bdc5}.rule-end{margin-top:30px;padding:30px;background:#1c1a17;border:1px solid #57452d;border-radius:12px}.rule-end strong{color:#e2b66d}.rule-end p{color:#adb5bf}.rule-end a{color:#e2b66d;font-weight:800}.rule-chapter[hidden],.rule-no-results[hidden]{display:none!important}.rule-search-match{border-color:#796039}.rule-search-match mark{background:#66502a;color:#fff;border-radius:2px}@media(max-width:900px){.rule-layout{grid-template-columns:1fr;gap:20px}.rule-sidebar{position:static;max-height:none}.rule-nav{display:flex;gap:6px;overflow-x:auto;padding:5px 12px 14px}.rule-nav-link{flex:0 0 auto;white-space:nowrap;border:1px solid #30363e}.rule-side-discord{display:none}.rule-tools{top:84px}}@media(max-width:560px){.rule-chapter{padding:21px 19px}.rule-tools{flex-wrap:wrap}.rule-tools input{flex-basis:100%}.rule-tools button{padding:9px 13px}.chapter-title h2{font-size:23px}.rule-article-heading{font-size:21px}.rule-layout{padding-top:22px}.rule-stats{gap:14px}}

@media print{.header,.footer,.rule-sidebar,.rule-tools,.rule-results,.rule-end{display:none!important}body{background:#fff;color:#111}.rule-layout{display:block;padding:0}.rule-chapter{background:white;border:0;border-bottom:1px solid #ddd;break-inside:avoid;padding:12px 0}.chapter-content,.chapter-title h2,.rule-article-heading,.chapter-content strong{color:#111}.page-intro{padding:12px 0}.page-intro h1{font-size:50px}.rule-chapter[hidden]{display:block!important}}





/* ==========================================

   CALIFORNIA STATE - SOMMAIRE PREMIUM

   ========================================== */



/* Barre de défilement discrète */

.reglement-sidebar,

.rules-sidebar,

.rules-toc,

.toc-list {

  scrollbar-width: thin;

  scrollbar-color: #66502b transparent;

}



.reglement-sidebar::-webkit-scrollbar,

.rules-sidebar::-webkit-scrollbar,

.rules-toc::-webkit-scrollbar,

.toc-list::-webkit-scrollbar {

  width: 5px;

}



.reglement-sidebar::-webkit-scrollbar-track,

.rules-sidebar::-webkit-scrollbar-track,

.rules-toc::-webkit-scrollbar-track,

.toc-list::-webkit-scrollbar-track {

  background: transparent;

}



.reglement-sidebar::-webkit-scrollbar-thumb,

.rules-sidebar::-webkit-scrollbar-thumb,

.rules-toc::-webkit-scrollbar-thumb,

.toc-list::-webkit-scrollbar-thumb {

  background: #66502b;

  border-radius: 20px;

}



/* Titres des chapitres */

.rules-toc a,

.toc-list a,

.reglement-sidebar a {

  display: flex;

  align-items: center;

  min-height: 43px;

  padding: 11px 13px;

  margin-bottom: 4px;

  border-radius: 9px;

  color: #aeb5bf;

  font-size: 12px;

  font-weight: 600;

  line-height: 1.5;

  text-decoration: none;

  text-transform: none;

  letter-spacing: 0;

  transition:

    background 0.2s ease,

    color 0.2s ease;

}



.rules-toc a:hover,

.toc-list a:hover,

.reglement-sidebar a:hover {

  background: rgba(217, 154, 43, 0.08);

  color: #e8b95f;

}



/* Chapitre actif */

.rules-toc a.active,

.rules-toc a[aria-current="location"],

.toc-list a.active,

.reglement-sidebar a.active {

  background: rgba(217, 154, 43, 0.12);

  color: #e5ad4d;

  font-weight: 700;

  box-shadow: inset 3px 0 0 #d99a2b;

}



/* Adaptation mobile */

@media (max-width: 900px) {

  .rules-toc a,

  .toc-list a,

  .reglement-sidebar a {

    min-height: 40px;

    padding: 10px 12px;

    font-size: 12px;

  }

}

/* California State - sommaire V3.3 */
.rule-sidebar {
  background: #11151a;
  border: 1px solid #30363e;
  border-radius: 14px;
  box-shadow: 0 12px 38px rgba(0,0,0,.18);
}
.rule-side-top {
  padding: 19px 17px 13px;
  border-bottom: 1px solid #242a31;
}
.rule-side-top .kicker,
.rule-side-top strong {letter-spacing: .16em;}
.rule-nav {
  padding: 12px 9px 16px;
  scrollbar-width: thin;
  scrollbar-color: #65502e transparent;
  overscroll-behavior: contain;
}
.rule-nav::-webkit-scrollbar {width: 5px; height: 5px;}
.rule-nav::-webkit-scrollbar-track {background: transparent;}
.rule-nav::-webkit-scrollbar-thumb {background: #65502e; border-radius: 99px;}
.rule-nav::-webkit-scrollbar-thumb:hover {background: #b78b49;}
.rule-nav-link {
  display: block;
  padding: 11px 12px;
  margin: 2px 0;
  border-radius: 9px;
  color: #b9c0c9;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: none;
  overflow-wrap: anywhere;
  transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}
.rule-nav-link:hover,
.rule-nav-link:focus-visible {
  background: rgba(216,164,80,.09);
  color: #f1cc91;
  outline: none;
}
.rule-nav-link.active,
.rule-nav-link[aria-current="location"] {
  background: rgba(216,164,80,.14);
  color: #f3c479;
  font-weight: 800;
  box-shadow: inset 3px 0 0 #d8a450;
}
.rule-side-discord {
  background: #14191f;
  border-top: 1px solid #30363e;
  padding: 16px 18px;
  transition: color .2s;
}
.rule-side-discord:hover {color: #ffdc9c;}
@media (max-width: 900px) {
  .rule-sidebar {border-radius: 12px;}
  .rule-nav {gap: 8px; padding: 12px; scrollbar-width: thin;}
  .rule-nav-link {
    margin: 0;
    padding: 10px 13px;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rule-nav-link {transition: none;}
}
