
.article-page{background:#f5f2eb;padding:52px 5.5% 74px}
.article-shell{width:min(1180px,100%);margin:0 auto;background:#fff;border:1px solid #ddd6cb}
.article-hero-image{display:block;width:100%;height:min(58vw,620px);object-fit:cover;object-position:center}
.article-copy{padding:48px 58px 58px;color:#17212a}
.article-meta{color:#69747c;font-size:14px;margin-bottom:20px}
.article-meta span{color:#b98845;margin:0 8px}
.article-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:44px;line-height:1.15;font-weight:400;color:#07131d;margin:0 0 30px}
.article-copy p{font-size:16px;line-height:1.82;color:#3a444b;margin:0 0 19px}
.linkedin-source{display:flex;align-items:center;gap:16px;margin-top:30px;padding:18px 20px;border:1px solid #d8d2c9;background:#faf9f7;text-decoration:none;color:#1e2d39}
.linkedin-source:hover{border-color:#b98845}
.linkedin-badge{width:42px;height:42px;border-radius:6px;background:#0A66C2;color:#fff;font-weight:700;font-size:23px;display:grid;place-items:center;flex:0 0 auto}
.linkedin-source strong{font-size:13px;letter-spacing:.04em}
.source-stack{display:grid;gap:12px;margin-top:28px}
.source-stack .linkedin-source{margin-top:0}
.article-gallery{display:grid;gap:18px;margin-top:38px}
.article-gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.article-gallery.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.article-gallery figure{margin:0}
.article-gallery img{width:100%;height:300px;object-fit:cover;display:block}
.article-gallery figcaption{font-size:12px;color:#6c747a;margin-top:8px}
@media(max-width:900px){
  .article-page{padding:34px 22px 52px}
  .article-copy{padding:34px 28px 40px}
  .article-copy h1{font-size:36px}
  .article-gallery.three{grid-template-columns:1fr}
  .article-gallery.three img{height:auto;max-height:520px;object-fit:cover}
}
@media(max-width:600px){
  .article-page{padding:22px 14px 38px}
  .article-hero-image{height:56vw;min-height:230px}
  .article-copy{padding:28px 20px 34px}
  .article-copy h1{font-size:30px;line-height:1.18}
  .article-copy p{font-size:15px;line-height:1.72}
  .article-gallery.two{grid-template-columns:1fr}
  .article-gallery img{height:auto;max-height:460px}
  .linkedin-source{align-items:flex-start;padding:16px}
}

/* FINAL v26 — clean URL + mobile/tablet article hardening */
.article-page{width:100%;box-sizing:border-box}
.article-shell{overflow:hidden}
.article-copy,.article-copy *{box-sizing:border-box}
.article-copy h1{overflow-wrap:anywhere}
.linkedin-source span:last-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:768px){
  .article-page{padding:22px 14px 40px}
  .article-shell{width:100%}
  .article-hero-image{height:auto;aspect-ratio:16/10;min-height:0;object-fit:cover}
  .article-copy{padding:28px 20px 34px}
  .article-copy h1{font-size:clamp(28px,7.4vw,34px);line-height:1.16}
  .article-copy p{font-size:15px;line-height:1.72}
  .linkedin-source{gap:12px;padding:15px}
  .linkedin-badge{width:38px;height:38px;font-size:20px}
}
@media(max-width:420px){
  .article-page{padding-left:10px;padding-right:10px}
  .article-copy{padding-left:17px;padding-right:17px}
  .article-meta{font-size:12px}
  .article-copy h1{font-size:27px}
}
