/* PC Confort : forum d'entraide */
:root{--f-bg:#111111;--f-paper:#1b1b1b;--f-ink:#ececec;--f-text:#c4c4c4;--f-muted:#a0a0a0;--f-line:#333333;--f-red:#e8352b;--f-red-hover:#f0483e;--f-blue:#f17a72;--f-green:#6fd291;--f-radius:16px;--f-shadow:0 8px 26px rgba(0,0,0,.12);--f-font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body.forum-app{margin:0;background:var(--f-bg);color:var(--f-ink);font:15px/1.6 var(--f-font);overflow-wrap:break-word}.forum-app [hidden]{display:none!important}.forum-app img,.forum-app svg{max-width:100%}.forum-app img{height:auto}.forum-app a{color:inherit;text-decoration:none}.forum-app button,.forum-app input,.forum-app select,.forum-app textarea{font:inherit;accent-color:var(--f-red)}.forum-app button{cursor:pointer}.forum-app button:disabled{cursor:wait;opacity:.65}.forum-app h1,.forum-app h2,.forum-app h3,.forum-app h4,.forum-app p{margin:0}.forum-app h1,.forum-app h2,.forum-app h3{line-height:1.25;letter-spacing:-.035em}.forum-app ul,.forum-app ol{margin:0}.forum-app :focus-visible{outline:3px solid #f17a72;outline-offset:4px}.forum-app ::selection{background:#672a26;color:#ececec}
.f-container{width:min(100% - 64px,1320px);margin-inline:auto}.f-icon{width:20px;height:20px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:middle}.f-muted{color:var(--f-muted)}.f-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.f-skip{position:fixed;top:10px;left:16px;z-index:100;padding:12px 20px;background:var(--f-ink);color:#fff!important;border-radius:8px;transform:translateY(-150%)}.f-skip:focus{transform:translateY(0)}.f-mobile-only{display:none}
/* Navigation */
.f-header{background:#1b1b1b;border-bottom:1px solid var(--f-line)}.f-header>.f-container{min-height:88px;display:flex;align-items:center;gap:50px}.f-brand{display:inline-flex;align-items:center;flex-shrink:0;gap:12px;font-size:23px;font-weight:750;letter-spacing:-.05em}.f-brand img{display:block;width:150px;max-height:50px;object-fit:contain}.f-brand>svg{width:38px;height:38px}.f-brand small{display:block;font-size:10px;text-transform:uppercase;font-weight:650;color:var(--f-muted);letter-spacing:.15em}.f-brand-divider{height:26px;width:1px;background:var(--f-line);margin-inline:8px}.f-brand-label{font-size:13px;font-weight:600;color:var(--f-text);letter-spacing:0}.f-nav{display:flex;align-items:center;gap:28px}.f-nav>a{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:88px;color:var(--f-text);font-size:13px;font-weight:600;transition:color .16s}.f-nav>a:hover,.f-nav>a[aria-current="page"]{color:var(--f-red)}.f-nav>a[aria-current="page"]::after{content:"";height:3px;background:var(--f-red);position:absolute;bottom:-1px;left:0;right:0;border-radius:3px 3px 0 0}.f-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.f-actions .f-button{min-height:44px;font-size:12px;padding:9px 16px;border-radius:9px}.f-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--f-line);border-radius:10px;background:#1b1b1b;color:var(--f-ink)}
/* Buttons and details */
.f-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 21px;border:1px solid var(--f-line);border-radius:11px;font-size:13px;font-weight:650;line-height:1.4;text-align:center;color:var(--f-ink);background:#1b1b1b;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.f-button:hover{background:#272727;border-color:#505050}.f-button:active{transform:translateY(1px)}.f-button.primary{background:var(--f-red);border-color:var(--f-red);color:#fff;box-shadow:0 3px 5px #00000014}.f-button.primary:hover{background:var(--f-red-hover);border-color:var(--f-red-hover);box-shadow:0 4px 12px #00000026}.f-button.secondary{background:#1b1b1b;border-color:#3b3b3b}.f-button.small{min-height:44px;padding:9px 14px;font-size:12px;border-radius:9px}.f-button.danger{background:#301d1b;color:#ff9f97;border-color:#68413b}.f-button .f-icon{width:17px;height:17px}.f-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--f-blue)!important;font-size:12px;font-weight:650}.f-link:hover{text-decoration:underline;text-underline-offset:3px}.f-link .f-icon{width:15px;height:15px}.f-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:10px;line-height:1.6;font-weight:600;color:#b9bec7;background:#25272b;border:1px solid #373a40;border-radius:5px}.f-status{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;color:#9dbce3;background:#222b36;font-size:10px;font-weight:600;line-height:1.6}.f-status .f-icon{width:12px;height:12px}.f-status.resolu{color:#87dda3;background:#1c3023}.f-status.en_cours{color:#efc785;background:#332b1e}.f-status.ferme{color:#b6b8bd;background:#2a2a2d}.f-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;background:#2c2c31;color:#c5bfe3;font-size:12px;font-weight:700;letter-spacing:-.02em}.f-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
/* Welcome */
.f-main{padding-bottom:64px}.f-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:27px;margin-bottom:24px;color:var(--f-muted);font-size:11px}.f-breadcrumb a:hover{color:var(--f-blue);text-decoration:underline}.f-breadcrumb .f-icon{width:13px;height:13px}.f-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 370px;align-items:center;gap:50px;padding:37px 0 42px}.f-hero-copy{position:relative;z-index:1}.f-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;margin-bottom:20px;background:#262626;border:1px solid #363636;border-radius:6px;color:#b9b9b9;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.085em;text-transform:uppercase}.f-eyebrow .f-icon{width:13px;height:13px}.f-eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:#e8352b}.f-hero h1{max-width:720px;font-size:clamp(34px,3.45vw,48px);font-weight:750;line-height:1.18;letter-spacing:-.045em}.f-hero h1 span,.f-hero h1 em,.f-hero h1 strong{display:block;font-style:normal;font-weight:inherit;color:var(--f-red)}.f-hero-copy>p{max-width:590px;margin-top:18px;color:var(--f-text);font-size:14px;line-height:1.85}.f-hero-buttons{display:flex;align-items:center;gap:11px;margin-top:24px}.f-hero-art{align-self:stretch;position:relative;display:flex;align-items:center;justify-content:center;min-height:250px;isolation:isolate}.f-hero-art::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#202020;z-index:-1}.f-hero-art>svg{width:100%;max-height:320px;overflow:visible}.f-hero-note{display:flex;align-items:center;gap:6px;font-size:11px!important;color:var(--f-muted)!important}.f-hero-note .f-icon{width:13px;height:13px;color:var(--f-green)}
.f-search{position:relative;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 18px;margin-top:28px;background:#1b1b1b;border:1px solid #3c3c3c;border-radius:12px;box-shadow:0 3px 12px #0000000a;max-width:750px}.f-search:focus-within{border-color:#ad5b55;box-shadow:0 0 0 3px #e8352b0a}.f-search>.f-icon{color:#a2a2a2;width:21px;height:21px}.f-search-input{width:100%;min-width:0;min-height:40px;border:none;outline:none;background:transparent;color:var(--f-ink);font-size:13px}.f-search-input:focus-visible{outline:none}.f-search-input::placeholder{color:#a0a0a0;opacity:1}.f-search-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 17px;border:0;border-radius:8px;background:var(--f-ink);color:#fff;font-size:12px;font-weight:600}.f-search-button:hover{background:#383838}.f-search-button .f-icon{width:16px;height:16px}.f-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;padding:6px;border:1px solid var(--f-line);border-radius:12px;background:#1b1b1b;box-shadow:0 12px 30px #00000045;list-style:none}.f-suggestions a{display:block;min-height:44px;padding:11px 13px;border-radius:7px;color:var(--f-ink);font-size:13px}.f-suggestions a:hover,.f-suggestions a[aria-selected="true"]{background:#2b2b2b}.f-suggestions small{display:block;color:var(--f-muted);font-size:11px}.f-search-hints{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;color:var(--f-muted);font-size:10px}.f-search-hints a{text-decoration:underline;text-decoration-color:#606060;text-underline-offset:3px}
/* Categories */
.f-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.f-section-heading h2{font-size:19px;font-weight:700;letter-spacing:-.025em}.f-section-heading h2 .f-muted{color:#a1a1a1;font-size:12px;font-weight:400;margin-left:6px}.f-section-heading>p{color:var(--f-muted);font-size:12px}.f-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:36px}.f-category{display:flex;align-items:center;gap:12px;min-height:101px;padding:17px;border:1px solid var(--f-line);border-radius:12px;background:#1b1b1b;transition:border-color .16s,box-shadow .16s,transform .16s}.f-category:hover{border-color:#595959;box-shadow:var(--f-shadow);transform:translateY(-2px)}.f-category-icon{display:flex;align-items:center;justify-content:center;width:40px;height:43px;flex:0 0 auto;border-radius:10px;color:#9ab7e6;background:#243042}.f-category-icon .f-icon{width:23px;height:23px}.f-category:nth-child(4n + 2) .f-category-icon{color:#c0a6e6;background:#32283e}.f-category:nth-child(4n + 3) .f-category-icon{color:#87c3c8;background:#203538}.f-category:nth-child(4n + 4) .f-category-icon{color:#dab78b;background:#382e23}.f-category-text{flex:1;min-width:0}.f-category-text h3{font-size:12px;line-height:1.4;font-weight:650;letter-spacing:-.01em}.f-category-text p{margin-top:3px;color:var(--f-muted);font-size:10px;line-height:1.5}.f-category-count{display:block;margin-top:4px;color:#9e9e9e;font-size:10px}.f-category>.f-icon{width:14px;height:14px;color:#929292}
/* Discussions and community */
.f-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;align-items:start;gap:26px}.f-content{min-width:0}.f-sidebar{display:grid;gap:18px;min-width:0}.f-panel,.f-card{background:var(--f-paper);border:1px solid var(--f-line);border-radius:var(--f-radius);box-shadow:var(--f-shadow)}.f-panel{overflow:hidden}.f-card{padding:23px}.f-card>h2,.f-card>h3{font-size:15px;font-weight:700;line-height:1.5;letter-spacing:-.02em}.f-card>h2 .f-icon,.f-card>h3 .f-icon{margin-right:7px;width:17px;height:17px;color:var(--f-red)}.f-card>p{color:var(--f-text);font-size:12px;line-height:1.85;margin-top:11px}.f-card>.f-button{margin-top:17px}.f-card .f-link{margin-top:10px}.f-card.soft{background:#24282f;border-color:#383f49;box-shadow:none}.f-card.soft>h3{color:#ececec}.f-card.soft>p{color:#c0c5ce}.f-card.community::before{content:"";display:block;width:32px;height:3px;background:var(--f-red);border-radius:3px;margin-bottom:15px}.f-community-stats{display:flex;gap:20px;margin-top:20px;padding-top:17px;border-top:1px solid var(--f-line)}.f-community-stats strong{display:block;font-size:21px;font-weight:750;line-height:1.3;letter-spacing:-.04em}.f-community-stats span{font-size:10px;color:var(--f-muted)}
.f-tabs{display:flex;align-items:stretch;gap:20px;min-height:59px;padding:0 22px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--f-line)}.f-tab{display:inline-flex;align-items:center;gap:6px;justify-content:center;position:relative;min-height:59px;padding:12px 0;border:0;background:transparent;color:var(--f-muted);font-size:11px;font-weight:600;white-space:nowrap}.f-tab:hover{color:var(--f-ink)}.f-tab.is-active,.f-tab[aria-current="page"]{color:var(--f-red)}.f-tab.is-active::after,.f-tab[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;height:2px;bottom:0;background:var(--f-red);border-radius:2px}.f-topic-list{padding:0;margin:0;list-style:none}.f-topic{display:flex;align-items:flex-start;gap:15px;padding:22px;border-bottom:1px solid #303030;transition:background .15s}.f-topic:last-child{border-bottom:0}.f-topic:hover{background:#222222}.f-topic-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:37px;height:37px;border-radius:10px;color:#a9bcd8;background:#272c33}.f-topic-icon .f-icon{width:18px;height:18px}.f-topic-icon.resolu{color:#83d39d;background:#213327}.f-topic-main{flex:1;min-width:0}.f-topic-title{font-size:14px;font-weight:650;line-height:1.55;letter-spacing:-.01em}.f-topic-title a:hover{color:var(--f-blue);text-decoration:underline;text-underline-offset:3px}.f-topic-title .f-status{margin-left:6px;vertical-align:2px}.f-topic-main>p{margin-top:5px;color:var(--f-muted);font-size:11px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.f-topic-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;color:#a0a0a0;font-size:10px;line-height:1.7}.f-topic-meta .f-avatar{width:17px;height:17px;font-size:8px}.f-topic-meta .f-tag{font-size:9px;padding:1px 6px}.f-topic-meta a:hover{color:var(--f-blue)}.f-topic-stats{display:grid;gap:6px;padding-top:3px;min-width:63px;color:var(--f-muted);font-size:10px;text-align:right}.f-topic-stats span{display:flex;align-items:center;justify-content:flex-end;gap:5px}.f-topic-stats .f-icon{width:13px;height:13px;color:#9b9b9b}.f-topic-stats strong{color:#d8d8d8;font-size:12px;font-weight:600}.f-empty{padding:45px 26px;text-align:center;color:var(--f-muted)}.f-empty>.f-icon{width:38px;height:38px;margin-bottom:14px;color:#9ba6b6}.f-empty h2,.f-empty h3{color:var(--f-ink);font-size:18px;font-weight:650}.f-empty p{font-size:12px;max-width:430px;margin:10px auto 0;line-height:1.8}.f-empty .f-button{margin-top:20px}.f-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:12px}.f-pagination a,.f-pagination>span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;border:1px solid var(--f-line);border-radius:9px;background:#1b1b1b;padding:6px 12px}.f-pagination [aria-current="page"]{border-color:var(--f-ink);background:var(--f-ink);color:#fff}.f-pagination a:hover{border-color:#737373}
.f-guide-list{list-style:none;padding:0;margin-top:12px!important}.f-guide-list li+li{border-top:1px solid #303030}.f-guide-list a{display:flex;align-items:flex-start;gap:10px;padding:13px 0;font-size:12px;font-weight:550;line-height:1.6}.f-guide-list a>.f-icon{width:16px;height:16px;margin-top:3px;color:#adbacd}.f-guide-list a:hover{color:var(--f-blue)}.f-guide-label{display:block;margin-top:2px;color:var(--f-muted);font-size:9px;font-weight:400}.f-recent-solution{display:block;padding-block:13px;border-bottom:1px solid #303030;font-size:12px;line-height:1.6}.f-recent-solution:last-child{border-bottom:0;padding-bottom:0}.f-recent-solution .f-status{margin-bottom:6px}.f-recent-solution:hover{color:var(--f-blue)}
/* First steps */
.f-steps{margin-top:38px;padding:27px 30px;border:1px solid var(--f-line);border-radius:var(--f-radius);background:#1b1b1b}.f-steps>h2{font-size:17px}.f-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:23px}.f-step{display:flex;align-items:flex-start;gap:12px}.f-step-number{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex-shrink:0;border-radius:8px;color:#bfbfbf;background:#2b2b2b;font-size:12px;font-weight:650}.f-step h3{font-size:12px;line-height:1.6;letter-spacing:-.01em}.f-step p{margin-top:4px;color:var(--f-muted);font-size:11px;line-height:1.8}
/* Thread */
.f-discussion-head{max-width:1050px;margin:12px 0 28px}.f-discussion-head h1{margin-top:13px;font-size:clamp(27px,3vw,39px);font-weight:720;line-height:1.25}.f-discussion-head .f-topic-meta{margin-top:16px;font-size:12px;gap:11px}.f-discussion-head>p{margin-top:13px;color:var(--f-text);font-size:14px}.f-thread{display:grid;gap:18px}.f-post{background:#1b1b1b;border:1px solid var(--f-line);border-radius:var(--f-radius);overflow:hidden;scroll-margin-top:25px}.f-post-author{display:flex;align-items:center;gap:10px;padding:21px 25px 0}.f-post-author strong{display:block;font-size:13px;font-weight:650}.f-post-author small,.f-post-author time{color:var(--f-muted);font-size:10px}.f-post-author>.f-status{margin-left:auto}.f-post-body{min-width:0;padding:24px 25px}.f-prose{color:#d0d0d0;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.f-prose p+p{margin-top:1em}.f-prose a{color:var(--f-blue);text-decoration:underline;text-underline-offset:3px}.f-prose ul,.f-prose ol{padding-left:23px;margin-block:13px}.f-prose li+li{margin-top:4px}.f-prose strong{color:var(--f-ink);font-weight:650}.f-prose h2{margin:24px 0 12px;font-size:22px}.f-prose h3{margin:20px 0 10px;font-size:18px}.f-prose blockquote{margin:15px 0;padding:12px 17px;border-left:3px solid #616a77;border-radius:0 8px 8px 0;background:#252525;color:#b7b7b7}.f-prose code{padding:3px 6px;border-radius:4px;background:#2c2c2c;color:#d9d9d9;font-size:.88em;font-family:Consolas,"Liberation Mono",monospace}.f-prose pre{margin:18px 0;padding:18px;overflow-x:auto;border-radius:10px;border:1px solid var(--f-line);background:#151515;line-height:1.6}.f-prose pre code{padding:0;background:none;color:#d9d9d9;white-space:pre}.f-prose img{max-height:580px;border-radius:10px}.f-post-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:11px 22px;border-top:1px solid #303030;background:#181818}.f-post-actions>div{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.f-post-actions button,.f-post-actions a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--f-text);font-size:11px;font-weight:550}.f-post-actions button:hover,.f-post-actions a:hover{background:#303030}.f-post-actions button[aria-pressed="true"]{background:#3d2422;color:var(--f-blue)}.f-post-actions .f-icon{width:15px;height:15px}.f-post-actions form{display:inline-flex;margin:0}.f-post.f-solution{border-color:#416f4e;box-shadow:0 0 0 1px #416f4e33}.f-solution-label{display:flex;align-items:center;gap:8px;padding:11px 25px;background:#1d3022;color:#8cdda6;font-size:12px;font-weight:650;border-bottom:1px solid #345a40}.f-solution-label .f-icon{width:17px;height:17px}.f-attachments{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--f-line)}.f-attachments a{display:block;max-width:240px;color:var(--f-blue);font-size:11px}.f-attachments img{display:block;max-height:180px;max-width:240px;border:1px solid var(--f-line);border-radius:9px;object-fit:cover;margin-bottom:6px}.f-details{padding:16px 18px;margin-block:20px;border:1px solid #363636;border-radius:10px;background:#222222}.f-details dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.f-details dt{color:var(--f-muted);font-size:10px;font-weight:600}.f-details dd{margin:3px 0 0;color:var(--f-ink);font-size:12px;white-space:pre-wrap}.f-related{margin-top:28px}.f-related>h2{font-size:18px;margin-bottom:15px}.f-reply-heading{font-size:20px;margin-block:28px 16px!important}
/* Forms */
.f-form{padding:28px;background:#1b1b1b;border:1px solid var(--f-line);border-radius:var(--f-radius)}.f-form>h2{font-size:20px;margin-bottom:22px}.f-form>p{color:var(--f-text);font-size:13px;margin-bottom:20px}.f-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px}.f-field{display:flex;flex-direction:column;min-width:0;gap:7px;margin-bottom:22px}.f-form-grid>.f-field{margin-bottom:0}.f-field>label,.f-field>.f-label{color:var(--f-ink);font-size:12px;font-weight:650}.f-field>label span{color:var(--f-muted);font-size:11px;font-weight:400}.f-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.f-field select,.f-field textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid #414141;border-radius:9px;background:#1b1b1b;color:var(--f-ink);outline:0;font-size:13px;line-height:1.6;transition:border-color .16s,box-shadow .16s}.f-field input::placeholder,.f-field textarea::placeholder{color:#969696;opacity:1}.f-field input:focus,.f-field select:focus,.f-field textarea:focus{border-color:#d26c64;box-shadow:0 0 0 3px #e8352b14}.f-field textarea{resize:vertical;min-height:135px}.f-field input[aria-invalid="true"],.f-field textarea[aria-invalid="true"]{border-color:#ee7a71}.f-field>.f-help,.f-help{color:var(--f-muted);font-size:11px;line-height:1.7;font-weight:400}.f-help .f-icon{width:13px;height:13px;margin-right:3px}.f-form fieldset{margin:0 0 24px;padding:20px;border:1px solid var(--f-line);border-radius:11px}.f-form legend{padding:0 8px;font-size:12px;font-weight:650}.f-form .f-notice{margin-bottom:22px}.f-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:8px}.f-form-actions .f-help{max-width:370px}.f-counter{margin-left:auto;color:var(--f-muted);font-size:10px;text-align:right}.f-counter.is-warning{color:#f1c27c}
.f-editor{border:1px solid #414141;border-radius:10px;overflow:hidden;background:#1b1b1b}.f-editor:focus-within{border-color:#d26c64;box-shadow:0 0 0 3px #e8352b14}.f-editor-toolbar{display:flex;flex-wrap:wrap;gap:3px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--f-line);background:#242424}.f-editor-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:37px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:#b8b8b8;font-size:12px}.f-editor-toolbar button:hover,.f-editor-toolbar button[aria-pressed="true"]{color:var(--f-ink);background:#353535}.f-editor-toolbar button[data-preview]{margin-left:auto}.f-editor-toolbar .f-icon{width:16px;height:16px}.f-field .f-editor textarea,.f-editor textarea[name="contenu"]{display:block;width:100%;min-height:230px;border:0;border-radius:0;box-shadow:none;padding:16px;outline:0;resize:vertical;color:var(--f-ink);background:#1b1b1b;font:inherit;font-size:13px;line-height:1.85}.f-field .f-editor textarea:focus{box-shadow:none}.f-editor-preview{min-height:230px;padding:18px}.f-editor-preview:empty::before{content:"L'aperçu de votre message apparaîtra ici.";color:var(--f-muted);font-size:13px}.f-checkbox{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px;font-size:12px;color:var(--f-text);line-height:1.8}.f-checkbox input{width:17px;height:17px;flex:0 0 auto;margin:3px 0 0}.f-checkbox a{color:var(--f-blue);text-decoration:underline;text-underline-offset:3px}.f-upload{padding:17px;border:1px dashed #4a4a4a;border-radius:10px;background:#202020;font-size:12px;color:var(--f-text)}.f-upload input[type="file"]{display:block;width:100%;min-height:44px;color:var(--f-muted);font-size:11px}.f-upload input::file-selector-button{min-height:37px;padding:6px 12px;margin:0 10px 8px 0;border:1px solid #494949;border-radius:7px;background:#1b1b1b;color:var(--f-ink);font:inherit;font-size:11px;cursor:pointer}.f-upload .f-help{display:block;margin-top:8px}.f-account-tabs{display:flex;gap:6px;padding:5px;margin-bottom:24px;border-radius:10px;background:#242424}.f-account-tabs a,.f-account-tabs button{display:flex;flex:1;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;color:var(--f-muted);border:0;border-radius:7px;background:transparent;font-size:12px;font-weight:600}.f-account-tabs .is-active,.f-account-tabs [aria-current="page"]{background:#1b1b1b;color:var(--f-ink);box-shadow:0 2px 5px #0000001a}.f-auth-container{max-width:480px;margin:40px auto 65px}.f-auth-container h1{font-size:29px;margin-bottom:12px}.f-auth-container>p{color:var(--f-text);font-size:13px;margin-bottom:25px}.f-auth-container .f-form{padding:28px}.f-auth-container .f-button.primary{width:100%}.f-search-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:20px;border-bottom:1px solid var(--f-line)}.f-search-filters .f-field{margin:0}.f-search-filters .f-button{min-height:46px}
.f-notice{display:flex;align-items:flex-start;gap:9px;padding:14px 17px;border:1px solid #384856;border-radius:10px;background:#202a33;color:#b8cee4;font-size:12px;line-height:1.8}.f-notice.error{border-color:#6d3b36;background:#331e1b;color:#ffaca4}.f-notice.success{border-color:#365a40;background:#1f3024;color:#91dca8}.f-notice .f-icon{width:18px;height:18px;margin-top:2px}.f-notice a{text-decoration:underline;text-underline-offset:3px}.f-toast{position:fixed;bottom:24px;left:50%;z-index:100;width:max-content;max-width:calc(100vw - 32px);padding:13px 20px;border:1px solid #4a4a4a;border-radius:10px;background:var(--f-ink);color:#fff;box-shadow:0 8px 30px #00000055;font-size:12px;transform:translateX(-50%)}
/* Footer */
.f-footer{padding:31px 0;border-top:1px solid var(--f-line);background:#1b1b1b}.f-footer>.f-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.f-footer .f-brand{font-size:17px}.f-footer .f-brand img{width:119px}.f-footer p{margin-top:5px;color:var(--f-muted);font-size:10px}.f-footer nav{display:flex;flex-wrap:wrap;gap:24px;color:var(--f-muted);font-size:11px}.f-footer nav a{display:inline-flex;align-items:center;min-height:44px}.f-footer nav a:hover{color:var(--f-blue)}
@media(min-width:1450px){.f-hero{padding-top:48px;padding-bottom:50px}}
@media(max-width:1150px){.f-header>.f-container{gap:30px}.f-nav{gap:20px}.f-brand-divider,.f-brand-label{display:none}.f-layout{grid-template-columns:minmax(0,1fr) 268px;gap:20px}.f-hero{grid-template-columns:minmax(0,1fr) 290px;gap:25px}.f-hero h1{font-size:39px}.f-categories{gap:10px}.f-category{padding:13px;gap:10px}.f-category-icon{width:34px;height:38px}.f-tabs{gap:15px;padding-inline:18px}.f-topic{padding:20px 18px;gap:12px}}
@media(max-width:940px){.f-container{width:calc(100% - 40px)}.f-header>.f-container{min-height:76px;gap:22px}.f-nav{gap:17px}.f-nav>a{min-height:76px;font-size:12px}.f-actions .f-button{padding-inline:12px}.f-actions .f-button.primary{display:none}.f-hero{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.f-hero h1{font-size:34px}.f-hero-copy>p{font-size:13px}.f-hero-art::before{width:210px;height:210px}.f-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.f-layout{grid-template-columns:minmax(0,1fr)}.f-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}.f-steps-grid{gap:20px}}
@media(max-width:680px){
.forum-app{font-size:14px}.f-container{width:calc(100% - 32px)}.f-header>.f-container{position:relative;min-height:70px;gap:12px;flex-wrap:wrap;padding-block:12px}.f-brand img{width:127px;max-height:40px}.f-brand{font-size:20px;gap:8px}.f-brand>svg{width:30px;height:30px}.f-actions{gap:8px}.f-actions .f-button{min-height:44px;font-size:11px;padding:9px 11px}.f-menu-toggle,.f-mobile-only{display:inline-flex}.f-nav{display:flex;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:8px;border-top:1px solid var(--f-line)}.f-js .f-nav{display:none}.f-js .f-nav.is-open{display:flex}.f-nav>a{min-height:47px;padding:8px 10px;border-radius:7px;font-size:13px}.f-nav>a[aria-current="page"]{background:#38201e}.f-nav>a[aria-current="page"]::after{display:none}.f-breadcrumb{margin-top:20px;margin-bottom:10px;font-size:10px}.f-hero{display:block;padding-top:26px;padding-bottom:30px}.f-eyebrow{font-size:9px;margin-bottom:17px}.f-hero h1{font-size:clamp(29px,7.6vw,39px);letter-spacing:-.045em;line-height:1.2}.f-hero-copy>p{margin-top:17px;font-size:13px;line-height:1.85}.f-hero-art{display:none}.f-hero-buttons{margin-top:21px;gap:9px}.f-hero-buttons .f-button{padding:11px 14px;min-height:46px;font-size:12px}.f-search{padding:5px 6px 5px 13px;gap:8px;margin-top:24px}.f-search-input{font-size:12px;min-height:42px}.f-search-input::placeholder{font-size:11px}.f-search-button{padding:10px;min-width:44px;min-height:44px;font-size:0}.f-search-button .f-icon{width:18px;height:18px}.f-search-hints{gap:7px;font-size:9px}.f-section-heading{margin-bottom:15px;gap:8px}.f-section-heading h2{font-size:17px}.f-section-heading .f-link{font-size:10px}.f-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:30px}.f-category{padding:13px 11px;min-height:101px;gap:9px;align-items:flex-start}.f-category-icon{width:30px;height:33px;border-radius:8px}.f-category-icon .f-icon{width:19px;height:19px}.f-category-text h3{font-size:11px}.f-category-text p,.f-category-count{font-size:9px}.f-category>.f-icon{display:none}.f-panel{border-radius:13px}.f-tabs{gap:20px;min-height:55px;padding-inline:15px}.f-tab{min-height:55px;font-size:11px}.f-topic{position:relative;gap:10px;padding:18px 14px}.f-topic-icon{width:28px;height:30px;border-radius:8px}.f-topic-icon .f-icon{width:15px;height:15px}.f-topic-title{font-size:12px}.f-topic-title .f-status{font-size:9px;padding:2px 5px;margin-left:0;margin-top:4px}.f-topic-main>p{font-size:10px}.f-topic-meta{gap:5px;font-size:9px}.f-topic-stats{min-width:35px;font-size:9px}.f-topic-stats strong{font-size:11px}.f-topic-stats .f-icon{width:12px;height:12px}.f-sidebar{grid-template-columns:1fr;gap:14px}.f-card{padding:23px;border-radius:13px}.f-steps{margin-top:28px;padding:23px;border-radius:13px}.f-steps-grid{grid-template-columns:1fr;gap:20px;margin-top:21px}.f-step{gap:13px}.f-step h3{font-size:13px}.f-step p{font-size:12px}.f-footer{padding-block:25px}.f-footer>.f-container{display:block}.f-footer nav{gap:18px;margin-top:15px;font-size:10px}.f-main{padding-bottom:40px}.f-discussion-head{margin-top:22px}.f-discussion-head h1{font-size:28px}.f-discussion-head .f-topic-meta{font-size:10px;gap:7px}.f-post{border-radius:13px}.f-post-author{padding:18px 18px 0}.f-post-body{padding:20px 18px}.f-prose{font-size:13px;line-height:1.9}.f-post-actions{padding:8px 10px;gap:2px}.f-post-actions button,.f-post-actions a{padding-inline:8px;font-size:10px}.f-solution-label{padding-inline:18px}.f-details dl{grid-template-columns:1fr}.f-form{padding:22px 18px;border-radius:13px}.f-form-grid{grid-template-columns:1fr;gap:20px}.f-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.f-field select,.f-field textarea,.f-field .f-editor textarea,.f-editor textarea[name="contenu"]{font-size:16px}.f-editor-toolbar{padding-inline:4px;gap:0}.f-editor-toolbar button{padding-inline:9px;min-width:36px}.f-search-filters{grid-template-columns:1fr;padding:18px}.f-auth-container{margin-top:28px}.f-auth-container .f-form{padding:22px}.f-empty{padding:35px 22px}}
@media(max-width:370px){.f-container{width:calc(100% - 24px)}.f-actions .f-button{padding-inline:8px;font-size:10px}.f-brand img{width:115px}.f-hero-buttons{flex-direction:column;align-items:stretch}.f-category{display:block}.f-category-icon{margin-bottom:8px}.f-topic-icon{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.forum-app *,.forum-app *::before,.forum-app *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.f-header,.f-footer,.f-sidebar,.f-post-actions,.f-form,.f-toast{display:none}body.forum-app{background:#1b1b1b}.f-container{width:100%}.f-layout{display:block}.f-post{break-inside:avoid;box-shadow:none}}

/* Shared PHP templates */
.f-brand img{width:38px;height:38px;max-height:none}.f-brand strong{color:var(--f-red);font-weight:750}.f-brand small{font-size:8px;margin-top:1px;letter-spacing:.18em}.f-footer .f-brand img{width:30px;height:30px}.f-footer>.f-container>small{flex-basis:100%;padding-top:16px;border-top:1px solid var(--f-line);color:var(--f-muted);font-size:10px}.f-search-section{margin:0 0 36px}.f-search-section .f-search{max-width:none;margin:0}.f-search-section>.f-help{margin:10px 0 0 3px;font-size:10px}.f-search-section>.f-help a{color:#b8b8b8;text-decoration:underline;text-decoration-color:#666666;text-underline-offset:3px}.f-section-heading .f-eyebrow{margin-bottom:10px;background:none;border:0;border-radius:0;padding:0;font-size:9px;letter-spacing:.13em}.f-section-heading h1{font-size:32px}.f-section-heading>div>p{color:var(--f-text);font-size:13px;margin-top:12px;max-width:700px}.f-category-text>strong{display:block;font-size:12px;line-height:1.45;font-weight:650}.f-category-text>span{display:block;font-size:10px;line-height:1.55;color:var(--f-muted);margin-top:4px}.f-topic-main>.f-topic-meta:first-child{margin-top:0;margin-bottom:5px}.f-topic-icon.resolved{color:#83d39d;background:#213327}.f-topic-stats{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:50px;padding-top:8px}.f-topic-stats>.f-icon{width:16px;height:16px;margin-bottom:2px}.f-topic-stats>strong{font-size:16px;line-height:1.3}.f-topic-stats>span{font-size:9px}.f-welcome-card{background:#24282f;border-color:#393e46}.f-welcome-card>.f-category-icon{background:#1b1b1b;color:#adc6e6;margin-bottom:14px}.f-card>.f-category-icon{margin-bottom:14px}.f-sidebar dl.f-details{display:grid;gap:13px;margin-bottom:12px;padding:15px 0 0;border:0;border-top:1px solid var(--f-line);border-radius:0;background:none}.f-sidebar dl.f-details>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.f-sidebar dl.f-details dt{font-size:11px;font-weight:400}.f-sidebar dl.f-details dd{font-size:17px;line-height:1;font-weight:700;margin:0;color:var(--f-ink)}.f-related{display:grid;gap:0}.f-related>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--f-line);font-size:12px;line-height:1.65}.f-related>a:last-child{padding-bottom:0;border-bottom:0}.f-related>a:hover{color:var(--f-blue)}.f-related>a>.f-icon{width:15px;height:15px;flex-shrink:0;color:#a0a0a0}.f-software-card{display:flex;gap:12px;align-items:center;padding:18px}.f-software-card>img{width:35px;height:35px;flex:0 0 auto;object-fit:contain}.f-software-card>div{min-width:0}.f-software-card strong{display:block;font-size:11px;line-height:1.6;font-weight:650}.f-software-card p{font-size:10px;color:var(--f-muted);margin-top:3px}.f-software-card>.f-icon{width:16px;height:16px;color:#b0b0b0}.f-software-card:hover{border-color:#5b5b5b}.f-auth-card{max-width:520px;margin:38px auto 60px;padding:32px}.f-auth-card h1{font-size:29px;line-height:1.3}.f-auth-card>p{margin-top:12px;margin-bottom:25px}.f-auth-card>.f-form{padding:0;border:0;border-radius:0}.f-auth-card .f-button.primary{width:100%;margin-top:18px}.f-auth-card>.f-button.secondary{display:flex}.f-auth-card>.f-form>.f-help{font-size:11px}.f-auth-card a.f-link{margin:0}.f-editor>label{display:block;padding:13px 16px 0;font-size:12px;font-weight:650}.f-field.f-editor{gap:0}.f-editor>label+.f-editor-toolbar{margin-top:12px}.f-editor>.f-help{padding:9px 16px;border-top:1px solid var(--f-line);background:#202020;font-size:10px}dl.f-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.f-post-author>a.f-muted{margin-left:auto;font-size:10px}.f-post-author .f-topic-meta{margin-top:0}.f-post>.f-notice.success{border:0;border-bottom:1px solid #355c40;border-radius:0;padding:11px 25px}.f-post-actions>details{font-size:11px}.f-post-actions summary{min-height:44px;padding:10px;cursor:pointer}.f-post-actions details[open]{flex-basis:100%}.f-post-actions details form{display:flex;gap:10px;flex-wrap:wrap;padding:10px}.f-post-actions details input,.f-post-actions details select{min-height:44px;padding:8px 10px;border:1px solid var(--f-line);border-radius:7px;max-width:100%}.f-post-actions details .f-field{margin-bottom:8px}.f-post-actions details .f-button{background:#303030}#repondre{margin-top:25px;scroll-margin-top:24px}#repondre>.f-form{margin-top:20px;padding:0;border:0;border-radius:0}.f-form>details.f-panel{margin-bottom:22px;padding:0;background:#202020;box-shadow:none}.f-form>details.f-panel>summary{padding:16px 18px;cursor:pointer;font-size:12px;font-weight:600;min-height:52px}.f-form>details>.f-form-grid{padding:20px 18px;margin-bottom:0;border-top:1px solid var(--f-line)}.f-form-grid [data-for-categories]{display:contents}.f-main>.f-search{margin:10px 0 25px;max-width:none}.f-main>.f-form-grid{margin:18px 0 30px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;padding:20px}.f-main>.f-form-grid>.f-help{grid-column:1/-1;font-size:10px}.f-main>.f-form-grid .f-button{min-height:46px}.f-how{margin-top:38px}.f-how .f-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:17px}.f-how .f-step{display:block}.f-how .f-step>span{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:31px;border-radius:8px;background:#2c2c2c;color:#bfbfbf;font-size:10px;font-weight:650;margin-bottom:12px}.f-how .f-step h3{font-size:13px}.f-how .f-step p{margin-top:7px}.f-main>.f-card.f-prose{max-width:900px;margin:30px auto;padding:40px}.f-main>.f-card.f-prose>h1{font-size:34px;margin-bottom:20px}.f-main>.f-notice{margin-top:20px}
@media(max-width:940px){.f-brand img{width:35px;height:35px}.f-brand{font-size:20px;gap:9px}.f-brand small{font-size:7px}.f-header>.f-container{gap:20px}.f-nav{gap:15px}.f-nav>a{font-size:11px}.f-main>.f-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.f-brand img{width:30px;height:30px;max-height:none}.f-brand{font-size:18px}.f-brand small{font-size:6px;letter-spacing:.14em}.f-actions>.f-link{font-size:11px}.f-header>.f-container{gap:10px}.f-search-section{margin-bottom:28px}.f-search-section>.f-help{font-size:9px}.f-category-text>strong{font-size:11px}.f-category-text>span{font-size:9px}.f-section-heading h1{font-size:27px}.f-section-heading>.f-button{padding-inline:11px;font-size:11px;max-width:160px}.f-section-heading .f-eyebrow{font-size:8px;letter-spacing:.09em}.f-section-heading>div>p{font-size:12px}.f-section-heading{align-items:flex-start}.f-section-heading>.f-link{max-width:120px;text-align:right;font-size:9px;line-height:1.6}.f-topic-stats{min-width:34px;padding-top:4px}.f-topic-stats>strong{font-size:14px}.f-topic-stats>span{font-size:8px}.f-topic-main>.f-topic-meta:first-child{gap:4px}.f-topic-meta .f-status{font-size:8px;padding:1px 5px}.f-topic-meta .f-tag{font-size:8px}.f-auth-card{padding:25px 21px;margin-top:26px}.f-auth-card h1{font-size:25px}.f-how{margin-top:28px}.f-how .f-steps{grid-template-columns:1fr;gap:24px}.f-how .f-step{position:relative;padding-left:45px}.f-how .f-step>span{position:absolute;left:0;top:0;margin:0}.f-how .f-step p{font-size:11px;margin-top:5px}dl.f-details{grid-template-columns:1fr}.f-main>.f-form-grid{grid-template-columns:1fr;gap:15px}.f-main>.f-card.f-prose{padding:25px 20px}.f-main>.f-card.f-prose>h1{font-size:28px}.f-post>.f-notice.success{padding-inline:18px}.f-footer>.f-container>small{display:block;margin-top:15px}.f-footer .f-brand img{width:27px;height:27px}.f-footer>.f-container>p{margin-top:10px}}
@media(max-width:370px){.f-brand img{width:27px;height:27px}.f-brand{font-size:16px;gap:7px}.f-actions{gap:6px}.f-actions>.f-link{font-size:10px}}
/* The basic navigation and editor work before scripts load. */
.f-editor-toolbar{display:none}.f-js .f-editor-toolbar{display:flex}.forum-app [data-quote],.forum-app [data-copy]{display:none}.f-js .forum-app [data-quote],.f-js .forum-app [data-copy]{display:inline-flex}
@media(max-width:680px){.forum-app .f-menu-toggle{display:none}.f-js .forum-app .f-menu-toggle{display:inline-flex}}
.f-upload [data-file-status].is-error{color:#ffaca4}.f-upload input[aria-invalid="true"]{outline:2px solid #ee7a71;outline-offset:4px;border-radius:3px}

/* Lisibilité des textes d'aide et des contributions, sur chaque écran. */
.f-category-text>strong{font-size:14px}.f-category-text>span{font-size:12px}.f-category-count{font-size:11px}.f-help{font-size:12px}.f-topic-main>p{font-size:14px}.f-topic-meta{font-size:12px}.f-topic-meta .f-tag,.f-topic-meta .f-status{font-size:11px}.f-topic-title{font-size:17px}.f-link{font-size:13px}.f-prose{font-size:16px}.f-post-author strong{font-size:14px}.f-field>label,.f-editor>label{font-size:14px}.f-editor>.f-help{font-size:12px}.f-sidebar .f-card p{font-size:13px}.f-sidebar dl.f-details dt{font-size:13px}.f-search-section>.f-help{font-size:12px}.f-auth-card>.f-form>.f-help{font-size:12px}.f-how .f-step h3{font-size:15px}.f-how .f-step p{font-size:13px}.f-post-actions button,.f-post-actions a,.f-post-actions summary{font-size:12px}.f-mobile-question{display:none}
@media(max-width:680px){.f-category-text>strong{font-size:13px}.f-category-text>span{font-size:11px}.f-category-count{font-size:11px}.f-topic-meta .f-status,.f-topic-meta .f-tag{font-size:10px}.f-prose{font-size:15px}.f-section-heading>.f-link{font-size:11px;max-width:145px}.f-search-section>.f-help{font-size:11px}.f-nav .f-mobile-question{display:flex}.f-how .f-step p{font-size:13px}}
@media(max-width:420px){.f-categories{grid-template-columns:1fr}.f-category{display:flex}.f-category-icon{margin-bottom:0}.f-category-text>strong{font-size:14px}.f-category-text>span{font-size:12px}}



/* Dark theme: surfaces, contrast and comfortable reading. */
:root {
  color-scheme: dark;
  --f-bg: #111111;
  --f-paper: #1b1b1b;
  --f-raised: #232323;
  --f-ink: #ececec;
  --f-text: #c4c4c4;
  --f-muted: #a0a0a0;
  --f-line: #333333;
  --f-red: #e8352b;
  --f-red-hover: #f0483e;
  --f-green: #83d39d;
}
body.forum-app { background:var(--f-bg); }
.forum-app ::selection { background:#76312c; color:#fff; }
.forum-app button:disabled { cursor:not-allowed; }
.f-container { width:min(100% - 64px,1360px); }
.f-main { padding-bottom:72px; }
.f-header { background:#0d0d0d; }
.f-header > .f-container { min-height:86px; gap:42px; }
.f-nav > a { min-height:86px; font-size:13px; }
.f-brand { font-size:22px; }
.f-brand strong { color:#f0483e; }
.f-brand small { color:#9e9e9e; }
.f-brand-label { color:#bababa; }
.f-actions .f-button { font-size:13px; }
.f-menu-toggle { background:#232323; }
.f-button { background:#232323; border-color:#3c3c3c; font-size:14px; }
.f-button:hover { background:#2d2d2d; border-color:#626262; }
.f-button.secondary { background:#232323; border-color:#414141; }
.f-button.secondary:hover { background:#2e2e2e; border-color:#676767; }
.f-button.primary { background:var(--f-red); border-color:var(--f-red); color:#fff; box-shadow:none; }
.f-button.primary:hover { background:var(--f-red-hover); border-color:var(--f-red-hover); box-shadow:0 4px 15px #0003; }
.f-button.danger { background:#321e1b; border-color:#69413c; color:#ffb0a6; }
.f-button.small { font-size:12px; }
.f-skip { background:var(--f-red); }
.f-link { font-size:13px; }
.f-tag { border-color:#414141; background:#292929; color:#c6c6c6; }
.f-status { font-size:11px; }
.f-avatar { background:#343038; color:#d9c3df; }
.f-hero { padding-top:42px; padding-bottom:36px; }
.f-hero h1 { font-size:clamp(36px,3.5vw,48px); font-weight:750; line-height:1.17; letter-spacing:-.045em; }
.f-hero h1 span,.f-hero h1 em,.f-hero h1 strong { color:#f0483e; }
.f-hero-copy > p { font-size:15px; line-height:1.85; max-width:640px; }
.f-hero-buttons { margin-top:26px; gap:12px; flex-wrap:wrap; }
.f-hero-note { margin-top:14px; }
.f-hero-art::before { background:#202020; }
.f-hero .f-topic-meta { margin-top:20px; gap:8px; color:#a8a8a8; font-size:12px; }
.f-hero .f-topic-meta > .f-icon { width:17px; height:17px; color:#b8b8b8; }
.f-eyebrow { background:#262020; border-color:#46302d; color:#efaaa5; font-size:10px; letter-spacing:.1em; }
.f-eyebrow::before { background:var(--f-red); }
.f-search { background:#1b1b1b; border-color:#414141; min-height:62px; }
.f-search:focus-within { border-color:#ce655d; box-shadow:0 0 0 3px #e8352b12; }
.f-search-input { font-size:14px; color:var(--f-ink); }
.f-search-button { background:#303030; color:#f0f0f0; font-size:13px; }
.f-search-button:hover { background:#414141; }
.f-suggestions { background:#232323; border-color:#454545; box-shadow:0 12px 34px #0006; }
.f-suggestions a { font-size:14px; }
.f-suggestions a:hover,.f-suggestions a[aria-selected="true"] { background:#343434; }
.f-search-section { margin-bottom:36px; }
.f-search-section > .f-help { font-size:12px; margin-top:12px; color:#a0a0a0; }
.f-search-section > .f-help a { color:#c2c2c2; text-decoration-color:#666; }
.f-section-heading { margin-bottom:18px; }
.f-section-heading h2 { font-size:20px; letter-spacing:-.025em; }
.f-section-heading > div > p { font-size:14px; line-height:1.8; }
.f-category { min-height:119px; padding:18px; background:#1b1b1b; border-color:#333; border-radius:13px; gap:12px; }
.f-category:hover { background:#222; border-color:#6b4945; box-shadow:0 7px 22px #0002; transform:translateY(-2px); }
.f-category-icon { width:40px; height:42px; background:#292c33; color:#b2c0d5; }
.f-category:nth-child(4n + 2) .f-category-icon { background:#302a36; color:#c5aedc; }
.f-category:nth-child(4n + 3) .f-category-icon { background:#243333; color:#9bc9c4; }
.f-category:nth-child(4n + 4) .f-category-icon { background:#352f26; color:#d8bd94; }
.f-category-text > strong,.f-category-text h3 { font-size:14px; font-weight:650; line-height:1.45; }
.f-category-text > span,.f-category-text p { font-size:12px; line-height:1.65; }
.f-category-count { margin-top:6px; font-size:11px; color:#a5a5a5; }
.f-category > .f-icon { width:14px; height:14px; color:#898989; }
.f-card { padding:24px; }
.f-card > h2,.f-card > h3 { font-size:16px; line-height:1.5; }
.f-card > p { font-size:13px; line-height:1.85; }
.f-card.soft,.f-welcome-card { background:#222; border-color:#3c3c3c; }
.f-card.soft > h3 { color:var(--f-ink); }
.f-card.soft > p { color:var(--f-text); }
.f-welcome-card > .f-category-icon { background:#332523; color:#ed8b83; }
.f-tabs { gap:24px; min-height:62px; padding-inline:24px; }
.f-tab { min-height:62px; font-size:12px; }
.f-topic { padding:24px; gap:16px; border-color:#303030; }
.f-topic:hover { background:#222; }
.f-topic-icon { background:#2b2b2b; color:#b4b4b4; }
.f-topic-icon.resolved,.f-topic-icon.resolu { background:#233329; color:#8bd3a0; }
.f-topic-title { font-size:17px; font-weight:650; line-height:1.55; }
.f-topic-main > p { color:#acacac; font-size:14px; margin-top:7px; }
.f-topic-meta { color:#a0a0a0; font-size:12px; line-height:1.7; }
.f-topic-meta .f-status,.f-topic-meta .f-tag { font-size:10px; }
.f-topic-stats { min-width:54px; padding-top:7px; color:#a8a8a8; }
.f-topic-stats > strong { color:#e1e1e1; font-size:17px; }
.f-topic-stats > span { font-size:10px; }
.f-topic-stats > .f-icon { color:#a4a4a4; }
.f-empty { padding:38px 26px; }
.f-empty p { font-size:13px; line-height:1.85; }
.f-empty > .f-icon { color:#a0a0a0; }
.f-pagination a,.f-pagination > span { background:#232323; }
.f-pagination [aria-current="page"] { background:var(--f-red); border-color:var(--f-red); color:#fff; }
.f-pagination a:hover { border-color:#727272; }
.f-guide-list a { font-size:13px; }
.f-guide-label { font-size:11px; }
.f-recent-solution { font-size:13px; }
.f-community-stats strong { font-size:24px; }
.f-community-stats span { font-size:12px; }
.f-software-card { background:#1b1b1b; }
.f-software-card strong { font-size:13px; }
.f-software-card p { font-size:12px; }
.f-steps { background:#1b1b1b; padding:28px; }
.f-how .f-steps { gap:30px; }
.f-how .f-step > span { color:#c5c5c5; background:#303030; }
.f-how .f-step h3,.f-step h3 { font-size:15px; }
.f-how .f-step p,.f-step p { font-size:13px; color:#ababab; line-height:1.85; }
.f-discussion-head .f-topic-meta { font-size:13px; }
.f-post { background:#1b1b1b; }
.f-post-author strong { font-size:14px; }
.f-post-author small,.f-post-author time,.f-post-author > a.f-muted { font-size:12px; }
.f-prose { color:#d0d0d0; font-size:16px; line-height:1.9; }
.f-prose blockquote { border-color:#676767; background:#252525; color:#c5c5c5; }
.f-prose code { background:#303030; color:#e7c0ba; }
.f-prose pre { background:#121212; border-color:#393939; }
.f-prose pre code { color:#e0e0e0; }
.f-post-actions { background:#171717; border-color:#333; }
.f-post-actions button,.f-post-actions a,.f-post-actions summary { color:#bcbcbc; font-size:12px; }
.f-post-actions button:hover,.f-post-actions a:hover { background:#303030; color:#eee; }
.f-post-actions button[aria-pressed="true"] { background:#3a2422; color:#ffaea5; }
.f-post-actions details input,.f-post-actions details select { background:#222; color:#ececec; }
.f-post-actions details .f-button { background:#333; }
.f-post.f-solution { border-color:#416f4e; }
.f-solution-label { background:#203026; color:#9ae0ae; border-color:#3a5e44; }
.f-post > .f-notice.success { background:#203026; border-color:#3a5e44; }
.f-details { background:#222; border-color:#393939; }
.f-details dt { font-size:12px; }
.f-details dd { font-size:14px; }
.f-related > a { font-size:13px; }
.f-sidebar dl.f-details dt { font-size:13px; }
.f-form { background:#1b1b1b; }
.f-form > p { font-size:14px; }
.f-field { margin-bottom:23px; gap:8px; }
.f-field > label,.f-field > .f-label,.f-editor > label { font-size:14px; }
.f-field > label span { color:#aaa; font-size:12px; }
.f-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.f-field select,.f-field textarea { min-height:49px; background:#141414; color:#ececec; border-color:#454545; font-size:14px; padding:12px 14px; }
.f-field input::placeholder,.f-field textarea::placeholder { color:#9a9a9a; }
.f-field input:focus,.f-field select:focus,.f-field textarea:focus { border-color:#d66a61; box-shadow:0 0 0 3px #e8352b14; }
.f-field input[aria-invalid="true"],.f-field textarea[aria-invalid="true"],.f-field select[aria-invalid="true"] { border-color:#f18b7e; }
.f-field > .f-help,.f-help { color:#a9a9a9; font-size:12px; line-height:1.75; }
.f-form legend { font-size:14px; }
.f-counter { font-size:11px; }
.f-counter.is-warning { color:#efc27d; }
.f-editor { background:#141414; border-color:#454545; }
.f-editor:focus-within { border-color:#d66a61; box-shadow:0 0 0 3px #e8352b14; }
.f-editor-toolbar { background:#262626; border-color:#3a3a3a; }
.f-editor-toolbar button { color:#c5c5c5; }
.f-editor-toolbar button:hover,.f-editor-toolbar button[aria-pressed="true"] { background:#3a3a3a; color:#fff; }
.f-field .f-editor textarea,.f-editor textarea[name="contenu"] { background:#141414; color:#ececec; font-size:15px; line-height:1.9; }
.f-editor > .f-help { background:#202020; font-size:12px; }
.f-editor-preview { background:#191919; }
.f-checkbox { font-size:13px; color:#c4c4c4; }
.f-upload { background:#202020; border-color:#555; font-size:13px; }
.f-upload input[type="file"] { font-size:12px; }
.f-upload input::file-selector-button { background:#303030; border-color:#505050; color:#eee; font-size:12px; }
.f-upload [data-file-status].is-error { color:#ffb0a6; }
.f-form > details.f-panel { background:#202020; }
.f-form > details.f-panel > summary { font-size:13px; }
.f-account-tabs { background:#262626; }
.f-account-tabs a,.f-account-tabs button { font-size:13px; }
.f-account-tabs .is-active,.f-account-tabs [aria-current="page"] { background:#3a3a3a; color:#f0f0f0; }
.f-auth-card > .f-form { background:transparent; }
.f-notice { background:#202a33; border-color:#40515f; color:#c1d6ea; font-size:13px; }
.f-notice.error { background:#331e1b; border-color:#74433c; color:#ffb9b0; }
.f-notice.success { background:#203026; border-color:#3a5e44; color:#9be0ae; }
.f-toast { background:#292929; color:#f4f4f4; border-color:#575757; box-shadow:0 10px 38px #0008; font-size:13px; }
.f-footer { background:#0d0d0d; padding-block:36px; }
.f-footer p,.f-footer > .f-container > small { font-size:11px; color:#a2a2a2; }
.f-footer nav { font-size:12px; color:#b3b3b3; }

/* Homepage: immediate access to the newest conversations. */
.f-home-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:30px; align-items:start; }
.f-home-content { min-width:0; }
.f-home-layout .f-hero { display:block; padding-top:43px; padding-bottom:31px; }
.f-home-layout .f-hero h1 { font-size:clamp(36px,3.15vw,44px); max-width:850px; }
.f-home-layout .f-hero-art { display:none; }
.f-home-layout .f-hero-copy > p { max-width:700px; }
.f-home-layout .f-categories { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.f-home-layout .f-category { padding:17px 15px; min-height:124px; align-items:flex-start; gap:11px; }
.f-home-layout .f-category > .f-icon { display:none; }
.f-home-layout .f-category-icon { width:34px; height:37px; border-radius:9px; }
.f-home-layout .f-category-icon .f-icon { width:21px; height:21px; }
.f-home-layout .f-layout { grid-template-columns:minmax(0,1fr); }
.f-home-sidebar { padding-top:40px; gap:20px; }
.f-recent-card { padding:0; overflow:hidden; border-color:#414141; }
.f-recent-heading { display:flex; align-items:center; gap:9px; padding:21px 22px; border-bottom:1px solid #363636; }
.f-recent-heading h2,.f-recent-heading h3 { font-size:16px; line-height:1.4; letter-spacing:-.02em; }
.f-recent-heading > .f-icon { width:18px; height:18px; color:#f17a72; }
.f-recent-dot { width:7px; height:7px; border-radius:50%; background:#6fd291; flex:0 0 auto; box-shadow:0 0 0 4px #6fd29112; }
.f-recent-count { margin-left:auto; padding:2px 7px; border:1px solid #444; border-radius:6px; background:#2a2a2a; color:#bbb; font-size:11px; font-weight:650; line-height:1.6; }
.f-recent-list { list-style:none; margin:0; padding:0; }
.f-recent-topic { display:block; padding:19px 22px; border-bottom:1px solid #303030; transition:background .16s; }
.f-recent-topic:last-child { border-bottom:0; }
.f-recent-topic:hover { background:#262626; }
.f-recent-topic > strong,.f-recent-topic h3 { display:block; color:#e3e3e3; font-size:14px; font-weight:600; line-height:1.6; letter-spacing:-.01em; }
.f-recent-topic:hover > strong,.f-recent-topic:hover h3 { color:#ffb3aa; }
.f-recent-topic > .f-tag { margin-bottom:8px; font-size:10px; padding:2px 7px; }
.f-recent-meta { display:flex; align-items:center; gap:7px; flex-wrap:wrap; color:#a0a0a0; font-size:11px; margin-top:9px; line-height:1.7; }
.f-recent-meta .f-icon { width:13px; height:13px; color:#aaa; }
.f-recent-meta .f-status { font-size:10px; padding:1px 6px; }
.f-recent-card > .f-link { display:flex; justify-content:center; min-height:53px; margin:0; border-top:1px solid #333; color:#d5d5d5!important; font-size:12px; background:#202020; }
.f-recent-card > .f-link:hover { background:#292929; color:#ffb3aa!important; text-decoration:none; }
.f-sidebar-cta { background:#222; border-color:#463431; }
.f-sidebar-cta > .f-category-icon { background:#382623; color:#f39a91; }
.f-sidebar-cta .f-button { display:flex; width:100%; }

/* Account entry: clear choices before publishing a question. */
.f-join-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,510px); gap:76px; align-items:center; max-width:1120px; margin:55px auto 72px; }
.f-join-aside { min-width:0; padding:16px 0; }
.f-join-aside h1,.f-join-aside h2 { font-size:clamp(32px,3.6vw,45px); line-height:1.2; letter-spacing:-.04em; max-width:520px; }
.f-join-aside h1 em,.f-join-aside h2 em,.f-join-aside h1 strong { color:#f0483e; font-style:normal; font-weight:inherit; }
.f-join-aside > p { color:#bcbcbc; font-size:15px; line-height:1.9; margin-top:21px; max-width:490px; }
.f-auth-benefits { list-style:none; display:grid; gap:20px; padding:0; margin-top:30px!important; }
.f-auth-benefit { display:flex; gap:13px; align-items:flex-start; color:#ccc; font-size:14px; line-height:1.75; }
.f-auth-benefit > .f-icon { width:21px; height:21px; color:#7cd398; margin-top:2px; }
.f-auth-benefit strong { display:block; color:#e6e6e6; font-size:14px; font-weight:600; }
.f-auth-benefit span,.f-auth-benefit p { color:#aaa; font-size:13px; }
.f-auth-card { max-width:520px; padding:34px; margin:42px auto 64px; border-color:#3c3c3c; }
.f-auth-card.wide { max-width:620px; }
.f-join-layout .f-auth-card,.f-join-layout .f-auth-card.wide { width:100%; max-width:none; margin:0; }
.f-auth-card h1 { font-size:29px; line-height:1.3; }
.f-auth-card h2 { font-size:25px; line-height:1.35; letter-spacing:-.03em; }
.f-auth-card > p { color:#bcbcbc; font-size:14px; line-height:1.85; margin-top:12px; margin-bottom:24px; }
.f-auth-intro { margin-bottom:24px; }
.f-auth-intro .f-eyebrow { margin-bottom:15px; }
.f-auth-intro > p { margin-top:12px; font-size:14px; line-height:1.85; color:#bcbcbc; }
.f-auth-providers { display:grid; gap:11px; }
.f-provider { display:flex; align-items:center; justify-content:center; gap:12px; min-height:55px; padding:13px 16px; border:1px solid #454545; border-radius:10px; background:#282828; color:#f0f0f0; font-size:14px; font-weight:600; line-height:1.5; text-align:center; transition:background .16s,border-color .16s; }
.f-provider:hover { background:#343434; border-color:#737373; }
.f-provider-mark { display:inline-flex; align-items:center; justify-content:center; width:25px; height:25px; flex:0 0 auto; font-family:Arial,sans-serif; font-size:21px; font-weight:700; line-height:1; }
.f-provider-logo { width:23px; height:23px; display:block; flex:0 0 auto; }
.f-provider.google .f-provider-mark { background:transparent; border-radius:50%; color:#4285f4; font-size:17px; }
.f-provider.facebook .f-provider-mark { background:#1877f2; color:#fff; border-radius:50%; font-size:24px; padding-top:4px; }
.f-provider.email { background:var(--f-red); border-color:var(--f-red); color:#fff; }
.f-provider.email:hover { background:var(--f-red-hover); border-color:var(--f-red-hover); }
.f-provider .f-icon { width:20px; height:20px; }
.f-provider-disabled,.f-provider[aria-disabled="true"] { color:#a6a6a6; background:#202020; border-color:#373737; cursor:default; }
.f-provider-disabled:hover,.f-provider[aria-disabled="true"]:hover { background:#202020; border-color:#373737; }
.f-provider-disabled .f-provider-logo,.f-provider[aria-disabled="true"] .f-provider-logo { opacity:.65; }
.f-provider-disabled small,.f-provider[aria-disabled="true"] small { font-size:10px; font-weight:400; margin-left:auto; color:#aaa; max-width:88px; line-height:1.45; text-align:right; }
.f-auth-divider { display:flex; align-items:center; gap:14px; margin:23px 0; color:#999; font-size:12px; line-height:1.5; }
.f-auth-divider::before,.f-auth-divider::after { content:""; flex:1; height:1px; background:#3b3b3b; }
.f-auth-footnote { margin-top:23px!important; margin-bottom:0!important; text-align:center; color:#aaa!important; font-size:12px!important; line-height:1.8!important; }
.f-auth-footnote a { color:#eaa49d; text-decoration:underline; text-underline-offset:3px; }
.f-auth-back { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; margin-top:18px; color:#c6c6c6!important; font-size:13px; }
.f-auth-back:hover { color:#ffb3aa!important; }
.f-auth-reassurance { display:flex; align-items:center; justify-content:center; gap:7px; font-size:11px; color:#aaa; line-height:1.7; margin-top:20px; }
.f-auth-reassurance .f-icon { width:14px; height:14px; color:#8dcc9d; }
.f-auth-caption { color:#999; font-size:12px; line-height:1.85; margin-top:25px; }
.f-auth-form-title { font-size:18px!important; margin-top:25px; margin-bottom:22px; }
.f-auth-card .f-button.primary { margin-top:10px; }
.f-auth-card > .f-button.secondary { width:100%; }
.f-auth-card > .f-form > .f-help { font-size:12px; }

@media (min-width:1450px) {
  .f-home-layout .f-hero { padding-top:47px; padding-bottom:35px; }
  .f-home-sidebar { padding-top:45px; }
}
@media (max-width:1200px) {
  .f-container { width:calc(100% - 48px); }
  .f-header > .f-container { gap:28px; }
  .f-nav { gap:22px; }
  .f-brand-divider,.f-brand-label { display:none; }
  .f-home-layout { grid-template-columns:minmax(0,1fr) 306px; gap:24px; }
  .f-home-layout .f-hero h1 { font-size:38px; }
  .f-home-layout .f-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .f-home-layout .f-category { min-height:112px; }
  .f-join-layout { gap:45px; }
}
@media (max-width:1060px) {
  .f-home-layout { grid-template-columns:minmax(0,1fr); gap:0; }
  .f-home-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); padding-top:28px; }
  .f-home-sidebar .f-recent-card { grid-column:1/-1; }
  .f-home-sidebar .f-recent-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .f-home-sidebar .f-recent-topic { border-bottom:1px solid #333; }
  .f-home-sidebar .f-recent-topic:nth-child(odd) { border-right:1px solid #333; }
  .f-home-layout .f-categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .f-home-layout .f-hero h1 { font-size:44px; }
}
@media (max-width:940px) {
  .f-header > .f-container { min-height:76px; gap:22px; }
  .f-nav { gap:17px; }
  .f-nav > a { min-height:76px; font-size:12px; }
  .f-brand { font-size:20px; }
  .f-actions .f-button { font-size:12px; }
  .f-home-layout .f-hero { padding-top:35px; }
  .f-home-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .f-join-layout { grid-template-columns:minmax(0,1fr) minmax(0,465px); gap:30px; margin-top:35px; }
  .f-join-aside h1,.f-join-aside h2 { font-size:34px; }
  .f-auth-card { padding:28px; }
}
@media (max-width:760px) {
  .f-home-layout .f-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .f-join-layout { grid-template-columns:1fr; max-width:540px; gap:26px; margin:28px auto 48px; }
  .f-join-aside { padding:0; }
  .f-join-aside h1,.f-join-aside h2 { font-size:34px; }
  .f-join-aside > p { font-size:14px; margin-top:15px; }
  .f-auth-benefits { display:none; }
  .f-auth-caption { margin-top:14px; font-size:11px; }
}
@media (max-width:680px) {
  .f-container { width:calc(100% - 32px); }
  .f-header > .f-container { min-height:72px; gap:11px; }
  .f-brand { font-size:18px; }
  .f-brand img { width:31px; height:31px; }
  .f-brand small { font-size:6px; }
  .f-nav { gap:0; }
  .f-nav > a { min-height:47px; font-size:13px; }
  .f-nav > a[aria-current="page"] { background:#38201e; }
  .f-actions .f-button { font-size:12px; }
  .f-actions > .f-link { font-size:12px; }
  .f-hero,.f-home-layout .f-hero { padding-top:27px; padding-bottom:28px; }
  .f-hero h1,.f-home-layout .f-hero h1 { font-size:clamp(30px,7.7vw,42px); line-height:1.2; }
  .f-hero-copy > p,.f-home-layout .f-hero-copy > p { margin-top:18px; font-size:14px; line-height:1.85; }
  .f-hero-buttons { margin-top:23px; gap:10px; }
  .f-hero-buttons .f-button { min-height:48px; padding:11px 15px; font-size:12px; }
  .f-hero .f-topic-meta { font-size:11px; margin-top:17px; }
  .f-eyebrow { font-size:9px; }
  .f-search { min-height:58px; padding:5px 6px 5px 13px; }
  .f-search-input { font-size:14px; }
  .f-search-input::placeholder { font-size:12px; }
  .f-search-button { font-size:0; }
  .f-search-section > .f-help { font-size:11px; }
  .f-section-heading h2 { font-size:19px; }
  .f-section-heading > .f-link { font-size:11px; }
  .f-home-layout .f-categories { gap:10px; margin-bottom:30px; }
  .f-category,.f-home-layout .f-category { padding:15px 13px; min-height:114px; gap:11px; }
  .f-category-icon,.f-home-layout .f-category-icon { width:32px; height:35px; }
  .f-category-text > strong,.f-category-text h3 { font-size:13px; }
  .f-category-text > span,.f-category-text p { font-size:11px; }
  .f-category-count { font-size:10px; margin-top:6px; }
  .f-tabs { padding-inline:16px; gap:21px; }
  .f-tab { font-size:12px; min-height:58px; }
  .f-topic { gap:11px; padding:20px 15px; }
  .f-topic-title { font-size:15px; }
  .f-topic-main > p { font-size:13px; }
  .f-topic-meta { font-size:11px; gap:5px; }
  .f-topic-meta .f-status,.f-topic-meta .f-tag { font-size:10px; }
  .f-topic-stats { min-width:34px; }
  .f-topic-stats > strong { font-size:15px; }
  .f-topic-stats > span { font-size:9px; }
  .f-topic-icon { width:29px; height:31px; }
  .f-home-sidebar { padding-top:24px; gap:16px; grid-template-columns:1fr; }
  .f-home-sidebar .f-recent-list { display:block; }
  .f-home-sidebar .f-recent-topic:nth-child(odd) { border-right:0; }
  .f-recent-heading { padding:20px; }
  .f-recent-topic { padding:18px 20px; }
  .f-recent-topic > strong,.f-recent-topic h3 { font-size:14px; }
  .f-card { padding:23px; }
  .f-how .f-step p { font-size:13px; }
  .f-prose { font-size:15px; }
  .f-post-author strong { font-size:13px; }
  .f-post-author small,.f-post-author time,.f-post-author > a.f-muted { font-size:11px; }
  .f-post-actions button,.f-post-actions a,.f-post-actions summary { font-size:11px; }
  .f-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.f-field select,.f-field textarea,.f-field .f-editor textarea,.f-editor textarea[name="contenu"] { font-size:16px; }
  .f-editor-toolbar button { min-height:44px; }
  .f-auth-card { padding:27px 22px; margin:28px auto 48px; }
  .f-auth-card h1 { font-size:26px; }
  .f-auth-card h2 { font-size:24px; }
  .f-auth-intro > p,.f-auth-card > p { font-size:13px; }
  .f-provider { font-size:13px; padding-inline:13px; gap:10px; }
  .f-provider-disabled small,.f-provider[aria-disabled="true"] small { max-width:75px; font-size:9px; }
  .f-auth-reassurance { align-items:flex-start; font-size:10px; }
  .f-auth-reassurance .f-icon { margin-top:2px; flex:0 0 auto; }
  .f-auth-footnote { font-size:11px!important; }
  .f-main { padding-bottom:44px; }
  .f-footer nav { font-size:11px; }
}
@media (max-width:420px) {
  .f-categories,.f-home-layout .f-categories { grid-template-columns:1fr; }
  .f-category,.f-home-layout .f-category { min-height:108px; padding:17px; align-items:center; }
  .f-category-icon,.f-home-layout .f-category-icon { width:40px; height:42px; }
  .f-category-text > strong { font-size:14px; }
  .f-category-text > span { font-size:12px; }
  .f-category-count { font-size:11px; }
  .f-join-aside h1,.f-join-aside h2 { font-size:31px; }
  .f-join-aside > p { font-size:13px; }
}
@media (max-width:370px) {
  .f-container { width:calc(100% - 24px); }
  .f-brand { font-size:16px; gap:7px; }
  .f-brand img { width:27px; height:27px; }
  .f-actions .f-button { font-size:11px; padding-inline:9px; }
  .f-actions > .f-link { font-size:11px; }
  .f-hero-buttons { flex-direction:column; align-items:stretch; }
  .f-category { display:flex; }
  .f-category-icon { margin-bottom:0; }
  .f-auth-card { padding-inline:19px; }
}
@media print {
  :root { color-scheme:light; --f-bg:#fff; --f-paper:#fff; --f-ink:#111; --f-text:#333; --f-muted:#555; --f-line:#ccc; }
  .f-home-sidebar,.f-home-layout .f-hero-buttons { display:none; }
  .f-home-layout { display:block; }
  .f-post,.f-details,.f-prose pre,.f-prose blockquote { background:#fff; color:#111; }
  .f-prose,.f-prose code,.f-prose pre code { color:#111; }
  .f-post-author small,.f-post-author time,.f-topic-meta { color:#444; }
}

/* Template alignment for the welcome panel and compact recent-topic rows. */
.f-join-layout > .f-auth-intro { min-width:0; margin:0; padding:16px 0; }
.f-join-layout > .f-auth-intro h1 { max-width:520px; font-size:clamp(32px,3.6vw,45px); line-height:1.2; font-weight:750; letter-spacing:-.04em; }
.f-join-layout > .f-auth-intro h1 em { color:#f0483e; font-style:normal; font-weight:inherit; }
.f-join-layout > .f-auth-intro > p { max-width:490px; margin-top:21px; color:#bcbcbc; font-size:15px; line-height:1.9; }
.f-join-layout > .f-auth-intro .f-auth-back { justify-content:flex-start; margin-top:26px; color:#bbb!important; }
.f-auth-card > .f-auth-caption { display:block; margin:0 0 12px; color:#c79691; font-size:10px; font-weight:650; line-height:1.5; letter-spacing:.1em; }
.f-provider > span:nth-child(2) { flex:1; min-width:0; text-align:left; }
.f-provider > .f-icon:last-child { width:17px; height:17px; color:inherit; opacity:.8; }
.f-provider.google .f-provider-mark,.f-provider.facebook .f-provider-mark { background:transparent; padding:0; }
.forum-app .f-provider:disabled { opacity:1; cursor:default; }
.f-provider-disabled small,.f-provider[aria-disabled="true"] small { display:block; max-width:none; margin:2px 0 0; color:#a5a5a5; font-size:11px; line-height:1.5; text-align:left; }
.f-provider-disabled .f-provider-mark { opacity:.7; }
.f-recent-heading { padding:22px; }
.f-recent-heading > div { min-width:0; }
.f-recent-heading .f-eyebrow { border:0; background:transparent; padding:0; margin:0 0 9px; color:#b9a09d; font-size:8px; letter-spacing:.09em; }
.f-recent-heading .f-eyebrow::before { width:5px; height:5px; }
.f-recent-count { align-self:flex-start; margin-top:23px; }
.f-recent-list > li { list-style:none; border-bottom:1px solid #333; }
.f-recent-list > li:last-child { border-bottom:0; }
.f-recent-list .f-recent-topic { display:flex; align-items:flex-start; gap:12px; border:0; padding:19px 21px; }
.f-recent-dot { display:flex; align-items:center; justify-content:center; width:29px; height:31px; margin-top:2px; border-radius:8px; background:#2c2c2c; box-shadow:none; color:#b3b3b3; }
.f-recent-dot > .f-icon { width:16px; height:16px; }
.f-recent-dot.resolved { color:#86d19c; background:#233229; }
.f-recent-topic > span:last-child { min-width:0; flex:1; }
.f-recent-topic > span > strong { display:block; color:#e1e1e1; font-size:14px; font-weight:600; line-height:1.6; letter-spacing:-.01em; }
.f-recent-topic:hover > span > strong { color:#ffb3aa; }
.f-recent-topic time { display:block; margin-top:5px; color:#a1a1a1; font-size:10px; line-height:1.65; }
.f-recent-meta { font-size:10px; gap:5px; margin-top:7px; }
.f-recent-empty { padding:25px 22px; }
.f-recent-empty > .f-icon { width:29px; height:29px; margin-bottom:14px; color:#aaa; }
.f-recent-empty h3 { font-size:15px; line-height:1.6; }
.f-recent-empty p { font-size:13px; line-height:1.85; color:#aaa; margin-top:11px; }
.f-recent-empty .f-link { margin-top:13px; }
@media (min-width:1061px) {
  .f-home-layout .f-categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (min-width:941px) and (max-width:1200px) {
  .f-join-layout > .f-auth-intro h1 { font-size:38px; }
}
@media (max-width:1060px) {
  .f-home-sidebar .f-recent-list > li:nth-child(odd) { border-right:1px solid #333; }
  .f-home-sidebar .f-recent-list .f-recent-topic { border:0; height:100%; }
}
@media (max-width:940px) {
  .f-join-layout > .f-auth-intro h1 { font-size:34px; }
}
@media (max-width:760px) {
  .f-join-layout > .f-auth-intro { padding:0; }
  .f-join-layout > .f-auth-intro > p { margin-top:16px; font-size:14px; }
  .f-join-layout > .f-auth-intro .f-auth-back { margin-top:13px; }
}
@media (max-width:680px) {
  .f-home-sidebar .f-recent-list > li:nth-child(odd) { border-right:0; }
  .f-recent-heading { padding:21px; }
  .f-recent-list .f-recent-topic { padding:18px 20px; }
  .f-provider-disabled small,.f-provider[aria-disabled="true"] small { max-width:none; font-size:10px; }
}
@media (max-width:420px) {
  .f-join-layout > .f-auth-intro h1 { font-size:31px; }
  .f-join-layout > .f-auth-intro > p { font-size:13px; }
}

/* Keep small white action labels above WCAG AA contrast on the brand red. */
.f-button.primary,.f-provider.email,.f-skip { background:#db3026; border-color:#db3026; color:#fff; }
.f-button.primary:hover,.f-provider.email:hover { background:#c72a21; border-color:#c72a21; color:#fff; }
.f-recent-dot { width:32px; height:32px; }
.f-recent-topic time { font-size:11px; }


/* Compteurs des discussions : réponses et vues côte à côte. */
.f-topic .f-topic-stats { display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-end; flex:0 0 auto; gap:20px; min-width:114px; padding-top:8px; text-align:center; }
.f-topic .f-topic-stat { display:grid; grid-template-columns:15px auto; align-items:center; justify-content:center; gap:3px 6px; min-width:43px; }
.f-topic .f-topic-stat > .f-icon { width:15px; height:15px; color:#aaa; }
.f-topic .f-topic-stat > strong { color:#e3e3e3; font-size:15px; line-height:1.5; font-weight:650; font-variant-numeric:tabular-nums; }
.f-topic .f-topic-stat > span { grid-column:1 / -1; display:block; color:#aaa; font-size:11px; line-height:1.5; }
.f-topic .f-topic-stat-views > strong { color:#bdbdbd; font-weight:500; }
@media (max-width:680px) {
  .f-topic .f-topic-stats { flex-direction:column; align-items:center; gap:11px; min-width:47px; padding-top:4px; }
  .f-topic .f-topic-stat { grid-template-columns:13px auto; gap:1px 4px; min-width:39px; }
  .f-topic .f-topic-stat > .f-icon { width:13px; height:13px; }
  .f-topic .f-topic-stat > strong { font-size:13px; }
  .f-topic .f-topic-stat > span { font-size:10px; }
}


/* L'équipe se connecte avec le même compte public, y compris Google/Facebook. */
.f-team-entry { display:inline-flex; margin:0; }
.f-team-entry > button { border:0; background:transparent; color:#d5d5d5!important; cursor:pointer; }
.f-team-entry > button:hover { color:#fff!important; }
.f-role-badge { display:inline-flex; align-items:center; gap:4px; border:1px solid #456a5a; border-radius:5px; padding:1px 7px; background:#20352b; color:#b7e6cf; font-size:10px; font-weight:650; line-height:1.7; white-space:nowrap; }
.f-role-badge > .f-icon { width:11px; height:11px; }
.f-role-moderateur { background:#202d41; border-color:#486489; color:#b9d4fa; }
.f-role-admin { background:#38283f; border-color:#79528b; color:#e5c3f6; }
@media(max-width:680px) { .f-team-entry > button > span { display:none; }.f-team-entry > button { justify-content:center; min-width:35px; padding:0; }.f-role-badge { font-size:9px; } }


/* Rubriques de jeux et sous-catégories : aucun compteur fictif. */
.f-subcategories { margin:28px 0 32px; min-width:0; }
.f-subcategories .f-section-heading { align-items:flex-start; }
.f-subcategories .f-section-heading h2 { font-size:23px; letter-spacing:-.025em; line-height:1.4; }
.f-subcategories .f-section-heading p { margin-top:7px; color:#aaa; font-size:13px; line-height:1.7; }
.f-subcategories .f-eyebrow { display:flex; align-items:center; gap:7px; }
.f-subcategories .f-eyebrow > .f-icon { width:15px; height:15px; }
.f-subcategory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.f-subcategory { display:flex; align-items:flex-start; gap:12px; min-width:0; padding:17px 15px; border:1px solid #363636; border-radius:12px; background:#1c1c1c; transition:background .15s,border-color .15s; }
.f-subcategory:hover { background:#242121; border-color:#795049; }
.f-subcategory:focus-visible { outline:2px solid #ef9b91; outline-offset:3px; }
.f-subcategory-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 34px; width:34px; height:34px; border:1px solid #61423b; border-radius:9px; background:#352723; color:#ecb3a3; }
.f-subcategory-icon > .f-icon { width:19px; height:19px; }
.f-subcategory-copy { flex:1; min-width:0; }
.f-subcategory-copy > strong { display:block; color:#efefef; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.f-subcategory-copy > span { display:block; margin-top:5px; color:#aaa; font-size:11px; line-height:1.7; }
.f-subcategory-copy > small { display:block; margin-top:9px; color:#b6b6b6; font-size:10px; line-height:1.5; font-variant-numeric:tabular-nums; }
.f-subcategory > .f-icon { flex:0 0 auto; width:13px; height:13px; margin-top:4px; color:#aaa; }
.f-role-equipe { background:#352727; border-color:#865348; color:#ffc2af; }
@media(max-width:1150px) { .f-subcategory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) {
  .f-subcategories { margin-block:23px 27px; }
  .f-subcategories .f-section-heading h2 { font-size:20px; }
  .f-subcategories .f-section-heading p { font-size:12px; }
  .f-subcategories .f-section-heading > .f-link { max-width:100px; font-size:11px; }
  .f-subcategory-grid { gap:9px; }
  .f-subcategory { gap:9px; padding:13px 11px; flex-wrap:wrap; }
  .f-subcategory-icon { flex-basis:29px; width:29px; height:29px; }
  .f-subcategory-copy > strong { font-size:12px; }
  .f-subcategory-copy > span { font-size:10px; }
  .f-subcategory > .f-icon { display:none; }
}
@media(max-width:380px) { .f-subcategory-grid { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .f-subcategory { transition:none; } }