/* Internal pages and responsive ad standards */

/* Approved homepage article hover: same navy orbit as books */
#ml-articles .mlh-article{position:relative!important;isolation:isolate!important;overflow:visible!important;transition:transform .38s ease,box-shadow .38s ease!important}
#ml-articles .mlh-article:hover{transform:translateY(-7px)!important;box-shadow:0 14px 28px rgba(16,35,62,.16)!important}
#ml-articles .mlh-article-image{overflow:hidden!important;border-radius:7px 7px 0 0}
#ml-articles .mlh-article-image img{transition:transform .42s cubic-bezier(.2,.8,.2,1)!important}
#ml-articles .mlh-article:hover .mlh-article-image img{transform:scale(1.045)!important}
#ml-articles .mlh-article-orbit{position:absolute!important;inset:-2px!important;width:calc(100% + 4px)!important;height:calc(100% + 4px)!important;overflow:visible!important;pointer-events:none!important;z-index:25!important;opacity:0!important}
#ml-articles .mlh-article-orbit rect{width:calc(100% - 4px);height:calc(100% - 4px);fill:none;stroke:#10233e;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:12 88;stroke-dashoffset:100;filter:drop-shadow(0 0 4px #10233e)}
#ml-articles .mlh-article:hover .mlh-article-orbit{opacity:1!important;animation:mlOrbitVisibility 1.85s linear infinite!important}
#ml-articles .mlh-article:hover .mlh-article-orbit rect{animation:mlOrbitDash 1.85s linear infinite!important}
@media(prefers-reduced-motion:reduce){#ml-articles .mlh-article:hover .mlh-article-orbit,#ml-articles .mlh-article:hover .mlh-article-orbit rect{animation:none!important;opacity:.7!important}}

/* Homepage article-card layout trial — revertible */
@media(min-width:761px){
 #ml-articles .mlh-articles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
 #ml-articles .mlh-article{display:flex;flex-direction:column;min-width:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 9px rgba(16,35,62,.055)}
 #ml-articles .mlh-article-image{display:block;width:100%;aspect-ratio:16/9;overflow:hidden}
 #ml-articles .mlh-article-image img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
 #ml-articles .mlh-article-text{padding:12px 13px 14px;gap:8px;flex:1}
 #ml-articles .mlh-article .mlh-title{font-size:13px;line-height:1.65;min-height:44px}
}
@media(max-width:760px){
 #ml-articles .mlh-article{display:grid;grid-template-columns:112px minmax(0,1fr)}
 #ml-articles .mlh-article-image{width:112px;min-height:112px;overflow:hidden}
 #ml-articles .mlh-article-image img{width:100%;height:100%;min-height:112px;object-fit:cover}
}
@media(max-width:380px){#ml-articles .mlh-article{grid-template-columns:96px minmax(0,1fr)}#ml-articles .mlh-article-image{width:96px}}

/* Actual homepage front-page.php book cards */
#ml-books .mlh-book{position:relative!important;isolation:isolate!important;transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease!important}
#ml-books .mlh-book:hover{transform:translateY(-7px)!important;box-shadow:0 14px 28px rgba(16,35,62,.16)!important;border-color:#f07922!important}
#ml-books .mlh-cover{perspective:850px!important;overflow:visible!important}
#ml-books .mlh-cover img{transform-origin:50% 65%!important;transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s ease!important}
#ml-books .mlh-book:hover .mlh-cover img{transform:translateY(-8px) rotateY(-9deg) rotateX(3deg) scale(1.04)!important;filter:drop-shadow(9px 13px 9px rgba(16,35,62,.3))!important}
/* SVG dash travels along the actual rectangular card perimeter */
#ml-books .mlh-book::after{content:none!important;display:none!important}
#ml-books .mlh-orbit-border{position:absolute!important;inset:-2px!important;width:calc(100% + 4px)!important;height:calc(100% + 4px)!important;overflow:visible!important;pointer-events:none!important;z-index:25!important;opacity:0!important}
#ml-books .mlh-orbit-border rect{width:calc(100% - 4px);height:calc(100% - 4px);fill:none;stroke:#10233e;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:12 88;stroke-dashoffset:100;filter:drop-shadow(0 0 4px #10233e)}
#ml-books .mlh-book:hover .mlh-orbit-border{opacity:1!important;animation:mlOrbitVisibility 1.85s linear infinite!important}
#ml-books .mlh-book:hover .mlh-orbit-border rect{animation:mlOrbitDash 1.85s linear infinite!important}
@keyframes mlOrbitDash{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes mlOrbitVisibility{0%{opacity:0}8%{opacity:1}85%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#ml-books .mlh-book:hover .mlh-orbit-border,#ml-books .mlh-book:hover .mlh-orbit-border rect{animation:none!important;opacity:.7!important}}
/* Book shelf interaction — loaded last so it cannot be overridden */
#book-grid>.card:not(.ad):not(.ml-campaign-inline){position:relative!important;overflow:visible!important;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important}
#book-grid>.card:not(.ad):not(.ml-campaign-inline):hover{transform:translateY(-7px)!important;box-shadow:0 16px 32px rgba(16,35,62,.18)!important;border-color:#f07922!important}
#book-grid>.card:not(.ad):not(.ml-campaign-inline) .cover-stage{perspective:900px!important;overflow:visible!important}
#book-grid>.card:not(.ad):not(.ml-campaign-inline) .cover{transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s ease!important;transform-origin:center!important}
#book-grid>.card:not(.ad):not(.ml-campaign-inline):hover .cover{transform:translateY(-8px) rotateY(-10deg) rotateX(4deg) scale(1.055)!important;filter:drop-shadow(12px 14px 10px rgba(16,35,62,.32))!important}
#book-grid>.card:not(.ad):not(.ml-campaign-inline)::before{content:""!important;position:absolute!important;inset:-2px!important;border-radius:8px!important;border:2px solid transparent!important;pointer-events:none!important;z-index:30!important;opacity:0!important;box-shadow:0 0 0 rgba(240,121,34,0)!important}
#book-grid>.card:not(.ad):not(.ml-campaign-inline):hover::before{animation:mlBorderPulse .75s ease-out 1!important}
@keyframes mlBorderPulse{0%{opacity:0;border-color:transparent;box-shadow:0 0 0 rgba(240,121,34,0)}20%{opacity:1;border-color:#ffd3a8;box-shadow:0 0 12px rgba(240,121,34,.75)}55%{opacity:1;border-color:#f07922;box-shadow:0 0 20px rgba(240,121,34,.48)}100%{opacity:0;border-color:#fff0dc;box-shadow:0 0 3px rgba(240,121,34,0)}}
.standard-ad-wrap{width:100%;max-width:100%;margin:22px auto;display:flex;justify-content:center}
.standard-ad.billboard{width:780px;height:90px}
.standard-ad.leaderboard{width:728px;height:90px}
.standard-ad.rectangle{width:300px;height:250px}
.standard-ad.skyscraper{width:300px;height:600px}
.info-main,.articles-main{max-width:1180px;margin:0 auto;padding:28px}
.page-heading{background:linear-gradient(120deg,#f0f4f7,#fff);border:1px solid #e2e9ef;border-radius:10px;padding:28px;margin-bottom:24px}
.article-body,.article-grid,.articles-toolbar{max-width:900px;margin-inline:auto}
.article-hero-image{width:100%;max-height:380px;object-fit:cover;border-radius:10px}
.article-sharing{border-top:1px solid #dfe7ee;border-bottom:1px solid #dfe7ee;padding:15px 0;margin:24px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}
.article-sharing div{display:flex;gap:8px;flex-wrap:wrap}
.article-sharing a,.article-sharing button{border:1px solid #d6e0e9;background:#fff;padding:7px 12px;border-radius:5px;color:#102a48}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.sidebar{display:block!important}.sidebar .sidebox{display:block!important;margin-bottom:20px}.sidebar .sidebox.ad{min-height:250px}.sidebar .sidebox:not(.ad){background:#f8fafd}
@media(max-width:800px){.standard-ad.billboard,.standard-ad.leaderboard{width:min(100%,728px);height:auto;min-height:90px}.standard-ad.billboard{min-height:90px}.standard-ad.rectangle{width:300px;max-width:100%}.standard-ad.skyscraper{width:300px;max-width:100%;height:250px}.info-main,.articles-main{padding:18px 12px}.article-sharing{align-items:flex-start;flex-direction:column}}
/* Compact reader comments and article listing */
.comments-section{margin-top:25px;padding-top:20px}.comments-heading h2{font-size:21px}.comments-intro{margin:5px 0 12px;font-size:13px}.comment-form{padding:17px 19px;margin-top:14px}.comment-form-heading{margin-bottom:10px}.comment-form-heading strong{font-size:15px}.comment-fields{gap:12px}.comment-form input,.comment-form textarea{padding:8px 10px;font-size:13px;margin:4px 0 10px}.comment-form textarea{min-height:75px}.comment-submit .btn{padding:8px 17px}
.articles-main .article-grid{gap:18px}.articles-main .article-image-link,.articles-main .article-ad-visual{height:150px}.articles-main .article-copy{padding:15px 18px}.articles-main .article-copy h2{font-size:19px;line-height:1.5;margin:7px 0}.articles-main .article-copy p{font-size:13px;line-height:1.65;margin-bottom:11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.articles-main .article-card-end{padding-top:9px}
@media(max-width:600px){.comment-form{padding:14px}.comments-heading h2{font-size:20px}.articles-main .article-image-link,.articles-main .article-ad-visual{height:145px}.articles-main .article-copy{padding:14px 16px}.articles-main .article-copy h2{font-size:18px}.articles-main .article-grid{gap:13px}}
@media(max-width:900px){.detail-layout{grid-template-columns:1fr}.sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sidebar .sidebox{margin:0}}
@media(max-width:480px){.standard-ad{padding:12px!important;gap:10px!important}.standard-ad .sponsor-message strong{font-size:15px}.standard-ad .sponsor-symbol{font-size:28px}.article-sharing a,.article-sharing button{font-size:12px;padding:6px 9px}}