/* =====================================================================
   SMKN 5 SIK JAYAPURA — 25 DISTINCT THEMES v7
   Design rule:
   - Body selalu putih/terang, tanpa ornamen besar di luar blok.
   - Ornamen hidup DI DALAM card/section dan terpotong oleh card.
   - Setiap theme punya karakter header, slider, card, title, gallery, footer.
   - Kontras teks dikunci agar selalu terbaca.
   ===================================================================== */
:root{
 --t-primary:#0b2a5b;--t-secondary:#1769d2;--t-accent:#f4b400;
 --t-soft:#f7faff;--t-text:#132238;--t-muted:#64748b;--t-border:#dbe5f0;
 --t-radius:18px;--t-shadow:0 14px 34px rgba(17,40,75,.09);
 --title-bg:linear-gradient(90deg,#0b2a5b,#1769d2);--title-text:#fff;
 --orn-a:rgba(23,105,210,.10);--orn-b:rgba(244,180,0,.11)
}
*{box-sizing:border-box}
html{background:#fff}
body[class*="theme-"]{background:#fff!important;color:var(--t-text)!important;overflow-x:hidden}
/* v7: NEVER paint giant ornaments on body/page shell */
body[class*="theme-"]::before,body[class*="theme-"]::after,
body[class*="theme-"] .page-shell::before,body[class*="theme-"] .page-shell::after{display:none!important;content:none!important}
body[class*="theme-"] .page-shell{position:relative;z-index:1;background:#fff!important;isolation:isolate}

/* Every major block is a clean light canvas and owns its decorations */
body[class*="theme-"] .section-card,
body[class*="theme-"] .section-block,
body[class*="theme-"] .gallery-block{
 position:relative;isolation:isolate;overflow:hidden;background:#fff!important;color:var(--t-text)!important;
 border:1px solid var(--t-border);border-radius:var(--t-radius);box-shadow:var(--t-shadow)
}
body[class*="theme-"] .section-card::before,
body[class*="theme-"] .section-block::before,
body[class*="theme-"] .gallery-block::before,
body[class*="theme-"] .section-card::after,
body[class*="theme-"] .section-block::after,
body[class*="theme-"] .gallery-block::after{content:"";position:absolute;pointer-events:none;z-index:0}
body[class*="theme-"] .section-card>* ,body[class*="theme-"] .section-block>* ,body[class*="theme-"] .gallery-block>*{position:relative;z-index:1}
body[class*="theme-"] .section-card p,body[class*="theme-"] .section-block p,body[class*="theme-"] .gallery-block p,
body[class*="theme-"] .news-body p,body[class*="theme-"] .staff-card p{color:var(--t-muted)!important}

/* Section heading is compact, readable and never a giant arrow */
body[class*="theme-"] .section-title,
body[class*="theme-"] .section-title.fancy,
body[class*="theme-"] .section-title.inverse,
body[class*="theme-"] .section-title.centered{
 position:relative;z-index:3;display:flex;align-items:center;gap:10px;width:100%;min-height:48px;
 margin:0 0 18px!important;padding:11px 15px!important;background:var(--title-bg)!important;
 color:var(--title-text)!important;border:0!important;border-radius:13px;clip-path:none!important;text-shadow:none!important
}
body[class*="theme-"] .section-title h2,body[class*="theme-"] .section-title h3,
body[class*="theme-"] .section-title span,body[class*="theme-"] .section-title a{color:var(--title-text)!important;text-shadow:none!important}
body[class*="theme-"] .section-title h2{font-size:18px;line-height:1.25;letter-spacing:.01em}
body[class*="theme-"] .section-title a{margin-left:auto!important;font-size:12px;font-weight:700;opacity:.92}
body[class*="theme-"] .section-title.centered{justify-content:center}

/* Content cards: neutral text and controlled media */
body[class*="theme-"] .news-card,body[class*="theme-"] .staff-card,
body[class*="theme-"] .video-list,body[class*="theme-"] .video-item{
 background:#fff!important;color:var(--t-text)!important;border-color:var(--t-border)!important
}
body[class*="theme-"] .news-body h3,body[class*="theme-"] .staff-card h3,body[class*="theme-"] .featured-ann h3,
body[class*="theme-"] .video-item span{color:var(--t-text)!important}
body[class*="theme-"] .news-body a,body[class*="theme-"] .more{color:var(--t-secondary)!important}
body[class*="theme-"] .badge{background:var(--t-accent)!important;color:#172033!important}

/* Video block also stays light; only player itself is dark */
body[class*="theme-"] .video-section{background:#fff!important;color:var(--t-text)!important}
body[class*="theme-"] .video-section .main-video h3{color:var(--t-text)!important}
body[class*="theme-"] .video-placeholder{background:#081525!important;box-shadow:0 10px 30px rgba(8,21,37,.15)}
body[class*="theme-"] .video-list{border:1px solid var(--t-border);box-shadow:0 7px 20px rgba(15,35,65,.06)}

/* Pagination always readable */
body[class*="theme-"] .pagination>*{background:#fff!important;color:var(--t-primary)!important;border:1px solid var(--t-border)!important}
body[class*="theme-"] .pagination .active{background:var(--t-accent)!important;color:#172033!important;border-color:var(--t-accent)!important}

/* Universal slider engine */
body[class*="theme-"] .hero-slider{position:relative;height:clamp(270px,38vw,570px);background:#edf2f7;overflow:hidden}
body[class*="theme-"] .hero-slide{display:block!important;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .75s ease,transform 1s ease;transform:scale(1.02)}
body[class*="theme-"] .hero-slide.active{opacity:1;pointer-events:auto;transform:scale(1)}
body[class*="theme-"] .hero-slide img{width:100%;height:100%;object-fit:cover;transition:transform 7s ease}
body[class*="theme-"] .hero-slide.active img{transform:scale(1.018)}
body[class*="theme-"] .hero-prev,body[class*="theme-"] .hero-next{z-index:5;transition:.2s ease}
body[class*="theme-"] .hero-dots{position:absolute;z-index:5;left:50%;transform:translateX(-50%);display:flex;gap:7px}
body[class*="theme-"] .hero-dots button{border:0;cursor:pointer;transition:.2s}

/* Footer can carry strong identity because it closes the page */
body[class*="theme-"] .site-footer{position:relative;overflow:hidden;color:#fff;background:var(--t-primary)}
body[class*="theme-"] .site-footer::before,body[class*="theme-"] .site-footer::after{content:"";position:absolute;pointer-events:none;z-index:0}
body[class*="theme-"] .site-footer>*{position:relative;z-index:1}
body[class*="theme-"] .site-footer h3,body[class*="theme-"] .site-footer p,body[class*="theme-"] .site-footer a,body[class*="theme-"] .site-footer .copyright{color:#fff!important}

/* -------- 01 MODERN BLUEPRINT: grid-corner + technical line -------- */
.theme-01{--t-primary:#0b2a5b;--t-secondary:#1769d2;--t-accent:#f4b400;--t-border:#d6e4f6;--title-bg:linear-gradient(90deg,#0b2a5b,#1769d2);--orn-a:rgba(23,105,210,.08);--orn-b:rgba(244,180,0,.10)}
.theme-01 .site-header{background:#fff;border-bottom:3px solid #1769d2}.theme-01 .hero-slider{max-width:1540px;margin:18px auto 0;border-radius:0 0 56px 56px;box-shadow:0 20px 46px rgba(11,42,91,.15)}
.theme-01 .section-card::before,.theme-01 .section-block::before,.theme-01 .gallery-block::before{inset:0;background-image:linear-gradient(rgba(23,105,210,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,210,.028) 1px,transparent 1px);background-size:28px 28px}
.theme-01 .section-card::after,.theme-01 .section-block::after,.theme-01 .gallery-block::after{width:155px;height:85px;right:-55px;top:-38px;border:2px solid var(--orn-a);border-radius:50%}
.theme-01 .news-card{border-top:4px solid #1769d2}.theme-01 .site-footer{background:linear-gradient(120deg,#071c41,#0f55a8)}.theme-01 .site-footer::after{width:330px;height:190px;border:34px solid rgba(255,255,255,.07);border-radius:50%;right:-130px;top:-80px}

/* -------- 02 NAVY GOLD: elegant double-line + gold ellipse -------- */
.theme-02{--t-primary:#0a2342;--t-secondary:#9b7228;--t-accent:#d9ad47;--t-border:#eadcb8;--t-radius:12px;--title-bg:linear-gradient(90deg,#0a2342 0 72%,#d9ad47 72%);--orn-a:rgba(10,35,66,.06);--orn-b:rgba(217,173,71,.15)}
.theme-02 .site-header{background:#fff;border-bottom:4px double #d9ad47}.theme-02 .hero-slider{max-width:1480px;margin:24px auto;border:1px solid #d9ad47;outline:5px double #0a2342;border-radius:8px;box-shadow:0 22px 48px rgba(10,35,66,.16)}
.theme-02 .section-card,.theme-02 .section-block,.theme-02 .gallery-block{border:1px solid #e8d5a3;box-shadow:0 13px 28px rgba(10,35,66,.07)}
.theme-02 .section-card::before,.theme-02 .section-block::before,.theme-02 .gallery-block::before{width:190px;height:90px;right:-65px;top:-40px;border:18px solid var(--orn-b);border-radius:50%}
.theme-02 .section-card::after,.theme-02 .section-block::after,.theme-02 .gallery-block::after{left:0;bottom:0;width:105px;height:4px;background:#d9ad47}
.theme-02 .news-card{border-bottom:3px solid #d9ad47}.theme-02 .site-footer{background:linear-gradient(115deg,#081b33,#173c67);border-top:4px solid #d9ad47}.theme-02 .site-footer::before{width:390px;height:190px;border:28px solid rgba(217,173,71,.12);border-radius:50%;left:-150px;bottom:-90px}

/* -------- 03 EMERALD ORGANIC: leaf/oval embedded -------- */
.theme-03{--t-primary:#075944;--t-secondary:#118065;--t-accent:#e6bd3c;--t-border:#cfe8d7;--t-radius:30px 10px 30px 10px;--title-bg:linear-gradient(90deg,#075944,#149271);--orn-a:rgba(17,128,101,.10);--orn-b:rgba(230,189,60,.10)}
.theme-03 .site-header{background:#fff;border-bottom:1px solid #bcdcc8}.theme-03 .hero-slider{margin:14px 2%;clip-path:ellipse(72% 54% at 50% 48%);height:clamp(320px,41vw,600px)}
.theme-03 .section-card::before,.theme-03 .section-block::before,.theme-03 .gallery-block::before{width:190px;height:90px;right:-52px;bottom:-28px;background:var(--orn-a);border-radius:100% 0 100% 0;transform:rotate(-12deg)}
.theme-03 .section-card::after,.theme-03 .section-block::after,.theme-03 .gallery-block::after{width:80px;height:80px;left:-26px;top:-28px;background:var(--orn-b);border-radius:50%}
.theme-03 .news-card{border-radius:28px 8px 28px 8px}.theme-03 .gallery-grid img{border-radius:50% 12px 50% 12px}.theme-03 .site-footer{background:linear-gradient(120deg,#043b2e,#0b6b51)}

/* -------- 04 ORANGE MOTION: diagonal corner strips -------- */
.theme-04{--t-primary:#8d2d10;--t-secondary:#e85b20;--t-accent:#ffb000;--t-border:#ffd9c4;--t-radius:10px;--title-bg:linear-gradient(100deg,#8d2d10,#e85b20,#ff9d00);--orn-a:rgba(232,91,32,.08);--orn-b:rgba(255,176,0,.12)}
.theme-04 .site-header{background:#fff;border-bottom:6px solid transparent;border-image:linear-gradient(90deg,#e85b20,#ffb000) 1}.theme-04 .hero-slider{margin:12px 3%;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%);box-shadow:0 18px 38px rgba(141,45,16,.14)}
.theme-04 .section-card::before,.theme-04 .section-block::before,.theme-04 .gallery-block::before{width:240px;height:34px;right:-65px;top:22px;background:var(--orn-b);transform:rotate(24deg)}
.theme-04 .section-card::after,.theme-04 .section-block::after,.theme-04 .gallery-block::after{width:170px;height:18px;right:-40px;top:67px;background:var(--orn-a);transform:rotate(24deg)}
.theme-04 .news-card:nth-child(even){transform:translateY(8px)}.theme-04 .site-footer{background:linear-gradient(120deg,#70220c,#c34918)}

/* -------- 05 PURPLE CREATIVE: contained blobs -------- */
.theme-05{--t-primary:#4c1d6f;--t-secondary:#7b2cbf;--t-accent:#f0b429;--t-border:#e6d6f2;--t-radius:26px;--title-bg:linear-gradient(90deg,#4c1d6f,#8d37c6);--orn-a:rgba(123,44,191,.09);--orn-b:rgba(240,180,41,.12)}
.theme-05 .site-header{background:#fff;border-bottom:1px solid #dcc5ed}.theme-05 .hero-slider{margin:18px 4%;border-radius:42px 10px 42px 10px;transform:rotate(-.25deg);box-shadow:0 24px 45px rgba(76,29,111,.15)}
.theme-05 .section-card::before,.theme-05 .section-block::before,.theme-05 .gallery-block::before{width:180px;height:115px;left:-60px;bottom:-48px;background:var(--orn-a);border-radius:63% 37% 55% 45%/45% 60% 40% 55%;transform:rotate(18deg)}
.theme-05 .section-card::after,.theme-05 .section-block::after,.theme-05 .gallery-block::after{width:105px;height:75px;right:-27px;top:-28px;background:var(--orn-b);border-radius:48% 52% 36% 64%/58% 37% 63% 42%}
.theme-05 .news-card:nth-child(3n+2){border-radius:8px 28px 8px 28px}.theme-05 .site-footer{background:linear-gradient(120deg,#34124f,#6d238f)}

/* -------- 06 SLATE LUXE: circles + precise metallic line -------- */
.theme-06{--t-primary:#202938;--t-secondary:#55647a;--t-accent:#d5ad56;--t-border:#d8dee7;--t-radius:14px;--title-bg:linear-gradient(90deg,#202938,#536176);--orn-a:rgba(32,41,56,.055);--orn-b:rgba(213,173,86,.12)}
.theme-06 .site-header{background:#fff;border-bottom:1px solid #cbd3df}.theme-06 .hero-slider{max-width:1500px;margin:18px auto;border-radius:14px;border:1px solid #b8c1ce;box-shadow:0 17px 38px rgba(32,41,56,.13)}
.theme-06 .section-card::before,.theme-06 .section-block::before,.theme-06 .gallery-block::before{width:130px;height:130px;right:-48px;bottom:-48px;border:22px solid var(--orn-a);border-radius:50%}
.theme-06 .section-card::after,.theme-06 .section-block::after,.theme-06 .gallery-block::after{left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#d5ad56,transparent 48%)}
.theme-06 .staff-card{box-shadow:0 6px 18px rgba(32,41,56,.06)}.theme-06 .site-footer{background:linear-gradient(120deg,#171d28,#354155);border-top:3px solid #d5ad56}

/* -------- 07 MINIMAL EDITORIAL: light ruled accent -------- */
.theme-07{--t-primary:#243447;--t-secondary:#576b80;--t-accent:#d9a441;--t-border:#e0e5eb;--t-radius:6px;--t-shadow:none;--title-bg:linear-gradient(90deg,#f3f5f7,#fff);--title-text:#243447;--orn-a:rgba(36,52,71,.045);--orn-b:rgba(217,164,65,.09)}
.theme-07 .site-header{background:#fff;border-bottom:1px solid #dce2e8}.theme-07 .hero-slider{max-width:1440px;margin:22px auto;border-radius:0;border-top:6px solid #243447;border-bottom:2px solid #d9a441}
.theme-07 .section-card,.theme-07 .section-block,.theme-07 .gallery-block{box-shadow:none;border:1px solid #e0e5eb}
.theme-07 .section-card::before,.theme-07 .section-block::before,.theme-07 .gallery-block::before{left:28px;right:28px;bottom:18px;height:1px;background:#eef1f4}
.theme-07 .section-card::after,.theme-07 .section-block::after,.theme-07 .gallery-block::after{width:48px;height:4px;right:22px;top:22px;background:#d9a441}
.theme-07 .section-title{border-bottom:1px solid #d9dee5!important;border-radius:0!important}.theme-07 .site-footer{background:#243447}

/* -------- 08 TEAL WAVE: waves inside cards -------- */
.theme-08{--t-primary:#0d5961;--t-secondary:#0b8792;--t-accent:#f5b51b;--t-border:#cce8e9;--t-radius:22px;--title-bg:linear-gradient(90deg,#0d5961,#0b8792);--orn-a:rgba(11,135,146,.09);--orn-b:rgba(245,181,27,.10)}
.theme-08 .site-header{background:#fff;border-bottom:3px solid #0b8792}.theme-08 .hero-slider{margin:10px 2%;border-radius:0 0 48% 48%/0 0 12% 12%;box-shadow:0 18px 42px rgba(13,89,97,.14)}
.theme-08 .section-card::before,.theme-08 .section-block::before,.theme-08 .gallery-block::before{width:280px;height:80px;right:-90px;bottom:-38px;background:var(--orn-a);border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(-6deg)}
.theme-08 .section-card::after,.theme-08 .section-block::after,.theme-08 .gallery-block::after{width:190px;height:52px;right:-40px;bottom:-30px;background:var(--orn-b);border-radius:50% 50% 0 0/100% 100% 0 0}
.theme-08 .news-card{border-left:4px solid #0b8792}.theme-08 .site-footer{background:linear-gradient(115deg,#08444a,#0b737c)}

/* -------- 09 MAROON CREST: medallion/ring -------- */
.theme-09{--t-primary:#741a1a;--t-secondary:#a52a2a;--t-accent:#d8a02d;--t-border:#ead7d0;--t-radius:14px;--title-bg:linear-gradient(90deg,#741a1a,#a52a2a);--orn-a:rgba(116,26,26,.055);--orn-b:rgba(216,160,45,.12)}
.theme-09 .site-header{background:#fff;border-bottom:3px double #741a1a}.theme-09 .hero-slider{max-width:1480px;margin:18px auto;border-radius:18px;box-shadow:0 17px 42px rgba(116,26,26,.13)}
.theme-09 .section-card::before,.theme-09 .section-block::before,.theme-09 .gallery-block::before{width:125px;height:125px;right:-44px;top:-44px;border:18px double var(--orn-b);border-radius:50%}
.theme-09 .section-card::after,.theme-09 .section-block::after,.theme-09 .gallery-block::after{width:14px;height:14px;left:20px;bottom:20px;background:#d8a02d;border-radius:50%;box-shadow:22px 0 0 var(--orn-b),44px 0 0 var(--orn-b)}
.theme-09 .site-footer{background:linear-gradient(120deg,#551111,#821f1f);border-top:4px solid #d8a02d}

/* -------- 10 TROPICAL PAPUA: subtle geometric diamonds -------- */
.theme-10{--t-primary:#6b421d;--t-secondary:#a25c24;--t-accent:#efb65a;--t-border:#eadcc9;--t-radius:18px;--title-bg:linear-gradient(90deg,#6b421d,#aa672c);--orn-a:rgba(107,66,29,.055);--orn-b:rgba(239,182,90,.13)}
.theme-10 .site-header{background:#fff;border-bottom:5px solid #efb65a}.theme-10 .hero-slider{margin:18px 3%;border-radius:20px;clip-path:polygon(3% 0,97% 0,100% 8%,100% 92%,97% 100%,3% 100%,0 92%,0 8%);box-shadow:0 20px 42px rgba(107,66,29,.14)}
.theme-10 .section-card::before,.theme-10 .section-block::before,.theme-10 .gallery-block::before{width:155px;height:155px;right:-80px;bottom:-80px;background:repeating-linear-gradient(45deg,var(--orn-b) 0 9px,transparent 9px 18px);transform:rotate(45deg)}
.theme-10 .section-card::after,.theme-10 .section-block::after,.theme-10 .gallery-block::after{width:70px;height:70px;left:-35px;top:-35px;border:12px solid var(--orn-a);transform:rotate(45deg)}
.theme-10 .gallery-grid figure:nth-child(even) img{border-radius:24px 4px 24px 4px}.theme-10 .site-footer{background:linear-gradient(120deg,#4f3016,#7e4a20)}

/* -------- 11 GLASS SOFT: translucent bubbles within cards -------- */
.theme-11{--t-primary:#155e75;--t-secondary:#0ea5e9;--t-accent:#fbbf24;--t-border:#d4edf5;--t-radius:28px;--title-bg:linear-gradient(90deg,#155e75,#0ea5e9);--orn-a:rgba(14,165,233,.08);--orn-b:rgba(251,191,36,.09)}
.theme-11 .site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #d4edf5}.theme-11 .hero-slider{margin:18px 3%;border-radius:34px;box-shadow:0 24px 60px rgba(21,94,117,.13)}
.theme-11 .section-card,.theme-11 .section-block,.theme-11 .gallery-block{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(10px)}
.theme-11 .section-card::before,.theme-11 .section-block::before,.theme-11 .gallery-block::before{width:180px;height:180px;right:-70px;top:-85px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.8),var(--orn-a));border-radius:50%}
.theme-11 .section-card::after,.theme-11 .section-block::after,.theme-11 .gallery-block::after{width:90px;height:90px;left:-30px;bottom:-35px;background:var(--orn-b);border-radius:50%;filter:blur(1px)}
.theme-11 .site-footer{background:linear-gradient(120deg,#10495b,#147d9b)}

/* -------- 12 ROYAL BLUE: ribbon + corner crest -------- */
.theme-12{--t-primary:#0b3c89;--t-secondary:#1d63cf;--t-accent:#f4c542;--t-border:#d4e1f5;--t-radius:16px;--title-bg:linear-gradient(90deg,#0b3c89 0 82%,#f4c542 82%);--orn-a:rgba(29,99,207,.07);--orn-b:rgba(244,197,66,.11)}
.theme-12 .site-header{background:#fff;border-bottom:4px solid #0b3c89}.theme-12 .hero-slider{margin:14px 2%;border-radius:40px 0 40px 0;box-shadow:0 20px 48px rgba(11,60,137,.16)}
.theme-12 .section-card::before,.theme-12 .section-block::before,.theme-12 .gallery-block::before{right:0;top:0;border-style:solid;border-width:0 74px 74px 0;border-color:transparent var(--orn-a) transparent transparent}
.theme-12 .section-card::after,.theme-12 .section-block::after,.theme-12 .gallery-block::after{left:0;bottom:0;width:145px;height:6px;background:linear-gradient(90deg,#f4c542,transparent)}
.theme-12 .staff-card{border-top:3px solid #1d63cf}.theme-12 .site-footer{background:linear-gradient(120deg,#082d69,#114fa9)}

/* -------- 13 ROSE CREATIVE: soft bubble clusters -------- */
.theme-13{--t-primary:#7c2358;--t-secondary:#d33a79;--t-accent:#ffbd3a;--t-border:#f1d6e3;--t-radius:24px;--title-bg:linear-gradient(90deg,#7c2358,#d33a79);--orn-a:rgba(211,58,121,.08);--orn-b:rgba(255,189,58,.11)}
.theme-13 .site-header{background:#fff;border-bottom:1px solid #efcfde}.theme-13 .hero-slider{margin:18px 4%;border-radius:50px 14px 50px 14px;box-shadow:0 22px 46px rgba(124,35,88,.14)}
.theme-13 .section-card::before,.theme-13 .section-block::before,.theme-13 .gallery-block::before{width:116px;height:116px;right:-38px;top:-48px;background:var(--orn-a);border-radius:50%;box-shadow:-55px 60px 0 -32px var(--orn-b),-95px 15px 0 -43px var(--orn-a)}
.theme-13 .section-card::after,.theme-13 .section-block::after,.theme-13 .gallery-block::after{width:120px;height:34px;left:-25px;bottom:14px;background:linear-gradient(90deg,var(--orn-b),transparent);border-radius:999px}
.theme-13 .news-card{border-radius:26px}.theme-13 .site-footer{background:linear-gradient(120deg,#5f1943,#973067)}

/* -------- 14 INDUSTRIAL LIGHT: technical grid + hazard stripe -------- */
.theme-14{--t-primary:#2b2b2b;--t-secondary:#6a6a6a;--t-accent:#e09b2d;--t-border:#d9d9d9;--t-radius:5px;--title-bg:linear-gradient(90deg,#2b2b2b 0 78%,#e09b2d 78%);--orn-a:rgba(43,43,43,.045);--orn-b:rgba(224,155,45,.12)}
.theme-14 .site-header{background:#fff;border-bottom:5px solid #2b2b2b}.theme-14 .hero-slider{max-width:1500px;margin:16px auto;border-radius:2px;outline:2px solid #2b2b2b;box-shadow:12px 12px 0 rgba(224,155,45,.15)}
.theme-14 .section-card::before,.theme-14 .section-block::before,.theme-14 .gallery-block::before{inset:0;background-image:linear-gradient(var(--orn-a) 1px,transparent 1px),linear-gradient(90deg,var(--orn-a) 1px,transparent 1px);background-size:24px 24px}
.theme-14 .section-card::after,.theme-14 .section-block::after,.theme-14 .gallery-block::after{width:150px;height:24px;right:0;top:0;background:repeating-linear-gradient(135deg,var(--orn-b) 0 10px,transparent 10px 20px)}
.theme-14 .news-card{border-radius:0;border-left:4px solid #e09b2d}.theme-14 .site-footer{background:#262626;border-top:5px solid #e09b2d}

/* -------- 15 PASTEL SOFT: cloud/oval in cards -------- */
.theme-15{--t-primary:#874f65;--t-secondary:#c87596;--t-accent:#f5c6a5;--t-border:#efdde4;--t-radius:30px;--title-bg:linear-gradient(90deg,#874f65,#c87596);--orn-a:rgba(200,117,150,.075);--orn-b:rgba(245,198,165,.15)}
.theme-15 .site-header{background:#fff;border-bottom:1px solid #ead3dc}.theme-15 .hero-slider{margin:18px 3%;border-radius:60px;box-shadow:0 22px 50px rgba(135,79,101,.12)}
.theme-15 .section-card::before,.theme-15 .section-block::before,.theme-15 .gallery-block::before{width:220px;height:88px;right:-70px;bottom:-35px;background:var(--orn-b);border-radius:50%}
.theme-15 .section-card::after,.theme-15 .section-block::after,.theme-15 .gallery-block::after{width:95px;height:58px;right:80px;bottom:-24px;background:var(--orn-a);border-radius:50%}
.theme-15 .news-card{border-radius:28px}.theme-15 .staff-card img{border-radius:28px 28px 10px 10px}.theme-15 .site-footer{background:linear-gradient(120deg,#684052,#985e76)}

/* -------- 16 CYAN AQUA: layered wave capsules -------- */
.theme-16{--t-primary:#075c69;--t-secondary:#09a8bb;--t-accent:#f6c343;--t-border:#cbecef;--t-radius:18px;--title-bg:linear-gradient(90deg,#075c69,#09a8bb);--orn-a:rgba(9,168,187,.09);--orn-b:rgba(246,195,67,.10)}
.theme-16 .site-header{background:#fff;border-bottom:4px solid #09a8bb}.theme-16 .hero-slider{margin:12px 2%;clip-path:polygon(0 0,100% 0,100% 90%,85% 100%,15% 100%,0 90%);box-shadow:0 20px 42px rgba(7,92,105,.14)}
.theme-16 .section-card::before,.theme-16 .section-block::before,.theme-16 .gallery-block::before{width:260px;height:70px;left:-80px;top:-34px;background:var(--orn-a);border-radius:999px;transform:rotate(-8deg)}
.theme-16 .section-card::after,.theme-16 .section-block::after,.theme-16 .gallery-block::after{width:170px;height:48px;left:-40px;top:32px;background:var(--orn-b);border-radius:999px;transform:rotate(-8deg)}
.theme-16 .site-footer{background:linear-gradient(120deg,#064751,#078093)}

/* -------- 17 HERITAGE PAPER: arcs + classic line -------- */
.theme-17{--t-primary:#6b4a32;--t-secondary:#9b6b42;--t-accent:#d9a55b;--t-border:#dfd0bd;--t-radius:10px;--title-bg:linear-gradient(90deg,#6b4a32,#9b6b42);--orn-a:rgba(107,74,50,.055);--orn-b:rgba(217,165,91,.12)}
.theme-17 .site-header{background:#fff;border-bottom:2px solid #d9a55b}.theme-17 .hero-slider{max-width:1450px;margin:20px auto;border-radius:10px;border:8px solid #fff;outline:1px solid #d0b896;box-shadow:0 18px 36px rgba(107,74,50,.12)}
.theme-17 .section-card::before,.theme-17 .section-block::before,.theme-17 .gallery-block::before{width:160px;height:160px;right:-92px;top:-86px;border:22px solid var(--orn-b);border-radius:50%}
.theme-17 .section-card::after,.theme-17 .section-block::after,.theme-17 .gallery-block::after{left:24px;right:24px;bottom:18px;border-bottom:1px double #e9ddce}
.theme-17 .news-card,.theme-17 .gallery-block{border-color:#d8c2a9}.theme-17 .site-footer{background:linear-gradient(120deg,#513724,#75523a)}

/* -------- 18 BOLD EDITORIAL: offset bars, magazine feel -------- */
.theme-18{--t-primary:#7a1029;--t-secondary:#c71f46;--t-accent:#ffcb3d;--t-border:#efd0d7;--t-radius:0;--title-bg:linear-gradient(90deg,#7a1029 0 72%,#ffcb3d 72%);--orn-a:rgba(199,31,70,.07);--orn-b:rgba(255,203,61,.12)}
.theme-18 .site-header{background:#fff;border-bottom:8px solid #7a1029}.theme-18 .hero-slider{margin:0;clip-path:polygon(0 0,96% 0,100% 10%,100% 100%,4% 100%,0 90%)}
.theme-18 .section-card::before,.theme-18 .section-block::before,.theme-18 .gallery-block::before{width:210px;height:28px;right:-35px;bottom:18px;background:var(--orn-a);transform:skewX(-25deg)}
.theme-18 .section-card::after,.theme-18 .section-block::after,.theme-18 .gallery-block::after{width:145px;height:12px;right:-12px;bottom:53px;background:var(--orn-b);transform:skewX(-25deg)}
.theme-18 .news-card{border-radius:0;border-left:5px solid #7a1029}.theme-18 .section-title h2{letter-spacing:.06em}.theme-18 .site-footer{background:#651024;border-top:8px solid #ffcb3d}

/* -------- 19 FUTURISTIC LIGHT: circuit/polygon but white canvas -------- */
.theme-19{--t-primary:#07345f;--t-secondary:#087fc1;--t-accent:#25c8e8;--t-border:#cde9f1;--t-radius:12px;--title-bg:linear-gradient(90deg,#07345f,#087fc1);--orn-a:rgba(37,200,232,.09);--orn-b:rgba(8,127,193,.07)}
.theme-19 .site-header{background:#fff;border-bottom:2px solid #25c8e8}.theme-19 .hero-slider{margin:16px 2%;clip-path:polygon(3% 0,97% 0,100% 10%,100% 90%,97% 100%,3% 100%,0 90%,0 10%);box-shadow:0 0 0 1px #8dddea,0 18px 42px rgba(7,52,95,.13)}
.theme-19 .section-card::before,.theme-19 .section-block::before,.theme-19 .gallery-block::before{inset:0;background-image:linear-gradient(90deg,transparent 95%,var(--orn-a) 95%),linear-gradient(transparent 95%,var(--orn-a) 95%);background-size:42px 42px}
.theme-19 .section-card::after,.theme-19 .section-block::after,.theme-19 .gallery-block::after{width:115px;height:75px;right:-20px;top:-18px;border:1px solid #25c8e8;clip-path:polygon(20% 0,100% 0,100% 70%,70% 100%,0 100%,0 20%)}
.theme-19 .news-card{box-shadow:0 0 0 1px #d8eef4}.theme-19 .site-footer{background:linear-gradient(120deg,#052844,#075882)}

/* -------- 20 NATURE ORGANIC: leaf-like ovals -------- */
.theme-20{--t-primary:#416c22;--t-secondary:#6e9f2f;--t-accent:#e1b83f;--t-border:#dbe8cf;--t-radius:28px 12px 28px 12px;--title-bg:linear-gradient(90deg,#416c22,#6e9f2f);--orn-a:rgba(110,159,47,.09);--orn-b:rgba(225,184,63,.11)}
.theme-20 .site-header{background:#fff;border-bottom:3px solid #6e9f2f}.theme-20 .hero-slider{margin:14px 2%;border-radius:0 0 80px 80px;box-shadow:0 18px 40px rgba(65,108,34,.13)}
.theme-20 .section-card::before,.theme-20 .section-block::before,.theme-20 .gallery-block::before{width:185px;height:82px;left:-55px;bottom:-28px;background:var(--orn-a);border-radius:100% 0 100% 0;transform:rotate(12deg)}
.theme-20 .section-card::after,.theme-20 .section-block::after,.theme-20 .gallery-block::after{width:115px;height:50px;left:45px;bottom:-20px;background:var(--orn-b);border-radius:0 100% 0 100%;transform:rotate(-8deg)}
.theme-20 .site-footer{background:linear-gradient(120deg,#315119,#557e28)}

/* -------- 21 MONO GALLERY: black line + concentric rings -------- */
.theme-21{--t-primary:#202020;--t-secondary:#555;--t-accent:#b8b8b8;--t-border:#dedede;--t-radius:0;--t-shadow:none;--title-bg:linear-gradient(90deg,#202020,#555);--orn-a:rgba(0,0,0,.045);--orn-b:rgba(0,0,0,.075)}
.theme-21 .site-header{background:#fff;border-bottom:2px solid #202020}.theme-21 .hero-slider{max-width:1500px;margin:18px auto;border-radius:0;filter:grayscale(1);border:1px solid #202020}.theme-21 img{filter:grayscale(1)}
.theme-21 .section-card,.theme-21 .section-block,.theme-21 .gallery-block{box-shadow:none}
.theme-21 .section-card::before,.theme-21 .section-block::before,.theme-21 .gallery-block::before{width:120px;height:120px;right:-45px;top:-48px;border:1px solid var(--orn-b);border-radius:50%;box-shadow:0 0 0 16px transparent,0 0 0 17px var(--orn-a),0 0 0 32px transparent,0 0 0 33px var(--orn-a)}
.theme-21 .section-card::after,.theme-21 .section-block::after,.theme-21 .gallery-block::after{left:0;bottom:0;width:35%;height:2px;background:#202020}.theme-21 .site-footer{background:#202020}

/* -------- 22 GEOMETRIC CREATIVE: polygon corners -------- */
.theme-22{--t-primary:#5e237e;--t-secondary:#b52d7b;--t-accent:#ffb21a;--t-border:#e8d4ee;--t-radius:8px;--title-bg:linear-gradient(100deg,#5e237e,#b52d7b,#ed8b22);--orn-a:rgba(94,35,126,.075);--orn-b:rgba(255,178,26,.12)}
.theme-22 .site-header{background:#fff;border-bottom:5px solid transparent;border-image:linear-gradient(90deg,#5e237e,#ffb21a) 1}.theme-22 .hero-slider{margin:14px 3%;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);box-shadow:0 20px 42px rgba(94,35,126,.14)}
.theme-22 .section-card::before,.theme-22 .section-block::before,.theme-22 .gallery-block::before{width:115px;height:115px;right:-42px;top:-42px;background:var(--orn-a);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.theme-22 .section-card::after,.theme-22 .section-block::after,.theme-22 .gallery-block::after{width:70px;height:70px;right:60px;top:-28px;background:var(--orn-b);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.theme-22 .news-card:nth-child(odd){border-radius:26px 4px}.theme-22 .site-footer{background:linear-gradient(120deg,#44175f,#842160)}

/* -------- 23 NAVY ORANGE: contained split capsules -------- */
.theme-23{--t-primary:#08213e;--t-secondary:#d95c0b;--t-accent:#ff8c1a;--t-border:#dae2ec;--t-radius:18px;--title-bg:linear-gradient(90deg,#08213e 0 68%,#d95c0b 68%);--orn-a:rgba(8,33,62,.06);--orn-b:rgba(255,140,26,.12)}
.theme-23 .site-header{background:#fff;border-bottom:4px solid #ff8c1a}.theme-23 .hero-slider{margin:16px 2%;border-radius:28px 28px 6px 6px;box-shadow:0 20px 45px rgba(8,33,62,.15)}
.theme-23 .section-card::before,.theme-23 .section-block::before,.theme-23 .gallery-block::before{width:220px;height:64px;right:-60px;bottom:-24px;background:var(--orn-a);border-radius:999px;transform:rotate(-8deg)}
.theme-23 .section-card::after,.theme-23 .section-block::after,.theme-23 .gallery-block::after{width:110px;height:38px;right:25px;bottom:22px;background:var(--orn-b);border-radius:999px;transform:rotate(-8deg)}
.theme-23 .news-card{border-bottom:3px solid #ff8c1a}.theme-23 .site-footer{background:linear-gradient(120deg,#061a31,#0a345c);border-top:5px solid #ff8c1a}

/* -------- 24 CLEAN ACADEMIC: ruled paper detail -------- */
.theme-24{--t-primary:#174b78;--t-secondary:#287bb8;--t-accent:#f1bb42;--t-border:#d5e4f1;--t-radius:12px;--t-shadow:0 7px 20px rgba(23,75,120,.07);--title-bg:linear-gradient(90deg,#174b78,#287bb8);--orn-a:rgba(40,123,184,.045);--orn-b:rgba(241,187,66,.10)}
.theme-24 .site-header{background:#fff;border-bottom:1px solid #bdd2e5}.theme-24 .hero-slider{max-width:1480px;margin:14px auto;border-radius:12px;outline:1px solid #d5e4f1}
.theme-24 .section-card::before,.theme-24 .section-block::before,.theme-24 .gallery-block::before{inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 31px,var(--orn-a) 31px 32px)}
.theme-24 .section-card::after,.theme-24 .section-block::after,.theme-24 .gallery-block::after{width:5px;top:0;bottom:0;left:22px;background:var(--orn-b)}
.theme-24 .section-title{margin-left:12px!important;width:calc(100% - 12px)}.theme-24 .news-card{box-shadow:none}.theme-24 .site-footer{background:linear-gradient(120deg,#123d64,#1d6197)}

/* -------- 25 SIGNATURE SMKN5: double oval blue-gold embedded -------- */
.theme-25{--t-primary:#071f47;--t-secondary:#155bd7;--t-accent:#f3b400;--t-border:#dce4ef;--t-radius:22px;--title-bg:linear-gradient(90deg,#071f47,#155bd7 78%,#f3b400 78%);--orn-a:rgba(21,91,215,.08);--orn-b:rgba(243,180,0,.12)}
.theme-25 .site-header{background:#fff;border-bottom:4px solid transparent;border-image:linear-gradient(90deg,#f3b400,#155bd7) 1}.theme-25 .hero-slider{margin:18px 2%;border-radius:30px;outline:1px solid rgba(243,180,0,.35);box-shadow:0 22px 52px rgba(7,31,71,.18)}
.theme-25 .section-card::before,.theme-25 .section-block::before,.theme-25 .gallery-block::before{width:240px;height:105px;right:-88px;top:-48px;border:24px solid var(--orn-a);border-radius:50%}
.theme-25 .section-card::after,.theme-25 .section-block::after,.theme-25 .gallery-block::after{width:155px;height:68px;right:-34px;top:24px;border:14px solid var(--orn-b);border-radius:50%}
.theme-25 .news-card{border-top:3px solid #155bd7}.theme-25 .gallery-block:first-child{border-bottom:4px solid #f3b400}.theme-25 .gallery-block:last-child{border-bottom:4px solid #155bd7}.theme-25 .site-footer{background:linear-gradient(120deg,#061936,#0b2d63);border-top:4px solid #f3b400}.theme-25 .site-footer::before{left:-120px;bottom:-170px;width:440px;height:300px;border-radius:50%;border:58px solid rgba(243,180,0,.10)}.theme-25 .site-footer::after{right:-120px;top:-170px;width:440px;height:300px;border-radius:50%;border:58px solid rgba(21,91,215,.15)}

/* Extra compact styling to prevent overly bulky headings on cards */
body[class*="theme-"] .staff-section .section-title,body[class*="theme-"] .gallery-block .section-title{max-width:100%}
body[class*="theme-"] .gallery-block .section-title h2{white-space:normal}
body[class*="theme-"] .gallery-grid figure{position:relative;z-index:1}
body[class*="theme-"] .staff-card,body[class*="theme-"] .news-card{position:relative;z-index:1;transition:transform .22s ease,box-shadow .22s ease}
body[class*="theme-"] .staff-card:hover,body[class*="theme-"] .news-card:hover{transform:translateY(-4px);box-shadow:0 13px 26px rgba(20,42,75,.11)}

@media(max-width:1100px){
 .theme-03 .hero-slider,.theme-16 .hero-slider,.theme-18 .hero-slider,.theme-19 .hero-slider,.theme-22 .hero-slider{clip-path:none}
 .theme-02 .hero-slider,.theme-06 .hero-slider,.theme-07 .hero-slider,.theme-09 .hero-slider,.theme-17 .hero-slider,.theme-24 .hero-slider{margin-left:12px;margin-right:12px}
 .theme-04 .news-card:nth-child(even){transform:none}
}
@media(max-width:720px){
 body[class*="theme-"] .hero-slider{height:260px;margin-left:8px;margin-right:8px;border-radius:16px;clip-path:none;outline:0}
 body[class*="theme-"] .section-title,body[class*="theme-"] .section-title.fancy{min-height:44px;padding:10px 12px!important;border-radius:10px}
 body[class*="theme-"] .section-title h2{font-size:15px}
 body[class*="theme-"] .section-title a{font-size:10px}
 body[class*="theme-"] .section-card::before,body[class*="theme-"] .section-block::before,body[class*="theme-"] .gallery-block::before,
 body[class*="theme-"] .section-card::after,body[class*="theme-"] .section-block::after,body[class*="theme-"] .gallery-block::after{opacity:.75}
}


/* Tombol Baca Selengkapnya: warna tombol mengikuti template, teks selalu kontras dan terbaca */
body[class*="theme-"] .news-body .read-more-btn,
body[class*="theme-"] .listing-card .read-more-btn{
    color:#fff!important;
    background:linear-gradient(135deg,var(--t-primary),var(--t-secondary))!important;
    border:1px solid rgba(255,255,255,.12)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.22);
}
body[class*="theme-"] .news-body .read-more-btn span,
body[class*="theme-"] .listing-card .read-more-btn span{
    color:#fff!important;
}
body[class*="theme-"] .news-body .read-more-arrow,
body[class*="theme-"] .listing-card .read-more-arrow{
    color:#fff!important;
    background:rgba(255,255,255,.18)!important;
}