#hd-idle-modal{display:flex;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility 0s linear .3s;position:fixed!important;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6)!important;z-index:100000!important;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;pointer-events:none}
#hd-idle-modal.is-visible{visibility:visible;opacity:1;transition:opacity .3s ease-in-out;pointer-events:auto}
.hd-idle-modal-content{position:relative;background-color:#fff!important;color:#333!important;padding:25px!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.2)!important;text-align:left!important;transform:translateY(20px);transition:transform .3s ease-in-out,max-width .3s ease-in-out;max-height:92vh;display:flex;flex-direction:column;width:auto!important;box-sizing:border-box;margin-bottom:20px}
#hd-idle-modal.has-3-columns .hd-idle-modal-content{max-width:1100px;width:100%!important}
#hd-idle-modal.has-2-columns .hd-idle-modal-content{max-width:760px;width:100%!important}
#hd-idle-modal.has-1-column .hd-idle-modal-content{min-width:300px;max-width:100%!important}
.hd-modal-close-x{
position:absolute;
top:20px;
right:20px;
width:32px;
height:32px;
border:none;
font-size:28px;
line-height:1;
cursor:pointer;
color:#aaa;
transition:color .2s ease,transform .2s ease;
background: #898989;
color: white;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
/* [FIX] Reset min-dimensions to prevent CLS Prevention from making it oval */
min-width: 32px;
min-height: 32px;
}
.hd-modal-close-x:hover{color:#fff;transform:rotate(90deg)}
.hd-idle-modal-header{text-align:center;margin-bottom:20px;flex-shrink:0}
.hd-idle-modal-header h2{margin:0 0 5px 0;font-size:24px}
.hd-idle-modal-header p{margin:0;color:#666}
.hd-idle-modal-main-wrapper{display:flex;flex-wrap:nowrap;gap:20px;overflow:hidden;flex-grow:1;max-width:100%}
.hd-idle-modal-left-wrapper,.hd-idle-modal-middle-wrapper,.hd-idle-modal-right-wrapper{flex:1;min-width:0;overflow-y:auto;padding:0 12px;box-sizing:border-box;margin-bottom:20px}
.hd-idle-modal-left-wrapper:not(:last-child),.hd-idle-modal-middle-wrapper:not(:last-child){border-right:1px solid #eee}
.hd-idle-modal-left-wrapper h4,.hd-idle-modal-middle-wrapper h4,.hd-idle-modal-right-wrapper h4,.hd-idle-modal-middle-wrapper .widget-title,.hd-idle-modal-right-wrapper .widget-title{margin-top:0;color:#333;font-size:18px;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}
.hd-idle-modal-posts{margin:0!important;text-align:left!important;list-style:none;padding:0}
.hd-idle-modal-post{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:0px!important;padding:15px!important;border-bottom:1px solid #eee!important;text-decoration:none!important;color:#333!important;border-radius:4px;transition:background-color .2s ease!important}
.hd-idle-modal-post:hover{background-color:#f9f9f9!important}
.hd-idle-modal-post:last-child{border-bottom:none!important;margin-bottom:0!important}
.hd-idle-modal-post > picture{display:block!important;width:84px!important;height:84px!important;flex:0 0 84px!important;overflow:hidden!important;border-radius:8px!important;background:#eef2f5!important}
.hd-idle-modal-post > picture > picture{display:contents!important}
.hd-idle-modal-post img{width:84px!important;height:84px!important;object-fit:cover!important;margin-right:0!important;border-radius:8px!important;flex-shrink:0!important;display:block!important}
.hd-idle-modal-post > picture img{width:100%!important;height:100%!important;margin:0!important;border-radius:0!important}
.hd-idle-modal-post-title{font-size:1rem;font-weight:500;line-height:1.4;flex:1;min-width:0}
.hd-idle-modal-footer{text-align:center;padding-top:20px;flex-shrink:0}
#hd-idle-modal-close{padding:10px 30px!important;background-color:#007bff!important;color:#fff!important;border:none!important;border-radius:8px!important;cursor:pointer!important;font-size:16px!important;transition:background-color .2s ease!important}
#hd-idle-modal-close:hover{background-color:#0056b3!important}
.hd-idle-modal-posts.is-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0 12px;width:100%;box-sizing:border-box}
.hd-idle-modal-footer.hidden{display:none!important}
.hd-idle-modal-footer{border-top:1px solid #e0e0e0}
.hd-idle-modal-post.is-card-layout{display:flex!important;flex-direction:column!important;background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;margin-bottom:0!important;padding:0!important;box-shadow:0 2px 8px rgba(0,0,0,0.1);width:100%}
.hd-idle-modal-post.is-card-layout .hd-card-image-wrapper{position:relative;width:100%;padding-top:56.25%;background:#e9ecef;overflow:hidden}
.hd-idle-modal-post.is-card-layout .hd-card-image-wrapper picture{position:absolute;inset:0;width:100%!important;height:100%!important;display:block!important}
.hd-idle-modal-post.is-card-layout .hd-card-image-wrapper picture picture{display:contents!important}
.hd-idle-modal-post.is-card-layout img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center;margin:0!important;border-radius:0!important}
.hd-idle-modal-post.is-card-layout .hd-card-category{position:absolute;top:8px;left:8px;background:rgba(0,0,0,0.7);color:#fff;padding:3px 8px;font-size:11px;border-radius:3px;z-index:2}
.hd-idle-modal-post.is-card-layout .hd-card-content{padding:12px}
.hd-idle-modal-post.is-card-layout .hd-idle-modal-post-title{font-size:1rem;font-weight:bold;line-height:1.4;margin:0 0 8px}
.hd-idle-modal-post.is-card-layout .hd-card-author{font-size:12px;color:#666;margin-top:4px}
.hd-modal-readmore-wrapper{text-align:center;margin-top:20px;padding:0 12px}
.hd-modal-readmore-button{display:inline-block;padding:10px 25px;color:#000!important;font-size:1rem;font-weight:bold;border:1px solid;border-radius:10px;transition:background-color .2s ease;text-decoration:none!important}
.hd-modal-readmore-button:hover{background-color:#f1f1f1}
.hd-idle-modal-bottom-wrapper{flex-shrink:0;width:100%;box-sizing:border-box;margin-top:10px;padding-top:10px;border-top:1px solid #e0e0e0;overflow-y:auto;max-height:25vh}
@media (max-width:960px){
.hd-idle-modal-content{width:95%!important;max-width:none!important;min-width:0!important}
.hd-idle-modal-main-wrapper{flex-wrap:wrap;overflow-y:auto;max-width:100%}
.hd-idle-modal-left-wrapper,.hd-idle-modal-middle-wrapper,.hd-idle-modal-right-wrapper{flex-basis:100%;border-right:0!important;padding:0;margin-bottom:20px}
.hd-idle-modal-left-wrapper:last-child,.hd-idle-modal-middle-wrapper:last-child,.hd-idle-modal-right-wrapper:last-child{margin-bottom:0}
.hd-idle-modal-post{gap:12px!important}
.hd-idle-modal-post > picture{width:74px!important;height:74px!important;flex-basis:74px!important}
.hd-idle-modal-post img{width:74px!important;height:74px!important}
.hd-idle-modal-posts.is-card-grid{min-width:100%;max-width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.hd-idle-modal-post.is-card-layout{display:flex!important;flex-direction:row!important;align-items:center!important;margin-bottom:15px!important;padding-bottom:15px!important;border-bottom:1px solid #eee!important;border:none;border-radius:4px;box-shadow:none;background:transparent}
.hd-idle-modal-post.is-card-layout:last-child{border-bottom:none!important;margin-bottom:0!important}
.hd-idle-modal-post.is-card-layout .hd-card-image-wrapper{width:74px!important;height:74px!important;padding-top:0;flex:0 0 74px!important;margin-right:0!important;overflow:hidden}
.hd-idle-modal-post.is-card-layout img{width:100%!important;height:100%!important;border-radius:8px!important;object-fit:cover;object-position:center}
.hd-idle-modal-post.is-card-layout .hd-card-category{display:none}
.hd-idle-modal-post.is-card-layout .hd-card-content{padding:0;flex-grow:1}
.hd-idle-modal-post.is-card-layout .hd-idle-modal-post-title{font-size:1rem;margin:0}
.hd-idle-modal-post.is-card-layout .hd-card-author{display:none}
.hd-modal-readmore-wrapper{padding:0}
}

/* Stable list media: keep image/text spacing readable when picture wrappers are rewritten by image optimizers. */
.hd-idle-modal-post{gap:16px!important;box-sizing:border-box;min-width:0}
.hd-idle-modal-post > picture,.hd-idle-modal-post > img{width:88px!important;height:88px!important;flex:0 0 88px!important;aspect-ratio:1/1!important;overflow:hidden!important;border-radius:8px!important;background:#eef2f5!important}
.hd-idle-modal-post > picture img,.hd-idle-modal-post > img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important}
.hd-idle-modal-post-title{min-width:0;overflow-wrap:anywhere}
@media (max-width:960px){.hd-idle-modal-post{gap:14px!important}.hd-idle-modal-post > picture,.hd-idle-modal-post > img{width:80px!important;height:80px!important;flex-basis:80px!important}.hd-idle-modal-post.is-card-layout .hd-card-image-wrapper{width:80px!important;height:80px!important;flex-basis:80px!important}.hd-idle-modal-post.is-card-layout .hd-card-content{min-width:0}}