/* Copyright 2026 Assistance.email Tous droits réservés. */
*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--surface:#f5f5f5;--fg:#000000;--muted:#8c8c8c;--border:#dbdbdb;--accent:#10b3d6;--accent-secondary:#04e2ff;--hero-start:#10b3d6;--hero-end:#1d2746;--footer-bg:#1d2746;--radius:8px;--radius-sm:6px;--shadow:0 1px 4px rgba(0,0,0,0.06);--shadow-lg:0 8px 32px rgba(0,0,0,0.08);--transition:200ms ease;--font-display:'Fira Sans',Arial,Helvetica,sans-serif;--font-body:'Roboto',Arial,Helvetica,sans-serif;--sidebar-width:200px}[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--fg:#f1f5f9;--muted:#94a3b8;--border:#334155;--shadow:0 1px 4px rgba(0,0,0,0.3);--shadow-lg:0 8px 32px rgba(0,0,0,0.4)}html{font-size:15px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:0 0 var(--radius) var(--radius);font-weight:600;font-size:.85rem;z-index:1000;transition:top .2s}.skip-link:focus{top:0;outline:0;box-shadow:0 0 0 3px rgba(16,179,214,.3)}.app-header{background:linear-gradient(135deg,var(--hero-start),var(--hero-end));color:#fff;padding:1.75rem 2rem 1.25rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,.15)}.app-header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;position:relative}.app-logo img{height:40px;width:auto;display:block}.app-header h1{font-family:var(--font-display);font-size:1.3rem;font-weight:700;letter-spacing:-.01em}.app-subtitle{font-size:.85rem;opacity:.75;width:100%;margin-top:-.35rem;font-weight:300}.header-right{display:flex;align-items:flex-start;gap:.5rem;margin-left:auto}.header-actions{display:flex;gap:.5rem;align-items:center}.header-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;font-family:var(--font-body);border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;white-space:nowrap;transition:var(--transition);text-decoration:none;line-height:1}.header-btn:hover{background:rgba(255,255,255,.18)}.header-btn svg{flex-shrink:0}.nav-tools{position:relative}.nav-tools-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;font-family:var(--font-body);line-height:1;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:var(--transition);white-space:nowrap}.nav-tools-btn:hover{background:rgba(255,255,255,.18)}.nav-tools-btn svg{flex-shrink:0}.nav-tools-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.4rem;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s ease;z-index:200}.nav-tools-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-tools-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;color:var(--fg);border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition)}.nav-tools-link:hover{background:var(--surface);text-decoration:none;color:var(--accent)}.nav-tools-link.active{background:rgba(16,179,214,.06);color:var(--accent);font-weight:600}.nav-tools-icon{font-size:1rem;line-height:1}.app-container{display:flex;max-width:1400px;margin:0 auto;padding:1.5rem;gap:1.5rem;min-height:calc(100vh - 140px)}.sidebar{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:100px;align-self:flex-start;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-inner{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.main-content{flex:1;min-width:0}.section-title{font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:1rem}.letter-nav{display:flex;flex-direction:column;gap:2px}.letter-nav-link{display:block;padding:.35rem .5rem;font-size:.82rem;font-weight:500;color:var(--muted);border-radius:var(--radius-sm);transition:var(--transition);text-decoration:none}.letter-nav-link:hover{background:var(--surface);color:var(--accent);text-decoration:none}.letter-nav-link.active{background:rgba(16,179,214,.06);color:var(--accent);font-weight:700}.glossary-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:1.25rem}.glossary-card:last-child{margin-bottom:0}.glossary-letter{background:linear-gradient(135deg,var(--hero-start),var(--hero-end));color:#fff;padding:.75rem 1.25rem;font-size:1.1rem;font-weight:700;letter-spacing:.02em}.glossary-items{padding:.5rem 0}.glossary-item{padding:.75rem 1.25rem;border-bottom:1px solid var(--border);transition:var(--transition)}.glossary-item:last-child{border-bottom:none}.glossary-item:hover{background:var(--surface)}.glossary-term{font-size:1rem;font-weight:700;color:var(--accent);margin-bottom:.2rem}.glossary-def{font-size:.88rem;color:var(--muted);line-height:1.6}.intro-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.25rem}.intro-card p{font-size:.95rem;color:var(--muted);line-height:1.6}.lexique-search{margin-bottom:1.25rem}.lexique-search input{width:100%;padding:.7rem 1rem;font-size:.9rem;font-family:var(--font-body);border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);transition:var(--transition);outline:0;box-shadow:var(--shadow)}.lexique-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,179,214,.12)}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--hero-end);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;transition:all .3s ease;z-index:999;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.app-footer{background:var(--footer-bg);color:rgba(255,255,255,.7);padding:1.5rem 2rem}.footer-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.app-footer nav{display:flex;gap:1.25rem}.app-footer a{color:rgba(255,255,255,.7)}.app-footer a:hover{color:#fff;text-decoration:none}.error-msg,.loading-msg{text-align:center;padding:3rem 1rem;color:var(--muted);font-size:.95rem}.glossary-card.hidden,.glossary-item.hidden{display:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header-btn:focus-visible,.nav-tools-btn:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media (max-width:1024px){.app-container{flex-direction:column}.sidebar{width:100%;position:static;max-height:none}.letter-nav{flex-direction:row;flex-wrap:wrap;gap:2px}.letter-nav-link{padding:.25rem .5rem;font-size:.8rem}}@media (max-width:640px){.app-header{padding:1.25rem 1rem}.app-header h1{font-size:1.05rem}.app-container{padding:1rem;gap:1rem}.glossary-item{padding:.65rem 1rem}.footer-inner{flex-direction:column;gap:.75rem;text-align:center}}@media print{.app-header,.header-actions,.letter-nav-link.active,.lexique-search,.nav-tools,.sidebar,.skip-link,.toast{display:none!important}.glossary-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc;margin-bottom:1rem}.app-container{display:block;padding:0}.main-content{max-width:100%}body{background:#fff;color:#000}.glossary-letter{background:#1d2746!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-footer{background:#1d2746!important;color:rgba(255,255,255,.7)!important;border-top:none}}