/* Local review preview for the LubeServ Insight "Before You Fit an Automatic Lubricator, Prove the Grease Path".
   Static page: no animation, video or GIF. Colours follow the live LubeServ tokens (ink #111317, green #166b51,
   orange #f28a13 for decoration and #a24d0b for orange text). Fonts are the bundled static Inter instances made from
   the site's own Inter variable font, which keep weights correct in WebKit on Windows. */
@font-face { font-family: LubeServOct15; src: url("/assets/insights/oct15/inter-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: LubeServOct15; src: url("/assets/insights/oct15/inter-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: LubeServOct15; src: url("/assets/insights/oct15/inter-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: LubeServOct15; src: url("/assets/insights/oct15/inter-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }

.oct15-story {
  --ink: #111317;
  --ink-soft: #2f363d;
  --muted: #4b575c;
  --green: #166b51;
  --green-dark: #0e4a37;
  --orange: #f28a13;
  --orange-text: #a24d0b;
  --paper: #f5f7f4;
  --line: #d8dfdb;
  --plate: #eceff6;
  --header-h: inherit;
}

.oct15-story * { box-sizing: border-box; }
.oct15-story { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { .oct15-story { scroll-behavior: smooth; } }
.oct15-story { margin: 0; background: #fff; color: var(--ink); font: 400 18px/1.7 LubeServOct15, Arial, sans-serif; overflow-wrap: break-word; }
.oct15-story img { display: block; max-width: 100%; height: auto; }
.oct15-story a { color: var(--green); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.oct15-story a:hover { color: var(--green-dark); text-decoration-thickness: 2px; }
.oct15-story :focus-visible { outline: 3px solid #b9570d; outline-offset: 3px; border-radius: 2px; }
.oct15-story [id] { scroll-margin-top: calc(var(--header-h) + 24px); }

.oct15-story .skip-link { position: absolute; left: 12px; top: -60px; z-index: 20; padding: 10px 14px; background: var(--ink); color: #fff; border-radius: 6px; }
.oct15-story .skip-link:focus { top: 8px; }

.oct15-story .draft-banner { text-wrap: balance; margin: 0; padding: 8px 16px; font-size: 13px; line-height: 1.5; text-align: center; color: #5b3a0f; background: #fff4e4; border-bottom: 1px solid #efdcc0; }

/* Header */
.oct15-story .site-header { position: sticky; top: 0; z-index: 10; background: #fff; border-bottom: 1px solid var(--line); }
.oct15-story .header-inner { max-width: 1180px; min-height: var(--header-h); margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.oct15-story .brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-size: 22px; font-weight: 800; white-space: nowrap; }
.oct15-story .brand:hover { color: var(--ink); }
.oct15-story .brand b { color: #c96816; font-weight: 800; }
.oct15-story .brand img { width: 40px; height: 40px; }
.oct15-story .site-header nav { display: flex; align-items: center; gap: 24px; }
.oct15-story .site-header nav a { min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; font-weight: 700; color: var(--ink-soft); text-decoration: none; border-bottom: 2px solid transparent; }
.oct15-story .site-header nav a:hover { color: var(--ink); }
.oct15-story .site-header nav a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--orange); }

/* Page and header */
.oct15-story .page { max-width: 1180px; margin: 0 auto; padding: 28px 20px 72px; }
.oct15-story .breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; font-size: 14px; line-height: 1.5; color: var(--muted); }
.oct15-story .breadcrumb a { color: var(--ink-soft); font-weight: 500; text-decoration-color: rgba(47, 54, 61, 0.45); }
.oct15-story .eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 13px; line-height: 1.4; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--orange-text); }
.oct15-story .eyebrow .dot { width: 5px; height: 5px; border-radius: 50%; background: var(--orange); }
.oct15-story .eyebrow .read { color: var(--muted); font-weight: 500; letter-spacing: 0; text-transform: none; font-size: 14px; }
.oct15-story h1 { margin: 0 0 18px; font-size: clamp(33px, 7.6vw, 54px); line-height: 1.1; font-weight: 800; letter-spacing: -0.02em; text-wrap: balance; }
.oct15-story .dek { margin: 0 0 24px; max-width: 40em; font-size: clamp(18px, 2.4vw, 20px); line-height: 1.6; color: var(--muted); text-wrap: pretty; }
.oct15-story .byline { display: flex; align-items: center; gap: 12px; }
.oct15-story .byline img { width: 40px; height: 40px; padding: 2px; border: 1px solid var(--line); border-radius: 50%; background: #fff; }
.oct15-story .byline p { margin: 0; display: flex; flex-direction: column; line-height: 1.4; }
.oct15-story .byline .author { font-size: 15px; font-weight: 700; color: var(--ink); }
.oct15-story .byline .date { font-size: 14px; color: var(--muted); }

.oct15-story .article-header { display: grid; gap: 28px; margin-bottom: 36px; }

/* Product photographs: whole product, original proportions, never enlarged */
.oct15-story .product-photo { margin: 36px 0; }
.oct15-story .product-photo .photo-plate { display: flex; justify-content: center; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
/* width:100% plus the width/height attributes reserves the photo's space before it loads, so contents jumps land correctly. max-width keeps each photo at or below natural size. */
.oct15-story .product-photo img { width: 100%; height: auto; object-fit: contain; }
.oct15-story .hero-photo { margin: 0; }
.oct15-story .hero-photo .photo-plate { background: var(--plate); border-color: #dbe1ec; }
.oct15-story .hero-photo img { max-width: min(100%, 300px); }
.oct15-story .equipment-photo img { max-width: min(100%, 420px); }
.oct15-story .product-photo figcaption { margin-top: 12px; font-size: 15px; line-height: 1.6; color: var(--muted); text-wrap: pretty; }
.oct15-story .product-photo .figure-title { display: block; margin-bottom: 2px; font-weight: 700; }
.oct15-story .nowrap { white-space: nowrap; }

/* Body layout */
.oct15-story .article-layout { display: block; }
.oct15-story .toc-rail { display: none; }
.oct15-story .prose { max-width: 700px; }
.oct15-story .prose > p, .oct15-story .prose li { text-wrap: pretty; }
.oct15-story .prose p { margin: 0 0 20px; }
.oct15-story .prose h2 { margin: 60px 0 16px; font-size: clamp(25px, 3.4vw, 31px); line-height: 1.22; font-weight: 800; letter-spacing: -0.01em; text-wrap: balance; }
.oct15-story .prose h3 { margin: 0 0 10px; font-size: 19px; line-height: 1.35; font-weight: 700; text-wrap: balance; }
.oct15-story .prose strong { font-weight: 700; }

/* Contents: native disclosure on narrow screens, rail on wide screens */
.oct15-story .toc-mobile { margin: 0 0 28px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); }
.oct15-story .toc-mobile summary { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; cursor: pointer; font-size: 14px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--green); list-style: none; }
.oct15-story .toc-mobile summary::-webkit-details-marker { display: none; }
.oct15-story .toc-mobile summary::after { content: ""; width: 9px; height: 9px; border-right: 2px solid var(--green); border-bottom: 2px solid var(--green); transform: rotate(45deg) translateY(-3px); }
.oct15-story .toc-mobile[open] summary::after { transform: rotate(-135deg) translateY(-2px); }
.oct15-story .toc-mobile nav { padding: 0 16px 10px; }
.oct15-story .toc-list { list-style: none; margin: 0; padding: 0; }
.oct15-story .toc-list li { border-top: 1px solid var(--line); }
.oct15-story .toc-list a { display: block; padding: 10px 0; font-size: 15px; line-height: 1.4; font-weight: 500; color: var(--ink-soft); text-decoration: none; }
.oct15-story .toc-list a:hover { color: var(--green); text-decoration: underline; }

/* Opening panel, after the benchmark's text-first opening */
.oct15-story .opening { margin: 0 0 8px; padding: 22px 22px 4px; background: var(--paper); border-left: 4px solid #c77724; }
.oct15-story .opening p:first-child { font-size: 20px; line-height: 1.6; color: var(--ink); }
.oct15-story .opening p { color: var(--ink-soft); }

/* Model-specific limits */
.oct15-story .spec-box { margin: 28px 0 30px; padding: 22px 22px 8px; background: #f4f8f6; border: 1px solid #cfdcd6; border-top: 4px solid var(--green); border-radius: 0 0 8px 8px; }
.oct15-story .spec-box ul { margin: 0; padding: 0; list-style: none; }
.oct15-story .spec-box li { position: relative; margin: 0 0 14px; padding-left: 22px; font-size: 17px; line-height: 1.6; }
.oct15-story .spec-box li::before { content: ""; position: absolute; left: 2px; top: 0.62em; width: 8px; height: 8px; background: var(--green); }

/* Illustrative example */
.oct15-story .example-box { margin: 32px 0; padding: 20px 22px 4px; background: #fff8ef; border: 1px solid #efd9ba; border-radius: 8px; }
.oct15-story .example-box .example-label { margin: 0 0 4px !important; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--orange-text); }
.oct15-story .example-box p { font-size: 17px; }

/* Installation record: selectable text */
.oct15-story .record-card { margin: 28px 0 24px; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.oct15-story .record-title { margin: 0 !important; padding: 12px 18px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; background: #133e36; }
.oct15-story .installation-record { margin: 0; }
.oct15-story .installation-record > div { padding: 14px 18px; border-top: 1px solid var(--line); }
.oct15-story .installation-record > div:first-child { border-top: 0; }
.oct15-story .installation-record > div:nth-child(even) { background: #fafbf9; }
.oct15-story .installation-record dt { font-size: 15px; font-weight: 700; color: var(--ink); }
.oct15-story .installation-record dd { margin: 2px 0 0; font-size: 16px; line-height: 1.6; color: var(--ink-soft); text-wrap: pretty; }

/* CTA band */
.oct15-story .cta-band { margin: 56px 0 0; padding: 28px 24px; color: #fff; background: #133e36; border-radius: 12px; }
.oct15-story .cta-band .cta-kicker { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #f6b469; }
.oct15-story .prose .cta-band h2 { margin: 0 0 12px; color: #fff; font-size: clamp(23px, 3vw, 27px); }
.oct15-story .cta-band p { color: #dfe9e4; }
.oct15-story .cta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0 !important; }
.oct15-story .cta-actions a { min-height: 46px; display: inline-flex; align-items: center; padding: 10px 18px; border-radius: 8px; font-size: 16px; font-weight: 700; text-decoration: none; }
.oct15-story .button-primary { color: var(--ink); background: var(--orange); border: 1.5px solid var(--orange); }
.oct15-story .button-primary:hover { color: var(--ink); background: #f6a24a; }
.oct15-story .button-secondary { color: #fff; border: 1.5px solid rgba(255, 255, 255, 0.8); }
.oct15-story .button-secondary:hover { color: #fff; background: rgba(255, 255, 255, 0.1); }
.oct15-story .cta-band :focus-visible { outline-color: #f6b469; }

/* References and subscription */
.oct15-story .references h2 { font-size: 22px !important; margin-top: 56px !important; }
.oct15-story .references ol { margin: 0; padding-left: 1.4em; }
.oct15-story .references li { margin: 0 0 12px; font-size: 15.5px; line-height: 1.65; color: var(--muted); }
.oct15-story .subscribe { margin-top: 48px; padding-top: 22px; border-top: 3px solid var(--green); }
.oct15-story .subscribe .eyebrow-small { margin: 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--orange-text); }
.oct15-story .prose .subscribe h2 { margin: 0 0 8px; font-size: 22px; }
.oct15-story .subscribe p { margin: 0 0 10px; font-size: 16px; }
.oct15-story .subscribe a { font-weight: 700; }
.oct15-story .preview-note { font-size: 14px !important; color: var(--muted); }

/* Footer */
.oct15-story .site-footer { background: var(--paper); border-top: 1px solid var(--line); }
.oct15-story .footer-inner { max-width: 1180px; margin: 0 auto; padding: 28px 20px 36px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; }
.oct15-story .footer-inner p { margin: 8px 0 0; font-size: 14px; color: var(--muted); }
.oct15-story .site-footer nav { display: flex; flex-direction: column; gap: 6px; }
.oct15-story .site-footer nav a { min-height: 36px; display: inline-flex; align-items: center; font-size: 15px; font-weight: 600; }

@media (max-width: 420px) {
  .oct15-story .header-inner { padding: 0 14px; gap: 10px; }
  .oct15-story .brand { font-size: 20px; gap: 8px; }
  .oct15-story .brand img { width: 34px; height: 34px; }
  .oct15-story .site-header nav { gap: 14px; }
  .oct15-story .site-header nav a { font-size: 13.5px; }
  .oct15-story .opening { padding: 18px 16px 2px; }
  .oct15-story .opening p:first-child { font-size: 19px; }
  .oct15-story .spec-box, .oct15-story .example-box { padding-left: 16px; padding-right: 16px; }
  .oct15-story .product-photo .photo-plate { padding: 14px; }
  .oct15-story .cta-band { padding: 24px 20px; }
  .oct15-story .cta-actions a { padding: 10px 14px; }
}

@media (max-width: 599px) {
  .oct15-story .cta-actions a { flex: 1 1 100%; justify-content: center; text-align: center; }
  /* On phone-width columns WebKit's text-wrap: pretty ends many lines well short of the edge; plain wrapping reads better.
     Wider screens keep pretty wrapping, which only prevents one-word last lines. */
  .oct15-story .dek, .oct15-story .prose p, .oct15-story .prose li, .oct15-story .installation-record dd, .oct15-story .product-photo figcaption { text-wrap: wrap; }
}

@media (min-width: 600px) {
  .oct15-story .installation-record > div { display: grid; grid-template-columns: 180px 1fr; gap: 20px; }
  .oct15-story .installation-record dd { margin: 0; }
  .oct15-story .cta-band { padding: 32px; }
}

@media (min-width: 768px) {
  .oct15-story .page { padding: 36px 32px 80px; }
  .oct15-story .header-inner { padding: 0 32px; }
  .oct15-story .footer-inner { padding-left: 32px; padding-right: 32px; }
  .oct15-story .hero-photo { max-width: 340px; }
}

@media (min-width: 1040px) {
  .oct15-story .article-header { grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; margin-bottom: 52px; }
  .oct15-story .hero-photo { max-width: none; }
  .oct15-story .hero-photo img { max-width: 100%; }
  .oct15-story .article-layout { display: grid; grid-template-columns: 236px minmax(0, 700px); gap: 64px; }
  .oct15-story .toc-rail { display: block; }
  .oct15-story .toc-rail nav { position: sticky; top: calc(var(--header-h) + 24px); padding: 16px 18px 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); }
  .oct15-story .toc-title { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--green); }
  .oct15-story .toc-rail .toc-list a { font-size: 14px; padding: 9px 0; }
  .oct15-story .toc-mobile { display: none; }
  .oct15-story .opening { padding: 26px 30px 6px; }
  .oct15-story .opening p:first-child { font-size: 21px; }
}

/* October visual refresh: authentic catalogue plates, readable static figures. */
.oct15-story .draft-banner{font-size:12px;padding:6px 16px}
.oct15-story .site-header{position:relative}
.oct15-story .page{padding-top:22px}
.oct15-story .breadcrumb{font-size:12px;margin-bottom:18px}
.oct15-story .article-header{gap:24px;align-items:center}
.oct15-story h1{font-size:clamp(30px,4.5vw,46px);line-height:1.12;letter-spacing:-.035em}
.oct15-story .dek{font-size:17px;line-height:1.6;margin-bottom:20px;max-width:37em}
.oct15-story .eyebrow{font-size:11px;margin-bottom:12px;gap:8px}
.oct15-story .eyebrow .read{font-size:12px}
.oct15-story .byline img{width:30px;height:30px}
.oct15-story .byline .author{font-size:13px}
.oct15-story .byline .date{font-size:12px}
.oct15-story .product-photo{border:1px solid #dce3df;border-radius:2px;overflow:hidden;background:#fff}
.oct15-story .product-photo .photo-plate{border:0;border-radius:0;padding:18px;background:#fff;align-items:center}
.oct15-story .hero-photo .photo-plate{background:#eceff6;min-height:320px}
.oct15-story .hero-photo img{width:auto;height:320px;max-width:100%;object-fit:contain}
.oct15-story .product-photo figcaption{padding:18px 20px;margin:0;border-top:1px solid #dce3df;font-size:14px;line-height:1.55}
.oct15-story .plate-kicker{display:block;color:#6b7773;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}
.oct15-story .product-photo .figure-title{display:block;color:#133e36;font-size:18px;line-height:1.2;font-weight:700;margin-bottom:7px;text-decoration:none}
.oct15-story .product-photo .figure-title:hover{text-decoration:underline}
.oct15-story .plate-detail{display:block;color:#52615a;font-size:13px}
.oct15-story .equipment-photo{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;background:#f5f7f4}
.oct15-story .equipment-photo .photo-plate{padding:18px}
.oct15-story .equipment-photo img{max-width:340px}
.oct15-story .equipment-photo figcaption{border-top:0;padding:24px}
.oct15-story .opening{background:transparent;border-left:0;padding:0}
.oct15-story .opening p:first-child{font-size:21px;line-height:1.65}
.oct15-story .toc-rail nav{background:#fff;border:0;border-top:2px solid var(--green);border-radius:0;padding-left:0;padding-right:8px}
.oct15-story .spec-box{padding:24px 24px 8px;background:#f3f7f4;border:1px solid #cfddd4;border-radius:2px}
.oct15-story .figure-kicker{font-size:11px!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4f695c;margin:0 0 8px!important}
.oct15-story .prose .spec-box h3,.oct15-story .prose .path-figure h3{font-size:23px;line-height:1.25;margin:0 0 22px;text-wrap:wrap}
.oct15-story .limit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 20px;border-top:1px solid #cad8cf;border-bottom:1px solid #cad8cf}
.oct15-story .limit-grid>div{padding:18px 10px 15px 0}
.oct15-story .limit-grid>div+div{border-left:1px solid #cad8cf;padding-left:18px}
.oct15-story .limit-grid dt{font-size:12px;font-weight:700;line-height:1.4;color:#476353}
.oct15-story .limit-grid dd{font-size:38px;line-height:1.2;font-weight:700;color:#133e36;margin:7px 0 3px;letter-spacing:-.04em}
.oct15-story .limit-grid dd span{font-size:19px;letter-spacing:0}
.oct15-story .limit-grid dd small{display:block;font-size:12px;line-height:1.4;font-weight:400;letter-spacing:0;color:#52665a;margin-top:3px}
.oct15-story .prose .spec-rule{font-size:16px;line-height:1.55;margin-bottom:12px}
.oct15-story .prose .spec-detail{font-size:14px;line-height:1.6;margin-bottom:15px;color:#4b6254}
.oct15-story .path-figure{margin:34px 0;border:1px solid #ccdcd3;border-radius:2px;overflow:hidden;background:#fff}
.oct15-story .path-head{padding:24px 24px 0}
.oct15-story .path-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0 24px 24px;gap:0}
.oct15-story .path-stages li{position:relative;padding:0 20px;border-left:1px solid #c4d6cb;line-height:1.45}
.oct15-story .path-stages li:first-child{padding-left:0;border:0}
.oct15-story .path-stages li:last-child{padding-right:0}
.oct15-story .stage-number{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:#8a5a21;margin-bottom:10px}
.oct15-story .path-stages strong{display:block;font-size:17px;color:#133e36;margin-bottom:8px}
.oct15-story .path-stages li>span:last-child{display:block;font-size:13px;color:#4f6257}
.oct15-story .verification-strip{padding:18px 24px;background:#133e36;color:#fff;line-height:1.5}
.oct15-story .verification-strip strong{display:block;font-size:17px;margin-bottom:5px}
.oct15-story .verification-strip span{font-size:13px;color:#dce9df;display:block}
.oct15-story .path-figure figcaption{padding:14px 24px;font-size:12px;line-height:1.6;color:#647269}
.oct15-story .path-annotated{position:relative;aspect-ratio:700/400;background:#eceff6;overflow:hidden}
.oct15-story .path-annotated>img{position:absolute;left:4%;top:5%;width:40%;height:auto;max-width:none}
.oct15-story .path-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.oct15-story .path-leaders-narrow{display:none}
.oct15-story .path-labels{list-style:none;margin:0;padding:0}
.oct15-story .path-labels li{position:absolute;left:54%;width:42%;padding:0;margin:0;line-height:1.45}
.oct15-story .path-labels li:nth-child(1){top:10%}.oct15-story .path-labels li:nth-child(2){top:40%}.oct15-story .path-labels li:nth-child(3){top:70%}
.oct15-story .path-labels strong{display:block;font-size:20px;color:#133e36;line-height:1.2;margin-bottom:7px}
.oct15-story .path-labels span{display:block;font-size:15px;color:#41584c}
.oct15-story .example-box,.oct15-story .record-card,.oct15-story .cta-band{border-radius:2px}
@media(min-width:1040px){
 .oct15-story .article-header{grid-template-columns:minmax(0,1fr) 380px;gap:60px;margin-bottom:44px}
 .oct15-story .hero-photo .photo-plate{min-height:340px}.oct15-story .hero-photo img{height:320px}
}
@media(min-width:600px) and (max-width:1039px){
 .oct15-story .article-header{grid-template-columns:1fr 260px;gap:26px}.oct15-story .hero-photo{max-width:none}
 .oct15-story .hero-photo img{height:250px}.oct15-story .hero-photo .photo-plate{min-height:280px;padding:14px}
 .oct15-story h1{font-size:34px}
}
@media(max-width:599px){
 .oct15-story .page{padding:18px 20px 50px}.oct15-story .article-header{gap:21px;margin-bottom:28px}
 .oct15-story h1{font-size:31px;line-height:1.12;margin-bottom:14px}.oct15-story .dek{font-size:16px;line-height:1.55;margin-bottom:16px}
 .oct15-story .hero-photo{display:grid;grid-template-columns:52% 48%;align-items:center;background:#f6f8f5}
 .oct15-story .hero-photo .photo-plate{min-height:0;padding:12px 6px}.oct15-story .hero-photo img{height:auto;width:auto;max-width:100%;max-height:200px}
 .oct15-story .hero-photo figcaption{border:0;padding:14px 12px}.oct15-story .hero-photo .figure-title{font-size:17px}.oct15-story .hero-photo .plate-detail{font-size:12px}
 .oct15-story .equipment-photo{grid-template-columns:1fr}.oct15-story .equipment-photo .photo-plate{padding:16px}.oct15-story .equipment-photo img{max-width:300px;max-height:265px;width:auto}
 .oct15-story .equipment-photo figcaption{border-top:1px solid #dce3df;padding:16px 20px}
 .oct15-story .spec-box{padding:20px 16px 4px}.oct15-story .prose .spec-box h3,.oct15-story .prose .path-figure h3{font-size:21px}
 .oct15-story .limit-grid>div{padding:14px 6px 14px 0}.oct15-story .limit-grid>div+div{padding-left:10px}
 .oct15-story .limit-grid dt{font-size:11px;min-height:31px}.oct15-story .limit-grid dd{font-size:30px}.oct15-story .limit-grid dd span{font-size:15px}.oct15-story .limit-grid dd small{font-size:11px}
 .oct15-story .path-head{padding:20px 20px 0}.oct15-story .path-stages{grid-template-columns:1fr;padding:0 20px 10px}
 .oct15-story .path-stages li,.oct15-story .path-stages li:first-child{display:grid;grid-template-columns:30px 1fr;gap:3px 10px;padding:13px 0;border:0;border-top:1px solid #d8e3dc}
 .oct15-story .stage-number{grid-column:1;grid-row:1 / 3;margin-top:3px;margin-bottom:0}.oct15-story .path-stages strong{margin:0;font-size:17px}
 .oct15-story .path-stages li>span:last-child{grid-column:2;font-size:13px}
 .oct15-story .verification-strip{padding:18px 20px}.oct15-story .verification-strip strong{font-size:16px}.oct15-story .path-figure figcaption{padding:13px 20px}
 .oct15-story .path-annotated{aspect-ratio:340/320}.oct15-story .path-annotated>img{left:0;top:15.625%;width:47.06%}
 .oct15-story .path-leaders-wide{display:none}.oct15-story .path-leaders-narrow{display:block}
 .oct15-story .path-labels li{left:56%;width:42%}.oct15-story .path-labels li:nth-child(1){top:6.25%}.oct15-story .path-labels li:nth-child(2){top:37.5%}.oct15-story .path-labels li:nth-child(3){top:68.75%}
 .oct15-story .path-labels strong{font-size:16px;margin-bottom:5px}.oct15-story .path-labels span{font-size:13px;line-height:1.4}
}

/* Keep the native site header and footer outside the scoped article presentation. */
body[data-page="insight-article"] #app:has(> .oct15-story){padding:0;max-width:none}
.oct15-story{width:100%;min-width:0;padding-top:var(--header-h)}.oct15-story .page{margin-top:0}