/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 03 2026 | 20:56:57 */
/* ==========================================================================
   OPUS ARTICLE TEMPLATE
   Magazine / journal layout for news articles.
   Scoped inside body:has(.opus-article) so it cannot affect any article that
   does not use the new layout. Do not merge this into style.css (76.css).
   ========================================================================== */

body:has(.opus-article){
  --oa-paper:#faf9f6;
  --oa-panel:#f2efe8;
  --oa-ink:#22292b;
  --oa-ink-2:#4a5456;
  --oa-muted:#6d7877;
  --oa-rule:#ddd8ce;
  --oa-rule-soft:#e9e5dc;
  --oa-copper:#966844;
  --oa-copper-dk:#7d5637;
  --oa-deep:#2c3639;
  --oa-serif:"Prata",Georgia,"Times New Roman",serif;
  --oa-sans:"Source Sans 3","Helvetica Neue",Arial,sans-serif;
  background:var(--oa-paper);
}

/* 1. Kill the old hard-coded balloon hero */
body:has(.opus-article) #main-content::after{display:none !important}
body:has(.opus-article) #main-content{background:var(--oa-paper)}
body:has(.opus-article) article.et_pb_post{background:transparent}

/* 2. Opener: the theme's own title block, restyled. Date flipped above the headline. */
body:has(.opus-article) article .et_post_meta_wrapper:first-child{
  padding:56px 0 0 !important;width:80%;max-width:1080px;margin:0 auto;
  display:flex;flex-direction:column;background:none;
}
body:has(.opus-article) article .et_post_meta_wrapper h1.entry-title{
  order:2;color:var(--oa-ink) !important;font-family:var(--oa-serif);font-weight:400;
  font-size:clamp(2.1rem,5vw,3.5rem) !important;line-height:1.12 !important;
  letter-spacing:-.012em;max-width:25ch;margin:20px 0 0;text-wrap:balance;
}
body:has(.opus-article) article .et_post_meta_wrapper p.post-meta{order:1;margin:0;padding:0}
body:has(.opus-article) article .et_post_meta_wrapper p.post-meta span.published{
  color:var(--oa-copper) !important;font-family:var(--oa-sans);font-size:11.5px !important;
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;
}
body:has(.opus-article) article .et_post_meta_wrapper:last-of-type{display:none}

body:has(.opus-article) .entry-content{margin-top:0 !important}

/* 3. Shared */
.opus-article{padding-top:0 !important;background:var(--oa-paper) !important}
.opus-article .et_pb_row{padding-top:0 !important;padding-bottom:0 !important}
.opus-article p{color:var(--oa-ink)}
.opus-article a{color:var(--oa-copper-dk)}
.opus-article a:hover{color:var(--oa-copper)}

/* 4. Standfirst */
.oa-standfirst{margin-bottom:0 !important}
.oa-standfirst p{
  font-family:var(--oa-sans);font-weight:300;font-size:clamp(1.1rem,2vw,1.32rem) !important;
  line-height:1.5 !important;color:var(--oa-ink-2) !important;max-width:56ch;margin:22px 0 0;
}

/* 5. Byline and clinical review bar */
.oa-credits{margin-bottom:0 !important}
.oa-credits .et_pb_text_inner{
  margin-top:34px;border-top:1px solid var(--oa-rule);border-bottom:1px solid var(--oa-rule);
  padding:18px 0;display:flex;flex-wrap:wrap;gap:22px 46px;align-items:center;
}
.oa-cred{display:flex;gap:13px;align-items:center;min-width:0}
.oa-cred img{width:46px;height:46px;flex:none;border-radius:50%;object-fit:cover;object-position:50% 22%;filter:grayscale(1) contrast(1.05)}
.oa-cred .oa-lab{display:block;margin-bottom:3px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--oa-muted);font-weight:600;line-height:1.2}
.oa-cred .oa-val{display:block;font-size:15px;font-weight:600;line-height:1.3}
.oa-cred .oa-val small{display:block;font-weight:400;font-size:13px;color:var(--oa-muted);letter-spacing:0}
.oa-cred a{text-decoration:none;border-bottom:1px solid transparent}
.oa-cred a:hover{border-bottom-color:var(--oa-copper)}
.oa-tick{width:34px;height:34px;flex:none;border:1px solid var(--oa-copper);border-radius:50%;position:relative}
.oa-tick::after{content:"";position:absolute;left:11px;top:9px;width:8px;height:14px;border:solid var(--oa-copper);border-width:0 1.6px 1.6px 0;transform:rotate(42deg)}

