@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#eef4f0;--surface:#fff;--ink:#173a40;--muted:#5b7a7a;--line:#dbe7e2;--line2:#bcd2cc;--accent:#328f97;--accent2:#4fb8b2;--accent-ink:#1f5a60;--accent-bg:#e2f3f0;--ink-dark:#0e2a2e;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Fraunces", Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.wrap{max-width:1000px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(18px,5vw,40px) 80px}.head{align-items:center;gap:11px;margin-bottom:34px;display:flex}.head svg{width:34px;height:34px}.head .name{font-family:var(--display);letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.72rem}h1{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .3em;font-size:clamp(1.9rem,5vw,2.9rem);font-weight:700;line-height:1.06}.lede{color:var(--muted);max-width:60ch;margin:0 0 34px;font-size:clamp(1rem,2.2vw,1.2rem)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:16px;flex-direction:column;gap:8px;padding:22px 24px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.card:hover{border-color:var(--line2);transform:translateY(-2px);box-shadow:0 8px 24px #173a4014}.card .top{align-items:center;gap:8px;display:flex}.card h2{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:700}.card p{color:var(--muted);margin:0;font-size:.94rem}.card .meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:.68rem;display:flex}.tag{border:1px solid var(--line2);background:var(--accent-bg);color:var(--accent-ink);border-radius:999px;padding:2px 9px;font-weight:600}.lang{background:var(--ink);color:#fff;border-radius:6px;padding:2px 7px;font-weight:700}.lang.fr{background:var(--accent)}.state{color:var(--muted);font-family:var(--mono);font-size:.85rem}.err{color:#c0392b}.viewer{background:var(--ink-dark);flex-direction:column;display:flex;position:fixed;inset:0}.bar{background:var(--ink-dark);color:#eaf5f2;border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;padding:8px 14px;display:flex}.bar a{font-family:var(--sans);cursor:pointer;color:#eaf5f2;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;padding:5px 11px;font-size:.84rem;font-weight:600;text-decoration:none}.bar a:hover{background:#ffffff29}.bar .t{font-family:var(--display);margin-right:auto;font-size:.98rem;font-weight:700}.bar .hint{font-family:var(--mono);color:#7fa8a4;font-size:.68rem}.viewer iframe{background:var(--bg);border:0;flex:1;width:100%}