/* thinkroompodcast.com — /thought-leadership article pages.
   Ground truth: production-capture/tokens.md.
   One type system: Oswald (uppercase) headings + Muli body (faces from fonts.css).
   Column 994px, page bg #F5F5F5. Chrome (header/footer) comes from base.html
   + site.css; this file styles only the article surface. */

body.page-article{background:#F5F5F5;font-family:'Muli',sans-serif;color:#121827;}

/* ---- article ---- */
.ins-article{padding:57px 24px 90px;}
.ins-column{max-width:994px;margin:0 auto;}
.ins-byline{font-family:'Muli',sans-serif;font-size:20px;line-height:28px;color:#3D4B5C;text-transform:uppercase;letter-spacing:.6px;margin:0 0 26px;}
.ins-byline a{color:inherit;text-decoration:none;}
.ins-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(42px,4.9vw,68.08px);line-height:1.2;text-transform:uppercase;color:#000;margin:0 0 44px;}
.ins-body{font-family:'Muli',sans-serif;font-size:19.36px;line-height:1.5;color:rgba(18,24,39,.93);}
.ins-body p{margin:16px 0;white-space:pre-wrap;}
.ins-body p.sqsrte-large{font-size:19.36px;line-height:29.04px;}
.ins-body p.sqsrte-small{font-size:14.272px;line-height:21.408px;}
.ins-body h2{font-family:'Oswald',sans-serif;font-weight:600;font-size:32px;line-height:1.2;text-transform:uppercase;color:#000;margin:32px 0;white-space:pre-wrap;}
.ins-body h3{font-family:'Oswald',sans-serif;font-weight:600;font-size:24.4px;line-height:1.176;text-transform:uppercase;color:#000;margin:32px 0;white-space:pre-wrap;}
.ins-body h4{font-family:'Oswald',sans-serif;font-weight:600;font-size:20px;line-height:1.2;text-transform:uppercase;color:#000;margin:32px 0;white-space:pre-wrap;}
.ins-body a{color:inherit;text-decoration:underline;}
.ins-body ul,.ins-body ol{margin:16px 0;padding-left:40px;}
.ins-body li{margin:8px 0;white-space:pre-wrap;}
/* 2026 editorial measure: text at ~66ch, images keep the wide column */
.ins-body p,.ins-body ul,.ins-body ol,.ins-body h2,.ins-body h3,.ins-body blockquote{max-width:720px;margin-left:auto;margin-right:auto;}
.ins-body p{line-height:1.65;}
.ins-body blockquote{margin:32px 0 32px 20px;padding-left:20px;border-left:3px solid #1A4447;font-style:italic;}
.ins-body .sqsrte-text-highlight{background:linear-gradient(transparent 52%, rgba(253,184,51,.55) 52%);padding:0 .1em;color:#121827;}
.ins-body .sqsrte-text-highlight *{color:#121827 !important;}
.ins-body .sqsrte-text-color--white{color:#FFFFFF;}
.ins-body .sqsrte-text-color--black{color:#000000;}
.ins-body .sqsrte-text-color--accent{color:#FDB833;}
.ins-body .sqsrte-text-color--darkAccent{color:#121827;}
.ins-body .sqsrte-text-color--custom{color:#FDB833;}
.ins-body .sqsrte-text-color--lightAccent{color:#F5F5F5;}
.article-image{margin:34px auto;text-align:center;}
/* Squarespace card-layout figures: image one side, caption card beside it */
@media (min-width: 768px) {
  .article-image.img-card{display:flex;align-items:center;gap:44px;text-align:left;}
  .article-image.img-card img{width:100%;}
  .article-image.img-card > picture, .article-image.img-card > img{flex:0 0 55%;min-width:0;}
  .article-image.img-card figcaption{flex:1;min-width:0;margin-top:0;}
  .article-image.img-card.card-right{flex-direction:row-reverse;}
}
.article-image img{display:block;width:100%;height:auto;}
.article-image figcaption{font-size:14.272px;line-height:1.5;color:#4A5568;text-align:left;margin-top:10px;white-space:pre-wrap;}
.article-video{position:relative;margin:34px 0;height:0;overflow:hidden;}
.article-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.article-button-wrap{text-align:center;margin:48px 0;}
.ins-body a.article-button{color:#121827;text-decoration:none;}
.article-button{display:inline-block;background:#FDB833;color:#121827;font-family:'Oswald',sans-serif;font-weight:600;font-size:17px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:16px 38px;border-radius:100px;transition:background .15s ease,transform .15s ease;}
.article-button:hover{background:#EDA51F;transform:translateY(-1px);}

/* ---- prev/next pagination (production item-pagination) ---- */
.ins-pagination{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:44px 57.6px;}
.ins-pagination a{display:flex;align-items:center;gap:18px;text-decoration:none;max-width:49%;}
.ins-pagination a.pag-next{margin-left:auto;text-align:right;}
.ins-pagination .pag-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:24.4px;line-height:1;text-transform:uppercase;color:#3D4B5C;}
.ins-pagination svg{width:12px;height:22px;flex:0 0 auto;stroke:#3D4B5C;fill:none;stroke-miterlimit:10;}
.ins-pagination .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
@media (max-width:767px){
  .ins-pagination{flex-direction:column;align-items:stretch;gap:20px;padding:36px 24px;}
  .ins-pagination a,.ins-pagination a.pag-next{max-width:100%;margin-left:0;}
  .ins-pagination .pag-title{font-size:19px;}
}
@media (max-width:767px){
  .ins-article{padding-top:40px;}
  .ins-pagination{padding:32px 24px;}
  .ins-pagination .pag-title{font-size:18px;}
}
