.iconography-intro{border-top:0;border-bottom:1px solid var(--border);grid-template-columns:1fr 1.1fr;gap:72px;margin:72px 0 0;padding:44px 0;display:grid}.iconography-intro>div>span{color:var(--viva-violet);font-size:var(--text-small);font-weight:800}.iconography-intro h2{font-size:var(--text-h3);letter-spacing:-.03em;margin:12px 0}.iconography-intro p{max-width:58ch;color:var(--ink-soft);font-size:var(--text-body);margin:0;line-height:1.65}.iconography-intro dl{grid-template-columns:repeat(2,1fr);margin:0;display:grid}.iconography-intro dl>div{border:1px solid var(--border);flex-direction:column;justify-content:space-between;min-height:92px;margin:-1px 0 0 -1px;padding:16px;display:flex}.iconography-intro dt{color:var(--muted);font-size:var(--text-small);font-weight:700}.iconography-intro dd{font-size:var(--text-body);margin:0;font-weight:700}.icon-section{border-bottom:1px solid var(--border)}.icon-inventory{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.icon-inventory article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0;min-height:112px;transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;justify-content:space-between;gap:20px;padding:16px;display:flex}.icon-inventory article:hover{color:var(--viva-violet);background:var(--surface)}.icon-inventory code{color:var(--ink-soft);font-family:inherit;font-size:var(--text-small);text-overflow:ellipsis;font-weight:650;overflow:hidden}.icon-usage{border-radius:var(--radius-md);background:var(--viva-navy);color:#fff;grid-template-columns:.75fr 1.25fr;align-items:start;gap:40px;margin-top:72px;padding:44px;display:grid}.icon-usage h2{font-size:var(--text-h3);letter-spacing:-.03em;margin:0 0 12px}.icon-usage p{color:#c8d5e4;margin:0;line-height:1.65}.icon-usage ul{color:#d8e2ee;font-size:var(--text-small);grid-template-columns:repeat(2,1fr);gap:12px 24px;margin:0;padding:0;line-height:1.5;list-style:none;display:grid}.icon-usage li:before{content:"·";color:var(--viva-cyan);margin-right:8px;font-weight:900}@media (max-width:1180px){.icon-inventory{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.iconography-intro,.icon-usage{grid-template-columns:1fr}.icon-inventory{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.iconography-intro{gap:32px;margin-top:52px}.iconography-intro dl{grid-template-columns:1fr}.icon-inventory{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-inventory article{min-height:96px}.icon-usage{gap:28px;margin-top:52px;padding:28px 24px}.icon-usage ul{grid-template-columns:1fr}}.iconography-intro dl,.icon-inventory{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.icon-usage .button{width:max-content;color:var(--viva-navy);background:#fff;grid-column:2}@media (max-width:900px){.icon-usage .button{grid-column:1}}