/* ===========================================================================
 * Inmotion V12S editorial sections — scoped to body.product-id-1700 only
 * Created: 2026-04-25
 * Pattern: copied from Sherman L (sherman-l.css) — Phase A (one CSS per product)
 * Diff vs sherman-l.css:
 *   1. Global rename: product-id-1348 → product-id-1700
 *   2. Hide-rule selector: #product-description-short-1348 → -2124
 *   3. Added grid8 4-cell overrides at the bottom (V12S systems has 4 cells, not 8)
 * Owner: editorial product page redesign — second EUC page after Sherman L
 * Scope: every rule prefixed with `body.product-id-1700 .sl-edition`
 *        — cannot leak to other products / pages / templates
 *
 * Typography stack (identical to Sherman L):
 *   --sl-body       Inter           — body text, captions, descriptions
 *   --sl-editorial  Fraunces        — pull quotes / editorial accent (italic)
 *   --sl-display    Big Shoulders   — headings (only weights 500 + 700)
 *   --sl-mono       DM Mono         — tags, units, technical captions
 *
 * Rollback: delete this file + restore detail1521743059.tpl pre-V12S backup
 * =========================================================================== */

/* ───────────────────────── tokens (scoped) ───────────────────────── */
body.product-id-1700 .sl-edition{
  --sl-bone:#FFFFFF;
  --sl-paper:#FFFFFF;
  --sl-ink:#1A1108;
  --sl-ink-80:#2A1D10;
  --sl-ink-60:#3C2B1A;
  --sl-ash:#6A5A3F;            /* darker than 7D6A4E — better contrast on light bg */
  --sl-rule:#C8B68C;
  --sl-rule-soft:#DCCA9F;
  --sl-deep:#2C231D;
  --sl-deep-80:#3A302A;
  --sl-deep-rule:#4D433D;
  --sl-deep-ash:#C7B89E;       /* lighter than B0A088 — better contrast on dark bg */
  --sl-deep-ash-soft:#D4C29A;
  --sl-orange:#B8830A;
  --sl-orange-hot:#D99714;
  --sl-amber:#E5A829;
  --sl-copper:#6E4A1A;
  --sl-mint:#5B7A4F;
  --sl-crimson:#8A2A15;
  --sl-cobalt:#1E5FA8;
  --sl-cobalt-soft:#3A7BC8;
  --sl-signal:#C93A1E;
  --sl-signal-soft:#E06248;
  --sl-lime:#6B8E1C;
  --sl-lime-soft:#8CB02A;
  --sl-plum:#6D3A76;
  --sl-mono: 'DM Mono', ui-monospace, Menlo, monospace;
  --sl-display: 'Big Shoulders Display', 'Oswald', 'Impact', sans-serif;
  --sl-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --sl-editorial: 'Fraunces', Georgia, 'Times New Roman', serif;
  --sl-edge: 2px solid var(--sl-ink);
  --sl-edge-thin: 1px solid var(--sl-ink);
  --sl-edge-hair: 1px solid var(--sl-rule);
}

/* ───────────────────────── shell + reset within scope ───────────────────────── */
body.product-id-1700 .sl-edition{
  font-family: var(--sl-body);
  color: var(--sl-ink);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  position: relative;
  margin: 60px 0 0;
  background: #FFFFFF;
  border-top: 2px solid var(--sl-ink);
}
body.product-id-1700 .sl-edition *,
body.product-id-1700 .sl-edition *::before,
body.product-id-1700 .sl-edition *::after{box-sizing:border-box}
body.product-id-1700 .sl-edition img{display:block;max-width:100%;height:auto}
body.product-id-1700 .sl-edition button{font:inherit}
body.product-id-1700 .sl-edition a{color:inherit;text-decoration:none}
body.product-id-1700 .sl-edition ::selection{background:var(--sl-orange);color:#fff}
body.product-id-1700 .sl-edition .sl-wrap{max-width:1360px; margin:0 auto; padding:0 24px}

/* ───────────────────────── mantra ───────────────────────── */
body.product-id-1700 .sl-edition .mantra{padding: 80px 0 60px; border-bottom: var(--sl-edge)}
body.product-id-1700 .sl-edition .mantra-head{display:grid; grid-template-columns:1fr auto; align-items:end; padding:0 24px; border-bottom:var(--sl-edge-hair); padding-bottom:20px; margin-bottom:48px; gap:24px}
body.product-id-1700 .sl-edition .mantra .tag{font-family:var(--sl-mono); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--sl-ash)}
body.product-id-1700 .sl-edition .mantra h2{font-family:var(--sl-display); font-weight:500; letter-spacing:-.02em; font-size:clamp(38px,6vw,88px); line-height:.98; margin:16px 0 0; max-width:900px; color:var(--sl-ink)}
body.product-id-1700 .sl-edition .mantra h2 .u{
  position: relative;
  display: inline-block;
  border-bottom: 0;
  padding-bottom: 0;
}
body.product-id-1700 .sl-edition .mantra h2 .u::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.06em;
  height: 4px;
  background: var(--sl-orange);
  pointer-events: none;
}
body.product-id-1700 .sl-edition .mantra-nums{display:grid; grid-template-columns:repeat(3,1fr); border-top:var(--sl-edge); border-bottom:var(--sl-edge)}
body.product-id-1700 .sl-edition .mantra-num{padding:48px 32px 36px; border-right:var(--sl-edge-hair); position:relative}
body.product-id-1700 .sl-edition .mantra-num:last-child{border-right:0}
body.product-id-1700 .sl-edition .mantra-num::before{content:""; position:absolute; top:0; left:0; height:4px; width:56px; background:var(--sl-orange)}
body.product-id-1700 .sl-edition .mantra-num[data-tone="cobalt"]::before{background:var(--sl-cobalt)}
body.product-id-1700 .sl-edition .mantra-num[data-tone="signal"]::before{background:var(--sl-signal)}
body.product-id-1700 .sl-edition .mantra-num[data-tone="lime"]::before{background:var(--sl-lime)}
body.product-id-1700 .sl-edition .mantra-num .n{font-family:var(--sl-mono); font-size:13px; letter-spacing:.14em; color:var(--sl-ash); position:absolute; top:18px; left:32px; text-transform:lowercase}
body.product-id-1700 .sl-edition .mantra-num .val{font-family:var(--sl-display); font-weight:700; font-size:clamp(72px,9vw,140px); letter-spacing:-.04em; line-height:1; color:var(--sl-ink); margin-top:14px}
body.product-id-1700 .sl-edition .mantra-num[data-tone="cobalt"] .val{color:var(--sl-cobalt)}
body.product-id-1700 .sl-edition .mantra-num[data-tone="signal"] .val{color:var(--sl-signal)}
body.product-id-1700 .sl-edition .mantra-num[data-tone="lime"] .val{color:var(--sl-lime)}
body.product-id-1700 .sl-edition .mantra-num[data-tone="cobalt"] .n{color:var(--sl-cobalt-soft)}
body.product-id-1700 .sl-edition .mantra-num[data-tone="signal"] .n{color:var(--sl-signal-soft)}
body.product-id-1700 .sl-edition .mantra-num[data-tone="lime"] .n{color:var(--sl-lime-soft)}
body.product-id-1700 .sl-edition .mantra-num .unit{font-family:var(--sl-mono); font-size:14px; letter-spacing:.1em; text-transform:uppercase; color:var(--sl-ink-60); margin-top:14px}
body.product-id-1700 .sl-edition .mantra-num .desc{font-size:16.5px; line-height:1.55; margin-top:20px; color:var(--sl-ink-80); max-width:360px}

