:root{--accent:#ffcc02;--bg-light:#f8f8f8;--border:#e3e3e3;--text:#424242;--radius:20px;--radius-sm:12px;--active-bg:#fff9e3}.bg-vertical-tabs{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;display:flex;flex-wrap:wrap;font-family:Inter,Segoe UI,Arial,sans-serif;overflow:hidden;width:100%}.bg-tabs__titles{background:var(--bg-light);border-right:1px solid var(--border);display:flex;flex:0 0 300px;flex-direction:column;min-width:220px}.bg-tab{background:transparent;border:none;border-left:4px solid transparent;color:var(--text);cursor:pointer;font-size:1rem;font-weight:500;min-width:0;outline:none;padding:22px 28px;text-align:left;transition:border-color .15s,color .15s,background .15s;word-break:break-word}.bg-tab strong{font-weight:700}.bg-tab:focus,.bg-tab:hover{background:#fafafa}.bg-tab.active{background:var(--active-bg)!important;border-left-color:var(--accent)!important;color:var(--accent)!important}.bg-tab:focus{box-shadow:none;outline:2px solid #ffcc02!important;outline-offset:0}.bg-tabs__panels{box-sizing:border-box;flex:1 1 0%;min-height:150px;padding:20px 24px;position:relative;width:100%}.bg-panel{display:none;height:100%;width:100%}.bg-panel.active{display:block}.bg-panel img{border-radius:var(--radius-sm);box-shadow:0 4px 20px rgba(0,0,0,.06);display:block;height:auto;margin:0 auto;max-height:40vh;max-width:100%;object-fit:contain}@media(max-width:900px){.bg-tabs__titles{flex:0 0 150px;min-width:150px}.bg-tabs__panels{padding:16px 8px}.bg-tab{font-size:.97rem;padding:16px 10px}}@media(max-width:700px){.bg-vertical-tabs{border-radius:var(--radius-sm);flex-direction:column}.bg-tabs__titles{border-bottom:1px solid var(--border);border-right:none;flex-direction:row;min-width:unset;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;background:var(--bg-light);scrollbar-width:thin}.bg-tab{border-bottom:4px solid transparent;border-left:none;border-radius:0;flex:1 1 auto;font-size:.97rem;min-width:180px;padding:13px 10px;text-align:center;white-space:normal}.bg-tab.active{background:var(--active-bg);border-bottom-color:var(--accent)!important;border-left:none}.bg-tabs__panels{min-height:110px;padding:12px 4px}.bg-panel img{max-height:30vh}}@media(max-width:430px){.bg-tab{font-size:.92rem;min-width:140px;padding:10px 5px}.bg-tabs__panels{padding:7px 1px}}.bg-tab:active{background:#fff4c1}