/*
 * https://mdtools.one/
 * Version - 1.4.0
 *
 * Copyright (c) 2025 MDTools.one
*/
:root{--ra-bg:#181a20;--ra-accent:#7c3aed;--ra-muted:#9aa4b2;--ra-search-bg:#1f222a;--ra-radius:14px;--ra-gap:20px;--ra-card-bg:rgba(255,255,255,0.06);--ra-shadow:0 10px 30px rgba(16,24,40,0.25);--ra-thumb-h:160px}.articles-header{text-align:center;padding:60px 0 40px;background:radial-gradient(circle at top,rgba(124,58,237,.05) 0,transparent 70%)}.articles-header h1{font-size:48px;font-weight:800;margin:0;background:linear-gradient(180deg,#fff 0,#9aa4b2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-controls{max-width:720px;margin:40px auto 0}.articles-search{margin-bottom:24px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:20px;color:var(--ra-muted);pointer-events:none}.articles-search input{width:100%;padding:12px 20px 12px 52px;border-radius:16px;font-size:16px;background:var(--ra-search-bg);border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.2)}.articles-search input:focus{outline:0;border-color:var(--ra-accent);background:#252830;box-shadow:0 0 0 4px rgba(124,58,237,.15)}.articles-topics-wrapper{display:flex;align-items:center;position:relative;padding:4px 0;background-color:#181a20;overflow:hidden}.articles-topics-wrapper::before{content:"";position:absolute;left:0;top:0;width:100px;height:100%;pointer-events:none;z-index:5;background:linear-gradient(-90deg,rgba(24,26,32,0) 0,rgba(24,26,32,.7) 30%,rgba(24,26,32,.95) 65%,#181a20 100%);opacity:0}.articles-topics-wrapper::after{content:"";position:absolute;right:0;top:0;width:100px;height:100%;pointer-events:none;z-index:5;background:linear-gradient(90deg,rgba(24,26,32,0) 0,rgba(24,26,32,.7) 30%,rgba(24,26,32,.95) 65%,#181a20 100%);opacity:1}.articles-topics-wrapper.is-scrolled::before{opacity:1}.articles-topics-wrapper.is-at-end::after{opacity:0}.articles-topics-viewport{overflow:hidden;width:100%}.articles-topics-track{display:flex;gap:10px;white-space:nowrap;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.topic-pill{padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:14px;font-weight:700;text-decoration:none;flex-shrink:0;transition:all .2s ease}.topic-pill:hover{background:rgba(255,255,255,.15)}.topic-pill.active{background:#fff;color:#000!important}.topics-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;background:0 0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.topics-arrow.is-left{left:0}.topics-arrow:not(.is-left){right:0}.topics-arrow svg{width:22px;height:22px;fill:#fff;filter:drop-shadow(0 0 8px rgba(0, 0, 0, .8))}.topics-arrow[style*="display: none"]{opacity:0;pointer-events:none}.topics-arrow:active{transform:translateY(-50%) scale(.9)}.related-articles{margin:35px 0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial}.related-articles>h2{font-size:26px;font-weight:800;margin-bottom:24px;letter-spacing:-.4px;color:#fff}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ra-gap)}.ra-card{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-radius:var(--ra-radius);overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--ra-shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;min-height:260px}.ra-card:hover{transform:translateY(-8px);box-shadow:0 22px 60px rgba(16,24,40,.45);border-color:rgba(255,255,255,.25)}.ra-thumb-link{position:relative;display:block;overflow:hidden}.ra-thumb{width:100%;height:var(--ra-thumb-h);object-fit:cover;display:block;transition:transform .6s ease}.ra-card:hover .ra-thumb{transform:scale(1.06)}.ra-thumb-link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45));pointer-events:none}.ra-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.ra-meta{display:flex;gap:10px;align-items:center;margin-bottom:10px;font-size:13px;color:var(--ra-muted)}.ra-tag{background:rgba(255,255,255,.14);color:#fff;padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px}.ra-time{font-size:13px;color:var(--ra-muted)}.ra-title{margin:0;font-size:18px;font-weight:800;line-height:1.35}.ra-title a{color:#fff;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ra-title a:hover{text-decoration:underline}.ra-excerpt{margin-top:10px;margin-bottom:18px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.75);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ra-cta{align-self:flex-start;padding:9px 16px;border-radius:10px;background:linear-gradient(90deg,#590dd4,#7c3aed);font-size:14px;font-weight:700;color:#fff;text-decoration:none;box-shadow:0 10px 26px rgba(89,13,212,.35);transition:transform .18s ease,box-shadow .18s ease}.ra-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(89,13,212,.55)}.related-footer{margin-top:28px;text-align:center}.all-articles{color:var(--ra-accent);font-weight:700;text-decoration:none}.all-articles:hover{text-decoration:underline}.ra-skeleton{pointer-events:none}.skeleton-box,.skeleton-btn,.skeleton-line,.skeleton-pill{background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.14) 37%,rgba(255,255,255,.06) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:8px}.ra-skeleton .ra-thumb{height:var(--ra-thumb-h)}.skeleton-pill{width:64px;height:20px;border-radius:999px}.skeleton-line{height:14px;margin-top:8px}.skeleton-line.small{width:80px;height:12px}.skeleton-line.short{width:60%}.skeleton-btn{width:96px;height:34px;margin-top:auto;border-radius:10px}@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:32px 0 12px;font-size:14px}.pagination-btn{padding:8px 14px;border-radius:8px;background:#1f1f26;color:#f5f5f7;text-decoration:none;font-weight:600;transition:background .2s ease,transform .2s ease}.pagination-btn:hover{background:#1f1f26;transform:translateY(-1px)}.pagination-status{color:#9ca3af;font-weight:500}@media (max-width:1100px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.related-grid{grid-template-columns:1fr}.ra-card{flex-direction:row;min-height:160px}.ra-thumb{width:150px;height:100%}.ra-body{padding:14px}.ra-excerpt{-webkit-line-clamp:2}}