.table-wrap{overflow-x:auto}.data-table{color:var(--text);border-collapse:collapse;width:100%;font-size:16px;text-align:left}.data-table th{font-weight:600;color:var(--muted)}.data-table th,.data-table td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table caption{color:var(--ink);text-align:left;padding-bottom:16px;font-size:16px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.metric{border-top:1px solid var(--line);padding-top:20px}.metric strong{display:block;font:800 42px/1.1 var(--sans);letter-spacing:-.04em;color:var(--ink);margin-bottom:12px}.metric span{font-size:16px;color:var(--muted)}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.activity-list{padding-left:22px;font-size:16px}.activity-list li{padding:9px 0}.step-list{padding-left:22px}.step-list li{padding:10px 0}.step-list li[aria-current]{font-weight:600;color:var(--accent)}.walkthrough{padding:32px;background:var(--panel);margin-top:40px}.walkthrough h2{font-size:32px}.walkthrough ol{padding-left:22px;margin-bottom:0}.walkthrough li{margin-block:12px}.media-frame{border:1px solid var(--line);margin:36px 0}.media-frame img{width:100%}.media-frame figcaption{padding:16px 20px;font-size:16px;color:var(--muted)}@media(max-width:600px){.metrics{gap:18px}.metric strong{font-size:34px}.walkthrough{padding:24px}}.demo-app{color:var(--text);font:400 16px/1.6 var(--sans);min-width:0;border-top:3px solid var(--control)}.demo-app *{min-width:0}.demo-app :where(.status,.field label,.field small,.metric span,.activity-list,.data-table){font-size:16px}.demo-app :where(h2,h3,h4){color:var(--ink);font-family:var(--sans);font-weight:800;letter-spacing:-.035em}.demo-app .button{font-size:16px;border-radius:2px;min-height:48px}.demo-app :where(input,select){color-scheme:dark;accent-color:var(--accent);border-radius:2px;font-size:16px}.demo-app :where(button,input,select,summary){scroll-margin-block:24px}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0}.demo-top h2,.demo-top h3{margin:0;font:800 clamp(24px,2.7vw,34px)/1.15 var(--sans);letter-spacing:-.035em}.demo-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px}.demo-sidebar,.demo-main{min-width:0}.demo-panel{padding:28px;background:var(--panel);margin:0 0 24px}.demo-panel h3{font-size:26px;margin-bottom:20px}.demo-notice{font-size:16px;padding:14px 0;border-top:1px solid var(--line);line-height:1.5;color:var(--muted);margin:0}.demo-app details{padding:0;border-top:1px solid var(--line);border-bottom:0}.demo-app summary{font:700 16px/1.5 var(--sans);min-height:58px;padding:16px 0;align-items:center}.demo-extra{margin-top:24px}.demo-extra>section,.demo-extra>.walkthrough{padding:28px;background:var(--panel)}.demo-extra .walkthrough{margin:0}.demo-extra .walkthrough>ol{margin-top:0}.demo-section{margin-top:32px}.demo-current-label{font-size:16px;color:var(--accent);font-weight:700;margin-bottom:8px}.demo-current-title{font:800 clamp(28px,3.1vw,44px)/1.15 var(--sans);letter-spacing:-.04em;margin:0 0 24px;max-width:750px}.demo-app .demo-feedback{background:transparent;border:0;padding:0;font-size:16px;line-height:1.55;margin:20px 0;color:var(--muted)}.demo-app .demo-feedback[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.demo-app .demo-error{color:var(--ink);background:var(--surface-raised);padding:18px;border:1px solid var(--accent)}.demo-app .controls{margin:24px 0}.demo-app .controls>.secondary{background:transparent}.demo-app :where(input,select)[aria-invalid=true]{border-color:var(--accent)}@media(max-width:959px){.demo-grid{grid-template-columns:1fr;gap:20px}.demo-top{padding-block:22px}}@media(max-width:600px){.demo-top{align-items:start;gap:18px;flex-wrap:wrap}.demo-panel{padding:20px}.demo-extra>section,.demo-extra>.walkthrough{padding:20px}.demo-current-title{font-size:30px}.demo-app .controls{gap:12px}.demo-app .controls>.button{width:100%}}.project-mark[data-astro-cid-23nvkkbm]{display:inline-flex;gap:13px;align-items:center;font-size:23px;font-weight:500;letter-spacing:-.035em}.project-mark[data-astro-cid-23nvkkbm].hearthwick{font-family:var(--serif);font-size:27px}.project-mark[data-astro-cid-23nvkkbm].spanward{letter-spacing:-.05em}.project-mark[data-astro-cid-23nvkkbm] svg[data-astro-cid-23nvkkbm]{flex-shrink:0}