/* Руководство следует палитре и размерам основного сайта. */
.start-heading{max-width:850px}.start-heading .actions{margin-top:24px}
.start-contents{padding:28px 0 36px;border-block:1px solid var(--line)}
.start-contents h2{font-size:24px;margin-bottom:18px}
.start-contents ol{columns:2;column-gap:48px;margin:0;padding-left:28px}
.start-contents li{break-inside:avoid;padding:7px 0 7px 4px;color:var(--green)}
.start-contents a{text-decoration:none}.start-contents a:hover{text-decoration:underline}
.start-steps{max-width:1100px;margin-inline:auto}
.start-step{padding:56px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.start-step-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:24px}
.start-step-heading h2{font-size:clamp(26px,3.2vw,40px)}
.start-step-heading .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.start-copy{max-width:760px}.start-copy p:first-child{margin-top:0}
.start-figure{margin:28px 0 36px}.start-frame{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.start-image{display:block;border-radius:inherit;overflow:hidden}.start-image img{display:block;width:100%;height:auto}
.start-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#143b2d;color:#fffdf5;border:2px solid #fffdf5;box-shadow:0 1px 5px #0008;font:700 13px/1 system-ui;text-decoration:none;z-index:1}
.start-marker:hover,.start-marker:focus-visible{background:#166b4b;outline:3px solid #9ce9b5;outline-offset:2px;z-index:2}
.start-figure figcaption{margin:12px 0;color:var(--muted);font-size:14px}
.start-labels{padding-left:28px;max-width:800px}.start-labels li{padding:5px 0 5px 4px;scroll-margin-top:28px}
.start-labels li::marker{color:var(--green);font-weight:700}
.start-labels li:target{background:var(--soft);border-radius:6px;outline:2px solid var(--green)}
.start-next{display:inline-block;margin-top:8px}
@media(max-width:600px){.start-contents ol{columns:1}.start-step{padding:36px 0}.start-step-heading{gap:12px}.start-frame{margin-inline:calc(-1 * var(--gutter));border-radius:0;border-inline:0}.start-marker{width:26px;height:26px;transform:translate(calc(-50% + var(--marker-dx,0px)),calc(-50% + var(--marker-dy,0px)));isolation:isolate}.start-marker::before{content:"";position:absolute;left:50%;top:50%;width:max(0px,calc(var(--leader-length,0px) - 13px));height:2px;transform:rotate(var(--leader-angle,0deg)) translateX(13px);transform-origin:left center;background:#143b2d;box-shadow:0 0 0 1px #fffdf5;z-index:-1;pointer-events:none}.start-figure{margin-block:24px}.start-heading .actions{align-items:flex-start}}