.dg-components{display:block;margin:80px 0;color:#171717;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6}.dg-components [hidden]{display:none!important}.dg-components *{box-sizing:border-box}.dg-components__heading{text-align:center;max-width:850px;margin:0 auto 36px}.dg-components__heading>p:first-child{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#c65c16}.dg-components__heading p{font-size:18px}.dg-components__layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;align-items:center}.dg-components__diagram{position:relative;aspect-ratio:1;background:#f8f7f5;border-radius:10px;overflow:hidden}.dg-components__diagram>img{display:block;width:100%;height:100%;object-fit:contain}.dg-components__dot{position:absolute;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#e96b20;color:#fff;font-size:18px;font-weight:800;line-height:1;transform:translate(-50%,-50%);box-shadow:0 2px 9px #0003;cursor:pointer}.dg-components__dot[aria-pressed=true]{background:#131813;box-shadow:0 0 0 4px #e96b2077}.dg-components__dot--1{left:22%;top:15%}.dg-components__dot--2{left:49%;top:25%}.dg-components__dot--3{left:78%;top:20%}.dg-components__dot--4{left:78%;top:52%}.dg-components__dot--5{left:21%;top:88%}.dg-components__dot--6{left:49%;top:87%}.dg-components__dot--7{left:80%;top:88%}.dg-components__names{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.dg-components__names button{min-height:44px;border:1px solid #c9c9c4;border-radius:5px;padding:10px 12px;background:#fff;color:#171717;font:600 16px/1.4 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer}.dg-components__names button[aria-pressed=true]{background:#151915;color:#fff;border-color:#151915}.dg-components__names button span{color:#d8661e;margin-right:4px}.dg-components__panel{padding:28px;background:#f3f3ef;border-radius:7px;margin-bottom:18px}.dg-components__panel h3{font-size:30px;line-height:1.1;margin:0 0 18px}.dg-components__panel p{font-size:18px;margin:0}.dg-components__panel .dg-components__number{font-size:18px;font-weight:800;color:#bd4c0b;margin:0 0 20px}.dg-components button:focus-visible{outline:3px solid #1c5dad;outline-offset:4px}.dg-components[data-enhanced] .dg-components__panel{min-height:260px}.dg-components__panels:empty{display:none}@media(max-width:899px){.dg-components{margin:52px 0}.dg-components__layout{grid-template-columns:1fr;gap:24px}.dg-components__diagram{max-width:620px;width:100%;margin:auto}.dg-components__names{gap:8px}.dg-components__names button{flex:1 1 calc(50% - 8px)}.dg-components[data-enhanced] .dg-components__panel{min-height:0}.dg-components__panel{padding:26px}}@media(prefers-reduced-motion:no-preference){.dg-components__dot{transition:background-color .15s ease,box-shadow .15s ease}.dg-components__names button{transition:background-color .15s ease}}

.dg-components__details,.dg-components__panel{min-width:0}
.dg-components__specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:22px 0 0;padding:0}
.dg-components__spec{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:12px 8px;text-align:center;background:#fff;border:1px solid #eee;border-radius:8px;overflow-wrap:anywhere}
.dg-components__spec dt{order:2;font-size:16px;line-height:1.35;color:#595959;text-transform:uppercase;letter-spacing:.02em}
.dg-components__spec dd{order:1;margin:0;font-size:18px;line-height:1.3;font-weight:800;color:#a8440b}
