/* 5.8.33 — intrinsic widths, readable Zoom card, small visible carousel dots. */
body #zoom .zoom-pro-box{min-width:0;max-width:100%;box-sizing:border-box;gap:clamp(12px,2vw,26px)}
body #zoom .zoom-left,body #zoom .zoom-right{min-width:0;max-width:100%;box-sizing:border-box}
body #zoom .zoom-clean-left{background:#fff;color:#183e59;border-radius:22px;padding:clamp(18px,2.5vw,30px)}
body #zoom .zoom-clean-left #zoomTitle{color:#123b59!important;font-size:clamp(22px,2.2vw,32px)!important;line-height:1.25!important;overflow-wrap:anywhere;margin:0 0 18px!important}
body #zoom .zoom-clean-left .pro-zoom-meta{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;max-width:100%;margin:16px 0!important}
body #zoom .zoom-clean-left .pro-zoom-meta>div{min-width:0!important;max-width:100%!important;min-height:0!important;box-sizing:border-box;white-space:normal!important;overflow-wrap:anywhere;flex-wrap:wrap;gap:6px 10px!important;padding:12px 14px!important;justify-content:flex-start!important;background:#f0f6fa;color:#254b66;border-radius:14px;line-height:1.5}
body #zoom .zoom-clean-left .pro-zoom-meta strong{color:#21465e!important;flex:0 0 auto}
body #zoom .zoom-clean-left #zoomTime{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:clamp(13px,1.15vw,16px)!important;line-height:1.55!important;flex:1 1 190px;font-variant-numeric:tabular-nums;color:#254b66!important}
body #zoom .zoom-clean-left #zoomStatus{max-width:100%;white-space:normal!important;line-height:1.4;min-height:0;padding:6px 10px;box-sizing:border-box}
body #zoom .zoom-actions{display:flex!important;flex-wrap:wrap;gap:10px!important;min-width:0;max-width:100%;margin-top:18px!important}
body #zoom .zoom-actions .zoom-btn{max-width:100%!important;min-width:0!important;box-sizing:border-box;white-space:normal!important;overflow-wrap:anywhere;text-align:center;justify-content:center;line-height:1.35!important;min-height:44px;padding:12px 16px!important;background:#f4f9fc;color:#14557b;border-color:#c5dce9}
body #zoom .zoom-actions .zoom-btn.primary{background:#126e98!important;color:#fff!important;border-color:#126e98}
body #zoom .zoom-visual img{max-width:100%;height:auto;object-fit:contain}
/* The button's hit area remains larger than its painted dot. */
body .auto-carousel .carousel-dots{gap:2px!important;flex-wrap:wrap;min-height:32px;max-width:100%;margin:4px 0 0!important;padding:0!important}
body .auto-carousel .carousel-dots button,body .auto-carousel .carousel-dots button.active{appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;line-height:0!important;transition:none!important}
body .auto-carousel .carousel-dots button::before{content:"";display:block;width:8px;height:8px;border-radius:999px;background:#bcd3df;transition:width .2s ease,background .2s ease;flex:none}
body .auto-carousel .carousel-dots button.active::before{width:20px;background:#177ca7}
body .auto-carousel .carousel-dots button:focus-visible{outline:2px solid #177ca7;outline-offset:-2px;border-radius:8px!important}
.xv-panel-controls{display:grid;gap:6px;margin:8px 14px;padding:10px;border-radius:12px;background:#eef6fa;color:#244b61}
.xv-panel-controls button{border:1px solid #c2dce9;background:#fff;color:#175574;border-radius:9px;min-height:36px;padding:8px 10px;font:700 12px/1.4 system-ui;cursor:pointer;white-space:normal}
.xv-panel-controls small{font:500 11px/1.5 system-ui}
@media(max-width:768px){
 body #zoom .zoom-pro-box{grid-template-columns:minmax(0,1fr)!important;padding:12px!important;border-radius:20px!important;gap:12px!important}
 body #zoom .zoom-clean-left{padding:18px 14px!important;border-radius:16px!important}
 body #zoom .zoom-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 body #zoom .zoom-actions .zoom-btn{width:100%!important}
 body #zoom .zoom-visual{width:100%;margin:0!important}
 body #zoom .zoom-visual img{border-radius:16px!important}
 body .section .section-head{min-width:0;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 12px!important}
 body .section .section-head h2{min-width:0;max-width:100%;font-size:clamp(21px,5.7vw,27px)!important;line-height:1.3!important;overflow-wrap:anywhere}
 body .section .section-head h2::after{max-width:42px}
 body .section .section-head .more-btn{flex:none;font-size:13px!important;padding:8px 12px!important;margin-left:auto;max-width:100%;white-space:normal!important}
 body .auto-carousel,body .auto-carousel .carousel-viewport{min-width:0;max-width:100%;box-sizing:border-box}
 body .auto-carousel .carousel-slide{box-sizing:border-box}
 body .auto-carousel .carousel-slide>.card{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;transform:none!important}
 body .auto-carousel .card-body{min-width:0!important;max-width:100%!important;box-sizing:border-box;padding:16px!important}
 body .auto-carousel .card-body .card-title{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:clamp(17px,4.6vw,21px)!important;line-height:1.4!important;max-width:100%!important;-webkit-line-clamp:unset!important;margin:8px 0!important}
 body .auto-carousel .card-body .card-text{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:14px!important;line-height:1.6!important;max-height:none!important;height:auto!important;-webkit-line-clamp:unset!important}
 body .auto-carousel .card-body .card-date{white-space:normal!important;overflow-wrap:anywhere;font-size:12px!important;line-height:1.5!important}
}
@media(hover:none){body .auto-carousel .carousel-slide:hover>*{transform:none!important;filter:none!important}}
@media(prefers-reduced-motion:reduce){body .auto-carousel .carousel-dots button::before{transition:none}}