/* HP BETA 03.23 – unobtrusive global sponsor panel for blog and category pages */
.hpt323-global,.hpt323-global *{box-sizing:border-box}
.hpt323-global{display:flex;align-items:center;gap:14px;min-width:0;width:100%;margin:13px 0 20px;padding:11px 14px;border:1px solid #e2ceaa;background:linear-gradient(110deg,#fffaf0,#fff 38%);border-radius:13px;box-shadow:0 3px 12px #3a5b9610}
.hpt323-global-badge{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:11px;font-weight:650;padding:6px 9px;color:#77541c;background:#fff1cd;border:1px solid #edd39c;border-radius:7px}
.hpt323-global-logo{display:flex;align-items:center;justify-content:flex-start;flex:none;width:102px;height:42px;overflow:hidden}
.hpt323-global-logo img{width:100%!important;height:40px!important;object-fit:contain!important;object-position:left center!important}
.hpt323-global-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px;color:#192c4e;font-size:12px}
.hpt323-global-copy strong{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpt323-global-copy>span{color:#5a6c87;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpt323-global-link{display:inline-flex;flex:none;align-items:center;gap:8px;padding:9px 11px;border:1px solid #bcd5f8;border-radius:8px;color:#0867dc;font-size:11px;font-weight:650;text-decoration:none!important;white-space:nowrap}
.hpt323-global-link:hover{background:#edf5ff}
@media(max-width:640px){.hpt323-global{flex-wrap:wrap;gap:7px 10px;padding:10px}.hpt323-global-badge{font-size:9px;padding:5px 7px}.hpt323-global-logo{width:77px;height:30px}.hpt323-global-logo img{height:30px!important}.hpt323-global-copy{flex-basis:calc(100% - 180px);font-size:10px}.hpt323-global-copy strong{font-size:11px}.hpt323-global-link{margin-left:auto;font-size:10px;padding:7px 10px}}
html[data-hpt-theme="dark"] .hpt323-global{background:#1f2c40;color:#e9f2ff;border-color:#79663d}
html[data-hpt-theme="dark"] .hpt323-global-copy,html[data-hpt-theme="dark"] .hpt323-global-copy strong{color:#eef5ff}
html[data-hpt-theme="dark"] .hpt323-global-copy>span{color:#acc0db}