/* 03 · Edición técnica — Instaladores (inner page additions only) */

/* Graphite zone: breadcrumb strip + cover */
.inner-page .breadcrumb,.inner-page .pro-opening{--focus:var(--signal)}
.inner-page .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;padding-block:16px 0;font-size:13px;color:var(--dim);background:var(--graphite);box-shadow:0 0 0 100vmax var(--graphite);clip-path:inset(0 -100vmax)}
.inner-page .breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:600}
.inner-page .breadcrumb [aria-current]{color:var(--soft)}
.inner-page #navigation a[aria-current=page]{color:var(--signal);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}

.inner-page .pro-opening{background:var(--graphite);color:#fff;padding-top:40px}
.inner-page .pro-opening .overline{color:var(--signal)}
.inner-page .pro-opening h1{font-size:clamp(40px,4.6vw,60px);line-height:1.04;margin-bottom:32px}
.inner-page .pro-opening h1 em{color:var(--signal)}
.inner-page .pro-opening-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px 64px;align-items:end}
.inner-page .pro-opening-layout>*{min-width:0}
.inner-page .inner-hero-lead{font-size:20px;line-height:1.5;color:var(--soft);max-width:56ch;margin-bottom:32px}
.inner-page .inner-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.inner-page .pro-opening .quiet-link{color:#fff}
.inner-page .pro-opening .quiet-link:hover{color:var(--signal)}
.inner-page .inner-hero-note{margin:32px 0 0;max-width:52ch;padding-left:16px;border-left:4px solid var(--signal);font-size:14px;color:var(--dim)}

/* Engineering sheet: light-line SVG on graphite canvas */
.inner-page .technical-figure{margin:0;padding:24px;background:#16191C;border:1px solid var(--rule);border-top:8px solid var(--signal);border-radius:0 0 24px 24px}
.inner-page .technical-figure img{width:100%;max-width:440px;margin-inline:auto}
.inner-page .technical-figure figcaption{margin-top:24px;padding-top:16px;border-top:1px solid var(--rule);font:700 12px/1.5 var(--font-sans);letter-spacing:.12em;color:var(--soft)}
.inner-page .technical-figure figcaption span{display:inline-block;margin-top:8px;font-size:13px;font-weight:400;letter-spacing:0;color:var(--dim)}

.inner-page .pro-baseline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 48px;margin-top:56px;padding-block:24px 32px;border-top:1px solid var(--rule);font-size:15px;font-weight:600;color:var(--soft)}
.inner-page .pro-baseline span{display:flex;align-items:baseline;gap:12px;min-width:0}
.inner-page .pro-baseline span::before{content:"";flex:none;width:8px;height:8px;background:var(--signal);transform:translateY(-2px)}

/* 01 Benefits: two-part ledger (heading | specification), numbered */
.inner-page .benefit-lines{border-block:2px solid var(--graphite)}
.inner-page .benefit-lines article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:32px 0}
.inner-page .benefit-lines article+article{border-top:1px solid var(--line)}
.inner-page .benefit-lines article>span{font:800 20px/1.3 var(--font-sans);color:var(--steel)}
.inner-page .benefit-lines article>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 48px;min-width:0}
.inner-page .benefit-lines h3{font-size:24px;line-height:1.25}
.inner-page .benefit-lines p{margin:0;font-size:17px;color:var(--muted);max-width:60ch}

/* 02 Fit: horizontal replacement strip on plate */
.inner-page .inner-fit{position:relative}
.inner-page .replacement-diagram{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) minmax(0,1.15fr);background:#fff;border:2px solid var(--graphite);border-radius:24px;box-shadow:8px 8px 0 #C2BFB7}
.inner-page .replacement-diagram>div{min-width:0;padding:32px}
.inner-page .replacement-diagram .overline{margin-bottom:16px}
.inner-page .replacement-diagram h3{font-size:20px;line-height:1.3;margin-bottom:8px}
.inner-page .replacement-diagram p{margin:0;font-size:16px;color:var(--muted)}
.inner-page .replacement-arrow{display:grid;place-items:center;font:800 28px/1 var(--font-sans);color:var(--steel)}
.inner-page .replacement-outcome{background:var(--graphite);color:#fff;border-radius:0 22px 22px 0;--focus:var(--signal)}
.inner-page .replacement-outcome .overline{color:var(--signal)}
.inner-page .replacement-diagram .replacement-outcome p{color:var(--soft)}
.inner-page .fit-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px;margin-top:40px}
.inner-page .fit-note p{flex:1 1 100%;margin:0 0 8px;max-width:76ch;padding-left:16px;border-left:4px solid var(--signal);font-size:16px}

