.r28-topic{max-width:1180px;margin:auto;padding:38px 24px 54px;line-height:1.85;color:#27353d}.r28-topic h1{font-size:clamp(30px,3.1vw,44px);line-height:1.35}.r28-topic h2{font-size:29px;line-height:1.45}.r28-topic h3{font-size:20px}.r28-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:36px}.r28-photo{margin:24px 0}.r28-photo img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;background:#eae7df}.r28-photo figcaption{font-size:13px;color:#5a6366;line-height:1.65;margin-top:10px}.r28-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.r28-grid article{padding:22px;background:#f4f2ec;border:1px solid #ddd8ce}.r28-check>div{display:grid;grid-template-columns:1fr 2.8fr;gap:20px;padding:18px 0;border-bottom:1px solid #d6d1c6}.r28-check dt{font-weight:650}.r28-check dd{margin:0}.r28-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.r28-actions a{padding:11px 16px;background:#2b404a;color:#fff;border-radius:3px;text-decoration:none;font-size:16px;line-height:1.55}.r28-actions a.secondary{background:#e6e4dc;color:#29383e}.r28-topic details{border-bottom:1px solid #d4cdbf;padding:15px 0}.r28-topic summary{cursor:pointer;font-weight:600}.r28-catalog{padding:35px 24px;max-width:1180px;margin:auto}.r28-catalog h2{font-size:28px;margin-top:32px}.r28-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.r28-cards article{background:#f5f2ec;padding:18px}.r28-cards img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;background:#ebe7df}.r28-cards h3{font-size:21px}.r28-cards a{color:#243d48}.r28-topic .yh-section{padding-top:28px;padding-bottom:18px}.r28-topic section{scroll-margin-top:100px}[id^="r28-"]{scroll-margin-top:100px}@media(max-width:700px){.r28-topic{padding:24px 20px 40px}.r28-hero,.r28-grid,.r28-cards{grid-template-columns:1fr}.r28-hero{gap:10px}.r28-topic h1{font-size:31px}.r28-topic h2{font-size:25px}.r28-topic p{font-size:16px}.r28-check>div{grid-template-columns:1fr;gap:5px}.r28-photo img{max-height:470px}.r28-actions a{font-size:15px}.r28-catalog{padding:26px 20px}.r28-catalog h2{font-size:25px}}
@media(max-width:700px){.r28-hero{display:flex;flex-direction:column;align-items:stretch}.r28-hero>div{display:contents}.r28-hero .yh-kicker{order:1}.r28-hero h1{order:2}.r28-hero>.r28-photo{order:3}.r28-hero .yh-lead{order:4}.r28-hero .r28-actions{order:5}}