.sedv8-wrap{--sedv8-title-size:42px;--sedv8-subtitle-size:18px;--sedv8-name-size:24px;--sedv8-line1-size:18px;--sedv8-line2-size:16px;--sedv8-title-align:center;--sedv8-subtitle-align:center;--sedv8-name-align:center;--sedv8-line1-align:center;--sedv8-line2-align:center;--sedv8-image-height:320px;--sedv8-featured-image-height:360px;--sedv8-list-image-size:110px;--sedv8-primary:#2563eb;--sedv8-bg:#f8fafc;--sedv8-text:#0f172a;--sedv8-header-bg:#ffffff;--sedv8-header-divider-width:120px;--sedv8-header-divider-color:#d4af37;--sedv8-header-divider-display:block;--sedv8-section-padding:40px;--sedv8-header-gap:32px;--sedv8-grid-gap:24px;--sedv8-card-padding:22px;--sedv8-card-radius:24px;--sedv8-border-width:1px;--sedv8-shadow:0 18px 50px rgba(15,23,42,.08);--sedv8-item-image-height:320px;--sedv8-item-image-padding:18px;color:var(--sedv8-text);background:var(--sedv8-bg);padding:var(--sedv8-section-padding) 20px;border-radius:24px}
.sedv8-header{text-align:var(--sedv8-title-align);max-width:900px;margin:0 auto var(--sedv8-header-gap);background:var(--sedv8-header-bg);padding:20px 24px;border-radius:22px}.sedv8-header:after{content:"";display:var(--sedv8-header-divider-display);width:var(--sedv8-header-divider-width);height:4px;margin:18px auto 0;background:linear-gradient(90deg,var(--sedv8-primary),var(--sedv8-header-divider-color));border-radius:999px}
.sedv8-title{font-size:var(--sedv8-title-size);line-height:1.15;margin:0 0 10px;font-weight:800;color:var(--sedv8-text);text-align:var(--sedv8-title-align)}
.sedv8-subtitle{font-size:var(--sedv8-subtitle-size);opacity:.78;margin:0 auto;max-width:720px;text-align:var(--sedv8-subtitle-align)}
.sedv8-grid{display:grid;gap:var(--sedv8-grid-gap)}.sedv8-grid.sedv8-grid-2,.sedv8-grid.sedv8-grid-3,.sedv8-grid.sedv8-grid-4,.sedv8-custom-row{grid-template-columns:repeat(1,minmax(0,1fr))}
@media(min-width:700px){.sedv8-grid.sedv8-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sedv8-grid.sedv8-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.sedv8-grid.sedv8-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sedv8-custom-row.sedv8-custom-row-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sedv8-custom-row.sedv8-custom-row-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sedv8-custom-row.sedv8-custom-row-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1080px){.sedv8-grid.sedv8-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sedv8-grid.sedv8-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sedv8-custom-row.sedv8-custom-row-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sedv8-custom-row.sedv8-custom-row-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
.sedv8-list{display:flex;flex-direction:column;gap:18px}
.sedv8-card{background:#fff;border-radius:var(--sedv8-card-radius);overflow:hidden;display:flex;flex-direction:column;height:100%;border:var(--sedv8-border-width) solid rgba(15,23,42,.08);box-shadow:var(--sedv8-shadow)}
.sedv8-card-style-modern .sedv8-card{background:#fff}
.sedv8-card-style-formal .sedv8-card{background:#fff;border-color:rgba(15,23,42,.16)}
.sedv8-card-style-minimal .sedv8-card{background:#fff;box-shadow:none}
.sedv8-card-style-glass .sedv8-card{background:rgba(255,255,255,.72);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.55)}
.sedv8-image-wrap{padding:var(--sedv8-item-image-padding) var(--sedv8-item-image-padding) 0}.sedv8-image{width:100%;height:var(--sedv8-item-image-height,var(--sedv8-image-height));object-fit:cover;object-position:center top;display:block;background:#e5e7eb}.sedv8-featured .sedv8-image{height:var(--sedv8-item-image-height,var(--sedv8-featured-image-height))}
.sedv8-image-placeholder{display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:600}
.sedv8-content{padding:var(--sedv8-card-padding)}.sedv8-name{font-size:var(--sedv8-name-size);line-height:1.2;margin:0 0 8px;font-weight:800;color:var(--sedv8-text);text-align:var(--sedv8-name-align)}
.sedv8-line1{font-size:var(--sedv8-line1-size);color:var(--sedv8-primary);font-weight:700;margin-bottom:6px;text-align:var(--sedv8-line1-align)}.sedv8-line2{font-size:var(--sedv8-line2-size);opacity:.82;text-align:var(--sedv8-line2-align)}
.sedv8-card-list{flex-direction:row;align-items:center}.sedv8-card-list .sedv8-image-wrap{padding:var(--sedv8-item-image-padding)}.sedv8-card-list .sedv8-image{width:var(--sedv8-list-image-size);height:var(--sedv8-list-image-size)}
.sedv8-card-list .sedv8-content{padding-left:0;flex:1}
.sedv8-featured{margin-bottom:var(--sedv8-grid-gap)}@media(min-width:900px){.sedv8-featured{display:grid;grid-template-columns:minmax(280px,420px) 1fr;align-items:center}.sedv8-featured .sedv8-image-wrap{padding:24px}.sedv8-featured .sedv8-content{padding:24px 28px 24px 0}}
.sedv8-shape-rounded .sedv8-image{border-radius:20px}.sedv8-shape-square .sedv8-image{border-radius:0}.sedv8-shape-circle .sedv8-image{border-radius:999px;aspect-ratio:1/1;height:auto}.sedv8-shape-circle .sedv8-card:not(.sedv8-card-list) .sedv8-image-wrap{text-align:center}.sedv8-shape-circle .sedv8-card:not(.sedv8-card-list) .sedv8-image{width:min(100%,var(--sedv8-item-image-height,var(--sedv8-image-height)));max-width:min(100%,var(--sedv8-item-image-height,var(--sedv8-image-height)));margin:0 auto}.sedv8-custom-row-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sedv8-grid-gap);margin-bottom:var(--sedv8-grid-gap)}.sedv8-custom-row-wrap:last-child{margin-bottom:0}.sedv8-custom-row-item{flex:0 1 min(calc((100% - (var(--sedv8-grid-gap) * (var(--sedv8-row-cols) - 1))) / var(--sedv8-row-cols)),var(--sedv8-uniform-card-width));max-width:var(--sedv8-uniform-card-width);width:100%}.sedv8-custom-row-item .sedv8-card{height:100%}
.sedv8-empty{text-align:center;padding:40px 20px;background:#fff;border-radius:20px;border:1px dashed rgba(15,23,42,.14)}
@media(max-width:1079px){.sedv8-custom-row-item{flex-basis:min(calc((100% - var(--sedv8-grid-gap)) / 2),var(--sedv8-uniform-card-width))}}
@media(max-width:699px){.sedv8-custom-row-item{flex-basis:min(100%,var(--sedv8-uniform-card-width))}}
@media(max-width:699px){.sedv8-card-list{flex-direction:column;align-items:stretch}.sedv8-card-list .sedv8-content{padding-left:var(--sedv8-card-padding)}}
.sedv8-theme-thai-official{border:1px solid rgba(124,92,0,.15);box-shadow:0 16px 40px rgba(124,92,0,.08)}
.sedv8-theme-thai-official .sedv8-header{position:relative;padding-top:18px;background:linear-gradient(180deg,#fffdf5,#ffffff)}.sedv8-theme-thai-official .sedv8-header:before{content:"ตราองค์กร";display:inline-flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#f7e7a1,#c89b3c);color:#5b4300;font-size:12px;font-weight:700;margin:0 auto 18px;box-shadow:0 10px 26px rgba(124,92,0,.18)}
.sedv8-theme-thai-official .sedv8-card{border-color:rgba(124,92,0,.12)}
.sedv8-theme-school-minimal .sedv8-card{box-shadow:0 8px 24px rgba(15,118,110,.08)}.sedv8-theme-school-minimal .sedv8-title{letter-spacing:.01em}.sedv8-theme-school-minimal .sedv8-line2{opacity:.7}
.sedv8-theme-blue-gold .sedv8-card{background:rgba(255,255,255,.08);border-color:rgba(212,160,23,.28);backdrop-filter:blur(10px)}
.sedv8-theme-blue-gold .sedv8-title,.sedv8-theme-blue-gold .sedv8-name,.sedv8-theme-blue-gold .sedv8-subtitle,.sedv8-theme-blue-gold .sedv8-line2{color:#f8fafc}
.sedv8-theme-blue-gold .sedv8-line1{color:#f4d06f}.sedv8-theme-blue-gold .sedv8-empty{background:rgba(255,255,255,.06);color:#f8fafc;border-color:rgba(212,160,23,.22)}
.sedv8-theme-print{padding:24px 0;border-radius:0;box-shadow:none}.sedv8-theme-print .sedv8-card{box-shadow:none!important;border:1px solid #d1d5db;border-radius:0;background:#fff}
.sedv8-theme-print .sedv8-image{filter:grayscale(100%)}.sedv8-theme-print .sedv8-header:before{display:none}
@media print{.sedv8-wrap{padding:0!important;background:#fff!important}.sedv8-card{break-inside:avoid;box-shadow:none!important}.sedv8-title{font-size:28px!important}.sedv8-subtitle{font-size:14px!important}}

.sedv8-theme-academic-blue .sedv8-header{background:linear-gradient(180deg,#eff6ff,#ffffff);border:1px solid rgba(29,78,216,.08)}
.sedv8-theme-academic-blue .sedv8-card{border-color:rgba(29,78,216,.12)}
.sedv8-theme-campus-green .sedv8-header{background:linear-gradient(180deg,#f0fdf4,#ffffff);border:1px solid rgba(21,128,61,.1)}
.sedv8-theme-campus-green .sedv8-card{border-color:rgba(21,128,61,.12)}

.sedv8-subsection-header{text-align:center;max-width:820px;margin:34px auto 24px;padding-top:6px}
.sedv8-subsection-title{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:800;color:var(--sedv8-text)}
.sedv8-subsection-subtitle{margin:10px auto 0;max-width:680px;font-size:16px;opacity:.78}
.sedv8-empty-section{margin-bottom:var(--sedv8-grid-gap)}
.sedv8-subsection-header + .sedv8-grid,.sedv8-subsection-header + .sedv8-list{margin-top:0}
.sedv8-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 28px;max-width:980px}
.sedv8-filter-btn{appearance:none;border:1px solid rgba(15,23,42,.12);background:#fff;color:var(--sedv8-text);padding:10px 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px rgba(15,23,42,.04)}
.sedv8-filter-btn:hover{transform:translateY(-1px);border-color:var(--sedv8-primary)}
.sedv8-filter-btn.is-active{background:var(--sedv8-primary);color:#fff;border-color:var(--sedv8-primary);box-shadow:0 10px 24px color-mix(in srgb, var(--sedv8-primary) 22%, transparent)}
.sedv8-category-badge{display:inline-flex;align-self:flex-start;margin:14px 14px 0;padding:6px 10px;border-radius:999px;background:color-mix(in srgb, var(--sedv8-primary) 12%, #fff);color:var(--sedv8-primary);font-size:12px;font-weight:800;letter-spacing:.01em}
.sedv8-card-list .sedv8-category-badge{margin-bottom:-6px}
.sedv8-empty-filter{display:none;margin-top:12px}
.sedv8-section-block{margin-bottom:var(--sedv8-grid-gap)}
.sedv8-section-block:last-child{margin-bottom:0}