/* 03 Preparation: heading column + evidence sheet */
.inner-page .preparation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px 64px;align-items:start}
.inner-page .preparation-layout .chapter-heading{margin-bottom:0}
.inner-page .preparation-layout .chapter-heading>p:not(.overline){font-size:17px;color:var(--muted)}
.inner-page .preparation-layout .source-date{margin-top:16px}
.inner-page .evidence-details{background:#fff;border:2px solid var(--graphite);border-radius:24px;padding:8px 32px;box-shadow:8px 8px 0 #C9C6BE}
.inner-page .evidence-details summary::before{content:"F." counter(note,decimal-leading-zero)}

/* 07 Contact: legible download link on graphite */
.inner-page .inner-contact .contact-copy .quiet-link{color:#fff}
.inner-page .inner-contact .contact-copy .quiet-link:hover{color:var(--signal)}

@media(prefers-reduced-motion:no-preference){
 .inner-page .benefit-lines article>span{transition:transform .2s}
 .inner-page .benefit-lines article:hover>span{transform:translateX(2px)}
}

/* Desktop: yellow rail continues through the fit plate */
@media(min-width:960px){
 .inner-page .inner-fit{padding-left:88px}
 .inner-page .inner-fit::before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--signal)}
 .inner-page .pro-opening h1{max-width:none}
}

/* Tablet + mobile */
@media(max-width:959px){
 .inner-page .pro-opening-layout,.inner-page .preparation-layout{grid-template-columns:minmax(0,1fr)}
 .inner-page .technical-figure{max-width:520px}
 .inner-page .replacement-diagram{grid-template-columns:minmax(0,1fr)}
 .inner-page .replacement-arrow{height:32px;transform:rotate(90deg)}
 .inner-page .replacement-diagram>div:first-child{padding-bottom:16px}
 .inner-page .replacement-diagram>div:nth-child(3){padding-top:16px}
 .inner-page .replacement-outcome{border-radius:0 0 22px 22px}
}
@media(max-width:719px){
 .inner-page .breadcrumb{font-size:12px;padding-top:8px}
 .inner-page .pro-opening{padding-top:16px}
 .inner-page .pro-opening h1{font-size:clamp(32px,8.4vw,40px);line-height:1.06;margin-bottom:24px}
 .inner-page .inner-hero-lead{font-size:16px;line-height:1.6;margin-bottom:24px}
 .inner-page .inner-hero-actions{gap:8px 16px}
 .inner-page .inner-hero-actions .action{width:100%;padding-inline:16px}
 .inner-page .inner-hero-note{margin-top:24px;font-size:13px}
 .inner-page .pro-opening-layout{gap:40px}
 .inner-page .technical-figure{padding:16px}
 .inner-page .technical-figure img{max-width:320px}
 .inner-page .pro-baseline{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:40px}
 .inner-page .benefit-lines article{grid-template-columns:40px minmax(0,1fr);padding:24px 0}
 .inner-page .benefit-lines article>div{grid-template-columns:minmax(0,1fr)}
 .inner-page .benefit-lines h3{font-size:20px}
 .inner-page .benefit-lines p{font-size:16px}
 .inner-page .replacement-diagram>div{padding:24px}
 .inner-page .evidence-details{padding:8px 16px}
 .inner-page .fit-note{gap:0 24px}
}
/* Integration: the wide headline and specification beneath mirror the homepage cover. */
@media(min-width:960px){
.inner-page .pro-opening-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 64px;align-items:start}
.inner-page .inner-hero-copy{display:contents}
.inner-page .inner-hero-copy>.overline,.inner-page .pro-opening h1{grid-column:1/-1}
.inner-page .pro-opening h1{font-size:clamp(40px,4.6vw,64px);max-width:none}
.inner-page .inner-hero-lead{grid-column:1;grid-row:3}
.inner-page .inner-hero-actions{grid-column:1;grid-row:4}
.inner-page .inner-hero-note{grid-column:1;grid-row:5}
.inner-page .technical-figure{grid-column:2;grid-row:3/6;align-self:stretch}
.inner-page .technical-figure img{max-width:320px}
.inner-page .pro-baseline{margin-top:40px}
}
@media(max-width:599px){.inner-page .breadcrumb{font-size:12px;gap:0 8px;min-height:48px;padding-block:0}}
@media(max-width:380px){.inner-page .inner-hero-actions .action{font-size:15px}}