/* Selected visual target: concept-3.png, 29 October 2026. */
.local-bar{display:none}
.guide{--line:#e2eae6;--muted:#62716b}
.guide .guide-wrap{max-width:1264px}
.guide .guide-layout{padding-top:0;padding-bottom:64px}
.guide .guide-article{max-width:none}
.guide-hero{padding:36px 0 44px;border-bottom:0}
.guide-hero::before{opacity:.32;mask-image:none;-webkit-mask-image:none}
.guide .breadcrumbs{font-size:14px;margin-bottom:28px}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px}
.hero-copy{position:relative;z-index:1}
.guide h1{font-size:clamp(40px,3.8vw,54px);line-height:1.14;letter-spacing:-.045em}
.guide .hero-lead{font-size:21px;line-height:1.5;margin-top:22px;font-weight:600}
.guide .hero-description{font-size:18px;line-height:1.65;margin-top:14px;max-width:580px}
.hero-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.guide .before-section{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start;padding:26px 30px;margin:0 0 32px;background:#eff7f3;border:0;border-left:3px solid var(--accent);border-radius:7px}
.guide .article-section.before-section>h2{padding:0;margin:0;border:0;background:none;border-radius:0;font-size:27px;line-height:1.35}
.guide .preparation-copy p{line-height:1.65}
.guide .preparation-copy .plain-list{margin:16px 0 0}
.guide .preparation-copy .plain-list li{margin-bottom:6px}
.guide .step-section{display:grid;grid-template-columns:350px minmax(0,1fr);gap:40px;align-items:start;border-top:1px solid var(--line);border-bottom:0;padding:36px 0 40px}
.section-index{display:block;font-family:inherit;font-size:17px;line-height:1.5;font-weight:650;color:var(--muted);margin:0 0 10px}
.step-copy,.step-evidence{min-width:0}
.guide .step-copy h2{font-size:29px;font-weight:800;color:var(--accent);letter-spacing:-.025em;line-height:1.32;margin:0 0 18px;text-wrap:pretty}
.guide .article-section.before-section>h2{color:var(--accent);font-weight:800}
.guide .step-copy p{font-size:18px;line-height:1.7;color:#5c6a63}
.guide .step-copy .text-link{display:inline-block;margin-top:18px;font-size:17px}
.step-evidence .screen{margin:0;border-radius:8px;border-color:#e1e9e5;box-shadow:0 3px 18px #153d2b03}
.step-evidence .screen+.screen{margin-top:20px}
.guide .screen figcaption{font-size:13px;padding:10px 16px;color:#697b72;background:#fbfdfc}
.guide .step-evidence .explanation{margin-top:18px;border-radius:8px;padding:16px 20px;background:#fbfdfc}
.guide .explanation summary{font-size:17px}
.guide .explanation .screen{margin-top:18px}
.guide .parameter-table{margin:0;padding:10px 22px;gap:0;background:#fcfefd;border:1px solid #e0e9e4;border-radius:8px}
.guide .parameter-table>div{grid-template-columns:128px minmax(0,1fr);gap:18px;padding:17px 0;border:0;border-bottom:1px solid #edf1ee;border-radius:0;background:none}
.guide .parameter-table>div:last-child{border-bottom:0}
.guide .parameter-table strong{font-size:17px;padding:7px 10px;background:#e7f2ed;align-self:start;line-height:1.45}
.parameter-detail{min-width:0}
.parameter-value{display:block;width:100%;min-width:0;border:1px solid #dce7e0;border-radius:5px;background:#fff;color:#293b32;font-family:inherit;font-size:17px;line-height:1.5;padding:9px 12px;pointer-events:none;outline:0}
.guide .guide-article .parameter-detail p{font-size:17px;line-height:1.6;color:#62716a;margin-top:8px}
.mimicry-note{margin-top:20px;padding:24px;background:#eff7f3;border:1px solid #d4e7de;border-radius:8px}
.guide .mimicry-note h3{margin:0 0 12px;color:var(--accent);font-size:23px;font-weight:800;line-height:1.35}
.guide .guide-article .mimicry-note p{font-size:18px;line-height:1.7;color:#50655a}
.mimicry-instructions{margin-top:18px;padding-top:16px;border-top:1px solid #d4e7de}
.mimicry-instructions summary{font-size:18px;font-weight:750;color:var(--accent);cursor:pointer}
.mimicry-instructions ol{margin:16px 0 0;padding-left:24px;font-size:18px;line-height:1.7;color:#50655a}
.mimicry-instructions li{padding-left:4px}
.mimicry-instructions li+li{margin-top:14px}
.mimicry-instructions li::marker{color:var(--accent);font-weight:750}
.format-details{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.format-details summary{font-size:17px;color:var(--accent);font-weight:650;cursor:pointer}
.guide .format-details .plain-list{font-size:17px;margin-bottom:0}
.guide .guide-documents{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;width:100%}
.guide-documents .doc{min-height:0;padding:12px 6px 16px;gap:9px;border:0;border-radius:0;background:none;overflow:visible;transition:none}
.guide-documents .doc:hover{transform:none;box-shadow:none}
.guide-documents .doc::after,.guide-documents .doc-lines{display:none}
.guide-documents .doc-visual{order:-1;flex:none;align-self:center;min-height:0;width:74px;height:86px;padding:12px;background:#edf7f1;border:1px solid #c9dfd2;border-radius:6px}
.guide-documents .doc-visual svg{width:48px;height:56px}
.guide-documents .doc-code{padding:0;align-self:center;font-size:17px;line-height:1.4;text-align:center;color:#27644a}
.guide-documents .doc h3{font-size:15px;font-weight:550;line-height:1.5;min-height:0;margin:0;text-align:center;color:#5b6d62;overflow-wrap:anywhere}
.guide-documents .doc:nth-child(2){--accent:#405f7b;--accent-soft:#eff3f9}
.guide-documents .doc:nth-child(3){--accent:#9f6a39;--accent-soft:#fff7ed}
.guide-documents .doc:nth-child(4){--accent:#416d96;--accent-soft:#f0f6fc}
.guide-documents .doc:nth-child(5){--accent:#7967a1;--accent-soft:#f7f4fc}
.guide-documents .doc:nth-child(n+2) .doc-visual{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,white)}
.guide-documents .doc:nth-child(n+2) .doc-code{color:var(--accent)}
.guide .guide-faq{border:0;padding:0;margin-top:18px}
.guide .guide-faq .faq-card{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;padding:36px;background:var(--accent);color:#fff;border-radius:16px}
.guide-faq .faq-card::before{display:none}
.guide .guide-faq .faq-card h2{font-size:30px;font-weight:800;margin:0}
.guide .guide-faq .faq-item,.guide .guide-faq .faq-item:first-child{border-color:rgba(255,255,255,.25)}
.guide .guide-faq .faq-item>summary{font-size:18px;min-height:70px;gap:16px;padding-block:18px;flex-direction:row;justify-content:space-between}
.guide-faq .faq-item>summary:hover{color:#d4f2e9}
.guide-faq .faq-item>summary:focus-visible{outline-color:#fff}
.guide-faq .faq-toggle{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.08)}
.guide-faq .faq-answer{padding:0 44px 22px 0}
.guide .guide-article .guide-faq .faq-answer p{font-size:18px;color:#e2f0ec}
.guide .guide-cta{justify-content:center;gap:32px;padding:34px;margin-top:28px;border:1px solid #d4e7de;border-radius:16px;background:#eff7f3}
.guide .guide-cta>h2{font-size:30px;font-weight:800;color:var(--accent)}
.guide .button{border-radius:8px}
.dlt-ftr{border-top:1px solid var(--line)}
@media(max-width:1100px){
 .guide .step-section{grid-template-columns:290px minmax(0,1fr);gap:28px}
 .guide .step-copy h2{font-size:27px}
 .guide h1{font-size:43px}
 .guide .before-section{grid-template-columns:270px minmax(0,1fr)}
}
@media(max-width:850px){
 .hero-grid{grid-template-columns:1fr .8fr;gap:8px}
 .guide h1{font-size:38px}
 .guide .hero-lead{font-size:19px}
 .guide .step-section{grid-template-columns:minmax(0,1fr);gap:20px;padding:30px 0}
 .step-evidence{grid-column:1;margin-top:2px}
 .guide .step-copy h2{font-size:26px}
 .guide .before-section{grid-template-columns:1fr;gap:18px;padding:24px}
 .guide .guide-faq .faq-card{grid-template-columns:1fr;gap:22px;padding:28px 24px}
 .guide .guide-cta{flex-direction:column;align-items:center;text-align:center;gap:20px}
}
@media(max-width:600px){
 .guide-hero{padding-top:24px;padding-bottom:28px}
 .guide .breadcrumbs{font-size:13px;margin-bottom:24px}
 .hero-grid{grid-template-columns:1fr;gap:12px}
 .guide h1{font-size:38px;line-height:1.16}
 .guide .hero-description{font-size:17px}
 .hero-art{max-width:400px;justify-self:center}
 .hero-art img{max-height:210px;object-fit:contain}
 .guide .before-section{padding:22px 20px;margin-bottom:26px}
 .guide .article-section.before-section>h2{font-size:25px}
 .guide .step-copy h2{font-size:25px}
 .guide .step-copy p{font-size:17px}
 .guide .parameter-table{padding:6px 15px}
 .guide .parameter-table>div{grid-template-columns:1fr;gap:12px;padding:17px 0}
 .guide .parameter-table strong{justify-self:start}
 .guide .guide-article .parameter-detail p{font-size:16px}
 .mimicry-note{padding:20px}
 .guide .guide-article .mimicry-note p,.mimicry-instructions summary,.mimicry-instructions ol{font-size:17px}
 .guide .guide-documents{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 .guide .guide-faq .faq-item>summary,.guide .guide-article .guide-faq .faq-answer p{font-size:17px}
 .guide .guide-cta{gap:20px;padding:28px 20px}
 .guide .guide-cta>h2{font-size:27px}
 .guide-faq .faq-answer{padding-right:0}
}
@media print{.hero-art{max-width:300px}.guide .step-section{break-inside:avoid}.guide .guide-faq .faq-card{background:#fff}}

/* Visual QA: match the compact preparation band and left-aligned FAQ questions. */
.hero-art{height:330px;display:flex;align-items:center}
.hero-art img{width:115%;max-width:none;flex-shrink:0}
.guide .before-section{grid-template-columns:390px minmax(0,1fr);align-items:center}
.guide .article-section.before-section>h2{font-size:25px}
.preparation-details{margin-top:12px}
.preparation-details summary{color:var(--accent);font-size:17px;font-weight:650;cursor:pointer}
@media(max-width:1100px){.guide .before-section{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:850px){.guide .before-section{grid-template-columns:1fr}.hero-art{height:280px}}
@media(max-width:600px){.hero-art{height:auto}.hero-art img{width:100%}.guide .article-section.before-section>h2{font-size:25px}}

html:has(.guide-page){scroll-behavior:auto}
@media(max-width:600px){.guide-page .dlt-icon[href*="max.ru"]{display:none}}

/* Shared subtle drafting pattern for the FAQ on pricing and all instructions. */
.guide .guide-faq .faq-card::before{content:"";display:block;position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,247,233,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(216,247,233,.09) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 27%,transparent 55%);-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 27%,transparent 55%)}
.guide .guide-faq .faq-card::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:360px;height:360px;left:-160px;bottom:-150px;border:1px solid rgba(220,250,235,.22);border-radius:50%;box-shadow:0 0 0 32px rgba(220,250,235,.07),0 0 0 64px rgba(220,250,235,.06),0 0 0 96px rgba(220,250,235,.045)}
@media(max-width:850px){.guide .guide-faq .faq-card::before{mask-image:linear-gradient(180deg,#000 0%,transparent 42%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 42%)}.guide .guide-faq .faq-card::after{width:260px;height:260px;left:auto;right:-190px;bottom:-140px}}
@media print{.guide .guide-faq .faq-card::before,.guide .guide-faq .faq-card::after{display:none}}
