/* Article list + detail pages */
.article-page{background:#fff;color:#222;font-family:'Prompt',sans-serif;padding:40px 0 60px}
.article-page a{color:#0b544c}
.article-breadcrumb{font-size:14px;color:#666;margin:0 0 8px;line-height:1.5}
.article-breadcrumb a{color:#0b544c}
.article-breadcrumb-current{color:#666}
.article-h1{font-size:32px;font-weight:600;color:#111;margin:8px 0 8px;line-height:1.35}
.article-intro{color:#555;margin:0 0 28px;font-size:16px}
.article-meta{font-size:14px;color:#777;margin:0 0 20px}
.article-featured{display:block;width:100%;height:auto;border-radius:12px;margin:0 0 28px}

/* card grid */
.article-grid{display:flex;flex-wrap:wrap}
.article-grid:before,.article-grid:after{display:none}
.article-card-col{display:flex}
.article-grid>[class*="col-"]{display:flex}
.article-card{display:block;width:100%;background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:24px;text-decoration:none;color:#222;transition:box-shadow 200ms ease,transform 200ms ease}
.article-card:hover,.article-card:focus-visible{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-2px);text-decoration:none;color:#222}
.article-card:focus-visible{outline:2px solid #0b544c;outline-offset:2px}
.article-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.article-card-body{display:block;padding:16px}
.article-card-date{display:block;font-size:13px;color:#777}
.article-card-title{font-size:18px;font-weight:600;color:#111;line-height:1.4;margin:6px 0}
.article-card-excerpt{display:block;font-size:15px;color:#555;line-height:1.7}
.article-card-more{display:block;margin-top:8px;color:#0b544c;font-weight:600}

/* body */
.article-body{font-size:18px;line-height:1.85;color:#222}
.article-body h2{font-size:24px;font-weight:600;color:#0b544c;margin:36px 0 12px;line-height:1.4}
.article-body h3{font-size:20px;font-weight:600;color:#111;margin:28px 0 10px;line-height:1.4}
.article-body p{margin:0 0 16px}
.article-body ul,.article-body ol{padding-left:1.4em;margin:0 0 16px}
.article-body li{margin:6px 0}
.article-body a{color:#0b544c;text-decoration:underline}
.article-body strong{color:#111}

/* CTA + disclaimer */
.article-cta{background:#0b544c;color:#fff;border-radius:12px;padding:24px;margin:32px 0}
.article-cta h2{font-size:22px;color:#fff;margin:0 0 8px;font-weight:600}
.article-cta p{color:#fff;margin:0 0 16px}
.article-cta .article-cta-link{margin:16px 0 0}
.article-cta .article-cta-link a{color:#fff;text-decoration:underline}
.article-cta .line-add-friend img{max-width:250px;width:100%;height:auto}
.article-disclaimer{background:#f6f6f6;border-left:4px solid #0b544c;padding:16px;font-size:14px;color:#555;line-height:1.7;margin:0 0 32px}
.article-related-title{font-size:24px;font-weight:600;color:#111;margin:0 0 20px}

@media (max-width:767px){
  .article-page{padding:24px 0 40px}
  .article-h1{font-size:26px}
  .article-body{font-size:17px}
  .article-breadcrumb-current{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
  .article-breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .article-breadcrumb-current{display:inline;max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .article-card{transition:box-shadow 200ms ease}
  .article-card:hover,.article-card:focus-visible{transform:none}
}