/* Catalog pages share the site's light editorial palette and WordPress header. */
.yc-page .yc-breadcrumb { padding-block: 20px; }
.yc-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 0; list-style: none; }
.yc-breadcrumb li { font-size: 13px; line-height: 1.8; color: #52636e; overflow-wrap: anywhere; }
.yc-breadcrumb li + li::before { content: '/'; padding-right: 12px; color: #698291; }
.yc-breadcrumb a { color: #176bad; }
.yc-page h1 { max-width: 1060px; font-size: 44px; line-height: 1.35; overflow-wrap: anywhere; }
.yc-title-phrase { display: inline-block; max-width: 100%; }
.yc-page .yr-hero .yr-lead { max-width: 900px; }
.yc-page .yr-tabs a { min-height: 48px; }
.yc-audience { padding-block: 26px; display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 20px; }
.yc-audience > span { color: #1766a0; font-size: 14px; line-height: 1.9; }
.yc-audience p { font-size: 15px; }
.yc-features { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 54px; }
.yc-features article { border-top: 1px solid #c5d8e5; padding-top: 24px; min-width: 0; }
.yc-features h3 { font-size: 21px; }
.yc-features p { font-size: 16px; line-height: 1.95; }
.yc-flow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; list-style: none; padding: 0; }
.yc-flow li { padding-top: 22px; border-top: 2px solid #9cbfd8; min-width: 0; }
.yc-flow h3 { font-size: 20px; }
.yc-flow p { margin-top: 12px; font-size: 15px; }
.yc-page .yr-specs > div { grid-template-columns: 210px minmax(0,1fr); }
.yc-prose { max-width: 920px; }
.yc-module-intro { padding: 36px 0; }
.yc-module-intro p { max-width: 930px; font-size: 17px; }
.yc-module-row { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 60px; padding: 30px 0; border-top: 1px solid #cbdbe6; }
.yc-module-row h3 { font-size: 24px; }
.yc-module-row h3 a { color: #183d58; }
.yc-module-row h3 a:hover { color: #176bad; text-decoration: underline; text-underline-offset: 6px; }
.yc-module-row > div > p { margin-top: 10px; }
.yc-module-row .yc-module-samples { font-size: 14px; margin: 0 0 16px; }
.yc-crosslinks { display: flex; flex-wrap: wrap; gap: 18px 36px; padding-block: 26px; }
.yc-page .yr-product-shot + .yr-product-shot { margin-top: 36px; }
.yc-page .yr-product-shot figcaption { display: block; }
.yc-phones { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; margin-top: 40px; align-items: start; }
.yc-phone img { width: 100%; height: auto; display: block; border: 1px solid #d9e4eb; }
.yc-phone figcaption { font-size: 14px; line-height: 1.7; padding-top: 12px; color: #52636e; }
.yc-page :is(section,article) { scroll-margin-top: 110px; }
@media (max-width: 1000px) {
  .yc-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .yc-module-row { gap: 32px; }
  .yc-page h1 { font-size: 36px; }
  .yc-phones { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .yc-page h1 { font-size: 29px; }
  .yc-page .yr-hero { padding-block: 30px; }
  .yc-page .yr-tabs .yr-wrap { gap: 0 20px; }
  .yc-page .yr-tabs a { padding-block: 14px; }
  .yc-page .yc-breadcrumb { padding-block: 14px; }
  .yc-breadcrumb li { font-size: 12px; }
  .yc-breadcrumb ol { gap: 4px 8px; }
  .yc-breadcrumb li + li::before { padding-right: 8px; }
  .yc-audience { grid-template-columns: minmax(0,1fr); gap: 6px; padding-block: 22px; }
  .yc-features { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .yc-features article { padding-top: 20px; }
  .yc-features h3 { font-size: 20px; }
  .yc-features p { font-size: 15px; }
  .yc-flow { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .yc-flow .yr-index { margin-bottom: 10px; }
  .yc-page .yr-specs > div { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .yc-module-row { grid-template-columns: minmax(0,1fr); gap: 18px; padding-block: 26px; }
  .yc-module-row h3 { font-size: 22px; }
  .yc-module-row .yc-module-samples { margin-bottom: 6px; }
  .yc-module-intro { padding-block: 26px; }
  .yc-module-intro p { font-size: 15px; }
  .yc-phones { gap: 16px; }
  .yc-page .yr-cta h2 { font-size: 23px; }
  .yc-page .yr-product h3 { font-size: 19px; }
}