/* SCN forum — navigation locale et avis ambrés. Complément de l’habillage existant. */
:root {
  --scn-amber: #c38b49;
  --scn-notice-bg: #fff0dd;
  --scn-notice-ink: #693c16;
  --scn-notice-link: #59300e;
}
.scn-community-intro { grid-template-columns: 145px minmax(0, 1fr); gap: 20px 28px; padding: 26px 8px 16px; }
.scn-community-intro > *, .scn-community-navigation > * { min-width: 0; }
.scn-community-heading h2 { font-size: clamp(26px, 3vw, 38px); max-width: 28ch; }
.scn-community-intro .scn-community-eyebrow { margin-top: 0; }
.scn-community-brand { display: block; align-self: start; border-radius: 8px; }
.scn-community-navigation {
  grid-column: 1 / -1;
  display: flex;
  align-items: stretch;
  gap: 18px;
  background: var(--scn-paper);
  border: 1px solid var(--scn-line);
  border-radius: 14px;
  padding: 18px;
}
.scn-community-intro .scn-community-navigation nav { display: block; grid-column: auto; }
.scn-forum-nav { flex: 1 1 auto; }
.scn-site-nav { flex: 0 0 auto; border-left: 1px solid var(--scn-line); padding-left: 18px; }
.scn-community-intro .scn-nav-label { margin: 0 0 9px; font-size: 12px; line-height: 1.5; font-weight: 800; color: var(--scn-sage); }
.scn-nav-label span { font-weight: 500; }
.scn-community-navigation ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.scn-community-navigation li { margin: 0; padding: 0; }
.scn-community-intro .scn-community-navigation a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  box-sizing: border-box;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  color: var(--scn-sage);
}
.scn-community-intro .scn-forum-nav a { background: #e8ede5; font-weight: 750; }
.scn-community-intro .scn-forum-nav a:hover { background: #dce5d9; color: #283c2d; }
.scn-community-intro .scn-forum-nav a[aria-current="page"] { background: var(--scn-sage); color: #fff; }
.scn-community-intro .scn-site-nav a { border-color: #d7d2c7; background: transparent; font-weight: 600; }
.scn-community-intro .scn-site-nav a:hover { background: #f4eddf; color: #283c2d; }
.scn-nav-icon { display: inline-block; flex: 0 0 19px; width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.scn-external-icon { width: 15px; height: 15px; flex-basis: 15px; }
.scn-external-mark { display: inline; white-space: nowrap; font-size: .9em; }
.scn-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.scn-community-navigation a:focus-visible, .scn-community-brand:focus-visible { outline: 3px solid #4f6354; outline-offset: 3px; }
/* Les titres, textes, icônes et actions natifs des avertissements restent présents. */
div.rules, p.post-notice {
  color: var(--scn-notice-ink);
  background: var(--scn-notice-bg);
  border: 1px solid var(--scn-amber);
  border-left-width: 4px;
  border-radius: 10px;
  padding: 14px 16px;
}
div.rules h2, div.rules h3, div.rules strong, p.post-notice .icon { color: var(--scn-notice-ink); }
div.rules a, p.post-notice a { color: var(--scn-notice-link); text-decoration: underline; text-underline-offset: 3px; }
div.rules a:hover, p.post-notice a:hover { color: #3f220a; }
.error { color: var(--scn-notice-ink); }
.reported { background-color: #fff6e9; }
li.reported:hover { background-color: var(--scn-notice-bg) !important; }
@media (max-width: 1100px) {
  .scn-community-navigation { flex-direction: column; }
  .scn-site-nav { border-left: 0; padding-left: 0; border-top: 1px solid var(--scn-line); padding-top: 14px; }
}
@media (max-width: 700px) {
  .scn-community-intro { grid-template-columns: 1fr; gap: 14px; padding: 18px 0 10px; }
  .scn-community-brand img { width: 120px; }
  .scn-community-heading h2 { font-size: 28px; }
  .scn-community-intro .scn-community-heading p:not(.scn-community-eyebrow) { font-size: 15px; }
  .scn-community-navigation { gap: 14px; padding: 13px; }
  .scn-community-navigation ul { gap: 7px; }
  .scn-community-navigation li { flex: 1 1 150px; }
  .scn-community-intro .scn-community-navigation a { width: 100%; }
}