/* 6. Lead image and caption */
.oa-lead{margin-top:40px !important;margin-bottom:0 !important}
.oa-lead .et_pb_image_wrap{display:block;width:100%}
.oa-lead img{width:100%;height:auto;display:block}
.oa-caption{margin-bottom:0 !important}
.oa-caption .et_pb_text_inner{margin-top:11px;display:flex;gap:14px;align-items:baseline}
.oa-caption p{font-size:13px !important;line-height:1.5 !important;color:var(--oa-muted) !important;margin:0}
.oa-caption .oa-credit{flex:none;padding-top:2px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--oa-copper);font-weight:600}

/* 7. Body row: sticky rail plus article measure */
.opus-article .et_pb_row.oa-body{padding-top:52px !important}
.oa-body .et_pb_column:first-child{position:sticky;top:110px;align-self:flex-start}
.oa-rail{font-size:14px}
.oa-rail h2,.oa-rail .oa-lab{
  font-family:var(--oa-sans) !important;font-size:10.5px !important;letter-spacing:.16em;
  text-transform:uppercase;color:var(--oa-muted) !important;font-weight:600;
  margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid var(--oa-rule);line-height:1.2;display:block;
}
.oa-rail ol,.oa-rail ul{list-style:none !important;margin:0;padding:0}
.oa-rail li{margin:0 0 11px;padding:0}
.oa-rail li::before{display:none}
.oa-rail a{display:block;text-decoration:none;color:var(--oa-ink-2);line-height:1.35;border-left:2px solid transparent;padding-left:12px;margin-left:-14px}
.oa-rail a:hover{color:var(--oa-copper)}
.oa-rail a.oa-on{color:var(--oa-ink);border-left-color:var(--oa-copper)}
.oa-rail .oa-glance{margin-top:26px;padding-top:16px;border-top:1px solid var(--oa-rule);font-size:12.5px;line-height:1.7;color:var(--oa-ink-2)}
.oa-rail .oa-glance span{display:block}
.oa-rail .oa-glance .oa-lab{border-bottom:0;padding-bottom:0;margin-bottom:6px}

.oa-copy{max-width:68ch}
.oa-copy .et_pb_text_inner > *:first-child{margin-top:0}
.oa-copy p{font-size:17.5px !important;line-height:1.72 !important;margin:0 0 1.25em;color:var(--oa-ink) !important}
.oa-copy p.oa-lede{font-size:19px !important;line-height:1.65 !important}
.oa-copy p.oa-lede::first-letter{float:left;font-family:var(--oa-serif);font-size:4.05em;line-height:.84;padding:.06em .1em 0 0;color:var(--oa-copper)}
.oa-copy h2{
  font-family:var(--oa-serif) !important;font-weight:400 !important;font-size:1.62rem !important;
  line-height:1.25 !important;color:var(--oa-ink) !important;letter-spacing:-.005em;
  margin:2.6em 0 .8em;padding-top:1.5em;border-top:1px solid var(--oa-rule-soft);text-wrap:balance;
}
.oa-copy h3{font-family:var(--oa-sans) !important;font-weight:600 !important;font-size:1.02rem !important;color:var(--oa-ink) !important;margin:2em 0 .5em}
.oa-copy h3::before{content:"";display:block;width:26px;height:2px;background:var(--oa-copper);margin-bottom:.7em}
.oa-copy a{text-decoration:none;border-bottom:1px solid var(--oa-rule)}
.oa-copy a:hover{border-bottom-color:var(--oa-copper)}
.oa-copy ul{margin:0 0 1.4em;padding:0;list-style:none !important}
.oa-copy ul li{position:relative;padding-left:24px;margin-bottom:.6em;line-height:1.65}
.oa-copy ul li::before{content:"";position:absolute;left:2px;top:.72em;width:9px;height:1px;background:var(--oa-copper)}

