/* DIGITAL PRO — ARTICLE */
:root{
    --art-blue:#1769e0;
    --art-navy:#07152f;
    --art-text:#101b33;
    --art-muted:#647188;
    --art-line:#e1e7ef;
    --art-bg:#fff;
}

.article-page{background:#fff;color:var(--art-text)}
.article-page .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.article-top{padding:26px 0 90px;background:#fff}
.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px;color:#8691a3;font-size:12px}
.article-breadcrumbs a{color:#657188;text-decoration:none}
.article-top__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px;align-items:start}
.article-taxonomy{display:flex;flex-wrap:wrap;gap:8px;color:var(--art-blue);font-size:12px;font-weight:800}
.article-taxonomy a{color:inherit;text-decoration:none}
.article-main h1{max-width:820px;margin:14px 0 18px;font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-.055em}
.article-meta{display:flex;flex-wrap:wrap;gap:18px;color:#7a879a;font-size:12px}
.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--art-line)}
.article-share__label{margin-right:4px;color:#7b8798;font-size:10px;font-weight:800;text-transform:uppercase}
.article-share button{min-height:36px;padding:0 13px;border:1px solid #dce4ee;border-radius:999px;color:#1f3150;background:#fff;font-size:11px;font-weight:800;cursor:pointer}
.article-share button:hover{color:#fff;border-color:var(--art-blue);background:var(--art-blue)}
.article-featured{margin:28px 0 0}
.article-featured img{display:block;width:100%;aspect-ratio:16/7.5;object-fit:cover;border-radius:10px;box-shadow:0 20px 55px rgba(15,23,42,.12)}
.article-intro{margin:22px 0;color:#38475e;font-size:16px;line-height:1.8}
.article-toc{display:grid;gap:8px;width:min(100%,430px);margin:30px 0 38px;padding:18px 20px;border-radius:10px;background:#f2f6fc}
.article-toc strong{margin-bottom:4px}
.article-toc a{color:#1f63c8;font-size:13px;text-decoration:none}
.article-content h2{margin:40px 0 12px;font-size:28px;letter-spacing:-.035em}
.article-content p,.article-content li{color:#40506a;font-size:16px;line-height:1.8}
.article-content blockquote{margin:34px 0;padding:24px 28px;border-left:4px solid var(--art-blue);background:#f5f8fd;font-size:18px;font-weight:700;line-height:1.6}
.article-section-head{margin-bottom:18px}
.article-section-head>span{display:block;margin-bottom:8px;color:var(--art-blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.article-section-head h2{margin:0;font-size:34px}
.article-gallery,.article-video{margin-top:56px;padding-top:44px;border-top:1px solid var(--art-line)}
.article-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.article-gallery__item{display:block;overflow:hidden;border-radius:10px}
.article-gallery__item img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .25s ease}
.article-gallery__item:hover img{transform:scale(1.03)}
.article-video__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.article-video__embed,.article-video__file{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;overflow:hidden;background:#111827}
.article-video__embed iframe{width:100%;height:100%;border:0}
.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:36px;padding-top:24px;border-top:1px solid var(--art-line)}
.article-tags a{padding:6px 10px;border:1px solid #dce5ef;border-radius:999px;color:#45607f;font-size:11px;text-decoration:none}
.article-sidebar{position:sticky;top:92px;display:grid;gap:18px}
.sidebar-box{padding:22px;border:1px solid var(--art-line);border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.sidebar-box h2,.sidebar-cta h2{margin:0 0 16px;font-size:20px}
.sidebar-box>a:not(.sidebar-post){display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f5;color:#243653;font-size:13px;text-decoration:none}
.sidebar-post{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;margin-top:14px;color:#1b2b47;text-decoration:none}
.sidebar-post img{width:70px;height:52px;object-fit:cover;border-radius:8px}
.sidebar-post strong{display:block;font-size:12px;line-height:1.35}
.sidebar-post small{display:block;margin-top:4px;color:#8490a2;font-size:10px}
.sidebar-tags{display:flex;flex-wrap:wrap;gap:7px}
.sidebar-tags a{padding:6px 9px;border:1px solid #cfe0fb;border-radius:6px;color:#1769e0;font-size:10px;text-decoration:none}
.sidebar-cta{padding:24px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#08152f,#153d7a)}
.sidebar-cta p{color:rgba(255,255,255,.72);font-size:13px;line-height:1.6}
.sidebar-cta a{display:inline-flex;margin-top:10px;padding:11px 14px;border-radius:7px;color:#fff;background:#1769e0;font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:980px){.article-top__grid{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.article-page .container{width:min(100% - 20px,620px)}.article-main h1{font-size:clamp(38px,12vw,56px)}.article-gallery__grid,.article-video__grid,.article-sidebar{grid-template-columns:1fr}.article-share__label{width:100%}.article-share button{flex:1 1 calc(50% - 8px)}}
.article-gallery{margin-top:54px;padding-top:36px;border-top:1px solid #dfe7f1}.article-gallery__heading{margin-bottom:20px}.article-gallery__heading h2{margin:5px 0 0;font-size:clamp(1.6rem,3vw,2.25rem)}.article-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.article-gallery__item{position:relative;display:block;overflow:hidden;border-radius:16px;background:#edf2f8;aspect-ratio:4/3;box-shadow:0 12px 30px rgba(13,34,74,.08)}.article-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.article-gallery__item span{position:absolute;right:10px;bottom:10px;padding:7px 10px;border-radius:999px;background:rgba(7,18,42,.78);color:#fff;font-size:.72rem;font-weight:800;opacity:0;transform:translateY(5px);transition:.2s ease}.article-gallery__item:hover img,.article-gallery__item:focus-visible img{transform:scale(1.045)}.article-gallery__item:hover span,.article-gallery__item:focus-visible span{opacity:1;transform:none}.article-gallery__item:focus-visible{outline:3px solid #76a7ff;outline-offset:3px}@media(max-width:820px){.article-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.article-gallery{margin-top:40px;padding-top:28px}.article-gallery__grid{grid-template-columns:1fr}.article-gallery__item span{opacity:1;transform:none}}