.prod-wrap{max-width:1100px;margin:0 auto}.prod-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:880px){.prod-top{grid-template-columns:1fr}}
.prod-status{display:inline-block;background:var(--mint);color:var(--brand-dark);font-weight:700;font-size:.82rem;padding:6px 14px;border-radius:20px;margin-bottom:14px}
.prod-badge{display:inline-block;background:var(--accent);color:#3a2700;font-weight:800;font-size:.78rem;padding:5px 12px;border-radius:6px;margin-bottom:10px}
.prod-lead{color:var(--ink-dim);line-height:1.7}.prod-lead p,.prod-lead h2{margin:0 0 14px}.prod-cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.prod-tabs{margin-top:50px}.tab-btns{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px}
.tab-btn{font-family:var(--body);font-size:.92rem;font-weight:700;color:var(--ink-dim);background:none;border:none;border-bottom:2px solid transparent;padding:12px 16px;cursor:pointer;margin-bottom:-1px}.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}
.tab-panel{display:none;color:var(--ink-dim);line-height:1.7}.tab-panel.active{display:block}.tab-panel ul{padding-left:22px;margin:0 0 14px}.tab-panel li{margin:6px 0}.tab-panel p, .tab-panel h2{margin:0 0 14px}.tab-panel a{color:var(--brand); text-decoration: underline;}
.tab-panel a:hover {text-decoration: none;}
.spec-table{width:100%;border-collapse:collapse;margin-top:10px}.spec-table td{padding:11px 14px;border:1px solid var(--line);font-size:.92rem;vertical-align:top}.spec-table td:first-child{background:var(--bg-2);color:var(--ink);font-weight:600;width:55%}

.img-ph{width:100%;border:2px dashed var(--line);border-radius:16px;background:var(--bg-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--brand);text-align:center;padding:20px}
.img-ph svg{opacity:.55}
.img-ph span{font-size:.86rem;color:var(--ink-dim);font-weight:600;max-width:80%}
.img-ph img, .img-ph a {max-height: 100%;}
.prod-lead a, table a {text-decoration: underline; color: #3c9f57;}
.prod-lead a:hover, table a:hover {text-decoration: none;}
.prod-tabs .docs a {text-decoration: underline;}
.prod-tabs .docs a:hover {text-decoration: none; color: #3c9f57;}
.table_wrapper {
  width: 100%;
  overflow-x: auto;
}
table {border-collapse: collapse;}
table td, table tr, table th {
    padding: 0.4rem; border: 1px solid #000000;
}



