/* Backlog in the tour follows the desktop's combined local and Spec Kit view. */
.demo-work-filters{display:flex;gap:6px;margin:0 0 9px;flex-wrap:wrap}
.demo-work-filters button{border:1px solid #d7e4ea;border-radius:7px;background:#f6f9fa;color:#557286;padding:7px 10px;font:700 9px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;cursor:pointer}
.demo-work-filters button span{margin-left:6px;color:#819baa}
.demo-work-filters button.active{background:#dcecf1;border-color:#accbd6;color:#274e62}
.demo-work-filters button:hover,.demo-work-list button:hover{border-color:#8db2c0}
.demo-work-filters button:focus-visible,.demo-work-list button:focus-visible{outline:2px solid #4a8ca6;outline-offset:2px}
.demo-work-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:9px;min-height:278px}
.demo-work-layout>.demo-card{min-height:278px}
.demo-work-list{padding:8px!important}
.demo-work-list button{display:block;width:100%;margin:0 0 5px;padding:9px 11px;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:#36596d;cursor:pointer}
.demo-work-list button.active{background:#eaf3f6;border-color:#c5dce3}
.demo-work-list button>span{display:flex;justify-content:space-between;gap:8px;align-items:center}
.demo-work-list button em{font-size:7px;font-weight:800;font-style:normal;letter-spacing:.12em;color:#638fa0}
.demo-work-list button b{display:block;margin:5px 0 2px;font-size:11px;color:#304e60}
.demo-work-list button small{font-size:8px;color:#839da9}
.demo-work-detail{padding:17px 19px!important}
.demo-work-detail [data-demo-work-detail]>h3{font-size:17px;letter-spacing:-.035em;color:#31556b;margin:10px 0 4px}
.demo-work-detail [data-demo-work-detail]>p{font-size:9px;line-height:1.45;color:#718a98;margin:0 0 12px}
.demo-work-facts{display:flex;gap:5px;flex-wrap:wrap}
.demo-work-facts span{padding:7px 8px;border-radius:5px;background:#edf4f6;color:#627f8e;font-size:8px}
.demo-work-facts b{font-size:10px;color:#365e70}
.demo-work-requirement{display:flex;gap:8px;align-items:flex-start;margin:12px 0 10px;padding:9px 10px;border-left:2px solid #88b6ad;background:#f0f7f6;color:#587381;font-size:9px;line-height:1.4}
.demo-work-requirement b{color:#386c71;white-space:nowrap}
.demo-work-files{display:flex;gap:5px;flex-wrap:wrap}
.demo-work-files span{padding:5px 7px;border:1px solid #d5e4e7;border-radius:4px;background:#f8fafb;color:#618191;font:8px ui-monospace,SFMono-Regular,Consolas,monospace}
.demo-work-caption{display:block;margin-top:10px;color:#7b98a5;font-size:8px}
.demo-work-list button[hidden],.demo-work-detail [hidden]{display:none!important}
html[data-theme="dark"] .demo-work-filters button{background:#203849;border-color:#426174;color:#c5dbe3}
html[data-theme="dark"] .demo-work-filters button.active{background:#31586a;border-color:#628d9d;color:#eff8f7}
html[data-theme="dark"] .demo-work-filters button span,html[data-theme="dark"] .demo-work-list button small,html[data-theme="dark"] .demo-work-caption{color:#a2bdc9}
html[data-theme="dark"] .demo-work-list button{color:#e0edf0}
html[data-theme="dark"] .demo-work-list button.active{background:#294858;border-color:#4e7486}
html[data-theme="dark"] .demo-work-list button b,html[data-theme="dark"] .demo-work-detail h3{color:#ecf6f5}
html[data-theme="dark"] .demo-work-detail p{color:#b2cad4}
html[data-theme="dark"] .demo-work-facts span,html[data-theme="dark"] .demo-work-requirement{background:#254354;color:#c3dbe1}
html[data-theme="dark"] .demo-work-facts b,html[data-theme="dark"] .demo-work-requirement b{color:#b6e3d4}
html[data-theme="dark"] .demo-work-files span{background:#1e3647;border-color:#496779;color:#bdd6e0}
@media(max-width:700px){.demo-work-layout{grid-template-columns:1fr;min-height:0}.demo-work-layout>.demo-card{min-height:0}.demo-work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.demo-work-list button{margin:0}.demo-work-detail{min-height:225px!important}}
@media(max-width:430px){.demo-work-filters button{padding:6px 8px;font-size:8px}.demo-work-list{grid-template-columns:1fr}.demo-work-list button{padding:7px 9px}.demo-work-detail{padding:13px!important;min-height:0!important}}