













.drain-bowl-article .journal-prose p a,
.drain-bowl-article .journal-prose li a,
.drain-bowl-article .journal-prose dd a,
.drain-bowl-article .journal-prose td a {
  color: #125e52;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.drain-bowl-article .journal-prose p a:hover,
.drain-bowl-article .journal-prose li a:hover { text-decoration-thickness: 2px; }
.drain-bowl-article a:focus-visible,
.drain-bowl-article summary:focus-visible {
  outline: 3px solid #c96816;
  outline-offset: 3px;
}


.drain-bowl-article h1,
.drain-bowl-article .journal-prose h2,
.drain-bowl-article .journal-article-footer h2 { text-wrap: balance; }
.drain-bowl-article .journal-article-header{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0 58px;align-items:start}
.drain-bowl-article .journal-article-header .editorial-breadcrumbs{grid-column:1/-1}
.drain-bowl-article .drain-hero-copy{grid-column:1}
.drain-bowl-article .drain-hero-photo{grid-column:2;grid-row:2;margin:0;padding:22px;background:#f2f5f1;border:1px solid #d3dfd7}
.drain-bowl-article .drain-hero-photo img{display:block;width:210px;height:auto;margin:0 auto}
.drain-bowl-article .drain-hero-photo figcaption{display:block;margin-top:18px;font-size:13px;line-height:1.55;color:#41544a}
.drain-bowl-article .drain-hero-photo figcaption span{display:block;margin-bottom:6px;font-size:15px;font-weight:600;color:#153e32}
.drain-bowl-article .drain-hero-photo figcaption a{text-decoration:underline;text-underline-offset:3px}
.drain-bowl-article .journal-article-header h1{font-size:clamp(34px,4.1vw,55px);max-width:21ch;line-height:1.05}
@media(max-width:850px){.drain-bowl-article .journal-article-header{display:block}.drain-bowl-article .drain-hero-photo{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:18px;margin-top:28px}.drain-bowl-article .drain-hero-photo img{width:130px}.drain-bowl-article .drain-hero-photo figcaption{margin:0;font-size:14px}.drain-bowl-article .drain-hero-photo figcaption span{font-size:15px}}
@media(max-width:380px){.drain-bowl-article .drain-hero-photo{grid-template-columns:1fr;gap:18px}.drain-bowl-article .drain-hero-photo img{width:180px}}


.drain-bowl-article .route-editorial-photo.is-bowl,
.drain-bowl-article .route-editorial-photo.is-pod { background: #101312; }
.drain-bowl-article .route-editorial-photo.is-bowl img { max-width: 318px; padding: 28px; }
.drain-bowl-article .route-editorial-photo.is-pod img { max-width: 401px; padding: 20px; }
.drain-bowl-article .route-editorial-photo.is-kit img { max-width: 565px; }


.drain-bowl-article .journal-sources ol { padding-left: 2.6em; }
.drain-bowl-article .journal-sources li { padding-left: 6px; }


.drain-bowl-article .journal-route-table td,
.drain-bowl-article .journal-route-table th { font-size: 0.8rem; line-height: 1.55; }


.drain-bowl-article .journal-prose section > ul > li { margin: 7px 0; }





@media screen and (max-width: 980px) {
  body[data-page="insight-article"] .drain-bowl-article .journal-route-table-wrap { display: none; }
  body[data-page="insight-article"] .drain-bowl-article .journal-route-mobile summary {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 6px;
    color: #172225;
    font-size: 0.92rem;
    font-weight: 760;
    line-height: 1.4;
  }
  body[data-page="insight-article"] .drain-bowl-article .journal-route-mobile dl { margin: 0; padding: 0 16px 12px; }
  body[data-page="insight-article"] .drain-bowl-article .journal-route-mobile dl > div {
    display: grid;
    grid-template-columns: 8.4em minmax(0, 1fr);
    gap: 10px;
    padding: 5px 0;
    border: 0;
  }
  body[data-page="insight-article"] .drain-bowl-article .journal-route-mobile dt {
    margin: 0;
    color: #6b4210;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.45;
  }
  body[data-page="insight-article"] .drain-bowl-article .journal-route-mobile dd {
    margin: 0;
    color: #2b393c;
    font-size: 0.86rem;
    line-height: 1.5;
  }
}

@media (max-width: 600px) {
  .drain-bowl-article .route-editorial-photo.is-bowl img { max-width: 306px; padding: 22px; }
  .drain-bowl-article .route-editorial-photo.is-pod img { max-width: 389px; padding: 14px; }
}


.drain-bowl-article :is(a, summary):focus-visible { outline: 3px solid #b76814 !important; outline-offset: 3px; }
.drain-bowl-article details > summary:focus-visible { outline-offset: -4px !important; }
.drain-bowl-article :is(.journal-subscribe-band, .journal-diagnostic-cta) a:focus-visible { outline-color: #ffd59a !important; }


.drain-bowl-article .journal-route-table tbody th {
  background: #fff;
  color: #182326;
  font-size: 0.8rem;
  font-weight: 780;
  line-height: 1.55;
  text-align: left;
  vertical-align: top;
}


@media screen and (max-width: 980px) {
  body[data-page="insight-article"] .drain-bowl-article .journal-route-mobile dl > div { grid-template-columns: 1fr; gap: 1px; padding: 6px 0; }
}


.drain-bowl-article .journal-reference-list a { font-weight: 500; }
.drain-bowl-article .journal-reference-list li::marker { font-variant-numeric: tabular-nums; }
.drain-bowl-article .journal-sources li:target { background: #fff4e0; }


.drain-bowl-article .journal-source-ref { padding: 4px 3px; margin: -4px 0; }
.drain-bowl-article .cite-keep { white-space: nowrap; }


.drain-bowl-article .journal-quote p { margin-bottom: 0; text-wrap: balance; }
.drain-bowl-article .journal-article-footer p { text-wrap: balance; }


@media (max-width: 420px) {
  .drain-bowl-article .journal-article-meta { flex-direction: column; align-items: flex-start; gap: 6px; }
  .drain-bowl-article .journal-article-meta > * + *::before { content: none; }
}







.drain-bowl-article .journal-diagnostic-copy > span,
.drain-bowl-article .editorial-breadcrumbs a { font-size: 12px; }




.drain-bowl-article .route-editorial-photo:is(.is-bowl, .is-pod) img {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
  mask-composite: intersect;
  -webkit-mask-origin: content-box;
  mask-origin: content-box;
  -webkit-mask-clip: content-box;
  mask-clip: content-box;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}


.drain-bowl-article .route-editorial-photo { max-width: none; }


.drain-bowl-article #choose-and-fit > .route-editorial-photo:last-child { border-bottom: 0; margin-bottom: 8px; }


.drain-bowl-article .journal-field-box > :is(.journal-plain-list, .journal-spec-list):last-child { margin-bottom: 0; }
.drain-bowl-article .journal-field-box h3 { text-wrap: balance; }
.drain-bowl-article .journal-prose :is(p, li) { text-wrap: pretty; }
.drain-bowl-article .route-editorial-photo figcaption { text-wrap: balance; }


.drain-bowl-article .route-editorial-photo figcaption span a {
  color: #1c3738;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(28, 55, 56, 0.45);
  text-underline-offset: 3px;
}


.drain-bowl-article .journal-route-table tbody tr:last-child th { border-bottom: 0; }
.drain-bowl-article .journal-route-table thead th:nth-child(1) { width: 22%; }
.drain-bowl-article .journal-route-table thead th:nth-child(2) { width: 25%; }
.drain-bowl-article .journal-route-table thead th:nth-child(3) { width: 31%; }
.drain-bowl-article .journal-route-table thead th:nth-child(4) { width: 22%; }


.drain-bowl-article .nowrap { white-space: nowrap; }


.drain-bowl-article {
  --release-ink: #182528;
  --release-muted: #5a686b;
  --release-green: #175e53;
  --release-green-deep: #103f39;
  --release-line: rgba(24, 37, 40, 0.14);
  --release-amber: #b96820;
}
@media (min-width: 781px) {
  .drain-bowl-article .drain-bowl-case .release-case-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .drain-bowl-article .drain-bowl-case .release-case-grid article:last-child { border-right: 0; }
}

.drain-bowl-article .drain-bowl-case .release-case-heading p,
.drain-bowl-article .drain-bowl-case .release-case-grid article > span { font-size: 12px; }

.drain-bowl-article .drain-bowl-case .release-case-heading p { font-size: 12px !important; }

.drain-bowl-article .drain-bowl-case .release-case-heading { display: block; }
.drain-bowl-article .drain-bowl-case .release-case-heading h2 { margin: 6px 0 0; text-align: left; }



.drain-bowl-article .journal-prose .journal-quote p { text-wrap: balance; }

.drain-bowl-article .route-editorial-photo figcaption span.nowrap { display: inline; margin: 0; color: inherit; font: inherit; }

@media (min-width: 781px) {
  .drain-bowl-article .drain-bowl-case .release-case-grid article > span { display: block; min-height: 36px; }
}



.drain-bowl-article .journal-route-mobile dd { text-wrap: pretty; }
.drain-bowl-article .journal-route-table td { text-wrap: balance; }


.drain-bowl-article .drain-bowl-case .release-case-grid article > span { text-wrap: balance; }
.drain-bowl-article .journal-faq summary { text-wrap: balance; }

.drain-bowl-article .journal-article-meta{color:#344a43}.drain-bowl-article .journal-route-mobile details{overflow:visible}.drain-bowl-article .journal-subscribe-band a{color:inherit}

/* Keep original catalogue photos at an honest scale beside their explanation. */
.drain-bowl-article .route-editorial-photo:is(.is-bowl, .is-pod, .is-kit) {
  display: grid;
  grid-template-columns: minmax(0, 262px) minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  padding: 24px 0;
  background: #fff;
  border-top: 1px solid #d7e0dc;
  border-bottom: 1px solid #d7e0dc;
}
.drain-bowl-article .route-editorial-photo:is(.is-bowl, .is-pod, .is-kit) img {
  width: 100%;
  max-width: 262px;
  height: auto;
  padding: 0;
  margin: 0 auto;
  -webkit-mask-image: none;
  mask-image: none;
}
.drain-bowl-article .route-editorial-photo.is-bowl img { max-width: 230px; }
.drain-bowl-article .route-editorial-photo:is(.is-bowl, .is-pod, .is-kit) figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  text-wrap: pretty;
  font-size: 16px;
  line-height: 1.65;
}
.drain-bowl-article .route-editorial-photo:is(.is-bowl, .is-pod, .is-kit) figcaption > span:first-child {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 600px) {
  .drain-bowl-article .route-editorial-photo:is(.is-bowl, .is-pod, .is-kit) {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding-block: 20px;
  }
  .drain-bowl-article .route-editorial-photo.is-bowl img { max-width: 210px; }
  .drain-bowl-article .route-editorial-photo.is-pod img { max-width: 250px; }
  .drain-bowl-article .route-editorial-photo.is-kit img { max-width: 280px; }
  .drain-bowl-article .route-editorial-photo:is(.is-bowl, .is-pod, .is-kit) figcaption {
    font-size: 15px;
    line-height: 1.6;
  }
}
