/* Casting SEO Pages — mobile-first, builds on icf.css. Two-column layout
   with a sticky left sidebar (TOC + recommended), mirroring the product page. */

.ics-page{max-width:1180px;margin:0 auto;padding:0 16px}
.ics-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;margin-top:14px;align-items:start}
/* Offset from the site's fixed header + sticky sub-nav rather than a
   hardcoded figure, so this panel is never parked underneath them. */
.ics-side{position:sticky;top:calc(var(--ehw-chrome-h, 120px) + 16px);max-height:calc(100vh - var(--ehw-chrome-h, 120px) - 32px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:18px;font-size:13.5px}
.ics-side-title{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--icf-muted);text-transform:uppercase;letter-spacing:.5px}
.ics-toc,.ics-side-panel{background:#fff;border:1px solid var(--icf-line);border-radius:6px;padding:12px 14px;box-shadow:0 1px 2px rgba(0,15,34,.06)}
.ics-toc-list,.ics-side-list{list-style:none;margin:0;padding:0;line-height:1.85}
.ics-toc-list a,.ics-side-list a{color:var(--icf-primary);text-decoration:none;font-weight:600;display:block;border-radius:4px;padding:3px 8px;margin:0 -8px}
.ics-toc-list a:hover,.ics-side-list a:hover{background:var(--icf-bg);text-decoration:none}
.ics-side-list{font-weight:500;line-height:1.6}
.ics-side-list li{padding:3px 0;border-bottom:1px dashed var(--icf-line)}
.ics-side-list li:last-child{border-bottom:0}
.ics-side-list a{font-weight:500;padding:2px 6px;margin:0 -6px;font-size:13px}

.ics-main{min-width:0}
.ics-head{margin:6px 0 18px}
.ics-body{margin-bottom:24px}
.ics-body h2{margin-top:28px;font-size:22px;color:var(--icf-primary)}
.ics-body h3{margin-top:18px;font-size:17px}
.ics-body p{line-height:1.65}
.ics-body table.icf-spec-table th[scope=row]{background:var(--icf-bg);text-align:left;white-space:normal;width:38%}
.ics-note{font-size:13px;color:var(--icf-muted);font-style:italic;margin-top:8px;padding:8px 12px;background:var(--icf-bg);border-left:3px solid var(--icf-line);border-radius:4px}

.ics-quote{margin:28px 0;padding:20px 24px;background:linear-gradient(180deg,#f8f9fa,#fff);border:1px solid var(--icf-primary);border-radius:6px}
.ics-quote h2{margin-top:0;color:var(--icf-primary)}
.ics-quote-help{margin:0 0 14px;font-size:14px;color:var(--icf-muted);line-height:1.55}
.ics-spec-table{margin:24px 0}
.ics-spec-table h2{margin-top:0}

.ics-links{margin-top:30px;padding-top:20px;border-top:1px solid var(--icf-line)}
.ics-links h3{font-size:15px;margin:16px 0 6px}
.ics-parent{font-weight:600}
.ics-links .icf-related-links{columns:2;column-gap:28px;list-style:disc;padding-left:20px}

.icf-faq-item.is-generic summary{color:var(--icf-muted);font-weight:500}

@media(max-width:980px){
  .ics-layout{grid-template-columns:1fr;gap:18px}
  .ics-side{position:static;flex-direction:row;flex-wrap:wrap;gap:10px}
  .ics-side > *{flex:1 1 220px}
  .ics-side-title{font-size:11px}
}
@media(max-width:600px){
  .ics-page{padding:0 12px}
  .ics-links .icf-related-links{columns:1}
  .ics-body h2{font-size:19px}
  .ics-quote{padding:16px 18px}
}

/* ═══════════════════════════════════════════════════════════════════════
   Specification summary — answer-first block (1.7.0)
   Sits under the H1, above the drawing. Deliberately understated: a heavy
   coloured panel reads as an advert and gets skipped by engineers scanning
   for a number.
   ═══════════════════════════════════════════════════════════════════════ */
.ics-subhead {
    margin: .35rem 0 0;
    color: #5b5f64;
    font-size: .9375rem;
    line-height: 1.55;
}
.ics-answer {
    border-left: 3px solid #345076;
    padding: 0 0 0 1.15rem;
    margin: 1.4rem 0 2rem;
}
.ics-answer-lead {
    font-size: 1.0625rem;
    line-height: 1.65;
    color: #191c1d;
    margin: 0 0 1rem;
}
.ics-answer-points {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .55rem 1.5rem;
    margin: 0 0 .9rem;
}
.ics-answer-point dt {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .045em;
    color: #5b5f64;
    font-weight: 600;
    margin: 0 0 .1rem;
}
.ics-answer-point dd {
    margin: 0;
    font-size: 1rem;
    color: #191c1d;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.ics-answer-note {
    font-size: .8125rem;
    line-height: 1.5;
    color: #5b5f64;
    margin: 0;
}
@media (max-width: 640px) {
    .ics-answer { padding-left: .9rem; }
    .ics-answer-lead { font-size: 1rem; }
}

/* ── Precision Industrial System alignment ─────────────────────────────── */
.ics-head h1,.ics-head .ics-title{font-size:clamp(32px,4.6vw,48px);font-weight:700;
  letter-spacing:-.02em;line-height:1.16}
.ics-subhead{font-size:18px;line-height:28px;color:#43474d}
.ics-body{font-size:16px;line-height:24px;color:#43474d}
.ics-parent,.ics-side-title{font-size:12px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#43474d}
.ics-toc,.ics-quote,.ics-side,.ics-note{border-radius:4px;border:1px solid #D1D5DB;box-shadow:none}
.ics-quote{background:#f3f4f5}
.ics-spec-table{width:100%;border-collapse:collapse;border:1px solid #D1D5DB;font-size:14px}
.ics-spec-table th{background:#e1e3e4;color:#191c1d;font-size:12px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:12px;border-bottom:1px solid #c4c6ce}
.ics-spec-table td{padding:12px;border-bottom:1px solid #D1D5DB}
.ics-spec-table tbody tr:nth-child(even){background:#f8f9fa}
.ics-answer-lead{font-size:18px;line-height:28px}
.icf-faq-item{border-radius:4px;border:1px solid #D1D5DB}

/* ── Collapsible Materials & Grades branch in the contents ─────────────────
   Mirrors the product-page treatment. The module renders a panel per material
   class, so the branch is collapsed by default and the sidebar stays short. */
.ics-toc-list .is-branch{position:relative;padding-left:18px}
.ics-toc-list .is-branch>a{display:inline-block}
.ics-toc-list .icf-toc-twist{position:absolute;left:0;top:3px;width:16px;height:16px;
  padding:0;border:0;background:none;cursor:pointer;color:#5b5f64;line-height:1}
.ics-toc-list .icf-toc-twist::before{content:"";display:block;width:6px;height:6px;
  margin:4px 0 0 3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg);transition:transform .15s}
.ics-toc-list .icf-toc-twist[aria-expanded="true"]::before{transform:rotate(45deg);margin-top:2px}
.ics-toc-list .icf-toc-twist:hover{color:#345076}
.ics-toc-list .icf-toc-sub{list-style:none;margin:4px 0;padding:0 0 0 4px;
  border-left:1px solid #D1D5DB}
.ics-toc-list .icf-toc-sub[hidden]{display:none}
.ics-toc-list .icf-toc-sub a{font-size:12px;line-height:16px;color:#5b5f64}
.ics-toc-list .icf-toc-sub a:hover{color:#345076}