.hc8-structure-media{position:relative;padding:0 180px 0 0;min-height:330px;background:radial-gradient(ellipse at 35% 45%,#f8fbfa,transparent 70%)}
.hc8-structure-media svg{width:100%;height:auto;display:block;overflow:visible}
.hc8-part-labels{position:absolute;right:16px;top:12%;bottom:12%;width:170px;display:flex;flex-direction:column;justify-content:space-evenly;gap:10px}
.hc8-part-labels button{display:flex;align-items:center;gap:8px;min-height:43px;padding:10px 12px;border:1px solid #c4d7da;border-radius:9px;color:#345c66;background:#ffffffeb;box-shadow:0 3px 10px #173c4610;text-align:left;font-size:12px}
.hc8-part-labels button i{height:7px;width:7px;border:2px solid #86aaa9;border-radius:50%;flex-shrink:0}.hc8-part-labels button span{margin-left:auto;color:#809a9d}
.hc8-part-labels button[aria-pressed=true]{background:#175d66;border-color:#175d66;color:white;box-shadow:0 4px 16px #175d6630}.hc8-part-labels button[aria-pressed=true] i{border-color:#f3ce83}
.hc8-part-labels button:hover{border-color:#338b88}
.hc8-structure-media [data-hc4-part]{cursor:pointer;transition:opacity .18s,filter .18s}
.hc8-structure-media.has-selection [data-hc4-part]{opacity:.3}
.hc8-structure-media.has-selection [data-hc4-part].is-active,.hc8-structure-media.has-selection [data-hc4-part].is-active [data-hc4-part]{opacity:1;filter:drop-shadow(0 0 6px #e5b15480)}
.hc8-structure-media [data-hc4-part]:hover,.hc8-structure-media [data-hc4-part]:focus-visible{opacity:1;filter:drop-shadow(0 0 5px #297f8390);outline:0}
.hc8-diagram-results{padding:13px 0;border-bottom:1px solid #e0e8e9;margin:0 0 13px}.hc8-diagram-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.hc8-diagram-heading h3{font-size:14px;margin:0}.hc8-diagram-heading a{font-size:12px;color:#267b7d}.hc8-gallery-empty,.hc8-gallery-summary{font-size:12px;color:#74868d;line-height:1.7;margin:9px 0 0}.hc8-diagram-card{display:flex;align-items:center;gap:10px;padding:10px 0}.hc8-diagram-card>img,.hc8-locked-cover{width:80px;height:60px;object-fit:cover;border-radius:6px;background:#e8efef;flex-shrink:0}.hc8-locked-cover{display:grid;place-items:center;font-size:12px;color:#55757d}.hc8-diagram-card strong{font-size:13px;line-height:1.5;display:block}.hc8-diagram-card small{display:block;font-size:11px;color:#758890;margin-top:4px}.hc8-gallery-page h1{font-size:27px}.hc8-gallery-page>p{font-size:14px;color:#627e86;line-height:1.8}.hc8-gallery-page .ckg{max-width:none}.hc8-gallery-page .ckg-header h2{font-size:22px}
@media(max-width:1100px){.hc8-structure-media{padding-right:0;min-height:0}.hc8-structure-media svg{width:100%}.hc8-part-labels{position:static;width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 16px;gap:8px}.hc8-part-labels button{min-width:0}}
@media(max-width:600px){.hc8-part-labels{padding:0 10px 12px;gap:7px}.hc8-part-labels button{min-height:44px;font-size:12px;padding:8px 9px}.hc8-structure-media svg{min-height:210px}.hc8-diagram-heading h3{font-size:14px}.hc8-gallery-page{padding:0 16px}.hc8-gallery-page h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hc8-structure-media [data-hc4-part]{transition:none}}