#brevside, #brevside *{ box-sizing:border-box !important; }
#brevside{ font-family:'Plus Jakarta Sans', system-ui, sans-serif; display:flex; flex-direction:column; gap:16px; margin:0; }

#brevside .brevtoc{ background:#fff; border:1px solid rgba(15,22,33,.10); border-radius:16px; padding:18px 18px 14px; box-shadow:0 4px 16px rgba(15,22,33,.05); }
#brevside .brevtoc-top{ display:flex; align-items:center; gap:8px; margin:0 0 12px; }
#brevside .brevtoc-ic{ width:22px; height:22px; border-radius:6px; flex-shrink:0; background:rgba(22,154,71,.10); display:flex; align-items:center; justify-content:center; }
#brevside .brevtoc-ic svg{ width:13px; height:13px; }
#brevside .brevtoc-title{ font-family:'Poppins', sans-serif; font-size:13px; font-weight:700; color:#0F1621; }
#brevside .brevtoc-list{ list-style:none; margin:0; padding:0; max-height:calc(100vh - 540px); overflow-y:auto; }
#brevside .brevtoc-list::-webkit-scrollbar{ width:5px; }
#brevside .brevtoc-list::-webkit-scrollbar-thumb{ background:rgba(15,22,33,.18); border-radius:99px; }
#brevside .brevtoc-list li{ position:relative; margin:0; padding:0; }
#brevside .brevtoc-list a{ display:block; padding:8px 10px 8px 16px; font-size:13.5px; font-weight:500; line-height:1.35; color:#4A5563; text-decoration:none; border-radius:9px; border-left:2px solid transparent; transition:background .15s ease, color .15s ease, border-color .15s ease; }
#brevside .brevtoc-list a:hover{ background:rgba(15,22,33,.04); color:#0F1621; }
#brevside .brevtoc-list a.active{ color:#12833D; font-weight:700; background:rgba(22,154,71,.08); border-left-color:#169A47; }

#brevside .brevcta{ background:#0A1017; border:1px solid rgba(108,192,139,.20); border-radius:16px; padding:20px 18px; text-align:center; box-shadow:0 8px 22px rgba(10,16,23,.14); }
#brevside .brevcta-logo{ width:60px; height:60px; border-radius:14px; margin:0 auto 12px; background:#fff; border:1px solid rgba(255,255,255,.10); display:flex; align-items:center; justify-content:center; overflow:hidden; }
#brevside .brevcta-logo img{ width:44px; height:44px; object-fit:contain; }
#brevside .brevcta-label{ font-family:'Poppins', sans-serif; font-size:10px; font-weight:700; letter-spacing:.10em; text-transform:uppercase; color:rgba(255,255,255,.45); margin:0 0 4px; }
#brevside .brevcta-bonus{ font-family:'Poppins', sans-serif; font-size:24px; font-weight:800; color:#fff; line-height:1.15; }
#brevside .brevcta-bonus b{ color:#6CC08B; }
#brevside .brevcta-sub{ font-size:12.5px; font-weight:500; color:rgba(255,255,255,.6); margin:4px 0 0; line-height:1.4; }
#brevside .brevcta-btn{ display:flex; align-items:center; justify-content:center; gap:7px; margin:14px 0 0; background:#169A47; color:#fff; text-decoration:none; font-family:'Poppins', sans-serif; font-weight:800; font-size:15px; padding:14px 18px; border-radius:11px; transition:background .15s ease; }
#brevside .brevcta-btn:hover{ background:#12833D; }
#brevside .brevcta-arr{ transition:transform .18s ease; }
#brevside .brevcta-btn:hover .brevcta-arr{ transform:translateX(3px); }
#brevside .brevcta-dis{ font-size:10.5px; font-weight:600; color:rgba(255,255,255,.4); margin:10px 0 0; }
#brevside .brevtoc-caret{ margin-left:auto; width:14px; height:14px; flex-shrink:0; transition:transform .2s ease; color:#8A94A2; }

@media(max-width:991px){
  #brevside{ position:static; top:auto; }
  #brevside .brevtoc-top{ cursor:pointer; }
  #brevside .brevtoc.closed .brevtoc-list{ display:none; }
  #brevside .brevtoc.closed .brevtoc-top{ margin-bottom:0; }
  #brevside .brevtoc.closed .brevtoc-caret{ transform:rotate(-90deg); }
}
@media(min-width:992px){ #brevside .brevtoc-caret{ display:none; } }