/* MiKO editorial redesign 2026: polished article experience */

/* Article dashboard: match supplied reference without removing functional controls */
.miko-single-reference{background:#f0f7fd!important}
.miko-single-reference .msn-reference-shell{max-width:1320px!important}
.miko-single-reference .msn-reference-article{background:#fff!important;border:1px solid #e0ebf8!important;padding:clamp(16px,2vw,28px)!important}
.miko-single-reference .msn-reference-article-head h1{font-size:clamp(25px,2.5vw,36px)!important;font-weight:800!important;letter-spacing:-.03em!important}
.miko-single-reference .msn-reference-featured{margin:14px 0 8px!important}
.miko-single-reference .msn-reference-featured img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:14px!important}
.miko-single-reference .miko-article-highlights{margin:20px 0 24px;padding:19px 22px;background:linear-gradient(115deg,#e9f5ff,#f4faff);border:1px solid #d4eaff;border-radius:16px}
.miko-single-reference .miko-article-highlights-heading{display:flex;align-items:center;gap:10px;color:#0953b9;font-size:18px}
.miko-single-reference .miko-article-highlights-heading>span{display:grid;place-items:center;background:#0769ed;color:#fff;border-radius:9px;width:35px;height:35px;box-shadow:0 4px 10px #0769ed33}
.miko-single-reference .miko-article-highlights-heading small{margin-left:auto;color:#7791ae;font-size:10px;font-weight:400}
.miko-single-reference .miko-article-highlights ul{padding:0;margin:15px 0 0 44px;list-style:none}
.miko-single-reference .miko-article-highlights li{position:relative;margin:9px 0;color:#233a58;font-size:13px;line-height:1.65}
.miko-single-reference .miko-article-highlights li:before{content:'✓';position:absolute;left:-27px;top:1px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#086afa;color:white;font-size:11px}
.miko-single-reference .msn-tts-player{margin:15px 0 20px!important;background:linear-gradient(110deg,#eaf4ff,#f8fbff)!important;border:1px solid #cbdfff!important;border-radius:15px!important;padding:16px 18px!important;box-shadow:none!important}
.miko-single-reference .msn-tts-btn{border-radius:9px!important;min-height:35px!important}
.miko-single-reference .msn-tts-play{background:#086afa!important;color:#fff!important}
.miko-single-reference .msn-reference-content p{line-height:1.9!important;margin-bottom:18px!important}
.miko-single-reference .msn-reference-content figure{margin:18px 0!important}
.miko-single-reference .msn-reference-content figure img{width:100%;border-radius:13px!important}
.miko-single-reference .msn-reference-sidebar{gap:17px!important}
.miko-single-reference .msn-reference-sidebar>section{border-radius:16px!important;box-shadow:0 5px 20px #153b6410!important}
.miko-single-reference .msn-reference-actionbar{border-radius:12px!important;background:#f8fbff!important;border:1px solid #dceafa!important;padding:8px!important;gap:8px!important}
.miko-single-reference .msn-reference-actionbar button,.miko-single-reference .msn-reference-actionbar a{border-radius:9px!important;transition:transform .2s,background .2s!important}
.miko-single-reference .msn-reference-actionbar button:hover,.miko-single-reference .msn-reference-actionbar a:hover{transform:translateY(-2px)!important}
@media(max-width:720px){.miko-single-reference .miko-article-highlights{padding:14px}.miko-single-reference .miko-article-highlights-heading{font-size:15px;flex-wrap:wrap}.miko-single-reference .miko-article-highlights-heading small{width:100%;margin-left:44px}.miko-single-reference .miko-article-highlights li{font-size:12px}.miko-single-reference .msn-tts-player{padding:12px!important}}

/* Structural editorial components */
.miko-single-reference .miko-editorial-reading-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 12px;padding:13px 17px;background:linear-gradient(110deg,#eaf4ff,#f9fcff 70%);border:1px solid #cfe3ff;border-radius:14px}
.miko-single-reference .miko-editorial-reading-label{display:flex;align-items:center;gap:11px}
.miko-single-reference .miko-editorial-reading-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#126df5;color:#fff;font-size:20px;box-shadow:0 5px 12px #126df533}
.miko-single-reference .miko-editorial-reading-label strong{display:block;font-size:12px;letter-spacing:.04em;color:#0b3d80}
.miko-single-reference .miko-editorial-reading-label small{display:block;font-size:10px;color:#7389a6;margin-top:2px}
.miko-single-reference .miko-editorial-reading-tools{display:flex;align-items:center;gap:13px;color:#627d9c;font-size:11px}
.miko-single-reference .miko-editorial-reading-tools a{display:inline-flex;align-items:center;justify-content:center;background:#126df5;color:white!important;padding:10px 15px;border-radius:9px;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s}
.miko-single-reference .miko-editorial-reading-tools a:hover{transform:translateY(-2px);box-shadow:0 6px 16px #126df544}
.miko-single-reference .miko-editorial-section-heading{display:flex;align-items:center;gap:11px;margin:25px 0 20px;scroll-margin-top:90px}
.miko-single-reference .miko-editorial-section-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#e7f2ff;color:#1168e6;font-size:21px}
.miko-single-reference .miko-editorial-section-heading strong{display:block;font-size:17px;color:#103969}
.miko-single-reference .miko-editorial-section-heading small{display:block;color:#8094aa;font-size:10px;margin-top:2px}
.miko-single-reference .miko-editorial-section-rule{height:1px;background:#dfebf7;flex:1;margin-left:12px}
@media(max-width:600px){.miko-single-reference .miko-editorial-reading-strip{padding:11px;gap:8px}.miko-single-reference .miko-editorial-reading-tools{gap:5px}.miko-single-reference .miko-editorial-reading-tools>span{display:none}.miko-single-reference .miko-editorial-reading-tools a{padding:9px 11px;font-size:10px}}

@media(min-width:1181px){
.miko-single-reference .msn-reference-shell{width:min(1320px,calc(100% - 48px))!important}
.miko-single-reference .msn-reference-layout{grid-template-columns:minmax(0,900px) minmax(290px,340px)!important;gap:22px!important}
}
.miko-single-reference .msn-reference-article{border-radius:19px!important;box-shadow:0 12px 38px rgba(15,63,117,.075)!important}
.miko-single-reference .msn-reference-article-head{border-bottom:0!important;margin-bottom:13px!important}
.miko-single-reference .msn-reference-article-head h1{font-size:clamp(25px,2.65vw,36px)!important;line-height:1.26!important;color:#071e48!important;letter-spacing:-.025em!important}
.miko-single-reference .msn-dek{font-size:14px!important;line-height:1.8!important;color:#526d90!important}
.miko-single-reference .msn-reference-featured{border-radius:15px!important;box-shadow:0 12px 26px #0d3d771b!important;transition:box-shadow .25s ease!important}
.miko-single-reference .msn-reference-featured:hover{box-shadow:0 18px 36px #0d3d7730!important}
.miko-single-reference .msn-reference-featured img{aspect-ratio:16/9!important;object-fit:cover!important}
.miko-single-reference .msn-reference-content{font-size:16px!important;line-height:1.9!important;color:#20354f!important}
.miko-single-reference .msn-reference-content h2{position:relative!important;padding-left:13px!important;margin-top:28px!important;font-size:22px!important;color:#0c2859!important}
.miko-single-reference .msn-reference-content h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:6px;background:#126cff}
.miko-single-reference .msn-reference-content blockquote{border-left:4px solid #2686ff!important;padding:19px 22px!important;color:#194d91!important}
.miko-single-reference .msn-reference-content img{border-radius:13px!important;transition:transform .25s ease,box-shadow .25s ease!important}
.miko-single-reference .msn-reference-content figure:hover img{box-shadow:0 13px 28px #123d7424!important}
.miko-single-reference .msn-reference-tags a{font-size:10px!important;padding:6px 11px!important}
.miko-single-reference .msn-reference-actionbar-bottom{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.miko-single-reference .msn-reference-actionbar-bottom>a,.miko-single-reference .msn-reference-actionbar-bottom>button{width:100%!important;min-width:0!important;height:40px!important;border-radius:10px!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
.miko-single-reference .msn-reference-actionbar-bottom>.msn-more-btn{display:none!important}
.miko-single-reference .msn-reference-sidebar>.msn-sidebar-card{background:#fff!important;border:1px solid #e2ebf6!important;border-radius:17px!important;overflow:hidden!important}
.miko-single-reference .msn-reference-related-item{transition:background .2s ease,transform .2s ease!important;border-radius:9px!important}
.miko-single-reference .msn-reference-related-item:hover{background:#f0f7ff!important;transform:translateX(2px)!important}
.miko-single-reference .msn-reference-related-item strong{font-size:11px!important}
.miko-single-reference .msn-reference-related-item small{font-size:9px!important}
.miko-single-reference .msn-reference-author-footer{background:linear-gradient(120deg,#edf6ff,#fff)!important}
.miko-single-reference #comments{border:1px solid #e3edf9!important;padding:18px!important}
@media(max-width:700px){.miko-single-reference .msn-reference-article-head h1{font-size:25px!important}.miko-single-reference .msn-reference-content{font-size:15px!important}.miko-single-reference .msn-reference-actionbar-bottom{gap:5px!important}.miko-single-reference .msn-reference-actionbar-bottom>a,.miko-single-reference .msn-reference-actionbar-bottom>button{font-size:9px!important;height:36px!important;padding:4px!important}}
@media(prefers-reduced-motion:reduce){.miko-single-reference .msn-reference-content img,.miko-single-reference .msn-reference-related-item{transition:none!important}}