/* standards.css — layout for the Standards Explorer (Empowered brand) */

.kicker-row { display: flex; flex-wrap: wrap; gap: var(--space-8); margin: var(--space-8) 0 var(--space-6); }
.kicker-row .k-n { font-family: var(--font-display); font-weight: var(--fw-extrabold); font-size: var(--text-3xl); color: var(--brand-teal); display: block; line-height: 1; }
.kicker-row .k-l { font-family: var(--font-display); font-size: var(--text-xs); font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-muted); margin-top: 4px; display: block; }

/* bands */
.band-card { padding: var(--space-6); }
.band-card .band-num { font-family: var(--font-display); font-size: var(--text-xs); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--brand-magenta); margin-bottom: var(--space-2); }
.band-card h3 { font-size: var(--text-lg); margin-bottom: var(--space-2); }
.band-card p { font-size: var(--text-sm); margin: 0; }

/* anchors */
.anchor-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-6); margin-top: var(--space-8); }
@media (max-width: 820px) { .anchor-grid { grid-template-columns: 1fr; } }
.anchor-card { scroll-margin-top: 90px; }
.anchor-card.hidden { display: none; }
.anchor-head { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-3); }
.anchor-head h3 { margin: 0; font-size: var(--text-xl); }
.exp-list { margin-top: var(--space-5); border-top: 1px solid var(--border); padding-top: var(--space-4); }
.exp-label { font-family: var(--font-display); font-size: var(--text-xs); font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-muted); margin-bottom: var(--space-3); }
.exp-row { display: grid; grid-template-columns: 92px 1fr; gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px dashed var(--border); align-items: start; }
.exp-row:last-child { border-bottom: none; }
.exp-row.hidden { display: none; }
.exp-row p { margin: 0; font-size: var(--text-sm); color: var(--text-body); line-height: 1.5; }
.exp-row .chip { align-self: start; }

/* dimensions */
.dim-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8); margin-top: var(--space-8); align-items: start; }
@media (max-width: 860px) { .dim-grid { grid-template-columns: 1fr; gap: var(--space-6); } }
.dim-col h3 { font-size: var(--text-lg); padding-bottom: var(--space-3); border-bottom: 2px solid var(--border); margin-bottom: var(--space-3); }
details.dim-item { border-bottom: 1px solid var(--border); padding: var(--space-2) 0; }
details.dim-item summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; font-size: var(--text-sm); color: var(--text-body); padding: var(--space-1) 0; }
details.dim-item summary::-webkit-details-marker { display: none; }
details.dim-item summary::after { content: "+"; margin-left: auto; color: var(--brand-teal); font-family: var(--font-mono); font-weight: 600; }
details.dim-item[open] summary::after { content: "–"; }
details.dim-item summary b { color: var(--text-strong); font-weight: var(--fw-semibold); }
details.dim-item p { margin: var(--space-2) 0 var(--space-2); font-size: var(--text-sm); color: var(--text-muted); line-height: 1.55; padding-left: 2px; }