/* Guides, articles, contact and archive layouts. */
.im-guide-hero {
  position:relative;
  overflow:hidden;
  background:linear-gradient(110deg,#081e3c,#14385e);
  color:#fff
}
.im-guide-hero::after {
  content:'+';
  position:absolute;
  right:8%;
  top:-110px;
  font:800 500px/1 Barlow,sans-serif;
  color:#ffffff02;
  pointer-events:none
}
.im-guide-hero-grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.65fr 1fr;
  gap:95px;
  align-items:center;
  min-height:390px;
  padding-block:48px 50px
}
.im-breadcrumbs {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  color:#7f97b4;
  font-size:9px;
  line-height:1.7;
  margin-bottom:29px
}
.im-breadcrumbs a {
  color:#a3b9d2;
  text-decoration:none
}
.im-breadcrumbs a:hover {
  color:#fff
}
.im-breadcrumbs>span:last-child {
  color:#d2dbe7
}
.im-guide-hero h1 {
  max-width:700px;
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(44px,4.6vw,65px);
  line-height:.98;
  letter-spacing:-.03em;
  text-transform:uppercase
}
.im-guide-hero h1>span {
  color:#e86e83
}
.im-guide-intro {
  max-width:570px;
  margin:0 0 23px;
  color:#a8bfd8;
  font-size:14px;
  line-height:1.9
}
.im-guide-meta {
  display:flex;
  align-items:center;
  gap:10px;
  color:#7f9aba;
  font-size:9px
}
.im-guide-meta>.im-icon {
  width:14px;
  height:14px;
  color:#cf6e81
}
.im-guide-meta>i {
  width:3px;
  height:3px;
  border-radius:50%;
  background:#7189a6;
  margin-inline:4px
}
.im-guide-visual {
  position:relative;
  height:285px;
  width:100%;
  max-width:340px;
  justify-self:end;
  padding:18px 25px 36px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 20px 40px #0002;
  transform:rotate(3deg)
}
.im-guide-visual img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply
}
.im-guide-visual>span {
  position:absolute;
  bottom:13px;
  left:0;
  right:0;
  text-align:center;
  color:#92a0b2;
  font-size:7px;
  letter-spacing:.11em
}
.im-condition-hero .im-guide-visual {
  width:255px;
  height:255px;
  border-radius:50%;
  padding:14px;
  background:#e4e8ef;
  transform:none;
  border:10px solid #ffffff10;
  background-clip:padding-box;
  box-shadow:0 0 0 25px #ffffff03
}
.im-condition-hero .im-guide-visual img {
  border-radius:50%;
  object-fit:cover
}
.im-condition-hero .im-guide-visual>span {
  bottom:-45px;
  color:#7290b3;
  font-size:7px
}
.im-guide-ribbon {
  border-bottom:1px solid var(--im-line);
  background:#f8f9fb
}
.im-guide-ribbon>.container {
  display:grid;
  grid-template-columns:repeat(3,1fr)
}
.im-guide-ribbon a {
  display:flex;
  align-items:center;
  gap:10px;
  padding:20px 30px;
  border-right:1px solid var(--im-line);
  color:#687e97;
  text-decoration:none;
  font-size:10px;
  font-weight:600
}
.im-guide-ribbon a:first-child {
  padding-left:0
}
.im-guide-ribbon a:last-child {
  border:0
}
.im-guide-ribbon a>.im-icon:first-child {
  width:20px;
  height:20px;
  color:var(--im-red)
}
.im-guide-ribbon a>.im-icon:last-child {
  width:16px;
  height:16px;
  margin-left:auto;
  color:#8fa0b5
}
.im-guide-ribbon a:hover {
  color:var(--im-red)
}
.im-guide-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:75px;
  align-items:start;
  padding-block:65px 80px
}
.im-guide-article {
  min-width:0;
  max-width:780px
}
.im-article-content {
  color:#51657d;
  font-size:14px;
  line-height:1.95;
  overflow-wrap:anywhere
}
.im-article-content>p {
  margin:0 0 23px
}
.im-article-content>p:first-of-type {
  font-size:15px;
  line-height:1.95;
  color:#344e6a
}
.im-article-content h2,.im-article-content h3,.im-article-content h4,.im-article-content h5,.im-article-content h6 {
  color:var(--im-navy);
  font-size:25px;
  line-height:1.2;
  letter-spacing:-.015em;
  margin:36px 0 17px;
  text-transform:uppercase;
  scroll-margin-top:120px
}
.im-article-content h2 {
  font-size:31px
}
.im-article-content>h2:first-child,.im-article-content>h3:first-child,.im-article-content>h4:first-child {
  margin-top:0
}
.im-article-content h3::before,.im-article-content h4::before {
  content:'';
  display:block;
  width:28px;
  height:3px;
  background:var(--im-red);
  margin-bottom:14px
}
.im-article-content ul,.im-article-content ol {
  padding-left:20px;
  margin:20px 0 28px
}
.im-article-content li {
  margin:9px 0;
  padding-left:3px
}
.im-article-content li::marker {
  color:var(--im-red)
}
.im-article-content a {
  color:var(--im-red);
  text-underline-offset:3px
}
.im-article-content strong {
  color:#2a4563;
  font-weight:650
}
.im-article-content>p>strong:only-child {
  display:inline-block;
  color:var(--im-navy);
  font-size:15px
}
.im-article-content blockquote {
  padding:22px 25px;
  background:#f5f7fa;
  border-left:3px solid var(--im-red);
  margin:28px 0;
  color:#365270
}
.im-article-content .im-article-image {
  height:auto;
  max-width:100%;
  object-fit:contain;
  vertical-align:middle;
  border-radius:5px
}
.im-article-content p>img {
  max-height:450px;
  width:100%;
  object-fit:contain
}
.im-content-gallery {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
  gap:15px;
  margin:27px 0 32px
}
.im-content-gallery>figure {
  margin:0;
  padding:15px;
  border:1px solid #e1e7ee;
  border-radius:9px;
  background:#f8f9fb;
  min-width:0
}
.im-content-gallery>figure>p {
  margin:0
}
.im-content-gallery .im-article-image {
  display:block;
  width:100%;
  height:345px;
  object-fit:contain;
  mix-blend-mode:multiply
}
.im-content-gallery>figure:only-child .im-article-image {
  height:auto;
  max-height:450px;
  width:auto;
  margin:auto
}
.im-content-gallery img[width="53"],.im-content-gallery img[width="92"] {
  height:auto;
  width:auto;
  max-height:50px
}
.im-article-content>p>strong>img {
  display:inline-block!important;
  width:auto!important;
  height:23px!important;
  margin-right:8px
}
.im-article-content table {
  width:100%;
  border-collapse:collapse;
  margin-block:25px;
  display:block;
  overflow:auto
}
.im-article-content td,.im-article-content th {
  padding:13px 16px;
  border:1px solid var(--im-line)
}
.im-article-content th {
  background:var(--im-pale)
}
.im-sidebar-sticky {
  position:sticky;
  top:112px
}
.im-toc {
  padding:24px 23px 20px;
  border:1px solid var(--im-line);
  border-radius:10px;
  background:#fff;
  margin-bottom:20px
}
.im-toc h2 {
  font:800 17px/1.3 Barlow,sans-serif;
  letter-spacing:0;
  text-transform:uppercase;
  margin:0 0 17px
}
.im-toc ol {
  list-style:none;
  padding:0;
  margin:0;
  max-height:245px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#dce3ed transparent
}
.im-toc li {
  margin:0
}
.im-toc a {
  position:relative;
  display:block;
  padding:9px 0 9px 15px;
  border-left:1px solid #dce3ed;
  color:#7d8ca0;
  font-size:11px;
  line-height:1.65;
  text-decoration:none
}
.im-toc a:hover,.im-toc a.is-current {
  color:var(--im-red);
  border-left:2px solid var(--im-red);
  padding-left:14px;
  background:#fcf6f7
}
.im-sidebar-device {
  padding:24px;
  border:1px solid #e5e9ef;
  border-radius:10px;
  background:#f3f5f9;
  margin-bottom:17px
}
.im-sidebar-device .im-eyebrow {
  font-size:8px;
  letter-spacing:.1em
}
.im-sidebar-device>img {
  width:100%;
  height:100px;
  object-fit:contain;
  mix-blend-mode:multiply;
  margin:5px 0 18px
}
.im-sidebar-device h2 {
  margin:0 0 13px;
  font-size:23px;
  line-height:1.04
}
.im-sidebar-device>p:not(.im-eyebrow) {
  font-size:10px;
  line-height:1.8;
  color:#8190a3;
  margin:0 0 17px
}
.im-sidebar-device>.im-button {
  min-height:43px;
  width:100%;
  padding:12px;
  font-size:8px;
  gap:15px
}
.im-sidebar-device .im-button .im-icon {
  width:15px;
  height:15px
}
.im-sidebar-contact {
  display:flex;
  align-items:center;
  gap:12px;
  padding:17px 20px;
  border-radius:9px;
  border:1px solid var(--im-line);
  color:var(--im-navy);
  text-decoration:none
}
.im-sidebar-contact>.im-icon:first-child {
  width:23px;
  height:23px;
  color:var(--im-red)
}
.im-sidebar-contact small {
  display:block;
  color:#91a0b1;
  font-size:7px;
  letter-spacing:.06em
}
.im-sidebar-contact strong {
  display:block;
  font-size:11px
}
.im-sidebar-contact>.im-icon:last-child {
  width:16px;
  height:16px;
  margin-left:auto
}
.im-article-help {
  display:flex;
  align-items:center;
  gap:17px;
  border-block:1px solid var(--im-line);
  padding:25px 0;
  margin-top:40px
}
.im-article-help>span {
  display:grid;
  width:42px;
  height:42px;
  flex-shrink:0;
  place-items:center;
  background:#fbecf0;
  color:var(--im-red);
  border-radius:50%
}
.im-article-help>span>.im-icon {
  width:19px;
  height:19px
}
.im-article-help h3 {
  font-size:17px;
  margin:0 0 5px;
  text-transform:uppercase
}
.im-article-help p {
  font-size:10px;
  color:#8b99aa;
  margin:0
}
.im-article-help>a {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:9px;
  white-space:nowrap;
  margin-left:auto;
  text-decoration:none;
  color:var(--im-red);
  font-weight:650
}
.im-article-help>a>.im-icon {
  width:16px;
  height:16px
}
.im-related-conditions,.im-related-resources {
  background:#f4f6f9;
  border-top:1px solid var(--im-line);
  padding-top:75px
}
.im-related-conditions h2,.im-related-resources h2 {
  font-size:43px
}
.im-resource-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px
}
.im-resource-card {
  position:relative;
  display:block;
  padding:18px 18px 25px;
  border:1px solid #e1e7ee;
  border-radius:10px;
  background:#fff;
  color:var(--im-navy);
  text-decoration:none
}
.im-resource-card>div {
  height:230px;
  margin-bottom:20px;
  border-radius:6px;
  background:#f6f7fa;
  overflow:hidden
}
.im-resource-card img {
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  transition:transform .3s
}
.im-resource-card:hover img {
  transform:scale(1.04)
}
.im-resource-card small {
  display:block;
  color:var(--im-red);
  font-size:10px;
  letter-spacing:.09em;
  text-transform:uppercase;
  margin-bottom:9px
}
.im-resource-card h3 {
  font-size:23px;
  line-height:1.1;
  max-width:260px;
  margin:0;
  padding-right:25px;
  text-transform:uppercase
}
.im-resource-card>.im-icon {
  position:absolute;
  bottom:26px;
  right:18px;
  width:18px;
  height:18px;
  color:var(--im-red)
}
.im-faq-article {
  border-top:1px solid var(--im-line)
}
.im-faq-article details {
  scroll-margin-top:130px
}
.im-faq-article summary {
  font-size:14px;
  font-weight:650;
  line-height:1.6;
  padding-block:25px
}
.im-faq-article details>div {
  font-size:14px;
  line-height:1.95
}
.im-faq-article details>div p {
  margin-bottom:17px
}
.im-faq-article details>div p:last-child {
  margin-bottom:0
}
.im-faq-plus {
  font-size:21px;
  line-height:1;
  font-weight:400;
  transition:transform .2s
}
.im-faq-article details[open] .im-faq-plus {
  transform:rotate(45deg)
}
/* Native WooCommerce pages retain their store layouts. */
.im-commerce-hero {
  padding:35px 0 39px;
  background:#f2f5f9;
  border-bottom:1px solid var(--im-line)
}
.im-commerce-hero h1 {
  margin:0;
  color:var(--im-navy);
  font-size:48px;
  text-transform:uppercase
}
.im-commerce-hero .im-breadcrumbs {
  margin-bottom:15px
}
.im-commerce-hero .im-breadcrumbs a {
  color:#71869e
}
.im-commerce-hero .im-breadcrumbs>span:last-child {
  color:var(--im-navy)
}
.im-commerce-content {
  padding-block:50px 70px;
  min-height:260px
}
.im-commerce-content>article {
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none
}
.im-commerce-content .woocommerce {
  margin:0
}
.im-commerce-content form {
  max-width:100%
}
.im-commerce-content .woocommerce-MyAccount-navigation {
  padding:0
}
.im-commerce-content .woocommerce-MyAccount-content {
  padding-top:0
}
/* Articles and archives are prepared for future journal content. */
.im-post-hero .im-guide-visual {
  height:285px;
  transform:rotate(2deg)
}
.im-post-hero .im-guide-visual img {
  object-fit:cover;
  border-radius:6px
}
.im-post-hero h1 {
  font-size:55px
}
.im-post-lead-image {
  margin-bottom:30px;
  overflow:hidden;
  border-radius:10px;
  background:var(--im-pale)
}
.im-post-lead-image img {
  display:block;
  width:100%;
  max-height:430px;
  object-fit:cover
}
.im-post-category {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:20px
}
.im-post-category a {
  display:inline-block;
  padding:5px 10px;
  border-radius:3px;
  background:#f9e9ed;
  color:var(--im-red);
  font-size:9px;
  text-decoration:none
}
.im-post-navigation {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
  margin-top:35px;
  border-top:1px solid var(--im-line);
  padding-top:25px
}
.im-post-navigation a {
  font-size:11px;
  color:var(--im-navy);
  text-decoration:none
}
.im-post-navigation span {
  display:block;
  margin-bottom:5px;
  color:#8c9bb0;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.1em
}
.im-archive-hero {
  padding:65px 0;
  background:var(--im-navy);
  color:#fff
}
.im-archive-hero h1 {
  color:#fff;
  font-size:59px;
  text-transform:uppercase;
  max-width:740px;
  margin:0
}
.im-archive-hero p:not(.im-eyebrow) {
  max-width:550px;
  margin:23px 0 0;
  font-size:14px;
  color:#a4b9d1
}
.im-archive-content {
  padding-block:65px 85px
}
.im-post-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:25px
}
.im-post-card {
  border:1px solid var(--im-line);
  border-radius:10px;
  overflow:hidden;
  background:#fff
}
.im-post-card-image {
  display:block;
  height:235px;
  background:#f2f5f9
}
.im-post-card-image>img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s
}
.im-post-card-image:hover>img {
  transform:scale(1.025)
}
.im-post-card-body {
  padding:25px
}
.im-post-card-body>small {
  font-size:9px;
  color:#8999ac
}
.im-post-card-body h2 {
  font-size:27px;
  text-transform:uppercase;
  margin:12px 0 15px
}
.im-post-card-body h2 a {
  color:var(--im-navy);
  text-decoration:none
}
.im-post-card-body>p {
  font-size:13px;
  color:#7f8fa4;
  line-height:1.85
}
.im-post-card .im-text-link {
  font-size:9px;
  margin-top:5px
}
.im-empty-journal {
  padding:45px;
  border:1px solid var(--im-line);
  border-radius:12px;
  background:#f5f7fa;
  text-align:center
}
.im-empty-journal>.im-icon {
  width:38px;
  height:38px;
  color:var(--im-red);
  margin-bottom:15px
}
.im-empty-journal h2 {
  font-size:32px;
  text-transform:uppercase;
  margin:0 0 15px
}
.im-empty-journal p {
  font-size:13px;
  color:var(--im-muted)
}
.im-empty-journal .im-button {
  margin-top:10px
}
.im-archive-pagination {
  margin-top:35px;
  text-align:center
}
.im-archive-pagination a,.im-archive-pagination span {
  display:inline-block;
  padding:8px 15px;
  border:1px solid var(--im-line);
  border-radius:4px;
  margin:3px;
  text-decoration:none;
  color:var(--im-navy);
  font-size:12px
}
.im-archive-pagination .current {
  background:var(--im-red);
  color:#fff;
  border-color:var(--im-red)
}
.im-guide-article .comment-respond {
  padding:30px;
  background:var(--im-pale);
  border-radius:9px;
  margin-top:30px
}
.im-guide-article .comment-respond h3 {
  font-size:25px;
  text-transform:uppercase
}
.im-guide-article .comment-respond label {
  font-size:11px
}
.im-guide-article .comment-respond input:not([type=checkbox]),.im-guide-article .comment-respond textarea {
  max-width:100%;
  border:1px solid #d3dce7;
  border-radius:5px;
  padding:11px;
  font-size:13px
}
.im-guide-article .comment-respond .submit {
  background:var(--im-red);
  color:#fff;
  border-color:var(--im-red)
}
@media(max-width:1150px) {
  .im-guide-hero-grid {
    gap:55px;
    grid-template-columns:1.7fr 1fr
  }
  .im-guide-layout {
    gap:45px;
    grid-template-columns:minmax(0,1fr) 255px
  }
  .im-guide-hero h1 {
    font-size:55px
  }
  .im-guide-visual {
    height:270px
  }
  .im-condition-hero .im-guide-visual {
    width:235px;
    height:235px
  }
  .im-toc {
    padding:22px 20px
  }
  .im-sidebar-device {
    padding:20px
  }
  .im-article-help {
    gap:12px
  }
  .im-article-help h3 {
    font-size:16px
  }
  .im-article-help p {
    font-size:9px
  }
  .im-article-help>a {
    font-size:8px
  }
  .im-resource-card h3 {
    font-size:22px
  }
}
@media(max-width:991px) {
  .im-guide-hero-grid {
    gap:40px;
    grid-template-columns:1.6fr 1fr;
    min-height:355px
  }
  .im-guide-hero h1 {
    font-size:45px
  }
  .im-guide-intro {
    font-size:14px
  }
  .im-guide-visual {
    height:250px;
    padding:15px 20px 32px
  }
  .im-condition-hero .im-guide-visual {
    width:205px;
    height:205px;
    padding:10px;
    border-width:7px
  }
  .im-guide-ribbon a {
    padding:17px 19px;
    font-size:8px;
    gap:8px
  }
  .im-guide-ribbon a>.im-icon:first-child {
    width:16px;
    height:16px
  }
  .im-guide-ribbon a>.im-icon:last-child {
    width:12px;
    height:12px
  }
  .im-guide-layout {
    grid-template-columns:minmax(0,1fr) 220px;
    gap:30px;
    padding-block:45px 65px
  }
  .im-article-content {
    font-size:14px
  }
  .im-article-content>p:first-of-type {
    font-size:15px
  }
  .im-article-content h3,.im-article-content h4 {
    font-size:23px
  }
  .im-content-gallery {
    grid-template-columns:1fr
  }
  .im-content-gallery .im-article-image {
    height:auto;
    max-height:400px;
    object-fit:contain
  }
  .im-toc {
    padding:20px 17px
  }
  .im-toc a {
    font-size:11px
  }
  .im-sidebar-device {
    padding:20px 17px
  }
  .im-sidebar-device h2 {
    font-size:21px
  }
  .im-sidebar-device>img {
    height:80px
  }
  .im-sidebar-contact {
    padding:15px 13px;
    gap:10px
  }
  .im-sidebar-contact small {
    font-size:6px
  }
  .im-sidebar-contact strong {
    font-size:10px
  }
  .im-article-help {
    flex-wrap:wrap
  }
  .im-article-help>a {
    margin-left:54px
  }
  .im-resource-card>div {
    height:190px
  }
  .im-resource-grid {
    gap:18px
  }
  .im-resource-card {
    padding:15px 15px 23px
  }
  .im-resource-card h3 {
    font-size:20px
  }
  .im-post-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .im-archive-hero h1 {
    font-size:50px
  }
}
@media(max-width:700px) {
  .im-guide-hero-grid {
    grid-template-columns:1fr;
    gap:32px;
    min-height:0;
    padding-block:30px 40px
  }
  .im-breadcrumbs {
    font-size:8px;
    gap:7px;
    margin-bottom:25px
  }
  .im-guide-hero h1 {
    font-size:43px;
    line-height:1.01;
    margin-bottom:20px
  }
  .im-guide-intro {
    font-size:14px;
    line-height:1.85;
    margin-bottom:20px;
    max-width:430px
  }
  .im-guide-meta {
    font-size:8px
  }
  .im-guide-visual {
    height:235px;
    max-width:none;
    transform:none;
    padding:20px 30px 35px;
    border-radius:9px
  }
  .im-condition-hero .im-guide-hero-grid {
    grid-template-columns:1fr;
    gap:28px;
    padding-bottom:55px
  }
  .im-condition-hero .im-guide-visual {
    width:160px;
    height:160px;
    justify-self:center;
    padding:7px;
    border-width:5px;
    box-shadow:0 0 0 15px #ffffff03
  }
  .im-condition-hero .im-guide-visual>span {
    bottom:-30px;
    font-size:6px;
    white-space:nowrap;
    left:-30px;
    right:-30px
  }
  .im-guide-ribbon>.container {
    display:flex;
    justify-content:space-between;
    gap:12px
  }
  .im-guide-ribbon a {
    justify-content:center;
    flex:1;
    flex-direction:column;
    gap:7px;
    align-items:center;
    padding:14px 8px;
    border:0;
    text-align:center;
    font-size:7px;
    line-height:1.5
  }
  .im-guide-ribbon a:first-child {
    padding-left:8px
  }
  .im-guide-ribbon a>.im-icon:last-child {
    display:none
  }
  .im-guide-ribbon a>.im-icon:first-child {
    width:18px;
    height:18px
  }
  .im-guide-layout {
    grid-template-columns:1fr;
    padding-block:38px 50px;
    gap:35px
  }
  .im-guide-sidebar {
    grid-row:1
  }
  .im-sidebar-sticky {
    position:static
  }
  .im-guide-sidebar .im-sidebar-device,.im-guide-sidebar .im-sidebar-contact {
    display:none
  }
  .im-toc {
    padding:19px 20px;
    margin:0;
    background:#f6f8fa
  }
  .im-toc h2 {
    font-size:16px;
    margin-bottom:10px
  }
  .im-toc ol {
    max-height:155px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 17px
  }
  .im-toc a {
    font-size:11px;
    padding-block:7px;
    line-height:1.6
  }
  .im-article-content {
    font-size:14px;
    line-height:1.95
  }
  .im-article-content>p {
    margin-bottom:20px
  }
  .im-article-content>p:first-of-type {
    font-size:15px
  }
  .im-article-content h2 {
    font-size:27px
  }
  .im-article-content h3,.im-article-content h4,.im-article-content h5,.im-article-content h6 {
    font-size:23px;
    margin-block:30px 15px
  }
  .im-content-gallery {
    gap:12px;
    margin-block:23px
  }
  .im-content-gallery>figure {
    padding:10px
  }
  .im-content-gallery .im-article-image {
    max-height:380px;
    height:auto;
    width:100%
  }
  .im-content-gallery>figure:only-child .im-article-image {
    max-height:380px
  }
  .im-article-help {
    gap:13px;
    padding-block:23px
  }
  .im-article-help h3 {
    font-size:16px
  }
  .im-article-help p {
    font-size:9px
  }
  .im-article-help>a {
    margin-left:55px;
    font-size:9px
  }
  .im-related-conditions,.im-related-resources {
    padding-top:55px
  }
  .im-related-conditions h2,.im-related-resources h2 {
    font-size:37px
  }
  .im-resource-grid {
    grid-template-columns:1fr;
    gap:20px
  }
  .im-resource-card {
    padding:18px 18px 24px
  }
  .im-resource-card>div {
    height:230px
  }
  .im-resource-card h3 {
    font-size:25px;
    max-width:290px
  }
  .im-resource-card small {
    font-size:10px
  }
  .im-resource-card>.im-icon {
    right:20px
  }
  .im-faq-article summary {
    font-size:13px;
    padding-block:22px
  }
  .im-faq-article details>div {
    padding-right:0;
    font-size:14px
  }
  .im-commerce-hero {
    padding-block:26px 30px
  }
  .im-commerce-hero h1 {
    font-size:39px
  }
  .im-commerce-hero .im-breadcrumbs {
    margin-bottom:13px
  }
  .im-commerce-content {
    padding-block:35px 50px
  }
  .im-post-hero h1 {
    font-size:42px
  }
  .im-post-hero .im-guide-visual {
    height:230px;
    transform:none
  }
  .im-archive-hero {
    padding-block:45px
  }
  .im-archive-hero h1 {
    font-size:44px
  }
  .im-archive-hero p:not(.im-eyebrow) {
    font-size:14px
  }
  .im-archive-content {
    padding-block:40px 60px
  }
  .im-post-grid {
    grid-template-columns:1fr;
    gap:24px
  }
  .im-post-card-image {
    height:235px
  }
  .im-empty-journal {
    padding:33px 25px
  }
  .im-empty-journal h2 {
    font-size:29px
  }
  .im-empty-journal p {
    font-size:12px
  }
  .im-post-navigation {
    gap:20px
  }
  .im-post-navigation a {
    font-size:10px
  }
  .im-guide-article .comment-respond {
    padding:23px
  }
}

/* Desktop reading sizes; phone and tablet rules retain their existing scale. */
@media(min-width:992px) {
  .im-guide-intro,.im-archive-hero p:not(.im-eyebrow) { font-size:17px }
  .im-guide-ribbon a { font-size:14px }
  .im-article-content,.im-article-content>p:first-of-type,
  .im-article-content>p>strong:only-child { font-size:17px; line-height:1.85 }
  .im-toc a { font-size:14px }
  .im-sidebar-device>p:not(.im-eyebrow) { font-size:14px }
  .im-sidebar-device>.im-button { font-size:12px }
  .im-sidebar-contact strong { font-size:14px }
  .im-article-help p,.im-article-help>a { font-size:13px }
  .im-faq-article summary { font-size:17px }
  .im-faq-article details>div { font-size:16px; line-height:1.85 }
  .im-post-card-body>p { font-size:16px }
  .im-post-card .im-text-link,.im-post-navigation a { font-size:14px }
}