.catch-demo-notice{background:#eef3f7;padding:28px 32px;margin-bottom:30px;border-left:3px solid var(--orange)}.demo-badge{font-size:10px;background:var(--orange);color:#fff;padding:4px 9px}.catch-demo-notice h2{font:600 26px var(--serif);margin:16px 0}.catch-demo-notice p{font-size:12px;margin:6px 0;color:#526477}.demo-actions{display:flex;align-items:center;gap:25px;margin-top:20px;flex-wrap:wrap}.demo-actions .button{font-size:12px;min-height:46px;padding:12px 20px}.catch-preview-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;background:#eef3f7;margin-bottom:26px}.catch-preview-link p{font-size:12px;margin:0}.catch-list-meta{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:12px;font-size:12px;color:var(--muted)}.catch-list-meta p{margin:0}.catch-list-meta strong{color:var(--ink);font-size:18px;padding:0 4px}.catch-list-grid{row-gap:35px}.catch-list-grid h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:65px}.catch-list-grid p{min-height:47px}.catch-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1.92;background:#e8edf2;color:#738595;gap:10px}.catch-placeholder b{font:24px var(--serif);letter-spacing:.18em}.catch-placeholder small{font-size:10px;letter-spacing:.08em}.catch-card.demo-card .tag{font-size:9px;color:#b04921;border:1px solid #e6c4b6;padding:2px 5px}.catch-pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:48px}.page-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);background:#fff;font-size:13px}.page-link.current{background:var(--navy);color:#fff;border-color:var(--navy)}.page-direction{width:auto;padding:0 18px}.demo-detail-notice{background:#fff1e8;color:#994820;padding:20px 25px;font-size:13px;margin-bottom:25px}.demo-article-note{font-size:11px;color:var(--muted);margin:20px 0}
@media(max-width:760px){.catch-demo-notice{padding:23px 20px}.catch-demo-notice h2{font-size:23px;line-height:1.6}.catch-demo-notice p{font-size:11px}.demo-actions{gap:17px}.catch-preview-link{display:block;padding:20px}.catch-preview-link .text-link{display:inline-block;margin-top:12px}.catch-list-meta{font-size:10px}.catch-list-grid{gap:30px}.catch-list-grid h3{min-height:0;font-size:20px}.catch-list-grid p{min-height:0}.catch-placeholder{aspect-ratio:1.65}.page-link{width:39px;height:39px;font-size:12px}.page-direction{width:auto;padding:0 11px}.catch-pagination{gap:7px;margin-top:35px}.demo-detail-notice{padding:20px;font-size:12px}}
.catch-filter{display:flex;align-items:end;gap:18px;padding:25px;background:#eef3f7;margin-bottom:30px}.catch-filter label{display:block;font-size:12px;margin-bottom:8px;font-weight:600}.catch-filter select{font:inherit;font-size:14px;background:#fff;color:var(--ink);border:1px solid #b8c5cf;border-radius:0;min-height:48px;padding:10px 32px 10px 12px;width:230px;max-width:100%}.catch-filter select:disabled{color:#667786;background:#e8edf2}.catch-filter .button{min-height:48px;padding:10px 24px;font-size:13px;border:0;cursor:pointer}.catch-filter select:focus-visible,.catch-filter button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.archive-year-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}.catch-source-table{margin:28px 0}.catch-source-table table{border-collapse:collapse;width:100%;font-size:13px;white-space:pre-line}.catch-source-table caption{text-align:left;font-weight:600;margin-bottom:12px}.catch-source-table th,.catch-source-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;min-width:75px}.catch-source-table th{background:#eef3f7}.catch-photo-caption{font-size:13px;white-space:pre-line;color:var(--muted);margin:24px 0}.post-gallery a{display:block;min-width:0}.post-gallery a img{display:block;width:100%;height:auto}.catch-missing-photo{display:flex;flex-direction:column;justify-content:center;padding:24px;background:#eef3f7;min-height:180px;color:#667786;font-size:12px}.catch-missing-photo p{margin:8px 0 0}.catch-article-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:36px;padding-top:25px;font-size:13px}.catch-article-nav a{display:flex;flex-direction:column;gap:7px;min-width:0}.catch-article-nav span{font-size:11px;color:var(--muted)}.page-ellipsis{color:var(--muted)}
@media(max-width:760px){.catch-filter{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;padding:20px}.catch-filter select{width:100%;font-size:12px;padding-right:18px}.catch-filter .button{grid-column:1/-1;width:100%}.catch-source-table table{font-size:12px}.catch-source-table th,.catch-source-table td{padding:10px;min-width:70px}.catch-article-nav{font-size:12px}.catch-pagination .page-direction{font-size:11px}.catch-missing-photo{min-height:150px}}