/* Product-range navigation and examples, scoped away from the toner table. */
.product-lines-nav{padding:40px 0 44px;background:var(--white,#fff);border-bottom:1px solid var(--line,#dfe7ef)}
.product-lines-intro{margin-bottom:24px;max-width:74ch}
.product-lines-intro h2,.product-line-heading h2,.product-toner-heading h2{font-size:clamp(24px,3vw,36px);line-height:1.15;color:var(--ink,#071a2b);margin:0 0 12px;font-weight:800;letter-spacing:-.02em}
.product-lines-intro p,.product-line-heading>p:not(.eyebrow),.product-toner-heading>p:not(.eyebrow){color:var(--muted,#52677a);font-size:15px;line-height:1.7;margin:0}
.product-lines-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.product-line-tile{display:flex;flex-direction:column;align-items:flex-start;position:relative;min-width:0;padding:20px;border:1px solid var(--line,#dfe7ef);border-radius:12px;background:var(--white,#fff);transition:border-color .18s,box-shadow .18s}
.product-line-tile:hover{border-color:var(--cta,#ff6a00);box-shadow:0 12px 24px -20px var(--navy,#092845)}
.product-line-tile:focus-visible,.product-example-body .btn:focus-visible{outline:3px solid var(--link,#196ed1);outline-offset:3px}
.product-line-number{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--orange-ink,var(--link,#196ed1))}
.product-line-tile>img{display:block;width:100%;height:148px;object-fit:contain;background:#fff;margin:8px 0 18px}
.product-line-tile h3{font-size:18px;font-weight:800;line-height:1.3;color:var(--ink,#071a2b);margin:0 0 10px;letter-spacing:-.01em}
.product-line-tile p{font-size:13px;line-height:1.65;color:var(--muted,#52677a);margin:0 0 18px}
.product-line-link{margin-top:auto;font-size:12px;font-weight:800;line-height:1.5;color:var(--orange-ink,var(--link,#196ed1))}
.product-toner-section,.product-line-section{scroll-margin-top:90px}
.product-toner-heading{padding-top:44px;padding-bottom:24px}
.product-toner-heading .eyebrow,.product-line-heading .eyebrow{margin-bottom:14px}
.product-toner-heading>p:last-child{max-width:88ch}
.product-line-section{border-top:1px solid var(--line,#dfe7ef);background:var(--white,#fff)}
.product-line-heading{max-width:86ch;margin-bottom:28px}
.product-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.product-example-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line,#dfe7ef);border-radius:14px;overflow:hidden;background:var(--white,#fff)}
.product-example-media{background:#fff;border-bottom:1px solid var(--line-soft,#e8eef5);padding:20px}
.product-example-media img{display:block;width:100%;height:260px;object-fit:contain}
.product-example-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px;flex:1;min-width:0}
.product-example-kind{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-ink,var(--link,#196ed1));margin-bottom:10px}
.product-example-body h3{color:var(--ink,#071a2b);font-size:22px;font-weight:800;line-height:1.25;margin:0 0 14px;letter-spacing:-.01em;overflow-wrap:anywhere}
.product-example-body>p{font-size:14px;line-height:1.7;color:var(--muted,#52677a);margin:0 0 18px}
.product-example-meta{width:100%;margin:0 0 24px;font-size:13px;line-height:1.6}
.product-example-meta>div{display:grid;grid-template-columns:minmax(100px,.45fr) minmax(0,1fr);gap:12px;border-top:1px solid var(--line-soft,#e8eef5);padding:10px 0}
.product-example-meta dt{font-weight:600;color:var(--muted,#52677a)}
.product-example-meta dd{margin:0;color:var(--text,#10243a);font-weight:700;overflow-wrap:anywhere}
.product-example-body .btn{max-width:100%;margin-top:auto;white-space:normal;text-align:center;padding:12px 18px;font-size:13px;min-height:46px}
.product-example-card-text{background:var(--soft,#f5f8fc);justify-content:center}
.product-example-card-text .product-example-body{flex:0;min-height:100%;justify-content:center}
.product-example-card-text .product-example-body .btn{margin-top:8px}
.product-example-body .product-image-note{font-size:12px;line-height:1.65;color:var(--muted,#52677a);margin:0 0 18px}
.product-example-card-text .product-image-note{margin:18px 0 0}
.product-source-note{font-size:12px;line-height:1.75;color:var(--muted,#52677a);margin:22px 0 0;max-width:104ch}
@media(max-width:1000px){.product-lines-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-line-tile>img{height:165px}}
@media(max-width:600px){.product-lines-nav{padding:30px 0}.product-lines-grid,.product-example-grid{grid-template-columns:1fr;gap:16px}.product-line-tile{padding:20px}.product-line-tile>img{height:170px;margin-bottom:14px}.product-line-tile h3{font-size:20px}.product-line-tile p{font-size:14px}.product-toner-heading{padding-top:32px}.product-example-media{padding:16px}.product-example-media img{height:220px}.product-example-body{padding:20px}.product-example-body h3{font-size:21px}.product-example-body .btn{width:100%}.product-example-meta>div{grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:10px}}
@media(prefers-reduced-motion:reduce){.product-line-tile{transition:none}}