/* ───────────────────────── prose + pull quote ───────────────────────── */
body.product-id-1700 .sl-edition .prose{max-width:980px; margin:0 auto; padding:80px 24px; font-family:var(--sl-body); font-size:18px; line-height:1.65; color:var(--sl-ink-80)}
body.product-id-1700 .sl-edition .prose h3{font-family:var(--sl-display); font-weight:500; font-size:32px; letter-spacing:-.01em; line-height:1.1; margin:0 0 24px; color:var(--sl-ink)}
body.product-id-1700 .sl-edition .prose p{margin:0 0 22px}
body.product-id-1700 .sl-edition .prose p:last-child{margin-bottom:0}
body.product-id-1700 .sl-edition .pull{font-family:var(--sl-editorial); font-style:italic; font-weight:400; font-size:clamp(22px,2.6vw,30px); line-height:1.4; border-left:4px solid var(--sl-orange); padding:8px 0 8px 24px; margin:32px 0; color:var(--sl-ink); letter-spacing:-.005em; font-variation-settings:"opsz" 60}

/* ───────────────────────── eight systems (dark) ───────────────────────── */
body.product-id-1700 .sl-edition .systems{background:var(--sl-deep); color:#fff; border-top:var(--sl-edge); border-bottom:var(--sl-edge); padding:120px 0}
body.product-id-1700 .sl-edition .systems .wrap-inner{padding:0 24px}
body.product-id-1700 .sl-edition .systems-head{display:grid; grid-template-columns:1fr auto; gap:24px; align-items:end; padding-bottom:40px}
body.product-id-1700 .sl-edition .systems .tag{font-family:var(--sl-mono); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--sl-deep-ash)}
body.product-id-1700 .sl-edition .systems h2{font-family:var(--sl-display); font-weight:500; letter-spacing:-.02em; font-size:clamp(42px,5.5vw,78px); line-height:.95; margin:16px 0 0; max-width:800px; color:#fff}
body.product-id-1700 .sl-edition .systems h2 .o{color:var(--sl-orange)}
body.product-id-1700 .sl-edition .systems-meta{font-family:var(--sl-mono); font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--sl-deep-ash); text-align:right; line-height:1.6}
body.product-id-1700 .sl-edition .grid8{display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--sl-deep-rule)}
body.product-id-1700 .sl-edition .grid8 > div{padding:36px 26px 32px; border-right:1px solid var(--sl-deep-rule); border-bottom:1px solid var(--sl-deep-rule); min-height:240px; position:relative; transition:background .25s, transform .25s}
body.product-id-1700 .sl-edition .grid8 > div:hover{background:rgba(255,255,255,.03); transform:translateY(-2px)}
body.product-id-1700 .sl-edition .grid8 > div:hover .ico{background:rgba(255,255,255,.06)}
body.product-id-1700 .sl-edition .grid8 > div:nth-child(4n){border-right:0}
body.product-id-1700 .sl-edition .grid8 > div:nth-child(n+5){border-bottom:0}
body.product-id-1700 .sl-edition .grid8 .n{position:absolute; top:14px; right:16px; font-family:var(--sl-mono); font-size:13px; color:var(--sl-deep-ash); letter-spacing:.1em; transition:color .2s}
body.product-id-1700 .sl-edition .grid8 .ico{width:40px; height:40px; margin-bottom:18px; border:1px solid var(--sl-deep-rule); padding:7px; color:var(--sl-orange)}
body.product-id-1700 .sl-edition .grid8 .ico svg{width:100%; height:100%; display:block}
body.product-id-1700 .sl-edition .grid8 h4{font-family:var(--sl-display); font-weight:500; font-size:22px; letter-spacing:-.01em; margin:0 0 10px; color:#fff; line-height:1.05}
body.product-id-1700 .sl-edition .grid8 p{font-family:var(--sl-body); font-size:15px; line-height:1.55; color:var(--sl-deep-ash); margin:0}
body.product-id-1700 .sl-edition .grid8 > div[data-tone="cobalt"] .ico{color:var(--sl-cobalt-soft); border-color:var(--sl-cobalt-soft)}
body.product-id-1700 .sl-edition .grid8 > div[data-tone="signal"] .ico{color:var(--sl-signal-soft); border-color:var(--sl-signal-soft)}
body.product-id-1700 .sl-edition .grid8 > div[data-tone="lime"] .ico{color:var(--sl-lime-soft); border-color:var(--sl-lime-soft)}
body.product-id-1700 .sl-edition .grid8 > div[data-tone="plum"] .ico{color:#C999DC; border-color:#C999DC}
body.product-id-1700 .sl-edition .grid8 > div[data-tone="cobalt"]:hover .n{color:var(--sl-cobalt-soft)}
body.product-id-1700 .sl-edition .grid8 > div[data-tone="signal"]:hover .n{color:var(--sl-signal-soft)}
body.product-id-1700 .sl-edition .grid8 > div[data-tone="lime"]:hover .n{color:var(--sl-lime-soft)}
body.product-id-1700 .sl-edition .grid8 > div[data-tone="plum"]:hover .n{color:#C999DC}
body.product-id-1700 .sl-edition .grid8 > div:not([data-tone]):hover .n{color:var(--sl-orange)}

/* ───────────────────────── BMS ───────────────────────── */
body.product-id-1700 .sl-edition .bms{background:#FFFFFF; border-bottom:var(--sl-edge); padding:120px 0 80px}
body.product-id-1700 .sl-edition .bms-inner{padding:0 24px; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; max-width:1360px; margin:0 auto}
body.product-id-1700 .sl-edition .bms .tag{font-family:var(--sl-mono); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--sl-ash)}
body.product-id-1700 .sl-edition .bms h2{font-family:var(--sl-display); font-weight:500; letter-spacing:-.02em; font-size:clamp(36px,4.2vw,58px); line-height:1.02; margin:14px 0 22px; color:var(--sl-ink)}
body.product-id-1700 .sl-edition .bms p{font-family:var(--sl-body); font-size:17px; line-height:1.6; color:var(--sl-ink-80); margin:0 0 14px; max-width:520px}
body.product-id-1700 .sl-edition .bms .spec-mini{display:grid; grid-template-columns:repeat(2,1fr); gap:0; margin-top:28px; border:var(--sl-edge-thin); max-width:520px}
body.product-id-1700 .sl-edition .bms .spec-mini div{padding:14px 16px; border-right:var(--sl-edge-thin); border-bottom:var(--sl-edge-thin); font-family:var(--sl-mono); font-size:14px; letter-spacing:.04em; color:var(--sl-ink); line-height:1.45}
body.product-id-1700 .sl-edition .bms .spec-mini div:nth-child(2n){border-right:0}
body.product-id-1700 .sl-edition .bms .spec-mini div:nth-last-child(-n+2){border-bottom:0}
body.product-id-1700 .sl-edition .bms .spec-mini b{display:block; color:var(--sl-ash); font-weight:400; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:6px}
body.product-id-1700 .sl-edition .bms-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:0; border:var(--sl-edge); background:var(--sl-deep)}
body.product-id-1700 .sl-edition .bms-grid > div{padding:24px 20px 22px; border-right:1px solid var(--sl-deep-rule); border-bottom:1px solid var(--sl-deep-rule); color:#fff; min-height:160px; position:relative}
body.product-id-1700 .sl-edition .bms-grid > div:nth-child(2n){border-right:0}
body.product-id-1700 .sl-edition .bms-grid > div:nth-last-child(-n+2){border-bottom:0}
body.product-id-1700 .sl-edition .bms-grid .ico{width:28px; height:28px; color:var(--sl-orange); margin-bottom:14px}
body.product-id-1700 .sl-edition .bms-grid .ico svg{width:100%; height:100%; display:block}
body.product-id-1700 .sl-edition .bms-grid h5{font-family:var(--sl-display); font-weight:500; font-size:18px; margin:0 0 6px; letter-spacing:-.005em; color:#fff; line-height:1.1}
body.product-id-1700 .sl-edition .bms-grid p{font-family:var(--sl-mono); font-size:14px; line-height:1.45; color:var(--sl-deep-ash); margin:0; letter-spacing:.02em}

/* ───────────────────────── three tech cards ───────────────────────── */
body.product-id-1700 .sl-edition .cards3{display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-bottom:var(--sl-edge)}
body.product-id-1700 .sl-edition .card-tech{padding:48px 32px 40px; border-right:var(--sl-edge-thin); border-top:4px solid var(--sl-orange); background:#FBFAF5; position:relative}
body.product-id-1700 .sl-edition .card-tech:last-child{border-right:0}
body.product-id-1700 .sl-edition .card-tech[data-tone="cobalt"]{border-top-color:var(--sl-cobalt); background:#F4F8FC}
body.product-id-1700 .sl-edition .card-tech[data-tone="signal"]{border-top-color:var(--sl-signal); background:#FCF5F3}
body.product-id-1700 .sl-edition .card-tech[data-tone="lime"]{border-top-color:var(--sl-lime); background:#F6FAED}
body.product-id-1700 .sl-edition .card-tech .n{font-family:var(--sl-mono); font-size:13px; letter-spacing:.14em; color:var(--sl-ash); border-bottom:var(--sl-edge-thin); padding-bottom:12px; margin-bottom:28px; display:flex; justify-content:space-between; text-transform:uppercase}
body.product-id-1700 .sl-edition .card-tech .n b{color:var(--sl-orange); font-weight:500}
body.product-id-1700 .sl-edition .card-tech[data-tone="cobalt"] .n b{color:var(--sl-cobalt)}
body.product-id-1700 .sl-edition .card-tech[data-tone="signal"] .n b{color:var(--sl-signal)}
body.product-id-1700 .sl-edition .card-tech[data-tone="lime"] .n b{color:var(--sl-lime)}
body.product-id-1700 .sl-edition .card-tech h3{font-family:var(--sl-display); font-weight:500; font-size:32px; letter-spacing:-.02em; line-height:1; margin:0 0 14px; color:var(--sl-ink)}
body.product-id-1700 .sl-edition .card-tech .sub{font-family:var(--sl-mono); font-size:13px; letter-spacing:.1em; color:var(--sl-ash); text-transform:uppercase; margin-bottom:22px; line-height:1.45}
body.product-id-1700 .sl-edition .card-tech p{font-family:var(--sl-body); font-size:16.5px; line-height:1.6; color:var(--sl-ink-80); margin:0 0 18px}
body.product-id-1700 .sl-edition .card-tech p:last-of-type{margin-bottom:24px}
body.product-id-1700 .sl-edition .card-tech .kv{display:grid; grid-template-columns:auto 1fr; gap:10px 20px; font-family:var(--sl-mono); font-size:13.5px; margin-top:20px; border-top:var(--sl-edge-thin); padding-top:18px; line-height:1.45}
body.product-id-1700 .sl-edition .card-tech .kv dt{color:var(--sl-ash); letter-spacing:.06em}
body.product-id-1700 .sl-edition .card-tech .kv dd{margin:0; font-weight:500; color:var(--sl-ink)}

/* ───────────────────────── audience ───────────────────────── */
body.product-id-1700 .sl-edition .audience{padding:120px 0 80px; border-bottom:var(--sl-edge); background:#FFFFFF}
body.product-id-1700 .sl-edition .audience-head{padding:0 24px; border-bottom:var(--sl-edge-hair); padding-bottom:24px; margin-bottom:40px}
body.product-id-1700 .sl-edition .audience .tag{font-family:var(--sl-mono); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--sl-ash)}
body.product-id-1700 .sl-edition .audience h2{font-family:var(--sl-display); font-weight:500; font-size:clamp(32px,4vw,54px); letter-spacing:-.02em; line-height:1.02; max-width:780px; margin:14px 0 0; color:var(--sl-ink)}
body.product-id-1700 .sl-edition .aud-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:0; border-top:var(--sl-edge-thin)}
body.product-id-1700 .sl-edition .aud-grid > div{padding:30px 26px; border-right:var(--sl-edge-thin); border-bottom:var(--sl-edge-thin); display:grid; grid-template-columns:72px 1fr; gap:22px; align-items:start; background:#FBFAF5}
body.product-id-1700 .sl-edition .aud-grid > div.no{background:#F4F4F2; border-left:4px solid var(--sl-signal)}
body.product-id-1700 .sl-edition .aud-grid > div:nth-child(2n){border-right:0}
body.product-id-1700 .sl-edition .aud-grid > div:nth-last-child(-n+2){border-bottom:0}
body.product-id-1700 .sl-edition .aud-grid .num{font-family:var(--sl-mono); font-weight:700; font-size:38px; line-height:1; color:var(--sl-ink); border:var(--sl-edge-thin); padding:14px 0; text-align:center; background:#FFFFFF}
body.product-id-1700 .sl-edition .aud-grid .no .num{background:var(--sl-deep); color:#fff; border-color:var(--sl-deep)}
body.product-id-1700 .sl-edition .aud-grid h4{font-family:var(--sl-display); font-weight:500; font-size:20px; margin:0 0 8px; letter-spacing:-.01em; color:var(--sl-ink); line-height:1.15}
body.product-id-1700 .sl-edition .aud-grid p{font-family:var(--sl-body); font-size:16px; margin:0; color:var(--sl-ink-80); line-height:1.55}
body.product-id-1700 .sl-edition .aud-grid .no h4::before{content:"NOT FOR / "; color:var(--sl-crimson); font-family:var(--sl-mono); font-size:12px; letter-spacing:.12em; font-weight:500}

/* ───────────────────────── spec table ───────────────────────── */
body.product-id-1700 .sl-edition .specs{padding:120px 0 80px; border-bottom:var(--sl-edge); background:#FFFFFF}
body.product-id-1700 .sl-edition .specs-head{display:grid; grid-template-columns:1fr auto; align-items:end; padding:0 24px; padding-bottom:24px; border-bottom:var(--sl-edge); gap:24px}
body.product-id-1700 .sl-edition .specs .tag{font-family:var(--sl-mono); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--sl-ash)}
body.product-id-1700 .sl-edition .specs h2{font-family:var(--sl-display); font-weight:500; font-size:clamp(40px,5vw,68px); letter-spacing:-.02em; line-height:1; margin:14px 0 0; color:var(--sl-ink)}
body.product-id-1700 .sl-edition .specs-meta{font-family:var(--sl-mono); font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--sl-ash); text-align:right; line-height:1.6}
body.product-id-1700 .sl-edition .specs-meta b{color:var(--sl-ink); font-weight:500}
body.product-id-1700 .sl-edition .spec-table{width:100%; border-collapse:collapse; font-family:var(--sl-mono); font-size:14.5px; margin-top:0; color:var(--sl-ink); line-height:1.45}
body.product-id-1700 .sl-edition .spec-table tr{border-bottom:var(--sl-edge-hair); transition:background .1s}
body.product-id-1700 .sl-edition .spec-table tr:hover{background:#F4F4F2}
body.product-id-1700 .sl-edition .spec-table tr.cat{background:var(--sl-deep); color:#fff}
body.product-id-1700 .sl-edition .spec-table tr.cat:hover{background:var(--sl-deep)}
body.product-id-1700 .sl-edition .spec-table tr.cat td{font-size:13px; letter-spacing:.14em; padding:14px 24px; text-transform:uppercase; font-weight:500; border-left:4px solid var(--sl-orange); padding-left:20px}
body.product-id-1700 .sl-edition .spec-table tr.cat[data-tone="cobalt"] td{border-left-color:var(--sl-cobalt-soft)}
body.product-id-1700 .sl-edition .spec-table tr.cat[data-tone="signal"] td{border-left-color:var(--sl-signal-soft)}
body.product-id-1700 .sl-edition .spec-table tr.cat[data-tone="lime"] td{border-left-color:var(--sl-lime-soft)}
body.product-id-1700 .sl-edition .spec-table tr.cat[data-tone="plum"] td{border-left-color:#C999DC}
body.product-id-1700 .sl-edition .spec-table td{padding:16px 24px; vertical-align:top}
body.product-id-1700 .sl-edition .spec-table td:first-child{color:var(--sl-ash); width:38%; letter-spacing:.04em}
body.product-id-1700 .sl-edition .spec-table td:last-child{font-weight:500; color:var(--sl-ink)}
body.product-id-1700 .sl-edition .spec-table td .n{color:var(--sl-orange); font-weight:700}
body.product-id-1700 .sl-edition .spec-table td .n.n-cobalt{color:var(--sl-cobalt)}
body.product-id-1700 .sl-edition .spec-table td .n.n-signal{color:var(--sl-signal)}
body.product-id-1700 .sl-edition .spec-table td .n.n-lime{color:var(--sl-lime)}
body.product-id-1700 .sl-edition .spec-table td .hint{color:var(--sl-ash); font-size:12.5px; display:block; margin-top:5px; letter-spacing:.02em; line-height:1.5}

/* ───────────────────────── ride notes ───────────────────────── */
body.product-id-1700 .sl-edition .notes{background:#FFFFFF; padding:120px 0; border-bottom:var(--sl-edge)}
body.product-id-1700 .sl-edition .notes-inner{padding:0 24px; max-width:980px; margin:0 auto}
body.product-id-1700 .sl-edition .notes .tag{font-family:var(--sl-mono); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--sl-ash)}
body.product-id-1700 .sl-edition .notes h2{font-family:var(--sl-display); font-weight:500; font-size:clamp(32px,4vw,52px); letter-spacing:-.02em; line-height:1.05; margin:14px 0 32px; max-width:780px; color:var(--sl-ink)}
body.product-id-1700 .sl-edition .notes .item{border-top:var(--sl-edge-hair); padding:26px 0; display:grid; grid-template-columns:140px 1fr; gap:32px; align-items:start}
body.product-id-1700 .sl-edition .notes .item:last-child{border-bottom:var(--sl-edge-hair)}
body.product-id-1700 .sl-edition .notes .item .lbl{font-family:var(--sl-mono); font-size:14px; letter-spacing:.1em; color:var(--sl-ash); text-transform:uppercase; padding-top:4px; line-height:1.3}
body.product-id-1700 .sl-edition .notes .item p{font-family:var(--sl-body); margin:0; font-size:17.5px; line-height:1.6; color:var(--sl-ink-80)}

/* ───────────────────────── FAQ ───────────────────────── */
body.product-id-1700 .sl-edition .faq{background:#FFFFFF; padding:120px 0; border-bottom:var(--sl-edge)}
body.product-id-1700 .sl-edition .faq-inner{padding:0 24px; display:grid; grid-template-columns:320px 1fr; gap:48px; max-width:1240px; margin:0 auto}
body.product-id-1700 .sl-edition .faq .aside .tag{font-family:var(--sl-mono); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--sl-ash)}
body.product-id-1700 .sl-edition .faq .aside h2{font-family:var(--sl-display); font-weight:500; font-size:48px; letter-spacing:-.02em; line-height:1; margin:14px 0 20px; color:var(--sl-ink)}
body.product-id-1700 .sl-edition .faq .aside p{font-family:var(--sl-body); font-size:16px; color:var(--sl-ink-80); line-height:1.55}
body.product-id-1700 .sl-edition .faq details{border:var(--sl-edge-thin); background:#F7F6F2; margin-bottom:10px; transition:background .2s, border-color .2s}
body.product-id-1700 .sl-edition .faq details:hover{background:#F1EFE7}
body.product-id-1700 .sl-edition .faq details[open]{background:var(--sl-deep); color:#fff; border-color:var(--sl-deep)}
body.product-id-1700 .sl-edition .faq details[open] summary{color:#fff}
body.product-id-1700 .sl-edition .faq details[open] summary .num{color:var(--sl-orange)}
body.product-id-1700 .sl-edition .faq details[open] .ans{color:var(--sl-deep-ash-soft)}
body.product-id-1700 .sl-edition .faq summary{padding:24px 28px 24px 80px; font-family:var(--sl-display); font-weight:500; font-size:19px; letter-spacing:-.005em; position:relative; cursor:pointer; display:flex; align-items:center; gap:20px; list-style:none; transition:color .15s; color:var(--sl-ink); line-height:1.25}
body.product-id-1700 .sl-edition .faq summary::-webkit-details-marker{display:none}
body.product-id-1700 .sl-edition .faq summary .num{position:absolute; left:28px; top:50%; transform:translateY(-50%); font-family:var(--sl-mono); font-size:14px; color:var(--sl-ash); letter-spacing:.08em; font-weight:500}
body.product-id-1700 .sl-edition .faq summary .q{flex:1 1 0; min-width:0; overflow-wrap:anywhere}
body.product-id-1700 .sl-edition .faq summary .pm{width:32px; height:32px; border:var(--sl-edge-thin); border-color:currentColor; display:flex; align-items:center; justify-content:center; flex:0 0 32px; font-family:var(--sl-mono); font-size:18px; transition:transform .2s}
body.product-id-1700 .sl-edition .faq details[open] summary .pm::before{content:"–"}
body.product-id-1700 .sl-edition .faq details:not([open]) summary .pm::before{content:"+"}
body.product-id-1700 .sl-edition .faq .ans{padding:0 28px 28px 80px; font-family:var(--sl-body); font-size:17px; line-height:1.65; color:var(--sl-ink-80); max-width:68ch}
body.product-id-1700 .sl-edition .faq .ans p{margin:0 0 12px}
body.product-id-1700 .sl-edition .faq .ans p:last-child{margin:0}

/* ───────────────────────── trust bar (dark) ───────────────────────── */
body.product-id-1700 .sl-edition .trust-bar{background:var(--sl-deep); color:#fff; padding:56px 0}
body.product-id-1700 .sl-edition .trust-bar-inner{padding:0 24px; display:grid; grid-template-columns:repeat(4,1fr); gap:0; max-width:1360px; margin:0 auto}
body.product-id-1700 .sl-edition .trust-bar > div, body.product-id-1700 .sl-edition .trust-bar .cell{padding:0 28px; border-right:1px solid var(--sl-deep-rule)}
body.product-id-1700 .sl-edition .trust-bar .cell:last-child{border-right:0}
body.product-id-1700 .sl-edition .trust-bar .ico{width:30px; height:30px; color:var(--sl-orange); margin-bottom:14px}
body.product-id-1700 .sl-edition .trust-bar h5{font-family:var(--sl-display); font-weight:500; margin:0 0 8px; font-size:20px; letter-spacing:-.005em; color:#fff; line-height:1.15}
body.product-id-1700 .sl-edition .trust-bar p{font-family:var(--sl-mono); font-size:14px; letter-spacing:.04em; line-height:1.55; color:var(--sl-deep-ash); margin:0}
body.product-id-1700 .sl-edition .trust-bar a{color:var(--sl-orange); border-bottom:1px solid currentColor; padding-bottom:1px}
body.product-id-1700 .sl-edition .trust-bar .cell:nth-child(1) .ico{color:var(--sl-orange)}
body.product-id-1700 .sl-edition .trust-bar .cell:nth-child(2) .ico{color:var(--sl-cobalt-soft)}
body.product-id-1700 .sl-edition .trust-bar .cell:nth-child(3) .ico{color:var(--sl-lime-soft)}
body.product-id-1700 .sl-edition .trust-bar .cell:nth-child(4) .ico{color:var(--sl-signal-soft)}


/* ============================================================================
 *  Mobile / responsive layer — placed AFTER all base rules so @media wins
 *  Lesson from prior session: same-specificity media must come AFTER base.
 * ============================================================================ */

/* tablet: 900px — bms-inner + cards3 stack */
@media (max-width:900px){
  body.product-id-1700 .sl-edition .bms-inner{grid-template-columns:1fr}
  body.product-id-1700 .sl-edition .cards3{grid-template-columns:1fr}
  body.product-id-1700 .sl-edition .card-tech{border-right:0; border-bottom:var(--sl-edge-thin)}
  body.product-id-1700 .sl-edition .card-tech:last-child{border-bottom:0}
  body.product-id-1700 .sl-edition .trust-bar-inner{grid-template-columns:1fr 1fr}
}
/* tablet: 860px — faq stack */
@media (max-width:860px){
  body.product-id-1700 .sl-edition .faq-inner{grid-template-columns:1fr; gap:20px}
}
/* tablet: 840px — grid8 + mantra-nums + mantra-head */
@media (max-width:840px){
  body.product-id-1700 .sl-edition .grid8{grid-template-columns:1fr 1fr}
  body.product-id-1700 .sl-edition .grid8 > div{border-right:1px solid var(--sl-deep-rule) !important; border-bottom:1px solid var(--sl-deep-rule) !important}
  body.product-id-1700 .sl-edition .grid8 > div:nth-child(2n){border-right:0 !important}
  body.product-id-1700 .sl-edition .mantra-nums{grid-template-columns:1fr}
  body.product-id-1700 .sl-edition .mantra-num{border-right:0; border-bottom:var(--sl-edge-hair)}
  body.product-id-1700 .sl-edition .mantra-num:last-child{border-bottom:0}
  body.product-id-1700 .sl-edition .mantra-head{grid-template-columns:1fr; gap:12px}
}
/* tablet: 720px — header rows stack, meta align */
@media (max-width:720px){
  body.product-id-1700 .sl-edition .specs-head{grid-template-columns:1fr; gap:12px}
  body.product-id-1700 .sl-edition .specs-meta{text-align:left}
  body.product-id-1700 .sl-edition .systems-head{grid-template-columns:1fr; gap:14px}
  body.product-id-1700 .sl-edition .systems-meta{text-align:left}
  body.product-id-1700 .sl-edition .audience-head{padding:0 16px}
}
/* phone: 700px — audience grid stack */
@media (max-width:700px){
  body.product-id-1700 .sl-edition .aud-grid{grid-template-columns:1fr}
  body.product-id-1700 .sl-edition .aud-grid > div{border-right:0}
}
/* phone: 640px — full mobile readability + spec-table block-stack */
@media (max-width:640px){
  body.product-id-1700 .sl-edition{font-size:16px; line-height:1.55}
  body.product-id-1700 .sl-edition .sl-wrap{padding:0 16px}

  /* section paddings tighter */
  body.product-id-1700 .sl-edition .mantra{padding:60px 0 40px}
  body.product-id-1700 .sl-edition .systems{padding:64px 0 56px}
  body.product-id-1700 .sl-edition .bms{padding:60px 0 40px}
  body.product-id-1700 .sl-edition .audience{padding:60px 0 40px}
  body.product-id-1700 .sl-edition .specs{padding:60px 0 40px}
  body.product-id-1700 .sl-edition .notes{padding:60px 0}
  body.product-id-1700 .sl-edition .faq{padding:60px 0}
  body.product-id-1700 .sl-edition .trust-bar{padding:40px 0}

  /* mantra */
  body.product-id-1700 .sl-edition .mantra h2{
    font-size: clamp(42px, 13vw, 56px);
    line-height: 0.98;
    max-width: 100%;
    overflow-wrap: normal;
  }
  body.product-id-1700 .sl-edition .mantra h2 .u::after{
    height: 3px;
    bottom: 0.04em;
  }
  body.product-id-1700 .sl-edition .mantra-head{padding:0 16px; padding-bottom:18px; margin-bottom:30px}
  body.product-id-1700 .sl-edition .mantra-num{padding:42px 22px 28px}
  body.product-id-1700 .sl-edition .mantra-num .n{left:22px; top:16px; font-size:12px}
  body.product-id-1700 .sl-edition .mantra-num .val{font-size:64px}
  body.product-id-1700 .sl-edition .mantra-num .desc{font-size:15.5px}

  /* prose */
  body.product-id-1700 .sl-edition .prose{padding:60px 16px; font-size:16.5px}
  body.product-id-1700 .sl-edition .prose h3{font-size:26px; margin-bottom:18px}
  body.product-id-1700 .sl-edition .pull{font-size:19px}

  /* systems / grid8 */
  body.product-id-1700 .sl-edition .systems h2{font-size:32px; line-height:1.05}
  body.product-id-1700 .sl-edition .grid8{grid-template-columns:1fr}
  body.product-id-1700 .sl-edition .grid8 > div{border-right:0 !important; padding:30px 22px 26px; min-height:auto}
  body.product-id-1700 .sl-edition .grid8 h4{font-size:19px}
  body.product-id-1700 .sl-edition .grid8 p{font-size:14.5px}

  /* bms */
  body.product-id-1700 .sl-edition .bms h2{font-size:30px; line-height:1.06}
  body.product-id-1700 .sl-edition .bms p{font-size:16px}
  body.product-id-1700 .sl-edition .bms-grid{grid-template-columns:1fr}
  body.product-id-1700 .sl-edition .bms-grid > div{border-right:0 !important; min-height:auto; padding:24px 22px 22px}

  /* tech cards */
  body.product-id-1700 .sl-edition .card-tech{padding:32px 22px 28px}
  body.product-id-1700 .sl-edition .card-tech h3{font-size:26px}
  body.product-id-1700 .sl-edition .card-tech p{font-size:15.5px}
  body.product-id-1700 .sl-edition .card-tech .kv{font-size:13px}

  /* audience */
  body.product-id-1700 .sl-edition .audience h2{font-size:28px; line-height:1.1}
  body.product-id-1700 .sl-edition .aud-grid > div{padding:24px 18px; gap:16px; grid-template-columns:60px 1fr}
  body.product-id-1700 .sl-edition .aud-grid .num{font-size:30px; padding:10px 0}
  body.product-id-1700 .sl-edition .aud-grid h4{font-size:18px}
  body.product-id-1700 .sl-edition .aud-grid p{font-size:15px}

  /* specs */
  body.product-id-1700 .sl-edition .specs-head{padding:0 16px; padding-bottom:16px; gap:10px}
  body.product-id-1700 .sl-edition .specs h2{font-size:34px; line-height:1.05}
  body.product-id-1700 .sl-edition .specs-meta{font-size:12px}

  /* spec-table BLOCK STACK on phone */
  body.product-id-1700 .sl-edition .spec-table,
  body.product-id-1700 .sl-edition .spec-table tbody,
  body.product-id-1700 .sl-edition .spec-table tr,
  body.product-id-1700 .sl-edition .spec-table td{display:block; width:100%}
  body.product-id-1700 .sl-edition .spec-table tr{border-bottom:var(--sl-edge-thin); padding:4px 0 12px}
  body.product-id-1700 .sl-edition .spec-table tr.cat{padding:0}
  body.product-id-1700 .sl-edition .spec-table tr.cat td{font-size:12.5px; padding:12px 16px; padding-left:14px; letter-spacing:.14em; border-left-width:4px}
  body.product-id-1700 .sl-edition .spec-table td:first-child{padding:14px 16px 4px; font-size:12.5px; width:100%; color:var(--sl-ash); letter-spacing:.06em; text-transform:uppercase}
  body.product-id-1700 .sl-edition .spec-table td:last-child{padding:0 16px 14px; font-size:16.5px; width:100%; line-height:1.5}
  body.product-id-1700 .sl-edition .spec-table td .hint{font-size:12.5px; margin-top:6px; line-height:1.5}

  /* notes */
  body.product-id-1700 .sl-edition .notes-inner{padding:0 16px}
  body.product-id-1700 .sl-edition .notes h2{font-size:26px; line-height:1.1}
  body.product-id-1700 .sl-edition .notes .item{grid-template-columns:1fr; gap:8px; padding:22px 0}
  body.product-id-1700 .sl-edition .notes .item p{font-size:16.5px}

  /* faq — hide Q-XX prefix on narrow + smaller +/- */
  body.product-id-1700 .sl-edition .faq-inner{padding:0 16px; gap:18px}
  body.product-id-1700 .sl-edition .faq .aside h2{font-size:36px}
  body.product-id-1700 .sl-edition .faq summary{padding:18px 16px; font-size:17px; gap:14px; line-height:1.3}
  body.product-id-1700 .sl-edition .faq summary .num{display:none}
  body.product-id-1700 .sl-edition .faq summary .pm{width:28px; height:28px; flex:0 0 28px; font-size:16px}
  body.product-id-1700 .sl-edition .faq .ans{padding:0 16px 22px 16px; font-size:16px}

  /* trust-bar */
  body.product-id-1700 .sl-edition .trust-bar-inner{grid-template-columns:1fr 1fr; gap:16px 0}
  body.product-id-1700 .sl-edition .trust-bar > div, body.product-id-1700 .sl-edition .trust-bar .cell{padding:0 16px}
  body.product-id-1700 .sl-edition .trust-bar h5{font-size:18px}
  body.product-id-1700 .sl-edition .trust-bar p{font-size:13px}
}
/* phone: 480px — trust bar stack + systems h2 shrink (mantra h2 handled by 430 rule below) */
@media (max-width:480px){
  body.product-id-1700 .sl-edition .trust-bar-inner{grid-template-columns:1fr}
  body.product-id-1700 .sl-edition .trust-bar > div, body.product-id-1700 .sl-edition .trust-bar .cell{border-right:0; border-bottom:1px solid var(--sl-deep-rule); padding:14px 16px}
  body.product-id-1700 .sl-edition .trust-bar .cell:last-child{border-bottom:0}
  body.product-id-1700 .sl-edition .systems h2{font-size:28px}
}
/* phone: 430px — final h2 shrink for narrow Android viewports */
@media (max-width:430px){
  body.product-id-1700 .sl-edition .mantra h2{
    font-size: clamp(38px, 12.5vw, 50px);
  }
}


/* ============================================================================
 *  A11y: focus-visible + prefers-reduced-motion (scoped to .sl-edition)
 * ============================================================================ */
body.product-id-1700 .sl-edition :focus-visible{
  outline:2px solid var(--sl-orange);
  outline-offset:3px;
}
body.product-id-1700 .sl-edition .faq summary:focus-visible{
  outline-offset:-2px;
}

@media (prefers-reduced-motion: reduce){
  body.product-id-1700 .sl-edition .grid8 > div,
  body.product-id-1700 .sl-edition .grid8 > div .ico,
  body.product-id-1700 .sl-edition .grid8 .n,
  body.product-id-1700 .sl-edition .faq details,
  body.product-id-1700 .sl-edition .faq summary,
  body.product-id-1700 .sl-edition .faq summary .pm,
  body.product-id-1700 .sl-edition .spec-table tr{
    transition:none !important;
    transform:none !important;
  }
}


/* ============================================================================
 *  V12S 4-cell systems grid8 overrides
 *  ───────────────────────────────────────────────────────────────────────────
 *  Sherman L's grid8 ships in an 8-cell shape:
 *    - desktop 4-col: nth-child(4n) drops border-right · nth-child(n+5) drops border-bottom
 *    - tablet 2-col @840: nth-child(2n) drops border-right
 *    - mobile 1-col @640: every cell drops border-right
 *  V12S has 4 cells, so we need to drop border-bottom from the LAST visible row
 *  at every breakpoint (single row desktop, second row tablet, last cell mobile).
 * ============================================================================ */
body.product-id-1700 .sl-edition .grid8 > div { border-bottom: 0 }

@media (max-width:840px){
  /* tablet 2-col: cells 1 + 2 are top row → keep their bottom border;
     cells 3 + 4 are last row (handled by base rule above). */
  body.product-id-1700 .sl-edition .grid8 > div:nth-child(-n+2){
    border-bottom: 1px solid var(--sl-deep-rule) !important;
  }
}
@media (max-width:640px){
  /* mobile 1-col: cells 1, 2, 3 each need a bottom border; cell 4 stays borderless. */
  body.product-id-1700 .sl-edition .grid8 > div:nth-child(-n+3){
    border-bottom: 1px solid var(--sl-deep-rule) !important;
  }
}


/* ============================================================================
 *  V12S mobile mantra overflow fix (2026-04-25)
 *  ───────────────────────────────────────────────────────────────────────────
 *  The V12S H2 mantra ("Connected by design. / Inmotion's most fully-equipped
 *  urban-touring wheel.") is longer than Sherman L's. Sherman L's @640 rule
 *  `font-size: clamp(42px, 13vw, 56px)` produced an h2 right-edge of 381px
 *  on a 375px viewport — overflowing the .mantra-head padding box.
 *
 *  Fix: tighter font-size scale at 640 / 430 / 390 ONLY for V12S (CSS file is
 *  V12S-only, but the @media specificity matters because Sherman's 640 rule
 *  uses the same property name and is in a different file).
 *
 *  The right-side meta tag also gets `text-align:left + white-space:normal`
 *  on mobile so it can wrap instead of forcing nowrap overflow.
 *  ============================================================================ */

@media (max-width: 640px) {
  body.product-id-1700 .sl-edition .mantra h2 {
    font-size: clamp(36px, 10.5vw, 48px);
    line-height: 1.02;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
  }
  /* right meta-tag inside mantra-head: stop forcing nowrap, align left for honesty */
  body.product-id-1700 .sl-edition .mantra-head > .tag,
  body.product-id-1700 .sl-edition .mantra-head .tag[style*="text-align:right"] {
    text-align: left !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 430px) {
  body.product-id-1700 .sl-edition .mantra h2 {
    font-size: clamp(32px, 9.8vw, 42px);
    line-height: 1.04;
  }
}

@media (max-width: 390px) {
  body.product-id-1700 .sl-edition .mantra h2 {
    font-size: clamp(30px, 9.2vw, 38px);
  }
}


/* ============================================================================
 *  Hide native description blocks ONLY on Inmotion V12S (2124)
 *  ───────────────────────────────────────────────────────────────────────────
 *  Editorial sections in .sl-edition replace the old description content.
 *  Hide via display:none keeps the markup in the DOM so SEO indexing of the
 *  original text is preserved. DO NOT remove these rules.
 * ============================================================================ */
body.product-id-1700 .product-tabs,
body.product-id-1700 #tab-content,
body.product-id-1700 .nav-tabs,
body.product-id-1700 .product-description,
body.product-id-1700 #description,
body.product-id-1700 .oneride-faq,
body.product-id-1700 .oneride-faq__item,
body.product-id-1700 #product-description-short-1700,
body.product-id-1700 .description-short {
  display: none !important;
}