.dpj-archive{max-width:1100px;margin:0 auto;padding:24px 16px}
.dpj-archive__title{margin:0 0 16px}
.dpj-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.dpj-filter a{padding:6px 14px;border:1px solid #c9ced6;border-radius:999px;text-decoration:none;color:#333;font-size:14px}
.dpj-filter a.is-current{background:#1d4f91;border-color:#1d4f91;color:#fff}

.dpj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:860px){.dpj-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.dpj-grid{grid-template-columns:1fr}}

.dpj-card{border:1px solid #e1e4e8;border-radius:10px;overflow:hidden;background:#fff}
.dpj-card__link{display:block;color:inherit;text-decoration:none}
.dpj-card__thumb{position:relative;aspect-ratio:4/3;background:#f2f4f7}
.dpj-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dpj-card__noimg{display:flex;align-items:center;justify-content:center;height:100%;color:#8a919c;font-size:14px}
.dpj-badge{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:4px;background:#e8590c;color:#fff;font-size:12px}
.dpj-card__body{padding:12px 14px 14px}
.dpj-card__tags{margin:0 0 6px;display:flex;flex-wrap:wrap;gap:6px}
.dpj-tag{padding:2px 8px;border-radius:4px;background:#1d4f91;color:#fff;font-size:12px}
.dpj-tag--sub{background:#e7eef8;color:#1d4f91}
.dpj-card__title{margin:0 0 6px;font-size:16px;line-height:1.5}
.dpj-card__meta{margin:0;display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#666}

.dpj-pager{margin-top:28px;text-align:center}
.dpj-pager .page-numbers{display:inline-block;padding:6px 12px;margin:0 2px;border:1px solid #c9ced6;border-radius:6px;text-decoration:none}
.dpj-pager .current{background:#1d4f91;border-color:#1d4f91;color:#fff}

.dpj-single{margin:0 0 28px}
.dpj-main img,.dpj-ba img{width:100%;height:auto;display:block}
.dpj-ba{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.dpj-ba{grid-template-columns:1fr}}
.dpj-ba__item{position:relative;margin:0}
.dpj-ba__label{position:absolute;left:8px;top:8px;padding:2px 10px;background:#555;color:#fff;font-size:12px;letter-spacing:.05em}
.dpj-ba__label--after{background:#e8590c}
.dpj-info{width:100%;margin:20px 0;border-collapse:collapse}
.dpj-info th,.dpj-info td{padding:10px 12px;border:1px solid #e1e4e8;text-align:left}
.dpj-info th{width:30%;background:#f6f8fa;font-weight:600}
.dpj-point{margin:0 0 20px;line-height:1.9}
.dpj-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:600px){.dpj-gallery{grid-template-columns:repeat(2,1fr)}}
.dpj-gallery figure{margin:0}
.dpj-gallery img{width:100%;height:auto;display:block}

.dpj-row{margin:12px 0 24px}
.dpj-row__list{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.dpj-row__list figure{flex:1 1 0;min-width:260px;margin:0;scroll-snap-align:start}
.dpj-row__list img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:6px}