.demo-shell{min-height:100vh}.demo-header{background:#fff;border-bottom:1px solid #dce1e7;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(18px,4vw,60px);display:flex}.demo-main{max-width:1350px;margin:auto;padding:36px 24px}.demo-main>h1{margin:12px 0 24px;font-family:Georgia,serif;font-size:clamp(32px,4vw,52px);font-weight:400}.demo-notice{background:#edf0f4;border-left:4px solid #a63842;margin-bottom:26px;padding:18px 22px;line-height:1.7}.demo-filters{background:#fff;border:1px solid #dce1e7;border-radius:12px;flex-wrap:wrap;align-items:end;gap:18px;padding:22px;display:flex}.demo-filters>.field{width:145px}.demo-filters>.demo-search{flex:1;min-width:220px}.demo-count{color:#526071;margin:20px 0;font-size:14px}.demo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.demo-card{background:#fff;border:1px solid #dce1e7;border-radius:12px;overflow:hidden}.demo-open{text-align:left;width:100%;padding:0;display:block}.demo-open:hover{background:#fafafb}.demo-portrait{aspect-ratio:1;background-color:#e1e6ec;background-repeat:no-repeat;width:100%}.demo-label{text-align:center;color:#fff;letter-spacing:.3px;background:#182b42;padding:8px;font-size:12px;font-weight:700;display:block}.demo-card-copy{padding:18px}.demo-card h2{font-size:20px;line-height:1.4}.demo-card p{color:#526071;margin:8px 0;font-size:14px}.demo-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.demo-details{color:#a63842;margin-top:14px;font-size:14px;font-weight:600;display:block}.demo-empty{text-align:center;padding:40px}.demo-dialog{max-height:90vh;overflow:auto}.demo-dialog>.demo-portrait{border-radius:10px;max-width:340px;margin:auto}.demo-interests{flex-wrap:wrap;gap:8px;display:flex}.demo-unavailable{color:#526071;background:#edf0f4;padding:12px;font-size:14px}@media (max-width:1000px){.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-main{padding:28px 16px}.demo-header{flex-wrap:wrap;padding:18px 16px}.demo-filters{gap:12px;padding:16px}.demo-filters>.field{width:calc(50% - 6px)}.demo-filters>.demo-search{order:3;min-width:100%}.demo-card-copy{padding:12px}.demo-card h2{font-size:18px}.demo-label{letter-spacing:0;font-size:12px}.demo-notice{padding:16px;font-size:15px}}@media (max-width:390px){.demo-grid{grid-template-columns:1fr}}