.demo-page{padding-bottom:70px}
.dm-filter{position:sticky;top:80px;z-index:14;display:flex;gap:8px;overflow:auto;padding:14px 0;background:var(--paper);border-bottom:1px solid var(--ink)}
.dm-filter button{white-space:nowrap;border:1px solid var(--line);background:var(--paper);padding:9px 12px;cursor:pointer;font-size:.65rem;font-weight:800;color:var(--ink)}
.dm-filter button:hover,.dm-filter button.active{background:var(--ink);border-color:var(--ink);color:var(--paper-2)}
.dm-summary{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0 10px;color:var(--muted);font:700 .6rem/1.5 var(--mono)}.dm-summary b{color:var(--ink)}
.dm-main{padding:16px 0 30px}.dm-group{padding:44px 0;border-bottom:1px solid var(--ink)}.dm-group.hidden{display:none}.dm-group-head{display:grid;grid-template-columns:160px 1fr;gap:28px;align-items:end;margin-bottom:18px}.dm-group-head small{font:800 .55rem/1.2 var(--mono);letter-spacing:.1em;color:var(--red-dark)}.dm-group-head h2{margin:0;font:600 clamp(2rem,4vw,3.8rem)/.95 var(--serif);letter-spacing:-.05em}
.dm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}.dm-card{min-height:260px;padding:24px;background:var(--paper-2);display:flex;flex-direction:column}.dm-card:hover{background:#fffaf2;color:var(--ink)}.dm-card-top{display:flex;justify-content:space-between;gap:16px}.dm-card-top small,.dm-card-top em{font:800 .5rem/1.25 var(--mono);letter-spacing:.06em;color:var(--muted);font-style:normal}.dm-card-top em{color:var(--green)}.dm-card h3{margin:32px 0 11px;font:600 1.8rem/1.02 var(--serif);letter-spacing:-.035em}.dm-card p{margin:0;color:var(--muted);font-size:.72rem}.dm-card-flow{display:flex;align-items:center;gap:7px;margin-top:20px;color:var(--muted);font:700 .55rem/1 var(--mono)}.dm-card-flow i{font-style:normal;color:var(--red-dark)}.dm-open{margin-top:auto;padding-top:24px;font-size:.7rem}.dm-card.unfeatured{display:none}
body[data-demo-filter="all"] .dm-card.unfeatured,body[data-demo-filter="works"] .dm-card.unfeatured,body[data-demo-filter="書類・入力"] .dm-card.unfeatured,body[data-demo-filter="売る・お店"] .dm-card.unfeatured,body[data-demo-filter="写真・動画・音"] .dm-card.unfeatured,body[data-demo-filter="片付け・PC"] .dm-card.unfeatured,body[data-demo-filter="調べる・文章"] .dm-card.unfeatured,body[data-demo-filter="開発・自動化"] .dm-card.unfeatured{display:flex}
@media(max-width:900px){.dm-grid{grid-template-columns:repeat(2,1fr)}.dm-filter{top:102px}}@media(max-width:620px){.dm-grid{grid-template-columns:1fr}.dm-group-head{grid-template-columns:1fr;gap:8px}.dm-card{min-height:220px}}