.glossary-page{--category-offset:180px}
.glossary-intro{padding:64px 0 36px;max-width:900px}
.glossary-intro h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.16;margin:18px 0 24px}
.glossary-subtitle{font-size:1.25rem;line-height:1.6;color:#d4e4ee;max-width:750px}
.glossary-intro .glossary-description{color:var(--muted);font-size:1rem;line-height:1.75;max-width:760px;margin-top:20px}
.glossary-nav{position:sticky;top:76px;z-index:30;background:#0b1017f5;backdrop-filter:blur(16px);border-block:1px solid #a6e7fb26;padding:14px 0}
.glossary-categories{display:flex;flex-wrap:wrap;gap:10px}
.glossary-category{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--category) 48%,transparent);border-radius:8px;color:var(--category);background:color-mix(in srgb,var(--category) 6%,#0b1017);font-size:.875rem;font-weight:600;line-height:1.4;transition:background 180ms,box-shadow 180ms}
.glossary-category:hover{background:color-mix(in srgb,var(--category) 17%,#0b1017)}
.glossary-category[aria-current="location"]{color:#0b1017;background:var(--category);border-color:var(--category);box-shadow:inset 0 -3px 0 #0004}
.glossary-category span{font-size:.75rem;font-family:"Agora Mono",monospace;opacity:.8}
.glossary-principle{margin:36px 0;padding:28px 32px;border:1px solid #e6cb9144;border-radius:10px;background:#24231d}
.glossary-principle h2{font-size:1.5rem;line-height:1.3;color:#e6cb91;margin-bottom:12px}
.glossary-principle p,.glossary-status-note{font-size:1rem;line-height:1.75;color:#cbd3de;max-width:88ch}
.glossary-status-note{margin-bottom:20px}
.glossary-section{padding:44px 0 20px;scroll-margin-top:var(--category-offset)}
.glossary-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid color-mix(in srgb,var(--category) 35%,transparent);padding-bottom:20px;margin-bottom:24px}
.glossary-section-heading h2{color:var(--category);font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.3}
.glossary-count{color:var(--muted);font-family:"Agora Mono",monospace;font-size:.875rem;white-space:nowrap}
.glossary-section-intro{color:var(--muted);font-size:1rem;line-height:1.7;max-width:80ch;margin-bottom:24px}
.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.glossary-card{min-width:0;padding:28px;border:1px solid color-mix(in srgb,var(--category) 28%,transparent);border-top:3px solid var(--category);border-radius:10px;background:linear-gradient(#a5d3e906 1px,transparent 1px),linear-gradient(90deg,#a5d3e906 1px,transparent 1px),#12202c;background-size:30px 30px;scroll-margin-top:var(--category-offset)}
.glossary-card h3{font-size:1.4rem;line-height:1.35;margin:16px 0 20px;color:#f0f6fa}
.glossary-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.glossary-card p{font-size:1rem;line-height:1.7;color:#cbd3de;margin:10px 0 0}
.glossary-card p strong{display:block;font-size:.875rem;color:var(--category);margin-bottom:5px}
.glossary-badge{display:inline-block;font-size:.75rem;line-height:1.5;letter-spacing:.025em;border:1px solid #ffffff30;color:#c6ced9;border-radius:5px;padding:4px 8px}
.glossary-badge[data-status="Disponible"]{color:#a6ddc4;border-color:#a6ddc44d}
.glossary-badge[data-status="Decisión arquitectónica"]{color:#e6cb91;border-color:#e6cb914d}
.glossary-card-wide{grid-column:1/-1}
.glossary-card-wide p{max-width:90ch}
.glossary-related{margin:44px 0 64px;padding-top:24px;border-top:1px solid #a6e7fb26;display:flex;gap:24px;flex-wrap:wrap;color:#9cdcf2;font-size:1rem}
@media(max-width:760px){.glossary-intro{padding:40px 0 28px}.glossary-subtitle{font-size:1.125rem}.glossary-nav{top:68px;padding:10px 0}.glossary-categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#91d9ed66 transparent}.glossary-category{flex:none;white-space:nowrap}.glossary-grid{grid-template-columns:1fr;gap:20px}.glossary-card{padding:24px 20px}.glossary-principle{padding:24px 20px}.glossary-section{padding-top:32px}.glossary-section-heading{align-items:start;gap:12px}.glossary-count{padding-top:7px}.glossary-related{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){.glossary-page{scroll-behavior:auto}.glossary-category{transition:none}}