.crumb{display:block;margin:28px 0 0;font-size:14px;color:var(--muted)}
.crumb a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.section-heading h1{font-size:clamp(29px,2.8vw,42px)}

.article-block{max-width:820px;margin:0 auto 56px}
.article-block:last-child{margin-bottom:0}
.article-block h2{font-size:clamp(24px,2.2vw,32px);margin-bottom:16px}
.article-block h3{margin-bottom:8px;margin-top:22px}
.article-block>p{margin-bottom:14px}

.tip-box{margin-top:18px;padding:20px 24px;border-radius:0 0 30px 0;background:var(--accent-light);border:1px solid var(--accent-border)}
.tip-box p{color:var(--ink);margin:0}

.placement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:20px}
.placement-grid h4{font-size:16px;margin-bottom:6px;color:var(--ink)}
.placement-grid p{margin:0}

.equip-list{margin:0 0 14px;padding-left:22px;color:var(--ink)}
.equip-list li{padding-left:5px;margin-block:8px}
.equip-list li::marker{color:var(--accent-dark)}

.topic-banner{position:relative;margin-block:56px 0;border-radius:0 0 55px 0;overflow:hidden}
.topic-banner img{width:100%;max-height:480px;min-height:320px;object-fit:cover}
.topic-banner>div{position:absolute;bottom:24px;left:24px;max-width:420px;padding:26px 30px;background:#ffffffe6;backdrop-filter:blur(12px);border-radius:0 0 40px 0}
.topic-banner h2{font-size:22px;margin-bottom:8px}
.topic-banner p{font-size:14px;margin:0}

.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin:32px 0}
.gallery-item .img-wrap{aspect-ratio:1;overflow:hidden;border-radius:0 0 24px 0}
.gallery-item .img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-item h4{margin-top:16px;font-size:20px;color:var(--ink)}
.gallery-item p{margin-top:6px;font-size:16px}

.gallery-single{max-width:420px;margin:32px 0}

.gallery-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:start;margin:56px 0}
.gallery-row .gallery-text h2{margin-bottom:16px}
.gallery-row .gallery-text p{font-size:15px}

@media(max-width:900px){
  .gallery-row{grid-template-columns:1fr;gap:24px}
}

@media(max-width:760px){
  .article-block h2{margin-bottom:12px}
}