/* AIS-I10-UX-FINAL-VISUAL / UX-I10-01.
   Накопленные стили I09 → I10 после release8 и соответствующих стилей i09.
   Только компоненты .i10-*; прежняя оболочка и формы сохраняются. */
body[data-page="index.html"] .i10-home-hero{padding-top:2.5rem}
body[data-page="index.html"] .i10-home-hero>.l-wrap>.l-hero-grid{gap:2.4rem;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
body[data-page="index.html"] .i10-home-hero h1{font-size:3rem;line-height:1.1;max-width:42rem;letter-spacing:-.04em;hyphens:none;word-break:normal;overflow-wrap:break-word;text-wrap:balance}
body[data-page="index.html"] .i10-home-hero h1 .i10-h1-lead{display:block;color:#152337}
body[data-page="index.html"] .i10-home-hero h1 .i10-h1-accent{color:#2154e8;white-space:nowrap}
body[data-page="index.html"] .i10-home-hero .l-intro{font-size:1.125rem;line-height:1.56;margin-top:1.15rem;max-width:38rem}
body[data-page="index.html"] .i10-home-hero .l-actions{margin-top:1.3rem;gap:.55rem 1.3rem}
body[data-page="index.html"] .i10-home-hero .l-small{margin-top:.7rem;font-size:.8125rem}
body[data-page="index.html"] .i10-home-hero .l-kicker{font-size:.6875rem;letter-spacing:.08em;margin-bottom:.95rem}
body[data-page="index.html"] .i10-home-hero .l-hero-proofcard figcaption{font-size:.75rem;line-height:1.4}
body[data-page="index.html"] .i10-home-hero .l-hero-proofcard img{object-fit:contain;aspect-ratio:1.5;background:#fff}
.i10-facts{list-style:none;padding:1rem 0;margin:1.75rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem 2rem;border-top:1px solid #c4d5f0;align-items:center}
.i10-facts li{display:flex;align-items:center;gap:.7rem;margin:0;font-size:.875rem;color:#35537d;line-height:1.45;min-width:0}
.i10-facts li:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#2154e8;flex:none}
.i10-method{background:#fff;padding:1.75rem 0 1.5rem;color:#152337;border-bottom:1px solid #d8e1ef;font-family:Arial,Helvetica,sans-serif}
.i10-method *{box-sizing:border-box;min-width:0}
.i10-method-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1.5rem 3rem;align-items:start}
.i10-method h2{font-size:1.625rem!important;line-height:1.2!important;letter-spacing:-.025em;max-width:37rem;margin:0 0 .7rem!important;text-wrap:pretty}
.i10-method p{font-size:.9375rem;line-height:1.55;color:#536174;margin:0}
.i10-method-example-label{font-size:.75rem;font-weight:700;color:#2154e8;display:block;margin:0 0 .35rem;line-height:1.4}
.i10-method-path{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0}
.i10-method-path li{margin:0;position:relative;border-bottom:2px solid #b9cff6;padding:.6rem .4rem .8rem 0;color:#152337}
.i10-method-path li+li:before{content:'→';position:absolute;left:-1.3rem;top:1.1rem;color:#2154e8;font-size:1rem}
.i10-method-path img{width:36px;height:36px;margin-bottom:.6rem;display:block}
.i10-method-path strong{display:block;font-size:.9375rem;line-height:1.35;font-weight:700}
.i10-method-path small{display:block;font-size:.8125rem;color:#536174;line-height:1.45;margin-top:.35rem}
.i10-quote{margin:1.2rem 0 0;padding:.75rem 0 0;border-top:1px solid #d8e1ef;display:flex;align-items:baseline;gap:.75rem 1.5rem;flex-wrap:wrap}
.i10-quote blockquote{font-size:.9375rem;line-height:1.55;margin:0;padding:0;font-weight:400;color:#35537d}
.i10-quote figcaption{font-size:.8125rem;line-height:1.5;color:#536174}
.i10-quote a{color:#2154e8;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.i10-direction-wrap{background:#fff}
.i10-direction-wrap .l-directions{margin-top:0;border-top:0;padding-block:1.25rem}
.i10-method :is(a,summary):focus-visible,.i10-modernization :is(a,summary):focus-visible{outline:3px solid #9b4d00;outline-offset:4px;scroll-margin-top:calc(var(--a7-header,80px) + 24px);scroll-margin-bottom:32px}
/* Подробности отдельной услуги модернизации. */
#main.v9 .i10-modernization{margin-top:1.6rem;padding:1.6rem 1.5rem 1.15rem;border:1px solid #b9cdec;border-left:4px solid #2154e8;border-radius:0 14px 14px 0;background:#f4f7fe;scroll-margin-top:calc(var(--a7-header,80px) + 24px)}
.i10-modernization-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 2rem;align-items:center}
#main.v9 .i10-modernization h3{font-size:1.55rem;line-height:1.22;margin:0 0 .8rem;max-width:35rem;text-wrap:pretty}
#main.v9 .i10-modernization p{font-size:.9375rem;line-height:1.55}
#main.v9 .i10-modernization .i10-prerequisite{margin:.85rem 0 0;color:#35537d;font-size:.875rem}
#main.v9 .i10-modernization .v9-media img{width:100%;height:auto;object-fit:contain;background:#fff}
#main.v9 .i10-modernization .v9-media figcaption{font-size:.75rem;line-height:1.5}
.i10-modernization .v9-details{margin-top:1rem}
.i10-modernization dl{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:.8rem 1.5rem;margin:.5rem 0 1rem;font-size:.9375rem;line-height:1.6}
.i10-modernization dt{font-weight:700;color:#152337;margin:0;border-top:1px solid #d1dff2;padding-top:.6rem}
.i10-modernization dd{margin:0;color:#536174;border-top:1px solid #d1dff2;padding-top:.6rem}
.i10-modernization .i10-responsibility{padding:.8rem 1rem;border:1px solid #bfd0ed;border-radius:8px;background:#fff}
.i10-modernization .v9-link{margin-top:.4rem}
@media(max-width:1199px){
 body[data-page="index.html"] .i10-home-hero h1{font-size:2.8rem}
 .i10-method-layout{gap:1.4rem 2rem}
}
@media(min-width:600px) and (max-width:899px){
 body[data-page="index.html"] .i10-home-hero>.l-wrap>.l-hero-grid{grid-template-columns:minmax(0,1fr);gap:1.2rem}
 body[data-page="index.html"] .i10-home-hero h1{max-width:42rem;font-size:2.75rem}
 body[data-page="index.html"] .i10-home-hero .l-intro{max-width:44rem}
 body[data-page="index.html"] .i10-home-hero [data-hero-art="i09"]{max-width:560px;justify-self:center}
 body[data-page="index.html"] .i10-home-hero .l-hero-proofcard img{max-height:140px;width:100%;object-fit:contain}
 .i10-method-layout{grid-template-columns:1fr}
 .i10-method-path{max-width:42rem}
 .i10-modernization-grid{grid-template-columns:1fr}
}
@media(max-width:599px){
 body[data-page="index.html"] .i10-home-hero{padding-top:1.25rem}
 body[data-page="index.html"] .i10-home-hero>.l-wrap>.l-hero-grid{grid-template-columns:minmax(0,1fr);gap:1rem}
 body[data-page="index.html"] .i10-home-hero h1{font-size:2rem;line-height:1.1;letter-spacing:-.035em;max-width:none}
 body[data-page="index.html"] .i10-home-hero .l-kicker{font-size:.625rem;line-height:1.45;max-width:none;margin-bottom:.7rem}
 body[data-page="index.html"] .i10-home-hero .l-intro{font-size:1rem;line-height:1.5;margin-top:.85rem}
 body[data-page="index.html"] .i10-home-hero .l-actions{margin-top:1rem;gap:.3rem .8rem}
 body[data-page="index.html"] .i10-home-hero .l-actions>.l-button{min-height:48px}
 body[data-page="index.html"] .i10-home-hero .l-small{font-size:.75rem;line-height:1.45;margin-top:.35rem}
 body[data-page="index.html"] .i10-home-hero [data-hero-art="i09"]{max-width:100%;gap:6px 10px;padding-bottom:0}
 body[data-page="index.html"] .i10-home-hero [data-hero-art="i09"] .l-hero-falcon{width:68px}
 body[data-page="index.html"] .i10-home-hero .l-hero-proofcard>span{font-size:.9375rem;margin-bottom:.35rem}
 body[data-page="index.html"] .i10-home-hero .l-hero-proofcard img{width:100%;height:80px;aspect-ratio:auto;object-fit:contain}
 body[data-page="index.html"] .i10-home-hero .l-hero-proofcard figcaption{font-size:.6875rem;line-height:1.4;margin-top:.4rem}
 .i10-facts{display:grid;gap:.5rem;margin-top:1rem;padding-block:.85rem}
 .i10-facts li{font-size:.8125rem;line-height:1.45}
 .i10-method{padding:1.5rem 0 1.1rem}
 .i10-method-layout{grid-template-columns:1fr;gap:1.1rem}
 .i10-method h2{font-size:1.35rem!important;line-height:1.22!important}
 .i10-method p{font-size:.9375rem;line-height:1.55}
 .i10-method-path{gap:.75rem}
 .i10-method-path li{padding:.2rem .1rem .6rem 0}
 .i10-method-path li+li:before{left:-.85rem;top:.8rem;font-size:.85rem}
 .i10-method-path img{width:30px;height:30px;margin-bottom:.5rem}
 .i10-method-path strong{font-size:.8125rem}
 .i10-method-path small{font-size:.75rem;line-height:1.45}
 .i10-quote{display:block;margin-top:.85rem;padding-top:.65rem}
 .i10-quote blockquote{font-size:.875rem}
 .i10-quote figcaption{font-size:.75rem;margin-top:.4rem}
 .i10-direction-wrap .l-directions{padding-block:.3rem .65rem}
 #main.v9 .i10-modernization{padding:1.2rem 1rem 1rem;margin-top:1.25rem}
 .i10-modernization-grid{grid-template-columns:1fr;gap:1.1rem}
 #main.v9 .i10-modernization h3{font-size:1.35rem}
 .i10-modernization dl{grid-template-columns:minmax(0,1fr);gap:.3rem}
 .i10-modernization dt{margin-top:.6rem}
 .i10-modernization dd{border:0;padding:0}
}
@media(max-width:359px){
 body[data-page="index.html"] .i10-home-hero h1{font-size:1.875rem}
 body[data-page="index.html"] .i10-home-hero [data-hero-art="i09"] .l-hero-falcon{width:60px}
 body[data-page="index.html"] .i10-home-hero .l-hero-proofcard img{height:68px}
}
/* При увеличении корневого шрифта сохраняем содержимое без фиксированной высоты. */
body.l-large-text .i10-home-hero>.l-wrap>.l-hero-grid,body.ais-large-text .i10-home-hero>.l-wrap>.l-hero-grid,
body.l-large-text .i10-method-layout,body.ais-large-text .i10-method-layout,
body.l-large-text .i10-method-path,body.ais-large-text .i10-method-path,
body.l-large-text .i10-modernization-grid,body.ais-large-text .i10-modernization-grid,
body.l-large-text .i10-modernization dl,body.ais-large-text .i10-modernization dl{grid-template-columns:minmax(0,1fr)!important}
body.l-large-text .i10-method-path li+li:before,body.ais-large-text .i10-method-path li+li:before{display:none}
body.l-large-text .i10-home-hero .l-hero-proofcard img,body.ais-large-text .i10-home-hero .l-hero-proofcard img{height:auto;max-height:260px;object-fit:contain}
body.ais-large-text .i10-modernization dd{border:0;padding-top:0}
@media(prefers-reduced-motion:reduce){.i10-method *, .i10-modernization *{transition:none!important;animation:none!important}}
@media(forced-colors:active){.i10-method-path li,.i10-modernization{border-color:CanvasText!important}.i10-facts li:before{background:CanvasText}}

body.ais-large-text .i10-home-hero h1 .i10-h1-accent,body.l-large-text .i10-home-hero h1 .i10-h1-accent{white-space:normal}
/* Текст ссылки модернизации переносится перед стрелкой. */
.i10-modernization .v9-link>span:first-child{min-width:0;overflow-wrap:break-word}
.i10-modernization .v9-link>span:last-child{flex:none}
/* layout6.js устанавливает l-original-size на диалоге.
   Учитываем этот класс на главной без дополнительного обработчика увеличения. */
body[data-page="index.html"][data-ais-final="i10"] #image-dialog.l-original-size .l-image-scroll img{max-width:none;max-height:none;width:auto;height:auto;margin:0}
body[data-page="index.html"][data-ais-final="i10"] #image-dialog .l-image-scroll:focus-visible{outline:3px solid #9b4d00;outline-offset:-3px}