.product-guide{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(40px,7vw,120px);padding-block:76px 90px;border-top:1px solid var(--line);scroll-margin-top:20px}
.product-guide__intro{align-self:start;max-width:380px}

.product-guide__intro h2{font-family:var(--serif);font-size:clamp(32px,3.3vw,48px);font-weight:400;line-height:1.16;letter-spacing:-.025em;text-wrap:balance;margin:0 0 23px}
.product-guide__intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:24px}
.product-guide__topics{min-width:0;border-top:2px solid var(--green)}
.product-guide__topic{border-bottom:1px solid var(--line);scroll-margin-top:20px}
.product-guide__topic summary{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:20px;padding-block:25px;cursor:pointer;list-style:none}
.product-guide__topic summary::-webkit-details-marker{display:none}
.product-guide__topic summary::marker{content:""}
.product-guide__number{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.product-guide__topic h3{font-family:var(--sans);font-weight:500;font-size:16px;line-height:1.6;margin:0;text-wrap:pretty}
.product-guide__toggle{display:grid;place-items:center;position:relative;inline-size:24px;block-size:24px;border:1px solid #bdc8b4;border-radius:50%}
.product-guide__toggle::before,.product-guide__toggle::after{content:"";position:absolute;background:currentColor;inline-size:8px;block-size:1px}
.product-guide__toggle::after{transform:rotate(90deg)}
.product-guide__topic[open] .product-guide__toggle::after{display:none}
.product-guide__topic summary:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.product-guide__topic summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.product-guide__answer{padding-inline:44px 0;padding-block:0 28px;font-size:14px;line-height:1.95;color:#52604f;max-width:70ch;overflow-wrap:break-word}
.product-guide__answer p{margin:0 0 17px}
.product-guide__answer p:last-child{margin-bottom:0}
.product-guide__answer ul{padding-inline-start:20px;margin-block:14px}
.product-guide__answer .s-link{display:table;font-size:12px;line-height:1.75;margin-block:13px 0}
.product-guide__related{padding-top:26px}
.product-guide__related h3{font-family:var(--sans);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:15px}
.product-guide__related ul{list-style:none;display:flex;flex-wrap:wrap;gap:14px 24px;padding:0;margin:0}
.product-guide__related a{display:inline-flex;align-items:center;gap:10px;font-size:12px;line-height:1.7;border-bottom:1px solid #bdc8b4;padding-block:4px}
.product-guide__related a:hover{border-color:var(--green)}
html[lang=ru] .product-guide__intro h2{font-family:var(--sans);font-size:clamp(30px,2.7vw,40px)}
html[dir=rtl] .product-guide__intro h2,html[dir=rtl] .product-guide__topic h3{font-family:"Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.65}
@media(max-width:900px){.product-guide{grid-template-columns:1fr;gap:35px;padding-block:48px 58px;scroll-margin-top:0}.product-guide__intro{max-width:620px}.product-guide__intro h2{font-size:36px}.product-guide__topic{scroll-margin-top:0}}
@media(max-width:500px){.product-guide{padding-block:38px 46px;gap:28px;scroll-margin-top:0}.product-guide__intro h2{font-size:32px}.product-guide__intro>p:not(.eyebrow){font-size:13px}.product-guide__topic summary{grid-template-columns:18px minmax(0,1fr) 24px;gap:12px;padding-block:21px}.product-guide__topic h3{font-size:14px}.product-guide__answer{padding-inline:30px 0;font-size:13px;line-height:1.9}.product-guide__related ul{display:block}.product-guide__related li+li{margin-top:12px}}