/* News list / detail */
.news-wrap{max-width:960px;margin:0 auto;padding:0 24px 96px;box-sizing:border-box}

.news-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.news-filter{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid #E6DCCB;border-radius:999px;background:#FFFDF8;color:#3A2A1E;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.news-filter span{font-size:12px;font-weight:500;color:#6E5D4E}
.news-filter:hover{border-color:#3A2A1E}
.news-filter[aria-pressed="true"]{background:#3A2A1E;border-color:#3A2A1E;color:#FFFFFF}
.news-filter[aria-pressed="true"] span{color:#F5B82E}

.news-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.news-item[hidden]{display:none}
.news-link{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;padding:16px;background:#FFFDF8;border:1px solid #E6DCCB;border-radius:16px;box-shadow:0 1px 0 #E6DCCB,0 6px 16px rgba(74,42,23,.06);transition:transform .18s ease,box-shadow .18s ease}
.news-link:hover{color:#3A2A1E;transform:translateY(-2px);box-shadow:0 1px 0 #E6DCCB,0 12px 26px rgba(74,42,23,.12)}
.news-link:hover .news-title{color:#B4561C;text-decoration:underline;text-underline-offset:3px}
.news-thumb{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:#EFE6D5}
.news-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.news-cat{font-size:12px;font-weight:700;color:#6E5D4E}
a.news-cat{text-decoration:underline;text-underline-offset:3px}
.news-title{margin:0;font-size:18px;line-height:1.55;font-weight:700}
.news-sum{margin:0;font-size:14px;line-height:1.7;color:#5A4A3C}

@media (max-width:640px){
  .news-link{grid-template-columns:1fr;gap:14px}
  .news-title{font-size:16px}
}

/* detail */
.article{display:flex;flex-direction:column;gap:28px;padding:clamp(20px,4vw,48px);background:#FFFDF8;border:1px solid #E6DCCB;border-radius:20px}
.article-head{display:flex;flex-direction:column;gap:14px}
.article-title{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.5;font-weight:900;text-wrap:pretty}
.article-img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:12px}
.article-img.is-tall{max-width:500px;max-height:none;margin:0 auto}
.article-credit{margin:-20px 0 0;font-size:12px;color:#6E5D4E;text-align:right}
.article-body{font-size:16px;line-height:2}
.article-body p{margin:0 0 1.4em}
.article-body p:last-child{margin-bottom:0}
.article-body img{display:block;max-width:100%;height:auto;border-radius:12px}
.article-body hr{margin:1.6em 0;border:0;border-top:1px dashed #D8C9B2}

.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0 0}
.pn a{display:flex;flex-direction:column;gap:4px;min-height:44px;padding:16px 20px;background:#FFFDF8;border:1px solid #E6DCCB;border-radius:14px}
.pn a:hover{border-color:#3A2A1E}
.pn-next{text-align:right}
.pn-label{font-size:12px;font-weight:700;color:#6E5D4E}
.pn-prev .pn-label::before{content:"← "}
.pn-next .pn-label::after{content:" →"}
.pn-title{font-size:14px;font-weight:700;line-height:1.5}
@media (max-width:640px){
  .pn{grid-template-columns:1fr}
  .pn .is-empty{display:none}
}

.back{display:flex;justify-content:center;margin:40px 0 0}