
.list-detail-page{background:#f5f5f7;color:#111;min-height:100vh}
.list-detail-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:42px 0 80px}
.list-breadcrumb{display:flex;gap:7px;align-items:center;font-size:9px;color:#888;margin-bottom:22px}
.list-breadcrumb a{color:inherit}
.list-detail-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.list-hero-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;border-radius:26px;overflow:hidden;aspect-ratio:1.15/1;background:#ddd}
.list-hero-mosaic img{width:100%;height:100%;object-fit:cover;display:block}
.list-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:16px 4px}
.list-hero-copy .eyebrow{font-size:9px;font-weight:900;letter-spacing:.12em;color:#777}
.list-hero-copy h1{font-size:clamp(48px,6vw,76px);line-height:.92;letter-spacing:-.065em;margin:10px 0 15px}
.list-hero-copy>p{font-size:14px;line-height:1.55;color:#717178;max-width:520px;margin:0}
.list-author-row{display:flex;align-items:center;gap:10px;margin-top:22px}
.list-author-row img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.list-author-row strong,.list-author-row span{display:block}
.list-author-row strong{font-size:11px}.list-author-row span{font-size:8px;color:#888;margin-top:3px}
.list-hero-actions{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}
.list-hero-actions button{border:1px solid #ddd;background:#fff;border-radius:999px;padding:10px 14px;font-size:9px;font-weight:900;cursor:pointer}
.list-hero-actions .primary{background:#111;color:#fff;border-color:#111}
.list-meta-line{display:flex;gap:12px;margin-top:13px;font-size:8px;color:#929299}
.list-items-section{padding-top:54px}
.list-items-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.list-items-head h2{font-size:34px;letter-spacing:-.05em;margin:5px 0 0}
.list-items-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.list-vouch-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:22px;overflow:hidden}
.list-vouch-media{position:relative;aspect-ratio:4/5;background:#111}
.list-vouch-media img,.list-vouch-media video{width:100%;height:100%;object-fit:cover;display:block}
.list-vouch-badge{position:absolute;top:13px;left:13px;background:#111;color:#fff;border-radius:999px;padding:8px 10px;font-size:8px;font-weight:900;letter-spacing:.08em}
.list-vouch-body{padding:17px}
.list-vouch-body small{font-size:8px;font-weight:900;letter-spacing:.1em;color:#666}
.list-vouch-body h3{font-size:20px;letter-spacing:-.04em;margin:8px 0 6px}
.list-vouch-body p{font-size:10px;line-height:1.45;color:#85858c;min-height:44px;margin:0}
.list-card-actions{display:flex;gap:6px;margin-top:16px}
.list-card-actions button{flex:1;border:1px solid #e1e1e5;background:#fff;border-radius:999px;min-height:34px;font-size:8px;font-weight:900;cursor:pointer}
.list-card-actions .vouch{background:#111;color:#fff;border-color:#111}
.list-more{display:flex;justify-content:center;margin-top:22px}.list-more button{border:1px solid #ddd;background:#fff;border-radius:999px;padding:11px 18px;font-size:9px;font-weight:900}
.list-footer-note{margin-top:62px;padding:28px;border-radius:22px;background:#111;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}
.list-footer-note h3{font-size:28px;letter-spacing:-.04em;margin:0 0 5px}.list-footer-note p{font-size:10px;color:#bbb;margin:0}
.list-footer-note a{background:#fff;color:#111;border-radius:999px;padding:11px 15px;font-size:9px;font-weight:900;white-space:nowrap}
@media(max-width:900px){.list-detail-hero{grid-template-columns:1fr}.list-items-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.list-detail-shell{width:calc(100% - 20px);padding-top:26px}.list-hero-copy h1{font-size:48px}.list-items-grid{grid-template-columns:1fr 1fr;gap:9px}.list-vouch-card{border-radius:16px}.list-vouch-body{padding:12px}.list-vouch-body h3{font-size:16px}.list-card-actions{flex-direction:column}.list-footer-note{align-items:flex-start;flex-direction:column}}
