.scope-panel{--scope-line:#d9dedf;--scope-ink:#4a5962;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr);border:1px solid var(--scope-line);border-top:3px solid var(--red,#c5232a);background:#fff;isolation:isolate}
.scope-panel__drawing{display:flex;align-items:center;justify-content:center;min-width:0;padding:28px 20px;background-color:#f1f3f2;background-image:linear-gradient(#dce2e166 1px,transparent 1px),linear-gradient(90deg,#dce2e166 1px,transparent 1px);background-size:24px 24px;border-right:1px solid var(--scope-line)}
.scope-panel__drawing>svg{display:block;width:100%;max-width:300px;max-height:470px;overflow:visible}
.scope-panel__sheet{fill:#fafbf9;stroke:#b8c3c6;stroke-width:1.3}
.scope-panel__fold{stroke:#9daeb3;stroke-width:1}
.scope-panel__total{font-family:inherit;font-size:29px;font-weight:700;fill:var(--red,#c5232a);letter-spacing:-1px}
.scope-panel__route{stroke:var(--red,#c5232a);stroke-width:3}
.scope-panel__branch{stroke:#82979f;stroke-width:1.6;stroke-linejoin:round}
.scope-panel__junction{fill:#fafbf9;stroke:var(--red,#c5232a);stroke-width:2}
.scope-panel__terminal{fill:#fafbf9;stroke:#9aabb1;stroke-width:1.2}
.scope-panel__node{font-family:inherit;font-size:11px;font-weight:700;fill:var(--scope-ink);letter-spacing:.5px}
.scope-panel__list{position:relative;list-style:none;margin:0;padding:8px 34px 8px 26px;min-width:0}
.scope-panel__list:before{content:"";position:absolute;left:57px;top:45px;bottom:45px;border-left:1px dashed #ccd4d6;z-index:-1}
.scope-panel__item{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:24px;padding:23px 0;position:relative;min-width:0}
.scope-panel__item+.scope-panel__item{border-top:1px solid var(--scope-line)}
.scope-panel__mark{display:flex;align-items:center;justify-content:center;position:relative;width:64px;height:60px;background:#fff;color:var(--scope-ink)}
.scope-panel__mark>svg{display:block;width:44px;height:44px;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.scope-panel__accent{stroke:var(--red,#c5232a)}
.scope-panel__number{position:absolute;top:-5px;left:0;padding:0 4px;background:#fff;color:var(--red,#c5232a);font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.12em}
.scope-panel__text{margin:0!important;font-size:19px;line-height:1.5;font-weight:400;color:var(--ink,#282d31);overflow-wrap:anywhere;max-width:640px}
@media(min-width:1300px){.scope-panel__list{padding-right:44px}.scope-panel__item{padding-block:25px;gap:30px}.scope-panel__text{font-size:20px}}
@media(max-width:900px){.scope-panel{grid-template-columns:minmax(170px,.6fr) minmax(0,1.6fr)}.scope-panel__drawing{padding:24px 10px}.scope-panel__list{padding:6px 24px 6px 18px}.scope-panel__list:before{left:49px}.scope-panel__item{gap:18px;padding-block:21px}.scope-panel__text{font-size:18px}}
@media(max-width:640px){.scope-panel{display:block}.scope-panel__drawing{display:none}.scope-panel__list{padding:4px 20px 4px 14px}.scope-panel__list:before{left:40px;top:37px;bottom:37px}.scope-panel__item{grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 0;align-items:start}.scope-panel__mark{width:52px;height:54px;margin-top:3px}.scope-panel__mark>svg{width:39px;height:39px}.scope-panel__number{font-size:9px;top:-4px}.scope-panel__text{font-size:17px;line-height:1.55}}
@media(max-width:360px){.scope-panel__list{padding-right:14px;padding-left:10px}.scope-panel__list:before{left:33px}.scope-panel__item{grid-template-columns:46px minmax(0,1fr);gap:12px}.scope-panel__mark{width:46px}.scope-panel__mark>svg{width:35px;height:35px}.scope-panel__text{font-size:16px}}
@media print{.scope-panel{border-color:#aaa;break-inside:avoid}.scope-panel__drawing{background:#fff}.scope-panel__item{break-inside:avoid}}