/*
Theme Name: SMKN 3 Kotabumi — Portal Sekolah
Theme URI: https://smkn3kotabumi.sch.id/
Author: SMKN 3 Kotabumi
Description: Tema portal sekolah responsif yang merekonstruksi halaman publik Manus menjadi halaman WordPress terpisah.
Version: 2.0.11
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: smkn3-kotabumi-portal
*/
:root{--ink:#172a24;--forest:#174a3b;--forest-2:#23614c;--lime:#d8ed74;--cream:#f5f6f1;--paper:#fff;--sage:#e9efe7;--muted:#63736c;--line:#dbe3da;--orange:#d68655;--shadow:0 20px 60px rgba(24,55,43,.12);--radius:24px;--content:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:var(--forest);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:#0c3529}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.container{width:min(var(--content),calc(100% - 56px));margin-inline:auto}.site-main{min-height:55vh}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-60px;z-index:1000;padding:10px 14px;background:#fff;color:var(--forest);border-radius:8px}.skip-link:focus{top:12px}
.topline{background:#103d30;color:rgba(255,255,255,.82);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.topline-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topline i{padding:0 6px;color:var(--lime);font-style:normal}.topline a{color:var(--lime);font-weight:800;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(245,246,241,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,42,36,.09)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--ink);text-decoration:none}.brand-logo{width:48px;height:48px;object-fit:contain}.brand-copy{display:block;line-height:1.1}.brand-copy strong{display:block;font-size:13px;letter-spacing:.06em}.brand-copy small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.2em}.primary-navigation{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.45vw,22px)}.primary-navigation a{color:#33443d;font-size:12px;font-weight:730;text-decoration:none;white-space:nowrap}.primary-navigation a:hover,.primary-navigation a[aria-current=page]{color:var(--forest-2)}.primary-navigation a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:7px}.header-cta{flex:0 0 auto;padding:11px 16px;border-radius:999px;background:var(--forest);color:#fff;font-size:12px;font-weight:800;text-decoration:none}.header-cta:hover{background:#0e392d;color:var(--lime)}.mobile-nav-toggle{display:none;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--forest);padding:9px 12px;font-weight:800}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--forest-2);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:19px;height:2px;background:var(--orange)}.hero{overflow:hidden;background:var(--forest);color:#fff}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.91fr);align-items:center;gap:clamp(40px,7vw,96px);padding-top:76px;padding-bottom:78px}.hero .eyebrow{color:var(--lime)}.hero h1{margin:20px 0 20px;font-size:clamp(52px,7vw,86px);line-height:.94;letter-spacing:-.075em;font-weight:820}.hero h1 em{color:var(--lime);font-style:normal}.hero-lead{max-width:570px;margin:0;color:rgba(255,255,255,.8);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:11px 18px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:820;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e7f5a3;color:var(--ink)}.button-ghost{border-color:rgba(255,255,255,.36);background:transparent;color:#fff}.button-ghost:hover{background:rgba(255,255,255,.12);color:#fff}.button-dark{background:var(--forest);color:#fff}.button-dark:hover{background:#0c3529;color:var(--lime)}.button-outline-dark{border-color:var(--forest);background:transparent;color:var(--forest)}.button-outline-dark:hover{background:var(--forest);color:#fff}.hero-location{margin:22px 0 0;color:rgba(255,255,255,.65);font-size:12px;letter-spacing:.04em}.hero-location span{color:var(--lime)}.hero-visual{position:relative;padding:10px 0 10px 10px}.hero-visual:before{content:"";position:absolute;inset:0 22px 28px 0;border:1px solid rgba(216,237,116,.45);border-radius:32px;transform:translate(-10px,10px)}.hero-visual>img{position:relative;width:100%;height:370px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.hero-caption{position:absolute;right:-6px;bottom:0;display:flex;align-items:center;gap:14px;min-width:250px;padding:15px 18px;border-radius:15px;background:#fff;color:var(--ink);box-shadow:var(--shadow);font-size:12px;line-height:1.4}.hero-caption-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--lime);color:var(--forest);font-size:11px;font-weight:900}.hero-caption strong{font-size:13px}.caption-arrow{margin-left:auto;color:var(--forest);font-size:17px}
.value-strip{background:var(--paper);border-bottom:1px solid var(--line)}.value-strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}.value-strip article{display:flex;gap:16px;padding:22px 25px;border-right:1px solid var(--line)}.value-strip article:first-child{padding-left:0}.value-strip article:last-child{border-right:0}.value-strip article>span{color:var(--orange);font-size:11px;font-weight:900}.value-strip strong{display:block;font-size:13px}.value-strip p{margin:3px 0 0;color:var(--muted);font-size:12px}
.section{padding:88px 0}.split-section,.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:54px}.split-section h2,.section-heading h2,.principal-message h2,.final-cta h2{max-width:680px;margin:14px 0 0;font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-.065em}.section-copy{max-width:555px}.section-copy p,.section-heading>p{margin:0 0 18px;color:var(--muted);font-size:16px}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--forest);font-size:12px;font-weight:850;text-decoration:none}.text-link:hover{text-decoration:underline}.principal-section{padding:78px 0;background:var(--sage)}.principal-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(42px,8vw,120px)}.principal-photo{position:relative;max-width:365px;margin:0 auto}.principal-photo img{width:100%;max-height:530px;object-fit:cover;object-position:center 26%;border-radius:180px 180px 24px 24px;box-shadow:var(--shadow)}.photo-caption{position:absolute;right:-18px;bottom:20px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--forest);font-size:10px;font-weight:850}.principal-message h2{max-width:760px;margin:16px 0 18px;font-size:clamp(34px,4.3vw,56px)}.principal-message>p{max-width:600px;color:var(--muted);font-size:16px}.principal-signature{display:grid;gap:2px;margin:23px 0}.principal-signature strong{font-size:13px}.principal-signature span{color:var(--muted);font-size:12px}
.program-preview{background:#f8f9f5}.section-heading{margin-bottom:35px}.section-heading>div h2{font-size:clamp(34px,4.8vw,54px)}.section-heading>p{max-width:470px}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.program-card{position:relative;min-height:218px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:transform .18s ease,box-shadow .18s ease}.program-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.program-index{position:absolute;top:21px;right:21px;color:#9aa59d;font-size:10px;font-weight:850}.program-code{display:inline-flex;margin:0 0 20px;padding:5px 9px;border-radius:999px;background:#eef3db;color:var(--forest);font-size:10px;font-weight:900;letter-spacing:.1em}.program-card h2{max-width:90%;margin:0 0 9px;font-size:19px;line-height:1.18;letter-spacing:-.035em}.program-card p{margin:0;color:var(--muted);font-size:13px}.section-action{display:flex;justify-content:center;margin-top:27px}.pathways-section{background:#e9efe7}.pathway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pathway-card{position:relative;display:flex;min-height:260px;flex-direction:column;align-items:flex-start;padding:25px;border-radius:var(--radius);background:#fff;color:var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.pathway-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--ink)}.pathway-bkk{background:#e0edcf}.pathway-ppdb{background:#f4eadb}.pathway-contact{background:#e0e9e4}.pathway-number{position:absolute;top:22px;right:23px;color:rgba(23,42,36,.45);font-size:11px;font-weight:900}.pathway-card .eyebrow{margin:15px 0}.pathway-card h3{margin:0 0 7px;font-size:25px;letter-spacing:-.05em}.pathway-card p{margin:0 0 20px;color:var(--muted);font-size:13px}.pathway-arrow{margin-top:auto;font-size:12px;font-weight:850}.news-preview{background:var(--paper)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.news-card{display:flex;min-height:245px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.news-meta{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.news-type{color:var(--forest-2)}.news-card h2{margin:0 0 9px;font-size:20px;line-height:1.2;letter-spacing:-.04em}.news-card h2 a{color:var(--ink);text-decoration:none}.news-card h2 a:hover{color:var(--forest-2)}.news-card p{margin:0 0 16px;color:var(--muted);font-size:13px}.read-more{display:inline-flex;gap:7px;align-items:center;margin-top:auto;font-size:11px;font-weight:850;text-decoration:none}.news-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 22px;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.news-filters input,.news-filters select{min-height:43px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:12px}.news-filters input{flex:1 1 220px}.news-count{margin-left:auto;color:var(--muted);font-size:11px;font-weight:750}.news-card[hidden]{display:none!important}.final-cta{padding:54px 0;background:var(--forest);color:#fff}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta .eyebrow{color:var(--lime)}.final-cta h2{max-width:670px;margin:12px 0;font-size:clamp(32px,4.5vw,52px)}.final-cta p{margin:0;color:rgba(255,255,255,.75);font-size:14px}
.page-shell{padding-top:34px;padding-bottom:90px}.page-intro{max-width:850px;margin:0 auto 42px;padding-top:45px}.page-intro h1{margin:16px 0 17px;font-size:clamp(42px,6vw,70px);line-height:.99;letter-spacing:-.07em}.page-intro .lead{max-width:760px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}.entry-content>section{margin-top:42px;margin-bottom:48px}.entry-content h2{font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.055em}.entry-content p{color:var(--muted)}.value-grid,.leader-grid,.stats-grid,.service-grid,.steps-grid,.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.value-card,.leader-card,.stat-card,.service-grid>article,.steps-grid>article,.contact-card{padding:23px;border:1px solid var(--line);border-radius:20px;background:#fff}.value-number{display:block;margin-bottom:24px;color:var(--orange);font-size:11px;font-weight:900}.value-card h2,.leader-card h2,.contact-card h2{margin:0 0 9px;font-size:20px;line-height:1.2;letter-spacing:-.035em}.value-card p,.leader-card p,.contact-card p,.service-grid p,.steps-grid p,.stat-card p{margin:0;color:var(--muted);font-size:13px}.manifesto{padding:35px;border-radius:26px;background:var(--forest);color:#fff}.manifesto .eyebrow{color:var(--lime)}.manifesto h2{margin:13px 0;font-size:clamp(32px,5vw,52px)}.manifesto p{max-width:700px;color:rgba(255,255,255,.78)}.manifesto .button{margin-top:8px}.section-heading .pill{padding:8px 12px;border-radius:999px;background:#eef2e4;color:var(--forest);font-size:11px;font-weight:850}.video-callout,.social-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px;border-radius:22px;background:var(--sage)}.video-callout h2,.social-callout h2{margin:8px 0;font-size:29px;letter-spacing:-.05em}.video-callout p,.social-callout p{margin:0;color:var(--muted);font-size:13px}.small-note{color:var(--muted);font-size:11px!important}.leader-grid{grid-template-columns:repeat(3,1fr)}.leader-card-primary{background:#e5f0d5}.leader-card .eyebrow{margin-bottom:10px;font-size:9px}.stats-grid{grid-template-columns:repeat(2,1fr);margin:30px 0}.stat-card strong{display:block;color:var(--forest);font-size:54px;line-height:1;letter-spacing:-.06em}.stat-card span{font-size:14px;font-weight:850}.stat-card p{margin-top:8px}.org-chart{margin:20px 0 40px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff}.org-chart-actions{display:flex;align-items:center;gap:18px;margin-bottom:18px}.org-chart img{width:100%;max-height:950px;object-fit:contain;object-position:top center;border-radius:12px}.bkk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.job-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.job-status{display:inline-block;margin-bottom:13px;padding:5px 10px;border-radius:999px;background:#f0f2e2;color:var(--forest);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.job-card h3{margin:0 0 3px;font-size:23px;letter-spacing:-.04em}.job-company{margin:0;color:var(--forest);font-size:13px;font-weight:800}.job-meta{display:grid;gap:4px;margin:15px 0;color:var(--muted);font-size:12px}.job-card .button{min-height:40px;font-size:11px}.notice,.warning-panel{padding:22px;border-left:3px solid var(--orange);border-radius:0 14px 14px 0;background:#fff7ed;color:#71553f;font-size:13px}.bkk-form-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;margin:55px 0;padding:34px;border-radius:25px;background:#e7efe4}.bkk-form-copy h2{margin:12px 0;font-size:38px;line-height:1.04;letter-spacing:-.06em}.bkk-form-copy p{color:var(--muted);font-size:14px}.check-points{padding-left:18px;color:var(--forest);font-size:12px}.form-card{padding:22px;border-radius:18px;background:#fff}.form-card form{display:grid;gap:12px}.form-card label:not(.consent-row){display:grid;gap:5px;font-size:11px;font-weight:800}.form-card input[type=text],.form-card select,.form-card textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:13px}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.news-filters input:focus,.news-filters select:focus{outline:2px solid var(--lime);border-color:var(--forest)}.consent-row{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px}.consent-row input{margin-top:4px}.form-notice{padding:10px 12px;border-radius:9px;font-size:12px}.form-success{background:#e7f2de;color:#23513a}.form-error{background:#fff0eb;color:#8e3523}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.service-grid{margin-top:32px}.service-grid>article .eyebrow{margin-bottom:8px}.service-grid h2{margin:0 0 8px;font-size:21px}.service-grid a{display:inline-block;margin-top:12px;font-size:11px;font-weight:800;text-decoration:none}.service-grid-4{grid-template-columns:repeat(4,1fr)}.ppdb-cover{max-width:340px;margin:0 auto 42px}.ppdb-cover img{width:100%;border-radius:22px;box-shadow:var(--shadow)}.steps-grid{grid-template-columns:repeat(4,1fr)}.steps-grid>article>span{display:grid;place-items:center;width:32px;height:32px;margin-bottom:20px;border-radius:50%;background:var(--lime);color:var(--forest);font-size:10px;font-weight:900}.steps-grid h2{margin:0 0 8px;font-size:20px}.checklist-panel,.warning-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:0;border-radius:20px;background:#fff}.checklist-panel h2,.warning-panel h2{margin:8px 0;font-size:28px}.checklist-panel p,.warning-panel p{max-width:700px;margin:0 0 12px;color:var(--muted);font-size:13px}.checklist-mark{display:grid;place-items:center;flex:0 0 72px;height:72px;border-radius:50%;background:var(--lime);color:var(--forest);font-size:34px;font-weight:900}.warning-panel{display:block;background:#fff7ed}.warning-panel .button{margin:7px 14px 0 0}.faq-list{max-width:820px;margin:45px auto}.faq-list h2{margin:8px 0 18px}.faq-list details{padding:16px 2px;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:14px;font-weight:800}.faq-list details p{margin:10px 0 0;font-size:13px}.contact-grid{grid-template-columns:repeat(3,1fr)}.contact-card h2 a{color:var(--ink);text-decoration:none}.contact-card h2 a:hover{color:var(--forest)}.social-callout{margin:45px 0;background:var(--sage)}.social-links{display:flex;flex-wrap:wrap;gap:9px}.archive-section .page-intro{margin-left:0}.article-container{max-width:850px;padding-top:55px;padding-bottom:85px}.back-link{font-size:12px;font-weight:800;text-decoration:none}.article-meta{display:flex;gap:14px;margin-top:35px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.article-meta span:first-child{color:var(--forest)}.article-title{max-width:840px;margin:14px 0 27px;font-size:clamp(40px,6.5vw,72px);line-height:.98;letter-spacing:-.07em}.article-cover{margin:0 0 35px}.article-cover img{width:100%;max-height:580px;object-fit:cover;border-radius:22px}.article-body{max-width:720px;font-size:17px}.article-body p{color:#3c4a43}.source-note{margin:40px 0;padding:22px;border-radius:16px;background:#e9efe7}.source-note p{margin:7px 0;color:var(--muted);font-size:13px}.article-end{margin-top:35px}.entry-content img{border-radius:15px}.site-footer{padding:54px 0 18px;background:#103d30;color:rgba(255,255,255,.75)}.footer-main{display:grid;grid-template-columns:1.15fr .75fr 1fr;gap:55px;padding-bottom:40px}.brand-inverse{color:#fff}.brand-inverse .brand-copy small{color:rgba(255,255,255,.6)}.footer-brand>p{max-width:280px;color:rgba(255,255,255,.66);font-size:13px}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12px}.footer-column .eyebrow{margin-bottom:5px;color:var(--lime)}.footer-column>a,.footer-social a{color:rgba(255,255,255,.8);text-decoration:none}.footer-column>a:hover,.footer-social a:hover{color:var(--lime)}.footer-contact>span:not(.eyebrow){max-width:300px}.footer-social{display:flex;flex-wrap:wrap;gap:13px;margin-top:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18);font-size:10px;color:rgba(255,255,255,.57)}
@media(max-width:1100px){.header-inner{gap:14px}.primary-navigation{gap:11px}.primary-navigation a{font-size:11px}.header-cta{display:none}.hero-grid{gap:42px}.hero-visual>img{height:330px}}
@media(max-width:900px){.container{width:min(var(--content),calc(100% - 40px))}.header-inner{position:relative;min-height:74px}.mobile-nav-toggle{display:block;margin-left:auto}.primary-navigation{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:8px 20px 16px;border-bottom:1px solid var(--line);background:var(--cream);box-shadow:0 16px 25px rgba(20,40,32,.08)}.primary-navigation.is-open{display:flex}.primary-navigation a{padding:10px 3px;border-bottom:1px solid rgba(20,40,32,.07);font-size:13px}.primary-navigation a:last-child{border-bottom:0}.hero-grid{grid-template-columns:1fr 1fr;padding-top:56px;padding-bottom:62px}.hero h1{font-size:clamp(48px,7vw,68px)}.hero-visual>img{height:300px}.program-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.leader-grid{grid-template-columns:repeat(2,1fr)}.service-grid-4{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.bkk-form-panel{grid-template-columns:1fr 1.15fr}.footer-main{gap:30px}}
@media(max-width:640px){.container{width:calc(100% - 34px)}.topline-inner{min-height:32px}.topline-inner>span{font-size:8px}.topline-inner>a{font-size:8px;white-space:nowrap}.brand-logo{width:43px;height:43px}.header-inner{min-height:68px}.hero-grid{grid-template-columns:1fr;padding-top:50px;padding-bottom:50px}.hero h1{font-size:clamp(49px,14vw,70px)}.hero-lead{font-size:15px}.hero-visual{margin-top:15px;padding:0}.hero-visual:before{inset:-7px 12px 17px -7px}.hero-visual>img{height:250px;border-radius:21px}.hero-caption{right:-3px;bottom:-12px;min-width:215px;padding:11px 13px}.value-strip-grid{grid-template-columns:1fr}.value-strip article,.value-strip article:first-child{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.value-strip article:last-child{border-bottom:0}.section{padding:58px 0}.split-section,.section-heading{grid-template-columns:1fr;gap:18px}.split-section h2,.section-heading h2,.principal-message h2,.final-cta h2{font-size:clamp(34px,10vw,48px)}.principal-section{padding:58px 0}.principal-grid{grid-template-columns:1fr;gap:37px}.principal-photo{width:72%;max-width:290px}.principal-photo img{max-height:430px}.photo-caption{right:-10px;font-size:9px}.program-grid,.news-grid,.pathway-grid,.value-grid,.leader-grid,.service-grid,.service-grid-4,.steps-grid,.contact-grid,.bkk-grid,.stats-grid{grid-template-columns:1fr}.program-card{min-height:0}.program-card h2{max-width:90%}.pathway-card{min-height:220px}.news-card{min-height:220px}.final-cta-inner{align-items:flex-start;flex-direction:column}.page-shell{padding-top:14px;padding-bottom:55px}.page-intro{padding-top:35px;margin-bottom:32px}.page-intro h1{font-size:clamp(40px,12vw,58px)}.page-intro .lead{font-size:15px}.video-callout,.social-callout{align-items:flex-start;flex-direction:column;padding:22px}.org-chart{padding:10px}.org-chart-actions{align-items:flex-start;flex-direction:column}.bkk-form-panel{grid-template-columns:1fr;padding:19px;gap:22px}.bkk-form-copy h2{font-size:32px}.form-card{padding:17px}.checklist-panel{align-items:flex-start}.checklist-mark{flex-basis:52px;height:52px;font-size:25px}.warning-panel{padding:21px}.warning-panel .button{margin-bottom:10px}.footer-main{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:5px}.article-container{padding-top:38px}.article-title{font-size:clamp(40px,12vw,58px)}.article-body{font-size:16px}.news-filters input{flex-basis:100%}.news-count{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.program-video-callout{display:grid;grid-template-columns:.95fr 1.05fr;align-items:stretch;gap:0;overflow:hidden;margin:34px 0;border-radius:26px;background:#103d30;color:#fff}.program-video-copy{align-self:center;padding:clamp(26px,4vw,46px)}.program-video-copy .eyebrow{color:var(--lime)}.program-video-copy h2{margin:15px 0;font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-.055em}.program-video-copy h2 em{color:var(--lime);font-style:italic}.program-video-copy p{color:rgba(255,255,255,.75);font-size:13px}.program-video-copy .button{background:var(--lime);color:var(--ink)}.program-video-embed{display:grid;place-items:center;min-width:0;padding:10px;background:#fff;overflow:hidden}.program-video-embed blockquote.instagram-media,.program-video-embed iframe.instagram-media{width:100%!important;max-width:540px!important;min-width:0!important;margin:0 auto!important}@media(max-width:760px){.program-video-callout{grid-template-columns:1fr}.program-video-copy{padding:26px}.program-video-embed{min-height:450px}}

.primary-navigation a{font-size:14px}@media(max-width:1100px){.primary-navigation a{font-size:13px}}@media(max-width:900px){.primary-navigation a{font-size:14px}}.news-pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:30px 0 5px}.news-pagination-pages{display:flex;align-items:center;gap:8px}.news-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--forest);font-size:12px;font-weight:850;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.news-pagination a:hover{background:var(--sage);transform:translateY(-1px)}.news-pagination a.is-current,.news-pagination a[aria-current=page]{border-color:var(--forest);background:var(--forest);color:#fff}.news-pagination .news-page-prev,.news-pagination .news-page-next{min-width:unset}.news-pagination a:focus-visible{outline:3px solid var(--lime);outline-offset:2px}@media(max-width:560px){.news-pagination{gap:7px}.news-pagination-pages{gap:5px}.news-pagination a{min-width:38px;min-height:38px;padding:0 10px;font-size:11px}.news-pagination .news-page-prev,.news-pagination .news-page-next{padding:0 10px}}

.program-video-embed iframe.youtube-player{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:14px;background:#000}@media(max-width:760px){.program-video-embed{min-height:0;padding:0}.program-video-embed iframe.youtube-player{border-radius:0}}

.program-video-embed iframe.instagram-player{display:block;width:100%;height:600px;max-width:540px;margin:0 auto;border:0;border-radius:14px;background:#000}@media(max-width:760px){.program-video-embed{min-height:0;padding:0}.program-video-embed iframe.instagram-player{height:640px;max-width:none;border-radius:0}}

.program-video-callout{grid-template-columns:1fr;justify-items:center}.program-video-copy{width:100%;max-width:980px;margin:0 auto;text-align:center;padding:32px clamp(22px,4vw,44px) 24px}.program-video-embed{width:100%;padding:18px}.program-video-copy .button{margin-top:10px}


/* Video-matched color blocks for each study program; TP follows the user's blue-gray correction. */
.program-card{background:var(--major-bg,var(--paper));color:var(--major-ink,var(--ink));border-color:var(--major-border,var(--line))}
.program-card h2,.program-card p{color:var(--major-ink,var(--ink))}
.program-card .program-index{color:var(--major-ink,var(--ink));opacity:.72}
.program-card .program-code{background:var(--major-badge-bg,#eef3db);color:var(--major-badge-ink,var(--forest))}
.program-card-tp,.program-card-teknik-pemesinan{--major-bg:#526b7a;--major-ink:#fff;--major-border:#425866;--major-badge-bg:rgba(255,255,255,.16);--major-badge-ink:#fff}
.program-card-tkr{--major-bg:#bd2528;--major-ink:#fff;--major-border:#a31e23;--major-badge-bg:rgba(255,255,255,.16);--major-badge-ink:#fff}
.program-card-dkv{--major-bg:#087f8c;--major-ink:#fff;--major-border:#096a74;--major-badge-bg:rgba(255,255,255,.16);--major-badge-ink:#fff}
.program-card-dpib{--major-bg:#171717;--major-ink:#fff;--major-border:#101010;--major-badge-bg:rgba(255,255,255,.14);--major-badge-ink:#fff}
.program-card-tkp{--major-bg:#2369c8;--major-ink:#fff;--major-border:#1a4f98;--major-badge-bg:rgba(255,255,255,.16);--major-badge-ink:#fff}
.program-card-tkj{--major-bg:#258044;--major-ink:#fff;--major-border:#1a6534;--major-badge-bg:rgba(255,255,255,.16);--major-badge-ink:#fff}
.program-card-tsm{--major-bg:#741f3b;--major-ink:#fff;--major-border:#5f1830;--major-badge-bg:rgba(255,255,255,.16);--major-badge-ink:#fff}


/* Compact program cards: tighter spacing and smaller type, with responsive columns. */
.program-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.program-card{min-height:0;padding:15px;border-radius:18px}
.program-card h2{max-width:100%;margin:0 0 7px;font-size:16px;line-height:1.22;letter-spacing:-.025em}
.program-card p{font-size:12px;line-height:1.48}
.program-card .program-code{margin:0 0 14px;padding:4px 8px;font-size:9px;letter-spacing:.08em}
.program-card .program-index{top:14px;right:14px;font-size:9px}
@media(max-width:980px){.program-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:560px){.program-grid{grid-template-columns:1fr;gap:10px}.program-card{padding:15px}.program-card h2{font-size:16px}}


/* News cards use their original Instagram cover without cropping poster text. */
.news-card-media{display:grid;place-items:center;height:220px;margin:-22px -22px 16px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:#f1f4ef}
.news-card-media img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:560px){.news-card-media{height:200px}}

/* Keep intrinsic portrait images inside the fixed cover frame, above no card text. */
.news-card-media{position:relative}
.news-card-media img{position:absolute;inset:0;max-width:100%;max-height:100%}