.glossary{--glossary-border: rgba(15, 23, 42, .08);--glossary-highlight: #2563eb;margin-top:3rem;padding:2rem;background:linear-gradient(180deg,#2563eb0d,#0f172a08);border:1px solid var(--glossary-border);border-radius:1.5rem;backdrop-filter:blur(6px)}.glossary__header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.glossary__heading{font-size:1.5rem;font-weight:700;color:#0f172a}.dark .glossary__heading{color:#f8fafc}.glossary__description{margin:0;color:#475569;line-height:1.6}.dark .glossary__description{color:#cbd5f5}.glossary__search{position:relative;margin-bottom:1.5rem}.glossary__search label{display:block;font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.dark .glossary__search label{color:#e2e8f0}.glossary__search input[type=search]{width:100%;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--glossary-border);background:#fff;font-size:1rem;transition:border .15s ease,box-shadow .15s ease}.dark .glossary__search input[type=search]{background:#0f172a;border-color:#94a3b84d;color:#e2e8f0}.glossary__search input[type=search]:focus{outline:none;border-color:#2563eb73;box-shadow:0 0 0 3px #2563eb26}.glossary__results[aria-live=polite]{display:block;font-size:.875rem;color:#475569;margin-bottom:1.5rem}.dark .glossary__results[aria-live=polite]{color:#94a3b8d9}.glossary__categories{display:grid;gap:1rem}.glossary__category{border-radius:1rem;border:1px solid var(--glossary-border);background:#fff;padding:1rem 1.25rem;transition:transform .15s ease,box-shadow .15s ease}.dark .glossary__category{background:#0f172acc;border-color:#94a3b840}.glossary__category:hover,.glossary__category:focus-within{transform:translateY(-2px);box-shadow:0 12px 20px #2563eb14}.glossary__category-heading{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#1e293b}.dark .glossary__category-heading{color:#f1f5f9}.glossary__term{position:relative;padding-left:1.5rem;margin-bottom:.75rem}.glossary__term:last-child{margin-bottom:0}.glossary__term:before{content:"";position:absolute;top:.35rem;left:.25rem;width:.5rem;height:.5rem;border-radius:999px;background:#2563eb40}.glossary__term-name{font-weight:600;color:#0f172a}.dark .glossary__term-name{color:#e2e8f0}.glossary__term-definition{margin:.25rem 0 0;color:#475569;line-height:1.6}.dark .glossary__term-definition{color:#cbd5f5}.glossary__term-meta{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.glossary__chip{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;background:#2563eb1f;color:#1d4ed8}.dark .glossary__chip{background:#60a5fa2e;color:#bfdbfe}.glossary__chip--seo{background:#22c55e1f;color:#15803d}.dark .glossary__chip--seo{background:#4ade802e;color:#bbf7d0}.glossary__chip--ux{background:#a855f71f;color:#7c3aed}.dark .glossary__chip--ux{background:#c4b5fd2e;color:#ddd6fe}.glossary__chip--technical{background:#fb923c1f;color:#ea580c}.dark .glossary__chip--technical{background:#fed7aa2e;color:#fed7aa}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:1.5rem}.breadcrumb a{color:#64748b;text-decoration:none;transition:color .15s ease}.breadcrumb a:hover{color:#2563eb}.dark .breadcrumb a{color:#94a3b8}.dark .breadcrumb a:hover{color:#60a5fa}.breadcrumb li:not(:first-child):before{content:"/";margin:0 .5rem;color:#cbd5e1}.dark .breadcrumb li:not(:first-child):before{color:#475569}.related-articles{margin-top:3rem;padding:1.5rem;background:#f8fafce6;border-radius:1rem;border:1px solid rgba(15,23,42,.08)}.dark .related-articles{background:#1e293be6;border-color:#94a3b840}.related-articles h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#0f172a}.dark .related-articles h3{color:#f8fafc}.related-articles ul{list-style:none;padding:0;margin:0}.related-articles li{margin-bottom:.5rem}.related-articles a{color:#2563eb;text-decoration:none;transition:color .15s ease}.related-articles a:hover{color:#1d4ed8;text-decoration:underline}.dark .related-articles a{color:#60a5fa}.dark .related-articles a:hover{color:#93c5fd}@media (min-width: 640px){.glossary{padding:2.5rem 3rem}.glossary__heading{font-size:1.75rem}.glossary__categories{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (min-width: 1024px){.glossary{padding:3rem}}