/* ==========================================================================
   CARBON — carbonapp.eu
   Design system : dark #0E0E0E · or champagne #C9A961 · Liquid Glass
   ========================================================================== */

/* Cormorant Garamond auto-hébergée (SIL OFL 1.1) — aucune requête tierce.
   Fichiers : assets/fonts/ (source @fontsource, sous-ensemble latin). */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
}

:root {
  --bg: #0E0E0E;
  --bg-elevated: #141414;
  --text: #EDEAE4;
  --text-2: rgba(237, 234, 228, 0.66);
  --text-3: rgba(237, 234, 228, 0.42);
  --accent: #C9A961;
  --accent-soft: rgba(201, 169, 97, 0.14);
  --accent-line: rgba(201, 169, 97, 0.32);
  --accent-grad: linear-gradient(135deg, #DCC084 0%, #C9A961 45%, #A98B4A 100%);
  --glass: rgba(255, 255, 255, 0.045);
  --glass-strong: rgba(255, 255, 255, 0.07);
  --line: rgba(255, 255, 255, 0.08);
  --line-soft: rgba(255, 255, 255, 0.05);
  --shadow-card: 0 24px 60px -24px rgba(0, 0, 0, 0.65);
  --serif: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  color-scheme: dark;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

::selection { background: rgba(201, 169, 97, 0.30); color: #fff; }

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 4px;
}

img, svg { display: block; max-width: 100%; }


[hidden]{display:none!important}
section{position:relative}
.prose{color:#c1b7a5;font-size:14px;line-height:1.95}
.prose h2{font:500 32px/1.15 var(--serif);color:var(--text);margin:42px 0 17px;letter-spacing:-.01em}
.prose h3{font-size:16px;color:var(--text);margin:25px 0 12px}
.prose p{margin:15px 0}
.prose strong{font-weight:550;color:#e1d8c8}
.prose ul,.prose ol{padding-left:22px;margin:18px 0}
.prose li{padding:5px 0}
.prose a{color:#d3b77d;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.prose table{width:100%;border-collapse:collapse;margin:25px 0;font-size:12px;line-height:1.6}
.prose td,.prose th{padding:14px 10px;text-align:left;border-bottom:1px solid var(--line)}
.prose th{color:#d6c5a2;font-size:10px;font-weight:500;letter-spacing:.04em}
.prose .num{font:500 20px var(--serif);white-space:nowrap;color:var(--accent)}
.callout{padding:20px 24px;border-left:2px solid var(--accent);background:#c9a96108}
.faq-list{margin:30px 0}
.faq-item{border-bottom:1px solid #ffffff14}
.faq-item:first-child{border-top:1px solid #ffffff14}
.faq-item summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#ded6c7;font-size:13px;line-height:1.5}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .pm{font:22px var(--serif);color:var(--accent);transition:transform .35s;flex-shrink:0}
.faq-item[open] summary .pm{transform:rotate(45deg)}
.faq-body{font-size:12px;line-height:1.9;color:#b7ac98;padding:0 30px 26px 0}
.faq-body a{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}
@media(max-width:760px){.prose{font-size:13px}.prose h2{font-size:28px}.prose td,.prose th{padding:12px 6px;font-size:10px}.faq-item summary{font-size:12px;padding-block:22px}.faq-body{font-size:11px;padding-right:15px}}