.oa-copy blockquote{margin:2.6em 0;padding:0 0 0 26px;border-left:2px solid var(--oa-copper);font-family:var(--oa-serif);color:var(--oa-ink);text-wrap:pretty}
.oa-copy blockquote p{font-family:var(--oa-serif);font-size:1.42rem !important;line-height:1.38 !important;margin:0}
.oa-copy blockquote cite{display:block;margin-top:16px;font-family:var(--oa-sans);font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--oa-muted)}

.oa-copy .oa-takeaways{margin:2.8em 0;padding:30px 32px;background:var(--oa-panel);border-top:2px solid var(--oa-deep)}
.oa-copy .oa-takeaways h2,.oa-copy .oa-takeaways .oa-lab{
  font-family:var(--oa-sans) !important;font-size:10.5px !important;letter-spacing:.16em;
  text-transform:uppercase;font-weight:600;color:var(--oa-muted) !important;
  margin:0 0 16px;border:0;padding:0;line-height:1.2;display:block;
}
.oa-copy .oa-takeaways ol{margin:0;padding:0;list-style:none !important;counter-reset:oat}
.oa-copy .oa-takeaways li{counter-increment:oat;display:block;position:relative;padding:0 0 0 30px;margin:0 0 12px;font-size:15.5px;line-height:1.55}
.oa-copy .oa-takeaways li:last-child{margin-bottom:0}
.oa-copy .oa-takeaways li::before{content:counter(oat);position:absolute;left:0;top:2px;width:20px;text-align:right;background:none;font-family:var(--oa-serif);font-size:14px;color:var(--oa-copper);font-variant-numeric:tabular-nums}

.oa-copy .oa-review{margin:3em 0 0;padding:24px 26px;border:1px solid var(--oa-rule);display:flex;gap:20px;align-items:flex-start}
.oa-copy .oa-review .oa-lab{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--oa-copper);font-weight:600}
.oa-copy .oa-review p{margin:8px 0 0;font-size:14.5px !important;line-height:1.6 !important;color:var(--oa-ink-2) !important}
.oa-copy .oa-review p.oa-dates{margin-top:10px;font-size:12.5px !important;color:var(--oa-muted) !important;font-variant-numeric:tabular-nums}

.oa-copy .oa-refs{margin:3em 0 0;padding-top:1.6em;border-top:1px solid var(--oa-rule)}
.oa-copy .oa-refs .oa-lab{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--oa-muted);margin-bottom:14px}
.oa-copy .oa-refs ol{margin:0;padding:0;list-style:none !important;counter-reset:oar}
.oa-copy .oa-refs li{counter-increment:oar;display:block;position:relative;padding:0 0 0 30px;margin:0 0 10px;font-size:13.5px;line-height:1.55;color:var(--oa-ink-2)}
.oa-copy .oa-refs li::before{content:counter(oar) ".";position:absolute;left:0;top:0;width:22px;text-align:right;background:none;color:var(--oa-copper);font-variant-numeric:tabular-nums}

.oa-copy .oa-author{margin:3em 0 0;padding-top:2em;border-top:1px solid var(--oa-rule);display:flex;gap:22px;align-items:flex-start}
.oa-copy .oa-author img{width:78px;height:78px;flex:none;border-radius:50%;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.05)}
.oa-copy .oa-author .oa-lab{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--oa-muted);font-weight:600}
.oa-copy .oa-author h2{font-family:var(--oa-serif) !important;font-weight:400 !important;font-size:1.28rem !important;margin:7px 0 0 !important;border:0 !important;padding:0 !important;line-height:1.2 !important}
.oa-copy .oa-author p{margin:9px 0 0;font-size:14.5px !important;line-height:1.6 !important;color:var(--oa-ink-2) !important;max-width:52ch}

