.demo-screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.demo-screen-entry{display:block;min-height:150px;padding:20px 21px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.demo-screen-entry:hover{background:#f7fafb;border-color:#9aabb6;transform:translateY(-2px)}
.demo-screen-entry small{display:block;margin-bottom:18px;color:#a2772d;font-size:11px;font-weight:750;letter-spacing:.13em}
.demo-screen-entry b{display:block;font:600 19px/1.35 var(--serif);color:#17364b}
.demo-screen-entry span{display:block;margin-top:9px;color:var(--muted);font-size:12px}
.demo-disclosure{margin:15px 0 0;color:var(--muted);font-size:13px}
@media(max-width:920px){.demo-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.demo-screen-grid{grid-template-columns:1fr}.demo-screen-entry{min-height:0}}