.ohpv4-source-pool{display:none!important}
.ohpv4-mounted{display:block!important}

.ohpv4-ticker{
    width:100%;
    background:var(--ohpv4-ticker-bg);
    color:var(--ohpv4-ticker-text);
    position:relative;
    z-index:20;
    box-sizing:border-box;
}
.ohpv4-ticker-inner{
    max-width:var(--ohpv4-max);
    height:48px;
    margin:0 auto;
    display:flex;
    align-items:stretch;
    overflow:hidden;
}
.ohpv4-label{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 18px;
    background:var(--ohpv4-label-bg);
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    white-space:nowrap;
}
.ohpv4-live{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ff5263;
    animation:ohpv4Pulse 1.8s infinite;
}
.ohpv4-viewport{
    flex:1;
    min-width:0;
    overflow:hidden;
    display:flex;
    align-items:center;
}
.ohpv4-track{
    display:flex;
    align-items:center;
    width:max-content;
    white-space:nowrap;
    animation:ohpv4Scroll var(--ohpv4-duration,28s) linear infinite;
    will-change:transform;
}
.ohpv4-track a{
    display:inline-flex;
    align-items:center;
    padding:0 24px;
    color:var(--ohpv4-ticker-text)!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:650;
}
.ohpv4-track a:after{
    content:"•";
    margin-left:24px;
    opacity:.55;
}
.ohpv4-track a:hover{text-decoration:underline!important}
.ohpv4-date{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    padding:0 14px;
    background:rgba(0,0,0,.15);
    font-size:12px;
    font-weight:700;
}
@keyframes ohpv4Scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ohpv4Pulse{70%{box-shadow:0 0 0 7px rgba(255,82,99,0)}100%{box-shadow:0 0 0 0 rgba(255,82,99,0)}}

.ohpv4-card{
    margin:0 0 20px;
    overflow:hidden;
    border:1px solid rgba(20,70,110,.12);
    border-radius:7px;
    background:var(--ohpv4-card-bg);
    box-shadow:0 5px 18px rgba(20,50,80,.07);
}
.ohpv4-card>h3{
    margin:0!important;
    padding:12px 15px!important;
    background:var(--ohpv4-accent);
    color:#fff!important;
    text-align:center;
    font-size:15px!important;
    line-height:1.25!important;
}
.ohpv4-category-list{padding:6px 14px 12px}
.ohpv4-category-list a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 4px;
    border-bottom:1px solid rgba(20,70,110,.1);
    color:#18384f!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:650;
    transition:padding-left .18s ease,color .18s ease;
}
.ohpv4-category-list a:last-child{border-bottom:0}
.ohpv4-category-list a:hover{padding-left:8px;color:var(--ohpv4-accent)!important}
.ohpv4-category-list b{
    min-width:28px;
    padding:2px 7px;
    border-radius:99px;
    background:rgba(23,108,166,.1);
    color:var(--ohpv4-accent);
    text-align:center;
    font-size:12px;
}
.ohpv4-archives ul{
    list-style:none!important;
    margin:0!important;
    padding:8px 14px 13px!important;
}
.ohpv4-archives li{
    margin:0!important;
    padding:9px 4px;
    border-bottom:1px solid rgba(20,70,110,.1);
}
.ohpv4-archives li:last-child{border-bottom:0}
.ohpv4-archives a{
    color:#18384f!important;
    text-decoration:none!important;
    font-weight:600;
}
.ohpv4-archives a:hover{color:var(--ohpv4-accent)!important}

.ohpv4-featured{
    max-width:var(--ohpv4-max);
    margin:22px auto;
    padding:0 12px;
    box-sizing:border-box;
}
.ohpv4-section-title{
    margin:0 0 14px;
    padding-left:12px;
    border-left:5px solid var(--ohpv4-accent);
}
.ohpv4-section-title h2{
    margin:0!important;
    color:#173d59;
    font-size:25px!important;
}
.ohpv4-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.ohpv4-grid article{
    overflow:hidden;
    border:1px solid rgba(20,70,110,.12);
    border-radius:7px;
    background:#fff;
    box-shadow:0 6px 20px rgba(20,50,80,.08);
}
.ohpv4-image{
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#e8eef3;
}
.ohpv4-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .25s ease;
}
.ohpv4-grid article:hover .ohpv4-image img{transform:scale(1.025)}
.ohpv4-body{padding:13px 15px 16px}
.ohpv4-body>span{font-size:12px;color:#668093}
.ohpv4-body h3{margin:6px 0 8px!important;font-size:19px!important;line-height:1.25!important}
.ohpv4-body h3 a{color:#173d59!important;text-decoration:none!important}
.ohpv4-body p{margin:0;color:#526979;font-size:14px;line-height:1.55}

.ohpv4-compact-list{padding:7px 13px 12px}
.ohpv4-compact-list article{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:10px;
    padding:9px 0;
    border-bottom:1px solid rgba(20,70,110,.1);
}
.ohpv4-compact-list article:last-child{border-bottom:0}
.ohpv4-compact-list .thumb{
    display:block;
    width:72px;
    height:58px;
    overflow:hidden;
    border-radius:4px;
    background:#e8eef3;
}
.ohpv4-compact-list .thumb img{width:100%;height:100%;object-fit:cover}
.ohpv4-compact-list h4{margin:0 0 5px!important;font-size:13px!important;line-height:1.3!important}
.ohpv4-compact-list h4 a{color:#173d59!important;text-decoration:none!important}
.ohpv4-compact-list span{color:#789;font-size:11px}

@media(max-width:800px){
    .ohpv4-ticker-inner{height:44px}
    .ohpv4-label{padding:0 10px;font-size:10px}
    .ohpv4-track a{padding:0 18px;font-size:12px}
    .ohpv4-date{display:none}
    .ohpv4-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
    .ohpv4-track{animation:none!important}
}