.oa-copy .oa-cta{margin:64px 0 0;padding-top:40px;border-top:1px solid var(--oa-rule)}
.oa-copy .oa-cta .oa-lab{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--oa-copper);font-weight:600}
.oa-copy .oa-cta p{font-family:var(--oa-serif);font-size:clamp(1.3rem,3vw,1.75rem) !important;line-height:1.3 !important;margin:14px 0 0;max-width:26ch}
.oa-copy .oa-cta .oa-go{display:inline-block;margin-top:22px;padding-bottom:6px;font-family:var(--oa-sans);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--oa-ink);text-decoration:none;border-bottom:1px solid var(--oa-copper)}
.oa-copy .oa-cta .oa-go:hover{color:var(--oa-copper)}

/* 8. Related reading: rules, not boxes */
.opus-article .et_pb_row.oa-tail{padding-top:72px !important}
.oa-related .oa-lab{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--oa-muted);border-top:1px solid var(--oa-rule);padding:26px 0 4px}
.oa-related ul{list-style:none !important;margin:0;padding:0}
.oa-related li{margin:0;padding:0;border-bottom:1px solid var(--oa-rule-soft)}
.oa-related li::before{display:none}
.oa-related a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:18px 0;text-decoration:none;border:0}
.oa-related .oa-t{font-family:var(--oa-serif);font-size:1.12rem;line-height:1.3;color:var(--oa-ink);transition:color .15s}
.oa-related a:hover .oa-t{color:var(--oa-copper)}
.oa-related .oa-k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--oa-muted);white-space:nowrap}

/* 9. Responsive */
@media (max-width:980px){
  .oa-body .et_pb_column:first-child{position:static;border:1px solid var(--oa-rule);padding:20px 22px;margin-bottom:34px !important}
  .oa-rail h2,.oa-rail .oa-lab{border-bottom:0;padding-bottom:0;margin-bottom:12px}
  .oa-rail a{margin-left:0}
  .oa-copy{max-width:none}
}
@media (max-width:620px){
  body:has(.opus-article) article .et_post_meta_wrapper:first-child{padding-top:34px !important}
  .oa-credits .et_pb_text_inner{gap:18px 30px}
  .oa-copy p{font-size:16.5px !important}
  .oa-copy p.oa-lede::first-letter{font-size:3.4em}
  .oa-copy .oa-review{flex-direction:column;gap:14px}
  .oa-copy .oa-takeaways{padding:24px 22px}
  .oa-related a{grid-template-columns:minmax(0,1fr);gap:5px}
}
@media (prefers-reduced-motion:reduce){.opus-article *{transition:none !important;animation:none !important}}
.opus-article a:focus-visible{outline:2px solid var(--oa-copper);outline-offset:3px}


/* 10. Header
   The theme makes the header transparent with white text on single posts,
   which only worked over the old dark hero photo. The new opener is pale, so
   give the header its solid charcoal state on these articles. */
body:has(.opus-article) #main-header,
body:has(.opus-article) #main-header.et-fixed-header{
  background-color:var(--oa-deep) !important;
}
body:has(.opus-article) #main-header .container{background:none}


/* 11. Sidebar safety net
   The correct setting for an article using this template is Divi Page Settings
   > Page Layout > No Sidebar, which the template post already carries and a
   duplicate inherits. This is the backstop: if a post ever gets the template
   while still set to a sidebar layout, the article still renders full width
   rather than squeezed into a narrow column. */
body:has(.opus-article) #sidebar{display:none !important}
body:has(.opus-article) #left-area{
  width:100% !important;padding-right:0 !important;padding-left:0 !important;float:none !important;
}