.mockup-archive{margin:38px 0 28px}.mockup-archive h2{font-size:24px;margin:0 0 8px}.mockup-archive>p{font-size:13px;line-height:1.7;color:#56665e;margin:0 0 18px}.mockup-archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}.mockup-archive-card{padding:16px;border:1px solid #dde5e1;border-radius:14px;background:#fff}.mockup-archive-card h3{font-size:16px;margin:0 0 5px;color:#123d2b}.mockup-archive-card time{display:block;font-size:12px;color:#65746c;margin-bottom:12px}.mockup-archive-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mockup-archive-pair figure{margin:0}.mockup-archive-pair a{display:block;background:#f4f7f5;border-radius:9px;overflow:hidden}.mockup-archive-pair img{display:block;width:100%;height:260px;object-fit:contain}.mockup-archive-pair figcaption{font-size:12px;color:#385449;margin-top:6px}.mockup-archive-card>p{font-size:12px;line-height:1.6;color:#75623d;margin:10px 0 0}@media(max-width:600px){.mockup-archive-grid{grid-template-columns:1fr}.mockup-archive-pair img{height:190px}}