.standfirst{max-width:38rem;color:var(--color-mauve-700);font-size:1.15rem;margin-top:1rem!important}.demo-button{min-height:2.6rem;color:var(--color-paper);background:var(--color-plum-700);cursor:pointer;border:0;border-radius:.45rem;padding:.6rem 1rem;font:600 .86rem system-ui,sans-serif;box-shadow:0 .15rem #4b293b40}.demo-button:hover{background:#6a3a53}.demo-button:active{box-shadow:none;transform:translateY(.1rem)}.demo-button:disabled{cursor:wait;opacity:.65}.demo-button:focus-visible,.table-scroll:focus-visible{outline-offset:.2rem;outline:.1875rem solid #a64872}.timing-demo,.demo-panel{border:1px solid var(--color-pink-200);background:#ffffff6b;border-radius:.8rem;margin:1.5rem 0;padding:1rem}.stats{gap:.45rem;margin:1rem 0 0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem;display:grid}.stats>div{justify-content:space-between;gap:1rem;display:flex}.stats dt,.stats dd{margin:0}.stats dd{text-align:right;grid-template-columns:6rem 1rem 7rem;width:15rem;display:grid}.stat-heading{color:var(--color-mauve-700)}.table-scroll{border:1px solid var(--color-pink-200);border-radius:0 0 .8rem .8rem;margin:-1.5rem 0 1.5rem;overflow-x:auto}.responsive-article table{border-collapse:collapse;white-space:nowrap;width:100%;font-family:system-ui,sans-serif;font-size:.78rem}.responsive-article th,.responsive-article td{text-align:left;border-right:1px solid #dfc7d3;padding:.65rem .75rem}.responsive-article th:last-child,.responsive-article td:last-child{border-right:0}.responsive-article th{color:var(--color-mauve-700);background:var(--color-pink-100);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.todo-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.todo-list{background:var(--color-blush-50);border-radius:.55rem;flex-direction:column;min-height:17rem;padding:1rem;display:flex}.todo-list h3{margin:0 0 .75rem;font-size:1rem}.todo-items{height:9rem;overflow-y:auto}.todo-item{border-bottom:1px solid var(--color-pink-200);justify-content:space-between;align-items:center;min-height:2.4rem;padding:.5rem;font-size:.88rem;display:flex}.todo-item.pending{opacity:.55}.todo-button{width:100%;margin-top:auto}.spinner{border:.125rem solid #a17b8e;border-top-color:#0000;border-radius:50%;width:.85rem;height:.85rem;animation:.8s linear infinite responsive-spin}.demo-controls{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.content-card{background:var(--color-blush-50);border-radius:.55rem;min-height:15rem;padding:1rem}.loading-message{min-height:13rem;color:var(--color-mauve-700);place-items:center;display:grid}.skeleton{background:var(--color-pink-300);border-radius:.3rem;animation:.8s ease-in-out infinite alternate responsive-pulse}.skeleton-image,.loaded-image{border-radius:.35rem;place-items:center;width:100%;height:7.5rem;margin-bottom:.75rem;display:grid}.skeleton-text{height:1rem;margin-bottom:.55rem}.skeleton-text.short{width:80%}.loaded-image{color:var(--color-paper);background:var(--color-plum-700)}.content-card p{margin-bottom:.4rem}.content-card small{color:var(--color-mauve-700)}@keyframes responsive-spin{to{transform:rotate(1turn)}}@keyframes responsive-pulse{0%{opacity:.35}to{opacity:.7}}@media (prefers-color-scheme:dark){.standfirst,.stat-heading,.responsive-article th,.loading-message,.content-card small{color:var(--color-mauve-300)}.demo-button{color:var(--color-plum-900);background:var(--color-accent-light)}.demo-button:hover{background:#f0b8d1}.timing-demo,.demo-panel{background:var(--color-surface-dark-subtle);border-color:var(--color-plum-500)}.table-scroll,.responsive-article th,.responsive-article td,.todo-item{border-color:var(--color-plum-500)}.responsive-article th{background:var(--color-plum-800)}.todo-list,.content-card{background:#261c22}.skeleton{background:#745568}.loaded-image{color:var(--color-plum-900);background:var(--color-accent-light)}}@media (width<=40rem){.stats>div{display:block}.stats dd{width:100%;margin-top:.15rem}.stat-heading{display:none!important}.todo-columns{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.spinner,.skeleton{animation:none}}