.media-library-intro{padding:clamp(44px,7vw,82px) 0 22px;background:linear-gradient(180deg,#f7f2fa 0%,#fcfafc 100%)}
.media-intro-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;overflow:hidden;position:relative;padding:clamp(28px,5vw,58px);border-radius:28px;color:#fff;background:radial-gradient(circle at 84% 8%,rgba(246,196,81,.28),transparent 28%),linear-gradient(135deg,#28103a 0%,#55216f 57%,#75389a 100%);box-shadow:0 24px 60px rgba(54,23,70,.2)}
.media-intro-card:after{content:"";position:absolute;right:-80px;bottom:-140px;width:320px;height:320px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.02)}
.media-intro-card>*{position:relative;z-index:1}.media-kicker{display:inline-flex;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#f5d47a;background:rgba(255,255,255,.08);font-size:12px;font-weight:900;letter-spacing:.12em}
.media-intro-copy h2{margin:15px 0 13px;color:#fff;font-size:clamp(32px,4.4vw,58px);line-height:1.14;font-weight:900;letter-spacing:-.025em}.media-intro-copy p{max-width:850px;margin:0;color:rgba(255,255,255,.84);font-size:18px;line-height:1.75}
.media-topic-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.media-topic-list span{padding:7px 11px;border-radius:999px;color:#fff;background:rgba(255,255,255,.1);font-size:13px;font-weight:700}
.media-intro-stat{display:flex;align-items:center;gap:15px;min-width:250px;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(22,7,31,.72)}
.media-intro-stat strong{color:#f6ca56;font-size:70px;line-height:.9;font-weight:900}.media-intro-stat span{color:#fff;font-size:16px;line-height:1.45;font-weight:700}

.media-library-section{padding:36px 0 clamp(60px,8vw,100px);background:linear-gradient(180deg,#fcfafc,#fff)}
.media-library-grid{counter-reset:mediaDocument;align-items:stretch}
.media-library-grid .article-item{display:block!important;counter-increment:mediaDocument;margin-bottom:26px}
.media-library-grid .th-blog{position:relative;height:100%;border:1px solid #e6ddea!important;border-radius:22px!important;background:#fff;box-shadow:0 8px 22px rgba(47,21,59,.07);transition:border-color .18s ease,box-shadow .18s ease}
.media-library-grid .th-blog:before{content:"ชุดความรู้ " counter(mediaDocument);position:absolute;top:14px;left:14px;z-index:3;padding:6px 10px;border-radius:999px;color:#fff;background:#422050;box-shadow:0 4px 10px rgba(31,10,42,.16);font-size:12px;font-weight:800}
.media-library-grid .th-blog:hover{border-color:#c9afd5!important;transform:none!important;box-shadow:0 11px 28px rgba(47,21,59,.1)}
.media-library-grid .blog-img{aspect-ratio:900/1277!important;background:#f3eef5!important}
.media-library-grid .blog-img a{display:block;width:100%;height:100%}.media-library-grid .blog-img img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;transition:none!important}
.media-library-grid .blog-content{padding:22px 22px 24px!important}.media-library-grid .blog-meta{margin-bottom:10px;color:#826b8d;font-size:13px}.media-library-grid .blog-meta span{display:inline-flex;align-items:center;gap:7px}
.media-library-grid .blog-text{min-height:4.9em!important;margin:0 0 18px!important;color:#30213a!important;font-size:17px;font-weight:800!important;line-height:1.62!important}
.media-library-grid .open-pdf{width:100%;min-height:46px;justify-content:center;margin-top:auto!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#43205d,#78389a)!important;box-shadow:0 9px 22px rgba(80,32,105,.19)!important}
.media-library-grid .open-pdf:hover,.media-library-grid .open-pdf:focus-visible{color:#382244!important;background:#f4c95d!important;box-shadow:0 12px 24px rgba(117,77,13,.15)!important}

html[data-ccas-theme="dark"] .media-library-intro,html[data-ccas-theme="dark"] .media-library-section{background:#0b1116}
html[data-ccas-theme="dark"] .media-library-grid .th-blog{border-color:#403047!important;background:#17101d}
html[data-ccas-theme="dark"] .media-library-grid .blog-text{color:#f5edf8!important}
html[data-ccas-theme="dark"] .media-library-grid .blog-meta{color:#cfbdd7}
html[data-ccas-theme="contrast"] .media-intro-card,html[data-ccas-theme="contrast"] .media-library-grid .th-blog{border:3px solid #ff0!important;color:#fff;background:#000!important;box-shadow:none}
html[data-ccas-theme="contrast"] .media-intro-copy h2,html[data-ccas-theme="contrast"] .media-library-grid .blog-text{color:#ff0!important}

@media(max-width:991px){.media-intro-card{grid-template-columns:1fr}.media-intro-stat{min-width:0;width:fit-content}.media-intro-copy p{font-size:16px}}
@media(max-width:575px){.media-library-intro{padding:30px 0 15px}.media-intro-card{gap:24px;padding:24px 20px;border-radius:20px}.media-intro-copy h2{font-size:32px}.media-intro-stat{width:100%;padding:17px}.media-intro-stat strong{font-size:55px}.media-topic-list span{font-size:12px}.media-library-section{padding-top:24px}.media-library-grid .blog-content{padding:19px!important}.media-library-grid .blog-text{min-height:0!important}}
@media(prefers-reduced-motion:reduce){.media-library-grid .th-blog{transition:none}}

/* Keep native wheel and touch scrolling immediate on this document-heavy page. */
html{scroll-behavior:auto!important}