:root{--primary:#03562b;--accent:#2cbd22;--header:#efefef}html{scroll-behavior:smooth;overflow-x:hidden}body{background:#fff;color:#333;font-family:Montserrat,Arial,sans-serif}.wrapper{background:white}.boxed .wrapper{max-width:1170px;margin:auto;box-shadow:0 0 10px #0004}.nav-mading,.nav-inn{position:relative!important;top:auto!important;width:100%!important}.open{background:var(--primary);display:flex;justify-content:center;flex-wrap:wrap;padding:6px 12px;gap:18px;color:#fff;font-size:12px;height:auto;line-height:22px}.open .oleft{float:none;margin:0}.open a{color:white}.contact-label{background:#071b0d;margin-right:6px;padding:2px 6px}.inn{background:var(--header);padding:12px 16px;display:flex;align-items:center;min-height:70px;height:auto!important;position:relative}.logo{float:none;flex:none;width:54px;margin:0 26px 0 0}.logo img#logo{width:48px;height:54px;object-fit:contain;max-height:54px}.nav{float:none;flex:1;position:static}.nav .dd{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0}.nav .dd>li{float:none;position:relative}.nav .dd li a{color:#087bc5;font-size:13px;padding:15px 12px;display:block;line-height:1.5}.nav .dd li:after{display:none}.nav .dd li ul{background:var(--primary);top:100%;left:0;min-width:230px;display:none;position:absolute;z-index:30}.nav .dd li:hover>ul,.nav .dd li:focus-within>ul{display:block}.nav .dd li ul li{display:block;float:none}.nav .dd li ul li a{color:white}.nav .dd li ul ul{left:100%;top:0}.mobile-toggle,.search-toggle{border:0;background:var(--accent);color:white;font-size:22px;cursor:pointer;padding:7px 12px}.mobile-toggle{display:none}.site-search{padding:16px;display:flex;gap:8px;background:#f5f5f5}.site-search[hidden]{display:none}.site-search input{flex:1;min-width:0}.site-search input,.site-search select,.site-search button{padding:10px;border:1px solid #ddd}.site-search button,.comment-section button{background:var(--primary);color:#fff}.cms-slider{height:430px;position:relative;overflow:hidden;background:#e5eae5}.cms-slide{position:absolute;inset:0;display:none}.cms-slide.active{display:block}.cms-slide>img{width:100%;height:100%;object-fit:cover}.slide-caption{position:absolute;bottom:0;left:0;right:0;padding:65px 45px 35px;background:linear-gradient(transparent,#000b);color:#fff}.slide-caption h1{font-size:30px;line-height:1.4}.slide-caption a{color:white}.slide-caption p{line-height:1.8;margin-top:10px}.slide-prev,.slide-next{position:absolute;top:45%;border:0;background:#0006;color:white;font-size:40px;cursor:pointer;width:42px;height:54px}.slide-prev{left:0}.slide-next{right:0}.empty-slide{padding:100px 30px;text-align:center}.maschol{display:flex;justify-content:space-between;background:var(--primary);color:#fff;padding:20px 25px;align-items:center}.maschol .scname{float:none;width:auto;padding:0;background:none}.maschol h2{color:white;font-size:22px;margin:0}.massos a{color:white}.madticker{display:flex;align-items:center;background:var(--primary);height:auto;min-height:36px;color:#fff;overflow:hidden}.madticker #infotit{position:static;background:var(--accent);float:none;flex:none;padding:9px 12px;font-size:12px}.ticker-copy{padding:8px 14px;flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-date{padding:8px 12px;font-size:11px;flex:none;background:var(--accent)}.breadcrumbs{padding:17px 25px;background:#f7f7f7;font-size:12px;line-height:1.7}.white.bber{display:flex;padding:30px 25px;gap:25px}.white.bber>.content{float:none;width:75%;padding:0}.mabaru{padding:0}.abspan,.section-title{font-size:20px;font-weight:bold;margin:0 0 18px;text-transform:uppercase;color:var(--primary)}.news-mosaic{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:200px 170px;gap:4px}.news-tile{position:relative;overflow:hidden}.news-tile img{width:100%;height:100%;object-fit:cover}.tile-0{grid-row:span 2}.tile-1{grid-column:span 2}.tile-caption{position:absolute;bottom:0;left:0;right:0;padding:45px 14px 15px;background:linear-gradient(transparent,#000d);color:white}.tile-caption h3{font-size:14px;line-height:1.5;margin-top:7px}.tile-0 h3{font-size:20px}.tile-caption a{color:white}.tile-caption span{font-size:10px}.home-editorial{width:25%;border-left:1px solid #eee;padding-left:24px}.home-editorial>h3:first-child{font-size:20px;color:var(--primary);font-weight:bold;text-transform:uppercase;margin-bottom:18px}.home-editorial img{width:100%;max-height:220px;object-fit:cover}.home-editorial h3{line-height:1.6;margin:12px 0}.home-editorial p{font-size:12px;line-height:1.9}.readmore{margin:17px 0;text-align:right}.read-link{display:inline-block;margin:10px 0}.pbpe{padding:10px 25px 25px}.secblock,.pead,.innpad{width:100%;padding:0}.innpad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.peaduo.hleft{float:none;width:auto;margin:0;padding:0}.fopen{padding:12px 0!important;margin-bottom:16px!important;border-bottom:3px solid var(--primary);font-size:18px!important}.six-info{position:relative;margin-bottom:15px}.six-info img{object-fit:cover}.six-info.n-one .pealink img{width:100%;height:160px}.six-info.n-one .top-post{background:linear-gradient(transparent,#000b);padding:30px 12px 12px;position:absolute;bottom:0;left:0;right:0;color:white}.six-info.n-one a{color:white}.six-info h3{font-size:12px;line-height:1.6}.six-info.no-one .pealink{width:70px;float:left;margin-right:10px}.six-info.no-one img{width:70px;height:60px}.metas{font-size:9px;line-height:1.6}.eightgal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.eight{width:auto;padding:0;float:none}.eiginn{height:170px;position:relative;overflow:hidden}.eiginn img{width:100%;height:100%;object-fit:cover}.gspan{position:absolute;bottom:0;background:#0008;padding:10px;color:white;line-height:1.5;font-size:12px}.galeria{padding:25px}.home-quote{padding:35px;background:var(--primary);color:white;text-align:center;line-height:1.9}.home-quote cite{display:block;font-size:12px}.dmaps{padding:0}.footbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:30px;background:#f3f3f3}.footbar .foot-bar{width:auto;float:none;padding:0;font-size:12px;line-height:1.9}.footbar h3{font-weight:bold;margin-bottom:12px;color:var(--primary)}.footer{padding:18px 24px;background:var(--primary);color:white;font-size:11px;line-height:1.8}.madinn{padding:30px 25px;display:flex;gap:30px}.madinn>.content{float:none;width:72%;min-width:0}.madings{padding:0}.madinn #sidebar{float:none;width:28%;margin:0}.widget{margin-bottom:28px}.widget h3{font-size:18px;color:var(--primary);border-bottom:3px solid var(--primary);padding-bottom:10px;margin-bottom:15px}.widget li,.widget p{font-size:12px;line-height:1.8;padding:5px 0}.sidebar-post{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #eee;font-size:12px;line-height:1.6}.sidebar-post img{width:75px;height:60px;object-fit:cover}.sidebar-post small{display:block;font-size:10px;color:#888}.post-meta h1{font-size:26px;line-height:1.5;margin-bottom:12px}.archive-item{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #eee}.archive-item>a{flex:none;width:35%}.archive-item img{width:100%;height:160px;object-fit:cover}.archive-item h2{font-size:19px;line-height:1.5;margin:7px 0}.archive-item p{font-size:13px;line-height:1.8}.archive-item small{font-size:11px;color:#888}.pagination{display:flex;gap:5px;flex-wrap:wrap;margin-top:25px}.pagination a{padding:7px 10px;border:1px solid #ddd}.pagination .current{background:var(--primary);color:#fff}.single{display:flex;gap:20px}.podate{width:60px;float:none;flex:none}.rside{float:none;width:auto;min-width:0;flex:1}.ddays{font-size:30px;color:var(--primary);font-weight:bold}.dtimes{font-size:10px;line-height:1.8}.post-meta>span{font-size:11px;color:#888}.share{font-size:9px}.share a{display:block;font-size:20px;margin:12px 0}.post-content{font-family:Arial,sans-serif;line-height:1.9;font-size:15px}.post-content p{margin:15px 0}.post-content h2,.post-content h3{margin:20px 0;font-size:22px;line-height:1.5}.post-content img{max-width:100%;height:auto}.post-content ul,.post-content ol{padding-left:25px;list-style:revert}.post-content table{display:block;overflow:auto;max-width:100%}.post-content a{overflow-wrap:anywhere}.content-meta{border:1px solid #ddd;padding:16px;margin-top:20px;font-size:13px}.content-meta dt{font-weight:bold}.content-meta dd{margin-bottom:10px;overflow-wrap:anywhere}.comment-section{padding:25px 0;margin-left:80px;font-size:13px}.comment-section h2{font-size:20px;margin-bottom:15px}.comment-section label{display:block;margin:15px 0}.comment-section input,.comment-section textarea{display:block;width:100%;border:1px solid #ddd;padding:10px;margin-top:7px;font:inherit}.comment-section button{border:0;padding:12px 20px;cursor:pointer}.comment-section form>p{font-size:11px;line-height:1.8;margin:12px 0}.comment{border-bottom:1px solid #ddd;padding:15px 0;line-height:1.8}.comment small{display:block;color:#888}.empty-state{font-size:13px;padding:25px 0;line-height:1.8}#return-to-top{position:fixed;right:20px;bottom:20px;background:var(--primary);color:#fff;padding:12px;z-index:40}button:focus-visible,a:focus-visible{outline:3px solid #f1b81c;outline-offset:3px}@media(max-width:1000px){.nav .dd li a{padding:12px 8px;font-size:12px}.logo{margin-right:12px}.innpad{grid-template-columns:repeat(2,minmax(0,1fr))}.home-editorial{width:30%}.white.bber>.content{width:70%}.tile-0 h3{font-size:16px}}@media(max-width:760px){.open{font-size:10px;gap:5px 12px}.open .oleft:last-child{display:none}.inn{flex-wrap:wrap;gap:10px}.logo{margin-right:auto}.mobile-toggle{display:block}.nav{display:none;order:5;flex-basis:100%}.nav.is-open{display:block}.nav .dd{display:block}.nav .dd li a{padding:12px;font-size:13px}.nav .dd li ul{position:static;display:block;min-width:0;background:#e5ebe5;padding-left:14px}.nav .dd li ul li a{color:#17623c}.nav .dd li ul ul{position:static}.cms-slider{height:280px}.slide-caption{padding:45px 30px 20px}.slide-caption h1{font-size:21px}.slide-caption p{font-size:12px}.maschol{padding:16px}.maschol h2{font-size:16px;line-height:1.6}.madticker #infotit{font-size:10px}.ticker-date{display:none}.white.bber{display:block;padding:22px 16px}.white.bber>.content,.home-editorial{width:100%;float:none}.home-editorial{border-left:0;border-top:1px solid #ddd;padding:22px 0 0;margin-top:20px}.home-editorial img{float:left;width:100px;margin-right:15px}.news-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:210px 145px 145px}.tile-0{grid-column:span 2;grid-row:auto}.tile-1{grid-column:span 2}.tile-0 h3{font-size:20px}.tile-caption h3{font-size:13px}.pbpe{padding:10px 16px 22px}.innpad{gap:20px}.peaduo h3.fopen{font-size:16px!important}.six-info.no-one .pealink{width:55px;margin-right:7px}.six-info.no-one img{width:55px;height:50px}.eightgal{grid-template-columns:repeat(2,minmax(0,1fr))}.galeria{padding:22px 16px}.eiginn{height:150px}.footbar{grid-template-columns:1fr;padding:25px 20px;gap:22px}.madinn{display:block;padding:22px 16px}.madinn>.content,.madinn #sidebar{width:100%}.madinn #sidebar{margin-top:30px}.archive-item{gap:13px}.archive-item h2{font-size:16px}.archive-item img{height:110px}.archive-item p{font-size:12px}.post-meta h1{font-size:23px}.podate{display:none}.comment-section{margin-left:0}.post-content{font-size:14px}.site-search{flex-wrap:wrap}.site-search input{flex-basis:100%}.section-title{font-size:18px}}@media(max-width:380px){.innpad{grid-template-columns:1fr}.six-info.n-one .pealink img{height:210px}.news-mosaic{grid-template-rows:190px 140px 150px}.tile-caption{padding:40px 10px 12px}.tile-caption h3{font-size:12px}.archive-item{display:block}.archive-item>a{display:block;width:100%;margin-bottom:10px}.archive-item img{height:190px}}.video-embed{width:100%;aspect-ratio:16/9;border:0;margin:20px 0}.download-button{display:inline-block;padding:12px 22px;background:var(--primary);color:#fff!important;border-radius:3px}.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.detail-gallery img{width:100%;height:150px;object-fit:cover}.data-table{max-width:100%;overflow:auto;margin:20px 0}.data-table table{display:table;border-collapse:collapse;min-width:100%}.data-table caption{text-align:left;font-weight:bold;padding-bottom:12px}.data-table td{padding:12px;border:1px solid #ccc;min-width:100px;font-size:13px;line-height:1.7}.data-table tr:nth-child(odd){background:#f5f5f5}[hidden]{display:none!important}@media(max-width:500px){.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep the original Mading news mosaic and editorial proportions. */
.home-lead.white.bber{display:block;padding:0}.home-lead.white.bber>.content{width:66.6667%;float:left}.home-lead .rcon{width:33.3333%;float:right}.home-lead .abspan{font-size:13px;line-height:25px;padding:0 8px;background:var(--accent);color:white;z-index:15}.home-lead .coverlay,.home-lead .seccon,.home-lead .twocon{z-index:5;color:#fff}.home-lead .coverlay a,.home-lead .seccon a,.home-lead .twocon a{color:#fff}.home-lead .ccovlay{background:linear-gradient(transparent,#000c);pointer-events:none;z-index:2}.home-lead .editoz{background:var(--primary);color:white}.home-lead .edspan{background:var(--accent);color:white}.home-lead .corner a{color:white}.home-lead .edbot{background:var(--accent)}.home-lead .edbot a{color:white}.cms-slider{height:auto;aspect-ratio:1100/525;min-height:200px}.maschol .scname{margin-right:0}.massos{width:auto;position:static;right:auto;margin:0}.logo{padding:0}.comment-section input,.comment-section textarea{box-sizing:border-box}.post-content{overflow-wrap:anywhere}@media(max-width:760px){.home-lead.white.bber>.content,.home-lead .rcon{width:100%;float:none}.home-lead .rconbg{margin:12px}.home-lead .editoz,.home-lead .rconbg{height:270px}.home-lead .editoz img{height:270px}.cms-slider{min-height:190px}}
.post-tags{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 0 80px}.post-tags a{background:#f0f4f0;font-size:11px;padding:5px 9px;border:1px solid #d8e4d8}@media(max-width:760px){.post-tags{margin-left:0}}
.sidebar-search{display:flex;gap:6px}.sidebar-search input{width:100%;min-width:0;padding:10px;border:1px solid #ccc}.sidebar-search button{border:0;background:var(--primary);color:white;padding:8px 12px}.sidebar-post{font-size:13px}
.foot-bar .widget{margin-bottom:25px}.feed-list li{border-bottom:1px solid #ddd;padding:7px 0;line-height:1.7}.foot-bar .widget h3{font-size:17px;padding-bottom:10px;border-bottom:2px solid var(--primary)}

/* Full-width header outside the boxed page content. */
body > .nav-mading{width:100%;max-width:none;margin:0;box-sizing:border-box}
body > .nav-mading .nav-inn{width:100%;max-width:none;height:auto}
body > .nav-mading .inn{width:100%;box-sizing:border-box}

/* Center desktop navigation within the header panel. */
@media (min-width: 761px) {
 body > .nav-mading .inn {display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;gap:0}
 body > .nav-mading .logo {margin:0;justify-self:start}
 body > .nav-mading .nav {width:100%;min-width:0;float:none;justify-self:center}
 body > .nav-mading .nav > .dd {width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
 body > .nav-mading .search-toggle {justify-self:end}
}

/* Expand submenu panels below the entire header, never beside the parent. */
body > .nav-mading .nav .dd > li > .sub-menu{display:none!important}
.submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:30px;border:0;background:transparent;color:inherit;cursor:pointer;vertical-align:middle;font-size:15px}
body > .nav-mading .nav .dd > li.has-header-submenu{display:flex;align-items:center}
body > .nav-mading .nav .dd > li.has-header-submenu > a{padding-right:3px}
.header-submenu{position:absolute;top:100%;left:0;width:100%;box-sizing:border-box;display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-8px);pointer-events:none;z-index:1010;background:rgba(220,220,220,.8);transition:grid-template-rows .25s ease,opacity .2s ease,transform .25s ease}
.header-submenu.is-open{grid-template-rows:1fr;opacity:1;transform:translateY(0);pointer-events:auto}
.header-submenu-inner{min-height:0;overflow:hidden}
.header-submenu ul{list-style:none;margin:0;float:none;width:auto;height:auto;position:static;background:none;border:0;box-shadow:none}
.header-submenu > .header-submenu-inner > ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:8px 24px;padding:22px clamp(18px,4vw,64px)}
.header-submenu li{display:block;float:none;position:static;min-width:0;padding:0;margin:0;border:0;line-height:1.6}
.header-submenu a{display:block;color:#fff;padding:10px 12px;font-size:14px;line-height:1.6;text-decoration:none;overflow-wrap:anywhere;border-radius:3px}
.header-submenu a:hover,.header-submenu a:focus-visible{background:rgba(255,255,255,.16);color:#fff}
.header-submenu li > ul{display:block;padding:0 0 0 18px;border-left:1px solid #ffffff50;margin-left:12px}
.header-submenu li > ul a{font-size:12px;padding-block:7px}
.header-submenu ul:before,.header-submenu ul:after,.header-submenu li:after{display:none!important}
@media(max-width:760px){body > .nav-mading .nav .dd > li.has-header-submenu{display:flex;justify-content:space-between}.header-submenu > .header-submenu-inner > ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;padding:16px}.header-submenu a{font-size:12px;padding:9px 7px}.header-submenu li > ul{padding-left:8px;margin-left:5px}}
@media(max-width:380px){.header-submenu > .header-submenu-inner > ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.header-submenu{transition:none;transform:none}}

.submenu-toggle::before{content:"";display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor}

/* Slide right to left, with a slow zoom out on each image. */
.cms-slider .cms-slide{display:block;visibility:hidden;opacity:0;transform:translateX(100%);overflow:hidden;pointer-events:none}
.cms-slider .cms-slide.active{visibility:visible;opacity:1;transform:translateX(0);z-index:2;pointer-events:auto;animation:banner-enter .8s cubic-bezier(.22,.61,.36,1) both}
.cms-slider .cms-slide.leaving{visibility:visible;opacity:1;z-index:1;animation:banner-exit .8s cubic-bezier(.22,.61,.36,1) both}
.cms-slider .cms-slide > img{transform:scale(1.12);transform-origin:center;will-change:transform}
.cms-slider .cms-slide.active > img,.cms-slider .cms-slide.leaving > img{animation:banner-zoom-out 7.3s ease-out both}
.cms-slider .slide-prev,.cms-slider .slide-next{z-index:5}
@keyframes banner-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes banner-exit{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes banner-zoom-out{from{transform:scale(1.12)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.cms-slider .cms-slide.active,.cms-slider .cms-slide.leaving,.cms-slider .cms-slide.active > img,.cms-slider .cms-slide.leaving > img{animation:none}.cms-slider .cms-slide > img{transform:none;will-change:auto}.cms-slider .cms-slide.leaving{visibility:hidden;opacity:0}}

/* Space between the pondok identity panel and Sekilas Info. */
.home .maschol{margin-bottom:10px}

/* Let each gallery card fill its grid column and preserve the whole image. */
.galeria .eightgal > .eight{width:100%;min-width:0;float:none;box-sizing:border-box}
.galeria .eightgal .eiginn{width:100%;height:auto}
.galeria .eightgal .eiginn > a{display:block;width:100%}
.galeria .eightgal .eiginn img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}

/* Semibold text for primary navigation and submenu links. */
body > .nav-mading .nav .dd a{font-weight:600}

/* Navigation text follows the theme's dark green primary color. */
body > .nav-mading .nav .dd a,body > .nav-mading .submenu-toggle,.header-submenu a,.header-submenu a:hover,.header-submenu a:focus-visible{color:var(--primary)}

/* Submenu typography on the translucent gray panel. */
.header-submenu{font-family:"Poppins",Arial,sans-serif;font-weight:400}.header-submenu a,.header-submenu a:hover,.header-submenu a:focus-visible{color:var(--primary);opacity:1;font-family:"Poppins",Arial,sans-serif;font-weight:400}

/* Subtle logo interaction, also available to keyboard navigation. */
body > .nav-mading .logo > a{display:inline-block}
body > .nav-mading .logo img#logo{transition:transform .25s ease,filter .25s ease;transform-origin:center}
@media(hover:hover){body > .nav-mading .logo > a:hover img#logo{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 4px 5px rgba(3,86,43,.3))}}
body > .nav-mading .logo > a:focus-visible img#logo{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 4px 5px rgba(3,86,43,.3))}
@media(prefers-reduced-motion:reduce){body > .nav-mading .logo img#logo{transition:none}body > .nav-mading .logo > a:hover img#logo,body > .nav-mading .logo > a:focus-visible img#logo{transform:none}}

/* Main menu and search interactions. */
body > .nav-mading .nav > .dd > li > a{border-radius:4px;transition:color .22s ease,background-color .22s ease,transform .22s ease,box-shadow .22s ease}
body > .nav-mading .search-toggle{transition:background-color .22s ease,transform .22s ease,box-shadow .22s ease;border-radius:4px}
@media(hover:hover){
 body > .nav-mading .nav > .dd > li > a:hover{background:rgba(3,86,43,.08);color:var(--primary);transform:translateY(-2px);box-shadow:inset 0 -2px 0 var(--primary)}
 body > .nav-mading .search-toggle:hover{background:var(--primary);color:#fff;transform:translateY(-2px) scale(1.06);box-shadow:0 4px 8px rgba(3,86,43,.2)}
}
body > .nav-mading .nav > .dd > li > a:focus-visible{background:rgba(3,86,43,.08);box-shadow:inset 0 -2px 0 var(--primary)}
body > .nav-mading .search-toggle:focus-visible{background:var(--primary);color:#fff;box-shadow:0 4px 8px rgba(3,86,43,.2)}
@media(prefers-reduced-motion:reduce){body > .nav-mading .nav > .dd > li > a,body > .nav-mading .search-toggle{transition:none}body > .nav-mading .nav > .dd > li > a:hover,body > .nav-mading .search-toggle:hover{transform:none}}

/* Light green background for the homepage photo gallery. */
.home #aleft{background:#c8e6c9}
.home #aleft .galeria{background:transparent}

/* Latest channel videos: four smaller cards on the left, newest on the right. */
.home-videos{padding:30px 25px;background:#fff}
.video-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}
.video-section-heading .section-title{margin:0}
.video-section-heading>a{font-size:12px;line-height:1.6;color:var(--primary);font-weight:600}
.channel-video-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.channel-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
.channel-video-card{min-width:0;margin:0}
.channel-video-card>a{display:block;color:var(--primary)}
.channel-video-thumbnail{position:relative;aspect-ratio:16/9;background:#e8efe9;overflow:hidden;border-radius:5px}
.channel-video-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.video-play-icon{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(3,86,43,.85);box-shadow:0 2px 10px #0003;display:grid;place-items:center}
.video-play-icon:after{content:"";border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.channel-video-caption{padding:10px 0 0}
.channel-video-caption time{font-size:10px;color:#737b75;display:block;line-height:1.6}
.channel-video-caption h3{font-size:12px;font-weight:600;line-height:1.6;margin:4px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.channel-video-featured .channel-video-caption h3{font-size:19px;-webkit-line-clamp:3;line-height:1.6}
.channel-video-featured .video-play-icon{width:62px;height:62px}
.channel-video-featured .video-play-icon:after{border-left-width:17px;border-top-width:11px;border-bottom-width:11px}
.channel-video-featured .channel-video-caption{padding-top:14px}
.channel-video-featured .channel-video-caption time{font-size:12px}
.video-load-status{padding:30px 0;font-size:13px;line-height:1.8;color:#54665b}
.channel-watch-page{padding:25px}
.channel-watch-player{width:100%;aspect-ratio:16/9;background:#071b0d;border-radius:6px;overflow:hidden}
.channel-watch-player iframe{display:block;width:100%;height:100%;border:0}
.channel-watch-info{padding:22px 0 30px}
.channel-watch-info h1{font-size:clamp(20px,3vw,29px);line-height:1.5;margin:10px 0 18px;color:var(--primary);font-weight:600}
.channel-watch-meta{font-size:12px;line-height:1.8;color:#65756b}
.channel-watch-meta span{padding-inline:8px}
.channel-video-description{padding:15px 18px;background:#f1f6f2;border-radius:4px;font-size:13px;line-height:1.9;margin-bottom:18px}
.channel-video-description summary{cursor:pointer;font-weight:600;color:var(--primary)}
.channel-video-description p{margin-top:12px;overflow-wrap:anywhere;max-height:420px;overflow-y:auto}
.watch-youtube-link{display:inline-block;font-size:12px;color:var(--primary);border:1px solid #cadccd;padding:9px 13px;border-radius:4px}
.channel-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(hover:hover){.channel-video-card>a:hover .channel-video-thumbnail img{transform:scale(1.04)}.channel-video-card>a:hover h3{text-decoration:underline}}
@media(max-width:760px){.home-videos{padding:24px 16px}.channel-video-layout{grid-template-columns:1fr;gap:22px}.channel-video-featured{grid-row:1}.channel-video-grid{gap:16px 12px}.channel-video-featured .channel-video-caption h3{font-size:18px}.channel-watch-page{padding:20px 16px}.channel-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}
@media(prefers-reduced-motion:reduce){.channel-video-thumbnail img{transition:none}.channel-video-card>a:hover .channel-video-thumbnail img{transform:none}}

/* Stack the four homepage information blocks below 768px. */
@media(max-width:767.98px){
 .home .pbpe .innpad{grid-template-columns:minmax(0,1fr)}
 .home .pbpe .peaduo.hleft{width:100%;min-width:0;float:none}
}

/* Hide publication metadata in the homepage information blocks on phones. */
@media(max-width:767.98px){
 .home .pbpe .metas{display:none}
}

/* The expanded hamburger card must grow with every top-level menu item. */
@media(max-width:760px){
 body > .nav-mading .nav-inn{height:auto!important;max-height:none;min-height:0}
 body > .nav-mading .inn{float:none;height:auto!important;max-height:none;flex-wrap:wrap}
 body > .nav-mading .nav{flex:0 0 100%;width:100%;max-width:none;height:auto;max-height:none;margin:0;float:none}
 body > .nav-mading .nav.is-open{display:block}
 body > .nav-mading .nav > .dd{display:block;width:100%;height:auto;max-height:none;margin:0;padding:0}
 body > .nav-mading .nav > .dd > li{width:100%;float:none;min-height:0;height:auto;line-height:1.5;box-sizing:border-box}
 body > .nav-mading .nav > .dd > li > a{line-height:1.5;white-space:normal}
 body > .nav-mading .nav > .dd > li.has-header-submenu > a{flex:1;min-width:0}
 body > .nav-mading .nav > .dd > li > .submenu-toggle{flex:none}
}

/* Poppins typography throughout the public footer. */
.footbar,.footbar h3,.footbar p,.footbar a,.footbar li,.footer,.footer .copyright{font-family:"Poppins",Arial,sans-serif}

/* Use normal font weight for all public footer text and headings. */
.footbar,.footbar *,.footbar h3,.footbar .widget h3,.footbar .widget h3 a,.footer,.footer *,.footer .copyright{font-weight:400}

/* Give the pondok identity text comfortable letter and word spacing. */
.home .maschol .scname h2{letter-spacing:1px;word-spacing:3px;line-height:1.6}

/* Pondok identity: logo on the left, uppercase name without extra bold. */
.home .maschol{justify-content:flex-start;gap:18px}
.home .maschol .pondok-identity-logo{display:block;flex:0 0 auto;width:56px;height:64px;object-fit:contain}
.home .maschol .scname{min-width:0;flex:1}
.home .maschol .scname h2{font-family:"Arial Black",Arial,sans-serif;font-weight:400;text-transform:uppercase}
@media(max-width:760px){.home .maschol{gap:12px}.home .maschol .pondok-identity-logo{width:42px;height:48px}.home .maschol .scname h2{font-size:clamp(13px,3.8vw,18px);letter-spacing:.7px;word-spacing:2px;line-height:1.6}}

/* Opaque yellow-green identity panel with readable theme-colored text. */
.home .maschol{background:#dce775;opacity:1}.home .maschol .scname h2{color:var(--primary)}

/* Halve the identity panel's vertical padding on desktop and phones. */
.home .maschol{padding-top:10px;padding-bottom:10px}
@media(max-width:760px){.home .maschol{padding-top:8px;padding-bottom:8px}}

/* Soft animated aero gradient: dark green 40%, light green 40%, yellow 20%. */
.home .maschol{
 background-color:#b9d994;
 background-image:linear-gradient(115deg,#80ad92 0%,#80ad92 30%,#bfe2a3 50%,#bfe2a3 70%,#f2e89c 90%,#f2e89c 100%);
 background-size:180% 180%;
 animation:pondok-aero-flow 16s ease-in-out infinite alternate;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(3,86,43,.08);
}
@keyframes pondok-aero-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.home .maschol{animation:none;background-position:50% 50%}}

/* Center the identity logo and name together within the panel. */
.home .maschol{justify-content:center;align-items:center}
.home .maschol .scname{flex:0 1 auto;margin:0;min-width:0;text-align:center}
.home .maschol .scname h2{text-align:center}

/* More comfortable typography in the four homepage information columns. */
.home .pbpe .peaduo .fopen{letter-spacing:.7px;word-spacing:2px;line-height:1.7}
.home .pbpe .six-info h3,.home .pbpe .six-info h3 a{letter-spacing:.4px;word-spacing:1px;line-height:1.8}
.home .pbpe .metas{letter-spacing:.3px;line-height:1.8}
.home .pbpe .empty-state,.home .pbpe .readmore a{letter-spacing:.3px;word-spacing:1px;line-height:1.8}

/* Compact Blog Dosen, Prestasi and Unit Kegiatan article typography. */
.home .pbpe .info-compact .six-info{margin-bottom:10px}
.home .pbpe .info-compact .six-info .metas{line-height:1.35;letter-spacing:.1px;margin-top:0;margin-bottom:2px;padding-top:0;padding-bottom:0}
.home .pbpe .info-compact .six-info h3,.home .pbpe .info-compact .six-info h3 a{font-weight:700;line-height:1.4;letter-spacing:.15px;word-spacing:.4px}
.home .pbpe .info-compact .six-info h3{min-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}
.home .pbpe .info-compact .six-info.n-one .top-post{padding-top:10px;padding-bottom:8px}
.home .pbpe .info-compact .readmore{margin-top:8px;margin-bottom:8px;padding-top:6px;padding-bottom:6px}

/* One-pixel padding for article list items in the three compact columns. */
.home .pbpe .info-compact .six-info{padding:1px}
.home .pbpe .info-compact .six-info .metas,.home .pbpe .info-compact .six-info h3{padding:1px}
.home .pbpe .info-compact .six-info.n-one .top-post{padding:1px}

/* Image-left, metadata-and-title-right layout for every compact article. */
.home .pbpe .info-compact .six-info{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:8px;padding:1px}
.home .pbpe .info-compact .six-info::before,.home .pbpe .info-compact .six-info::after{display:none}
.home .pbpe .info-compact .six-info .pealink{display:block;width:100%;float:none;margin:0;padding:0}
.home .pbpe .info-compact .six-info .pealink img{display:block;width:100%;height:60px;object-fit:cover}
.home .pbpe .info-compact .six-info > div{position:static;inset:auto;min-width:0;width:auto;margin:0;padding:1px;background:none;color:inherit}
.home .pbpe .info-compact .six-info .metas{margin:0 0 2px;padding:1px;color:#737b75;font-size:10px;line-height:1.35}
.home .pbpe .info-compact .six-info h3{margin:0;padding:1px;min-height:0}
.home .pbpe .info-compact .six-info h3 a{color:var(--primary);font-weight:700}

/* Lead article: large image with an inset text overlay; remaining rows stay compact. */
.home .pbpe .info-compact .six-info.n-one{display:block;position:relative;overflow:hidden}
.home .pbpe .info-compact .six-info.n-one .pealink{width:100%;margin:0;padding:0}
.home .pbpe .info-compact .six-info.n-one .pealink img{width:100%;height:180px;object-fit:cover}
.home .pbpe .info-compact .six-info.n-one > .top-post{position:absolute;inset:auto 1px 1px;z-index:2;width:auto;margin:0;padding:32px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff}
.home .pbpe .info-compact .six-info.n-one .metas,.home .pbpe .info-compact .six-info.n-one h3,.home .pbpe .info-compact .six-info.n-one h3 a{color:#fff}
.home .pbpe .info-compact .six-info.n-one h3 a{font-weight:700}
@media(max-width:767.98px){.home .pbpe .info-compact .six-info.n-one .pealink img{height:auto;aspect-ratio:16/9}}

/* Give rows 2–4 equal title space, clamped to three lines with an ellipsis. */
.home .pbpe .info-compact .six-info.no-one h3{height:calc(3 * 1.4em + 2px);min-height:calc(3 * 1.4em + 2px);box-sizing:border-box;overflow:hidden}
.home .pbpe .info-compact .six-info.no-one h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;line-height:1.4;overflow:hidden;text-overflow:ellipsis}

/* Green footer panels for all four homepage information columns. */
.home .pbpe .peaduo > .readmore{background:var(--primary);border:0;margin:12px 0 0;padding:8px 12px;text-align:left;box-sizing:border-box;width:100%}
.home .pbpe .peaduo > .readmore a{display:inline-block;color:#fff;padding:0;height:auto;line-height:1.7;text-align:left}
.home .pbpe .peaduo > .readmore a:hover,.home .pbpe .peaduo > .readmore a:focus-visible{color:#fff;text-decoration:underline}

/* Article content uses the former date/share column; sidebar owns publication date. */
.article-detail .single{display:block}
.article-detail .single > .rside{display:block;float:none;width:100%;margin:0;padding:0;min-width:0}
.article-detail .post-tags,.article-detail .comment-section{margin-left:0}
.article-date-widget{padding:0 0 18px;margin:0 0 22px;border-bottom:1px solid #d8e4db}
.article-date-widget > span{display:block;font-size:11px;line-height:1.6;color:#737b75;margin-bottom:4px}
.article-date-widget time{display:block;font-size:17px;line-height:1.6;color:var(--primary)}
.article-detail .article-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:16px 0;border-top:1px solid #e0e8e2;font-size:11px}
.article-detail .article-share > span{margin-right:6px;color:var(--primary);letter-spacing:.5px}
.article-detail .article-share > a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0;border-radius:4px;background:var(--primary);color:#fff;font-size:18px}
.article-detail .article-share > a:hover{background:#08713b}

/* Justified article text and images aligned to the content width. */
.article-detail .post-content{text-align:justify;text-justify:inter-word}
.article-detail .post-content p,.article-detail .post-content li{text-align:justify}
.article-detail .post-content .post-img{width:100%;margin:0 0 20px}
.article-detail .post-content .post-img img{display:block;width:100%;max-width:100%;height:auto;margin-inline:auto}
.article-detail .post-content img{max-width:100%;height:auto}
.article-detail .post-content img.alignleft,.article-detail .post-content img.alignright,.article-detail .post-content img.aligncenter{display:block;float:none;max-width:100%;margin:16px auto}

/* Article sidebar: image left, title right, up to three lines. */
.article-detail #sidebar .sidebar-post-thumbnail{display:grid;grid-template-columns:75px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0}
.article-detail #sidebar .sidebar-post-thumbnail > img{display:block;width:75px;height:60px;object-fit:cover;border-radius:3px}
.article-detail #sidebar .sidebar-post-title{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.5;text-align:left}

/* Square share buttons, without borders, rounding, or shadows. */
.article-detail .article-share > a{width:34px;height:34px;padding:0;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;line-height:1;text-decoration:none}
.article-detail .article-share > a > .fa{display:block;float:none;width:18px;height:18px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;font-size:18px;line-height:18px;text-align:center;box-sizing:border-box}

/* Share hover feedback, preserving square buttons without frames or shadows. */
.article-detail .article-share > a{transition:background-color .2s ease,transform .2s ease}
@media(hover:hover){
 .article-detail .article-share > a:hover{transform:translateY(-2px);box-shadow:none}
 .article-detail .article-share > a[aria-label="Bagikan ke Facebook"]:hover{background:#1877f2}
 .article-detail .article-share > a[aria-label="Bagikan ke WhatsApp"]:hover{background:#128c7e}
}
.article-detail .article-share > a[aria-label="Bagikan ke Facebook"]:focus-visible{background:#1877f2}
.article-detail .article-share > a[aria-label="Bagikan ke WhatsApp"]:focus-visible{background:#128c7e}
@media(prefers-reduced-motion:reduce){.article-detail .article-share > a{transition:none}.article-detail .article-share > a:hover{transform:none}}

/* Automatic Ogan Ilir prayer schedule above the map. */
.home .prayer-panel{background:var(--primary);color:#fff;padding:28px 25px;margin:0}
.prayer-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}
.prayer-panel-heading h2{font-family:"Poppins",Arial,sans-serif;font-size:23px;line-height:1.5;letter-spacing:.4px;color:#fff;margin:0}
.prayer-panel-heading p{font-size:12px;line-height:1.8;color:#e0eddf;margin:5px 0 0}
.prayer-panel-date{text-align:right;font-size:12px;line-height:1.8;color:#f2f7e9}
.prayer-panel-date>time,.prayer-panel-date>span{display:block}
.prayer-panel-date [data-prayer-clock]{font-variant-numeric:tabular-nums}
.prayer-times-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.prayer-time-card{min-width:0;text-align:center;padding:18px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:6px}
.prayer-time-card h3{color:#e5efd9;font-size:13px;font-weight:400;line-height:1.6;letter-spacing:.5px;margin:0 0 9px}
.prayer-time-card>time{display:block;color:#fff;font-size:clamp(24px,3vw,36px);line-height:1.35;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:1px}
.prayer-time-card>span{display:block;margin-top:7px;color:#d2e5cb;font-size:10px;letter-spacing:1px;line-height:1.5}
.prayer-panel-foot{margin-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.prayer-panel-foot p{font-size:10px;line-height:1.8;color:#d6e7d3;margin:0}
.prayer-panel-foot a{color:inherit;text-decoration:underline}
@media(max-width:767.98px){.home .prayer-panel{padding:24px 16px}.prayer-panel-heading{align-items:flex-start;gap:12px}.prayer-panel-heading h2{font-size:20px}.prayer-panel-heading p,.prayer-panel-date{font-size:10px}.prayer-times-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.prayer-time-card{padding:14px 7px}.prayer-time-card>time{font-size:27px}}
@media(max-width:380px){.prayer-panel-heading{flex-direction:column}.prayer-panel-date{text-align:left}.prayer-times-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prayer-time-card:last-child{grid-column:1/-1}}

/* Dynamic green aero backdrop with softly illuminated prayer-time cards. */
.home .prayer-panel{
 background-color:var(--primary);
 background-image:radial-gradient(ellipse at 18% 24%,rgba(171,226,143,.28),transparent 58%),radial-gradient(ellipse at 82% 76%,rgba(232,220,135,.18),transparent 52%),linear-gradient(125deg,#06452e,#16704a 45%,#0b513b 75%,#255e3b);
 background-size:155% 155%,165% 165%,180% 180%;
 animation:prayer-aero-drift 20s ease-in-out infinite alternate;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.1);
}
.home .prayer-panel .prayer-time-card{
 background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.06));
 backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.15);
 transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
@keyframes prayer-aero-drift{from{background-position:0% 15%,100% 85%,0% 50%}to{background-position:100% 75%,0% 25%,100% 50%}}
@media(hover:hover){
 .home .prayer-panel .prayer-time-card:hover{transform:translateY(-4px) scale(1.02);background-color:rgba(209,239,180,.15);border-color:rgba(235,246,203,.7);box-shadow:0 8px 20px rgba(0,32,17,.2),inset 0 1px 0 rgba(255,255,255,.3)}
}
@media(prefers-reduced-motion:reduce){.home .prayer-panel{animation:none}.home .prayer-panel .prayer-time-card{transition:none}.home .prayer-panel .prayer-time-card:hover{transform:none}}

/* Align editorial with the news cards' six-pixel top inset on desktop. */
@media(min-width:761px){.home-lead .rconbg{margin-top:6px}}

/* Linked temporary banners, preserving the two lower news tiles. */
.home-lead .barurg .news-banner{height:150px;margin:6px;overflow:hidden;background:#e4edd9}
.home-banner-link{display:block;width:100%;line-height:0}
.home-banner-link img{display:block;width:100%;max-width:100%;height:auto}
.home-lead .news-banner .home-banner-link{height:100%}
.home-lead .news-banner .home-banner-link img{width:100%;height:100%;object-fit:contain}
.home-wide-banner{clear:both;padding:6px 12px 20px;background:#fff}
.home-wide-banner .home-banner-link{overflow:hidden;border-radius:3px}
.home-banner-link:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
@media(max-width:760px){.home-wide-banner{padding:6px 12px 18px}.home-lead .barurg .news-banner{height:auto;aspect-ratio:780/320}.home-wide-banner img{min-height:80px;object-fit:contain;background:#e1ecc6}}

/* Full-width wide banner, with height determined solely by its image ratio. */
.home-wide-banner{width:100%;height:auto;box-sizing:border-box;padding-left:0;padding-right:0}
.home-wide-banner .home-banner-link{width:100%;height:auto;border-radius:0}
.home-wide-banner .home-banner-link img{width:100%;max-width:100%;height:auto;min-height:0;max-height:none}

/* Match the wide banner's bottom gap to its six-pixel top gap. */
.home-wide-banner{padding-bottom:6px}

/* Registration form components. */
.registration-form-panel{margin:24px 0;padding:22px;background:#f3f7f3;border:1px solid #dce6dc;border-radius:6px;text-align:left}
.registration-required-note{font-size:12px;margin:0 0 16px!important}.required-star,.registration-required-note>span{color:#b32d2e}.registration-field{min-width:0;background:#fff;border:1px solid #d7e1d7;padding:18px 16px;margin:0 0 16px;border-radius:5px;text-align:left}.registration-field legend{float:none;max-width:100%;font-size:14px;line-height:1.6;font-weight:600;padding:0 5px;white-space:normal}.registration-field input:not([type=checkbox]):not([type=radio]),.registration-field select,.registration-field textarea{display:block;width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #a9b9ac;border-radius:3px;font:14px/1.6 Arial,sans-serif;background:#fff;color:#263b2d;margin:6px 0 0;max-width:100%}.registration-field textarea{resize:vertical}.registration-field input:focus,.registration-field textarea:focus,.registration-field select:focus{outline:2px solid #76a885;outline-offset:1px}.registration-field .field-description{font-size:12px;line-height:1.7;margin:0 0 8px!important;color:#627165;text-align:left}.registration-field .field-error{font-size:12px;color:#a51e29;margin:10px 0 0!important;text-align:left}.registration-field.has-error{border-color:#b32d2e}.registration-options{display:grid;gap:10px;margin-top:8px}.registration-options label{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;cursor:pointer;margin:0}.registration-options input,.registration-scale input,.registration-grid-scroll input{width:16px;height:16px;flex:none;accent-color:var(--primary);margin-top:4px}.registration-options span{text-align:left}.registration-section{margin:24px 0 18px}.registration-section h2{font-size:21px!important;line-height:1.5;margin:0 0 8px!important;color:var(--primary)}.registration-section p{font-size:13px;line-height:1.8;text-align:left!important;margin:0!important}.registration-section.section-divider{border-top:3px solid var(--primary);padding-top:18px}.registration-scale{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.registration-scale label{display:flex;flex-direction:column-reverse;align-items:center;gap:6px;min-width:30px;cursor:pointer}.registration-scale span{font-size:13px}.scale-labels{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:12px}.registration-grid-scroll{overflow:auto;max-width:100%}.registration-grid-scroll table{display:table!important;min-width:100%;border-collapse:collapse;font-size:12px}.registration-grid-scroll th,.registration-grid-scroll td{padding:10px;border-bottom:1px solid #e4e9e4;text-align:center;vertical-align:middle;min-width:75px}.registration-grid-scroll th:first-child{text-align:left}.registration-grid-scroll input{margin:0}.registration-submit{padding:12px 24px;background:var(--primary);color:white;border:0;border-radius:4px;cursor:pointer;font-size:14px}.registration-submit:disabled{opacity:.6;cursor:default}.registration-submit:hover:not(:disabled){background:#146a40}.registration-privacy-note{font-size:11px;line-height:1.8;color:#657768;text-align:left!important}.registration-error{padding:14px;background:#fff1f0;color:#96232b;border-left:4px solid #b32d2e;font-size:13px;line-height:1.8;margin-bottom:18px}.registration-error ul{padding-left:20px!important}.registration-notice{padding:15px;background:#e2eddf;color:#234d2e;font-size:14px;line-height:1.8}.registration-media{margin:20px 0}.registration-media img{display:block;max-width:100%;height:auto}.registration-media figcaption{font-size:12px;margin-top:8px;color:#627165}.form-standalone{max-width:850px;margin:auto;padding:28px 20px}.form-standalone>h1{font-size:28px;color:var(--primary);line-height:1.5}.form-thanks{max-width:780px;margin:auto;padding:50px 25px;text-align:center;line-height:1.9}.form-thanks h1{font-size:30px;color:var(--primary);margin:16px 0}.form-success-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e2efdf;color:var(--primary);font-size:35px;margin:auto}.registration-reference{padding:15px;background:#eef5ed;border:1px solid #d9e6d7}.registration-reference strong{letter-spacing:1px}.form-thanks>a{display:inline-block;margin-top:18px;padding:10px 20px;color:#fff;background:var(--primary)}
@media(max-width:767.98px){.registration-form-panel{padding:16px 10px}.registration-field{padding:14px 10px}.registration-field legend{font-size:13px}.registration-options label{font-size:13px}.registration-section h2{font-size:19px!important}.form-thanks{padding:35px 16px}.registration-reference strong{display:block}.registration-scale{justify-content:flex-start;gap:12px}}
/* Google Sheets page data */
.article-detail .sheet-page{clear:both;margin:24px 0;text-align:left;font-family:Poppins,sans-serif}
.sheet-page .sheet-search{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px}
.sheet-page .sheet-search label{flex:1;display:block}.sheet-page input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #c8dcca;border-radius:4px}
.sheet-page button,.sheet-page .sheet-pagination a{background:var(--primary);color:#fff;padding:10px 14px;border:0;border-radius:4px}
.sheet-page .sheet-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #d9e6d9;border-radius:6px}
.sheet-page table{border-collapse:collapse;width:100%;margin:0;text-align:left}.sheet-page th,.sheet-page td{padding:11px 13px;border-bottom:1px solid #e0e9e0;min-width:100px;max-width:400px;overflow-wrap:anywhere;vertical-align:top}
.sheet-page th{background:var(--primary);color:#fff;font-weight:600}.sheet-page tbody tr:nth-child(even){background:#f0f7ef}
.sheet-page .sheet-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;font-size:12px}
/* Vertical alumni search results */
.article-detail .sheet-page .sheet-alumni-results{display:flex;flex-direction:column;gap:12px}
.article-detail .sheet-page .sheet-alumni-card{padding:16px 18px;border:1px solid #d9e6d9;border-left:4px solid var(--primary);border-radius:6px;background:#f5faf3;overflow-wrap:anywhere;text-align:left}
.article-detail .sheet-page .sheet-alumni-card h3{margin:0 0 5px;padding:0;color:var(--primary);font-size:18px;line-height:1.5;font-weight:600}
.article-detail .sheet-page .sheet-alumni-card p{margin:3px 0;padding:0;text-align:left;line-height:1.6}