/* WAI-ARIA reference: readable definitions and native progressive enhancement. */
.wa-stats { display:flex; flex-wrap:wrap; gap:22px 48px; margin-top:28px; padding-block:24px; border-block:1px solid var(--border); }
.wa-stats span { display:flex; flex-direction:column; color:var(--text-dim); font-size:.9rem; }
.wa-stats strong { color:var(--text); font-size:2.2rem; line-height:1.4; }
.wa-stats small { font-size:.8rem; }
.wa-filter-grid { display:grid; grid-template-columns:2fr 1fr; gap:18px; }
.wa-filter-grid>div { min-width:0; }
.wa-controls { margin-top:24px; }
.wa-entries { display:grid; grid-template-columns:1fr; }
.dg-page .wa-entry { margin:0; border-radius:0; border-width:0 0 1px; padding:0; background:var(--surface); }
.dg-page .wa-entry:first-child { border-top-width:1px; }
.dg-page .wa-entry summary { padding:19px 20px; line-height:1.7; min-height:60px; }
.dg-page .wa-entry[open]>summary { margin:0; border-bottom:1px solid var(--border); }
.wa-entry summary code { font-size:1rem; }
.wa-badge { font:500 .7rem/1.7 var(--mono); margin-left:14px; color:var(--accent-ink); }
.wa-category { display:block; color:var(--text-dim); font-size:.78rem; margin-left:22px; }
.wa-entry[data-use=abstract] summary,.wa-entry[data-use=deprecated] summary { border-left:3px solid var(--text-faint); }
.wa-entry-body { padding:25px; }
.wa-entry-body blockquote { border-left:3px solid var(--text-faint); padding-left:18px; margin:10px 0 22px; color:var(--text); line-height:1.8; }
.wa-excerpt-label { color:var(--text-dim); font: .72rem/1.7 var(--mono); }
.wa-practice { padding:16px 18px; background:var(--bg); border-radius:6px; line-height:1.8; margin-bottom:24px; }
.wa-entry-body h3 { margin:20px 0 12px; font-size:1rem; }
.wa-facts>div { display:grid; grid-template-columns:minmax(130px,24%) 1fr; gap:20px; padding:12px 0; border-top:1px solid var(--border); font-size:.87rem; line-height:1.8; }
.wa-facts dt { font-weight:650; }
.wa-facts dd { color:var(--text-dim); min-width:0; }
.wa-entry-links { font-size:.83rem; margin-top:20px; line-height:2.4; }
.wa-demos { margin-top:24px; align-items:start; }
.wa-demos button { margin-block:18px 8px; }
.wa-demo-content { border:1px solid var(--border); padding:14px; border-radius:6px; margin-block:12px; }
.wa-inspector { font: .75rem/1.8 var(--mono)!important; margin-block:12px; color:var(--text-dim); }
.wa-demos details { padding:14px; }
.wa-demos pre { font-size:.73rem; padding:12px; }
#wa-sources details { font-size:.83rem; }
@media(max-width:640px) {
 .wa-filter-grid { grid-template-columns:1fr; }
 .wa-facts>div { grid-template-columns:1fr; gap:4px; }
 .wa-entry-body { padding:19px; }
 .wa-badge { display:block; margin-left:22px; }
 .wa-stats { gap:20px 30px; }
}
@media print {
 .wa-controls,.wa-demos button { display:none!important; }
 .wa-entry,.wa-entry-body,.wa-entry summary,.wa-facts dd,.wa-category,.wa-badge { color:#111!important; background:#fff!important; }
 .wa-entry { break-inside:auto; }
 .wa-entry summary { break-after:avoid; }
 .wa-entry::details-content,#wa-license::details-content,.wa-demos details::details-content { display:block; content-visibility:visible; }
 .wa-entry-body { display:block!important; }
 .wa-facts>div { break-inside:avoid; }
 .wa-stats { gap:20px; }
}