/* BRICODIS HUB — charte commune, 30 septembre 2026. */
:root{--brand:#d8192a;--brand-dark:#0f1117;--brand-dark-2:#171a22;--bg:#f5f6f8;--card:#fff;--text:#171b22;--muted:#5f6673;--border:#e4e7ee;--shadow:0 10px 28px rgba(0,0,0,.08);--ink:#171b22;--teal:#d8192a;--yellow:#d8192a;--cream:#f5f6f8;--paper:#f5f6f8;--line:#e4e7ee;--r:#d8192a;--red:#d8192a;--d:#171a22;--nav:#171a22;--l:#e4e7ee;--m:#5f6673}
html{scroll-padding-top:16px}body.hub-theme{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}.hub-theme *{box-sizing:border-box}.hub-theme a,.hub-theme button{overflow-wrap:anywhere;touch-action:manipulation}.hub-theme a:focus-visible,.hub-theme button:focus-visible,.hub-theme select:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.hub-original-title{display:none!important}.hub-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:340px;background:#101115;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #0002;margin:0 0 28px;color:white;line-height:1.2}.hub-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;border-radius:0}.hub-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,15,.60),rgba(10,11,15,.25) 40%,transparent 64%);z-index:-1}.hub-hero-copy{width:48%;padding:32px}.hub-wordmark{font-weight:900;font-size:20px;letter-spacing:-.7px;color:#fff;line-height:1.2;margin:0 0 24px}.hub-wordmark span{color:#ef233c}.hub-hero h1,.hub-hero h2{font-family:inherit;font-size:clamp(28px,3.5vw,43px);font-weight:800;color:#fff;margin:0 0 18px;line-height:1.1;letter-spacing:-.8px;border:0;padding:0}.hub-hero h1:after,.hub-hero h2:after{content:"";display:block;width:74px;height:5px;background:#ef233c;transform:skewX(-18deg);margin-top:18px}.hub-hero .hub-kicker{font-size:12px;line-height:1.45;letter-spacing:1.2px;text-transform:uppercase;font-weight:750;color:#fff;margin:0 0 10px}.hub-hero .hub-tagline{font-size:16px;line-height:1.45;color:#eee;margin:0;max-width:400px}.hub-hero--compact{min-height:230px}.hub-hero--compact .hub-wordmark{margin-bottom:16px}.hub-hero--compact h1{font-size:clamp(26px,3vw,35px)}
/* Reprise des cartes et des badges de la page d'accueil. */
:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card){position:relative;overflow:hidden;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between;gap:13px;min-height:160px!important;width:100%;padding:22px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:#fff!important;color:var(--text)!important;box-shadow:var(--shadow)!important;text-decoration:none!important;text-align:left!important;line-height:1.4;font-size:17px!important;font-weight:750;transition:transform .18s ease,box-shadow .18s ease}
:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card):before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f1117 0%,#d8192a 45%,#ef233c 100%);transform:scaleX(.28);transform-origin:left;transition:.2s ease}:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card):hover{transform:translateY(-3px);box-shadow:0 16px 40px #0002!important}:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card):hover:before{transform:scaleX(1)}:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card) small,:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card) p{color:var(--muted)!important;font-size:14px;line-height:1.5;font-weight:400}:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card) b{font-size:18px;line-height:1.3;color:var(--text);margin:0 0 7px}:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card) .arrow{display:none}:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card) .mark{display:none}.hub-theme .hub-cta{margin-top:auto;color:var(--brand);font-weight:800;font-size:14px}.hub-theme .hub-icon{width:58px;height:58px;flex:0 0 58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#171a22,#0d0f14);border:1px solid rgba(216,25,42,.55);box-shadow:inset 0 0 0 1px #ffffff08,0 10px 22px #0002,0 0 0 4px #d8192a0d;position:relative;overflow:hidden}.hub-icon:before{content:"";position:absolute;width:80%;height:5px;left:-10%;bottom:7px;background:linear-gradient(90deg,#d8192a,#ff3347);transform:skewX(-28deg)}.hub-icon svg{width:31px;height:31px;position:relative;z-index:2;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.hub-icon svg .accent{stroke:#ef233c}
.hub-theme .role-actions,.hub-theme .role-training-actions,.hub-theme .v12-local-actions,.hub-theme .local-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}.hub-theme .role-sections{gap:20px}.hub-theme .role-box,.hub-theme .role-training-card,.hub-theme .local-card,.hub-theme .box,.hub-theme .day,.hub-theme .panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.hub-theme .role-box h3,.hub-theme .local-card h2,.hub-theme .box h2,.hub-theme .panel h2,.hub-theme .panel h3{color:var(--brand-dark)}.hub-theme .role-box h3:after,.hub-theme .local-card h2:after{content:"";display:block;width:42px;height:3px;background:var(--brand);margin-top:10px}.hub-theme .role-back,.hub-theme .hub-back,.hub-theme .bottom-return{color:var(--brand);font-weight:800}.hub-theme .note,.hub-theme .product-note,.hub-theme .role-training-note{background:#fff;border:1px solid var(--border);border-left:5px solid var(--brand);color:var(--text);border-radius:12px}.hub-theme .panel.soft{background:#fff;border-left:5px solid var(--brand)}
.hub-theme button:not(.hub-card),.hub-theme .button,.hub-theme a.open{border-radius:12px;background:var(--brand-dark-2);color:#fff;border:1px solid var(--brand-dark-2);font-weight:750;min-height:44px;padding:10px 15px}.hub-theme button.active,.hub-theme [aria-pressed=true]{background:var(--brand)!important;border-color:var(--brand)!important;color:white!important}.hub-theme .button.secondary,.hub-theme .weekbar button{background:white;color:var(--brand-dark);border-color:var(--border);box-shadow:0 4px 12px #00000006}.hub-theme button:disabled{opacity:.42;cursor:default;box-shadow:none}.hub-theme input[type=radio],.hub-theme input[type=checkbox]{accent-color:var(--brand)}.hub-theme .pill{background:#fff;border:1px solid var(--border);color:var(--brand)}.hub-theme .eyebrow,.hub-theme .blockname,.hub-theme summary{color:var(--brand)}.hub-theme select{border-color:var(--border);background:#fff;color:var(--text)}
.hub-rc>header{max-width:1200px;padding:18px 24px 0}.hub-rc .brand img,.hub-rc .brand small,.hub-rc .stripe,.hub-rc .preview{display:none}.hub-rc .brand{padding:8px 0}.hub-rc .brand .hub-wordmark{color:var(--brand-dark);font-size:22px;margin:0}.hub-rc .parentnav,.hub-rc main,.hub-rc footer{max-width:1200px}.hub-rc main{padding-top:18px}.hub-rc .parentnav{padding-top:3px}.hub-rc .parentnav a,.hub-rc .trail a,.hub-rc .footnav a{color:var(--brand);font-weight:750}.hub-rc .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hub-rc .families{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-rc details .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-rc .weekbar button{padding:0}.hub-rc .trail{font-size:14px}.hub-rc .hero{display:none}.hub-rc .hub-hero+.eyebrow{margin-top:12px}
.hub-reader main{max-width:1200px}.hub-reader .top{position:relative;background:var(--brand-dark-2);gap:8px;padding:12px 18px;flex-wrap:wrap}.hub-reader .top a{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px;background:white;border:1px solid var(--border);color:var(--brand-dark);border-radius:12px;font-size:14px;white-space:normal}.hub-reader .top .title{font-size:18px}.hub-reader .sub{color:var(--muted)}.hub-reader .report-address{font-size:16px}.hub-reader .asset img{object-fit:contain}.hub-reader .hub-hero>img{max-height:none;margin:0;box-shadow:none}.hub-theme #hubViewerBar button{background:#fff;color:var(--brand-dark)}
@media(max-width:900px){.hub-hero{min-height:300px}.hub-hero-copy{width:52%;padding:26px}.hub-hero h1,.hub-hero h2{font-size:32px}.hub-rc .cards,.hub-rc .families{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hub-hero,.hub-hero--compact{display:flex;flex-direction:column;align-items:stretch;min-height:0;border-radius:16px}.hub-hero>img{position:static;width:100%;height:180px;object-fit:cover;object-position:75% center;z-index:0}.hub-hero:after{display:none}.hub-hero-copy{width:100%;padding:24px}.hub-hero h1,.hub-hero h2,.hub-hero--compact h1{font-size:29px;line-height:1.13;letter-spacing:-.6px}.hub-hero .hub-wordmark{margin-bottom:16px;font-size:18px}.hub-hero .hub-tagline{font-size:15px}.hub-hero--compact>img{height:130px}.hub-hero--compact .hub-hero-copy{padding:21px}.hub-theme .role-actions,.hub-theme .role-training-actions,.hub-theme .v12-local-actions,.hub-theme .local-actions,.hub-rc .cards,.hub-rc .families,.hub-rc details .cards{grid-template-columns:1fr!important}:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card){min-height:150px!important;padding:20px!important}.hub-rc>header{padding:12px 17px 0}.hub-rc main{padding:16px 17px 30px}.hub-theme .role-space{padding:16px}.hub-reader main{padding:20px 16px 40px}.hub-reader .top{align-items:flex-start}.hub-reader .top a{font-size:13px}.hub-rc .parentnav{padding:5px 17px 0}}
@media(prefers-reduced-motion:reduce){.hub-theme *{scroll-behavior:auto!important;transition:none!important}}
@media print{.hub-hero>img,.hub-hero:after,.hub-icon,.hub-cta{display:none!important}.hub-hero{min-height:0;box-shadow:none;background:white;color:#111}.hub-hero-copy{width:100%;padding:0}.hub-hero h1,.hub-hero h2,.hub-hero p,.hub-wordmark{color:#111!important}:is(.hub-theme .hub-card,#roleSpacesContainer .role-actions .hub-card){box-shadow:none!important;break-inside:avoid}}
.hub-theme .v12-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hub-theme .role-spaces{padding:0}.hub-theme .ev-month-nav a,.hub-theme .ev-printbar a{border-radius:12px;padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-weight:750;background:#171a22;color:#fff}.hub-theme .ev-printbar{display:flex;gap:10px;flex-wrap:wrap}.hub-theme .ev-sheet{max-width:calc(100% - 28px)}
@media(max-width:700px){.hub-theme .v12-grid{grid-template-columns:1fr}.hub-theme #roleSpacesContainer .role-space{padding:16px}.hub-theme #roleSpacesContainer .role-sections{grid-template-columns:1fr}}