/* ALAMANAH_DESKTOP_KEMENAG_REFERENCE_V3 — desktop-only authentic portal composition */
@media(max-width:780px){.al-d-portal{display:none!important}}
@media(min-width:781px){
  body>.top,body>.masthead,body>.nav-shell,body>main,body>footer.footer{display:none!important}
  body{background:#fff!important;color:#26352b!important;overflow-x:hidden;font-family:Arial,"Segoe UI",sans-serif}
  .al-d-portal{display:block;font-family:Arial,"Segoe UI",sans-serif;color:#243328;font-size:13px;background:#fff;min-height:100vh}
  .al-d-portal *{box-sizing:border-box}
  .al-d-portal a{color:inherit;text-decoration:none}
  .al-d-portal button{font:inherit;cursor:pointer}
  .al-d-portal img{display:block;max-width:100%}
  .al-d-portal :focus-visible{outline:2px solid #0a854b;outline-offset:3px}
  .al-d-container{width:min(1350px,calc(100% - 38px));margin:0 auto}
  .al-d-header{height:76px;background:#fff;position:relative;z-index:55;border-bottom:1px solid #e9eee9;box-shadow:0 1px 3px #06321a0d}
  .al-d-header-content{height:100%;display:flex;align-items:center;gap:15px}
  .al-d-logo{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#126b3b!important;font-size:16px;font-weight:850;letter-spacing:-.2px;white-space:nowrap}
  .al-d-logo img{width:39px;height:39px;object-fit:contain}
  .al-d-logo-fallback{background:#17804b;color:#fff;padding:5px;border-radius:6px}
  .al-d-nav{display:flex;align-items:center;gap:1px;margin-left:auto;min-width:0;height:100%;flex:0 1 auto}
  .al-d-nav-group{height:100%;position:relative;display:flex;align-items:center}
  .al-d-nav-top{height:35px;white-space:nowrap;border:0;background:#fff;color:#25382c;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 11px;border-radius:4px;font-weight:750;font-size:12px}
  .al-d-nav-top:hover,.al-d-nav-group:focus-within .al-d-nav-top{background:#eaf6ed;color:#0e713f}
  .al-d-nav-top span{font-size:12px;font-weight:700}
  .al-d-dropdown{display:none;position:absolute;top:calc(100% - 6px);left:0;min-width:225px;padding:9px;background:#fff;border:1px solid #e2ece5;box-shadow:0 15px 28px #1635232a;border-radius:7px;z-index:60}
  .al-d-nav-group:hover .al-d-dropdown,.al-d-nav-group:focus-within .al-d-dropdown,.al-d-nav-group.is-open .al-d-dropdown{display:block}
  .al-d-dropdown a{display:block;padding:11px;font-size:12px;line-height:1.4;border-radius:4px}.al-d-dropdown a:hover{background:#edf6ef;color:#0c6943}
  .al-d-header-actions{display:flex;align-items:center;gap:12px}.al-d-icon-button{border:0;background:transparent;height:36px;width:36px;display:grid;place-items:center;color:#344139}
  .al-d-icon-button svg{width:19px;height:19px}.al-d-parent-link{background:#e7f4eb;border-radius:4px;padding:10px 12px;font-size:11px;font-weight:800;color:#096d3f!important;white-space:nowrap}
  .al-d-search-panel[hidden]{display:none!important}.al-d-search-panel{position:absolute;top:76px;left:0;right:0;background:white;padding:18px 0 24px;border-bottom:1px solid #dcebe0;box-shadow:0 14px 25px #0001}
  .al-d-search-panel label{font-weight:800;color:#187343;font-size:13px;display:block;margin-bottom:8px}.al-d-search-panel input{width:100%;border:1px solid #b9d4c2;padding:12px;border-radius:5px;outline-color:#14754b}
  #al-d-search-results{max-height:200px;overflow:auto}.al-d-search-panel [data-al-d-key]{display:none;padding:11px 4px;border-bottom:1px solid #edf1ed}.al-d-search-panel [data-al-d-key].al-d-show{display:block}.al-d-search-panel p{color:#7a877d}
  .al-d-promo{margin-top:13px!important}.al-d-promo-shell{height:175px;position:relative;overflow:hidden;display:flex;align-items:stretch;background:linear-gradient(105deg,#139747,#80c75e 58%,#e9ede2);border-radius:4px}
  .al-d-promo-left{width:56%;position:relative;z-index:2;padding:20px 25px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,#11753d 5%,#139949e8 70%,#0c964700)}
  .al-d-promo-kicker{font-size:10px;letter-spacing:1.2px;font-weight:850;color:#edffe9}.al-d-promo-left h1{font-size:clamp(18px,2.35vw,31px);line-height:1.11;margin:5px 0 6px;font-weight:850;max-width:550px;letter-spacing:-.5px}
  .al-d-promo-left p{font-size:12px;color:#e5f8e5;line-height:1.35;margin:0 0 10px}.al-d-promo-cta{background:#fff;color:#107442;padding:7px 12px;font-size:11px;font-weight:800;border-radius:20px}
  .al-d-promo-image{position:absolute;right:0;top:0;bottom:0;width:52%;overflow:hidden}.al-d-promo-image img{height:100%;width:100%;object-fit:cover;object-position:50% 52%}
  .al-d-promo-badge{position:absolute;z-index:2;right:13px;bottom:13px;background:#f6fdf5;color:#158641;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:800}
  .al-d-ticker{display:flex;align-items:stretch;min-height:31px;margin-top:8px;background:#f6f9f6;overflow:hidden}.al-d-ticker-badge{display:flex;align-items:center;flex:0 0 auto;padding:7px 13px;font-size:10px;font-weight:800;color:white;background:#0f8a46}
  .al-d-ticker-scroller{flex:1;overflow:hidden}.al-d-ticker-track{display:flex;align-items:center;gap:18px;min-height:30px;padding:0 12px;white-space:nowrap;width:max-content;animation:al-d-marquee 58s linear infinite}
  .al-d-ticker-track a{font-size:11px;color:#2f6644}.al-d-ticker-dot{color:#a4c4aa;font-size:6px}
  @keyframes al-d-marquee{to{transform:translateX(-55%)}}
  .al-d-stories-section{display:flex;align-items:center;gap:5px;position:relative;margin-top:14px!important}
  .al-d-story-rail{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;flex:1;min-width:0}.al-d-story-rail::-webkit-scrollbar{display:none}
  .al-d-story{position:relative;flex:0 0 144px;height:238px;display:block;overflow:hidden;scroll-snap-align:start;background:#0b462d}
  .al-d-story:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#04220fd9);pointer-events:none}
  .al-d-story img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.al-d-story:hover img{transform:scale(1.05)}
  .al-d-story-title{position:absolute;z-index:2;bottom:27px;left:9px;right:9px;color:#fff;font-size:12px;line-height:1.25;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .al-d-story small{position:absolute;z-index:2;bottom:9px;left:9px;color:#bdd7c6;font-size:10px}
  .al-d-slide-arrow{z-index:4;flex:0 0 27px;width:27px;height:29px;display:grid;place-items:center;border:1px solid #e6ebe7;border-radius:50%;color:#5f7265;background:#fff;font-size:26px;line-height:1}
  .al-d-slide-arrow:hover{color:#066b3e;background:#e3f0e8}
  .al-d-pojok{display:grid;grid-template-columns:190px 1fr 52px;gap:18px;align-items:center;margin-top:15px!important;border:1px solid #d8eacf;border-radius:8px;background:linear-gradient(100deg,#e8f7ee,#fff8de);padding:15px 16px;min-height:95px}
  .al-d-pojok-heading h2{color:#2a894f;font-size:22px;line-height:1;font-weight:750;margin:0 0 9px}.al-d-pojok-heading span{font-size:11px;color:#5d8567;line-height:1.3}
  .al-d-pojok-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.al-d-pojok-items a{display:block;border-right:1px solid #dceadf;padding-right:10px}
  .al-d-pojok-items a:last-child{border:0}.al-d-pojok-items small{color:#2c9963;font-weight:700;font-size:9px;display:block;margin-bottom:5px}
  .al-d-pojok-items strong{font-size:11px;line-height:1.35;font-weight:730;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.al-d-pojok>img{height:50px;width:50px;object-fit:contain}
  .al-d-feature-section{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin-top:23px!important;align-items:stretch}
  .al-d-feature-main{min-height:405px;overflow:hidden;position:relative;background:#ecf1eb}.al-d-feature-anchor{display:block;height:100%;position:relative}.al-d-feature-anchor>img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}
  .al-d-feature-overlay{position:absolute;bottom:0;left:0;width:min(82%,560px);padding:17px 19px;background:#fff;color:#18261d;box-shadow:0 -3px 18px #1112}.al-d-feature-overlay h2{font-size:23px;font-weight:820;line-height:1.22;margin:7px 0 8px;letter-spacing:-.4px}
  .al-d-meta{font-size:10px;color:#269e59;font-weight:780;letter-spacing:.5px}.al-d-feature-overlay small{color:#9ca69c;font-size:11px}
  .al-d-feature-sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:10px}
  .al-d-side-news{display:flex;gap:12px;align-items:center;padding:0 0 12px;border-bottom:1px solid #e8efe8;flex:1;min-height:86px}
  .al-d-side-news div{flex:1;min-width:0}.al-d-side-news h3{font-size:13px;line-height:1.33;font-weight:730;margin:5px 0 7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .al-d-side-news time{color:#9da99e;font-size:10px}.al-d-side-news>img{width:98px;height:75px;object-fit:cover;flex:0 0 98px}
  .al-d-ad-section{margin-top:20px!important}.al-d-ad{height:143px;display:flex;align-items:center;background:linear-gradient(110deg,#64bbcc,#12a783 50%,#028e67);position:relative;overflow:hidden;color:#fff!important;border-radius:5px}
  .al-d-ad-illustration,.al-d-ad-photo{position:absolute;top:0;bottom:0;width:30%;overflow:hidden;opacity:.8}.al-d-ad-illustration{left:0}.al-d-ad-photo{right:0}.al-d-ad-illustration:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#16b79b)}.al-d-ad-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0aa884,transparent)}
  .al-d-ad-illustration img,.al-d-ad-photo img{height:100%;width:100%;object-fit:cover}.al-d-ad-content{position:relative;z-index:2;text-align:center;width:100%;padding:10px}
  .al-d-ad-content>span{font-size:11px;font-weight:800;letter-spacing:1.2px}.al-d-ad-content strong{display:block;font-size:clamp(18px,3vw,33px);font-weight:850;letter-spacing:-.5px;margin:5px 0}.al-d-ad-content em{font-style:normal;background:#eafff3;color:#128664;border-radius:17px;padding:6px 12px;font-size:11px;font-weight:800}
  .al-d-newstrending{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:26px;margin-top:28px!important}
  .al-d-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;min-height:27px}
  .al-d-section-header h2{font-size:21px;letter-spacing:-.2px;font-weight:590;margin:0;color:#307d4c;position:relative;padding-bottom:8px;white-space:nowrap}
  .al-d-section-header h2:after{content:"";position:absolute;width:43px;height:3px;left:0;bottom:0;background:#0f9a54}
  .al-d-section-header>a{font-size:11px;color:#309757;white-space:nowrap}.al-d-section-header>span{font-size:12px;color:#769987}
  .al-d-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .al-d-latest-large{display:block}.al-d-latest-large img{width:100%;height:215px;object-fit:cover}.al-d-latest-large small,.al-d-latest-mini small{font-size:10px;color:#399858;font-weight:730;display:block;margin:10px 0 5px}
  .al-d-latest-large strong{font-size:14px;line-height:1.37;display:block;font-weight:770}.al-d-latest-large time,.al-d-latest-mini time{font-size:10px;color:#969e97;display:block;margin-top:7px}
  .al-d-latest-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:8px;margin-top:17px}
  .al-d-latest-mini{min-height:91px;border-bottom:1px solid #ecf0ed;display:flex;align-items:flex-start;gap:7px;padding-bottom:8px}.al-d-latest-mini div{flex:1;min-width:0}
  .al-d-latest-mini small{margin:0 0 5px}.al-d-latest-mini strong{display:block;font-size:11px;line-height:1.33;font-weight:780}.al-d-latest-mini img{width:72px;height:65px;flex:0 0 72px;object-fit:cover}
  .al-d-rank{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #e6ece6}.al-d-rank>b{width:32px;flex:none;font-size:30px;color:#168945;font-weight:870;line-height:1}
  .al-d-rank strong{font-size:11px;line-height:1.3;font-weight:730;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.al-d-rank small{display:block;color:#99a59a;font-size:9px;margin-top:6px}
  .al-d-special{margin-top:16px;background:linear-gradient(105deg,#e6f6ed,#fffce9);border:1px solid #cfe7d6;border-radius:7px;padding:15px 16px}
  .al-d-special .al-d-section-header{margin-bottom:7px}.al-d-special .al-d-section-header h2{font-size:18px}.al-d-special p{color:#638773;font-size:11px;margin:3px 0 10px}.al-d-special>a{display:block;border-bottom:1px solid #d9ecdd;padding:7px 0;color:#30754d;font-size:11px;font-weight:680}
  .al-d-media-strip{margin-top:32px;background:#eaf5ed;padding:18px 0}.al-d-media-slider-wrap{display:flex;align-items:center;gap:8px}
  .al-d-gallery-rail{display:flex;gap:15px;overflow-x:auto;flex:1;scrollbar-width:none;scroll-snap-type:x mandatory}.al-d-gallery-rail::-webkit-scrollbar{display:none}
  .al-d-gallery-mini{flex:0 0 225px;height:145px;position:relative;overflow:hidden;background:#14553b;scroll-snap-align:start}.al-d-gallery-mini img{width:100%;height:100%;object-fit:cover}
  .al-d-gallery-mini:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000b)}.al-d-gallery-mini span{position:absolute;bottom:12px;left:11px;right:11px;z-index:2;color:#fff;font-size:12px;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .al-d-triple-panels,.al-d-lower-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:32px!important}.al-d-vertical-news{min-width:0}
  .al-d-vertical-feature{display:block;margin-bottom:13px}.al-d-vertical-feature img{width:100%;height:205px;object-fit:cover;margin-bottom:12px}.al-d-vertical-feature strong{font-size:13px;line-height:1.42;font-weight:740;display:block}
  .al-d-vertical-feature small{font-size:10px;color:#98a399;display:block;margin:6px 0}.al-d-horizontal-mini{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #e7ece7;padding:10px 0}
  .al-d-horizontal-mini div{min-width:0;flex:1}.al-d-horizontal-mini strong{font-size:11px;line-height:1.35;display:block;font-weight:710}.al-d-horizontal-mini small{font-size:10px;color:#97a397;display:block;margin:6px 0 0}.al-d-horizontal-mini img{height:62px;width:83px;flex:0 0 83px;object-fit:cover}
  .al-d-info-item{display:flex;align-items:center;gap:12px;padding:15px 3px;border-bottom:1px solid #e7ece7}.al-d-info-item>span{background:#dff0e6;color:#14834a;border-radius:6px;padding:7px 10px;font-size:14px}.al-d-info-item strong{flex:1;font-size:12px;font-weight:680}.al-d-info-item b{font-size:19px;color:#76ae83;font-weight:500}
  .al-d-shortcut-strip{margin-top:32px;padding:18px 0 20px;background:#e4f3e8}.al-d-shortcut-strip .al-d-section-header{margin-bottom:12px}.al-d-shortcut-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
  .al-d-shortcut-row a{text-align:center;background:#f6fbf7;border-radius:5px;min-height:92px;padding:14px 7px;display:flex;justify-content:center;align-items:center;gap:8px;flex-direction:column}
  .al-d-shortcut-row span{font-size:21px;color:#198248}.al-d-shortcut-row strong{font-size:11px;font-weight:690;line-height:1.3}.al-d-shortcut-row a:hover{background:#fff;box-shadow:0 5px 15px #19592d18}
  .al-d-lower-three{margin-top:28px!important}.al-d-infographic-card{min-height:310px;background:linear-gradient(140deg,#0f91d4,#0a6db4);border-radius:7px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;color:#fff!important;padding:19px;position:relative}
  .al-d-infographic-card>span{font-size:10px;letter-spacing:2px;font-weight:800;position:relative;z-index:2}
  .al-d-infographic-card h3{font-size:30px;line-height:1.1;margin:9px 0;max-width:250px;font-weight:840;position:relative;z-index:2}
  .al-d-infographic-card p{font-size:12px;line-height:1.45;max-width:260px;position:relative;z-index:2}.al-d-infographic-card>strong{position:relative;z-index:2;font-size:11px;background:#fff;color:#096da5;border-radius:12px;padding:7px 11px}
  .al-d-infographic-card>img{width:70%;height:40%;position:absolute;right:-12px;bottom:-15px;object-fit:cover;opacity:.40;transform:rotate(-8deg);border:6px solid #fff}
  .al-d-infographic-mark{position:absolute;right:10px;top:10px;color:#ffffff27;font-size:95px;font-weight:850}
  .al-d-lower-banner{margin-top:32px!important}.al-d-lower-banner>a{height:155px;display:flex;align-items:center;gap:22px;position:relative;overflow:hidden;border-radius:5px;padding:18px;background:linear-gradient(90deg,#13a34b,#e7f2e8);color:white!important}
  .al-d-lower-banner-symbol{font-size:89px;opacity:.35}.al-d-lower-banner>a>div{flex:1;position:relative;z-index:2}.al-d-lower-banner h2{font-size:clamp(22px,3vw,35px);line-height:1.1;font-weight:850;margin:6px 0 5px;max-width:650px}.al-d-lower-banner small{font-size:11px;font-weight:800;letter-spacing:1.3px}
  .al-d-lower-banner p{margin:0;font-size:12px}.al-d-lower-banner img{width:30%;height:100%;object-fit:cover;position:absolute;right:0;inset-block:0;mask-image:linear-gradient(90deg,transparent,#000)}
  .al-d-lower-banner-action{position:relative;z-index:2;flex:none;background:#fff;color:#0b8045;border-radius:20px;padding:9px 13px;font-weight:800;font-size:11px;margin-right:12%}
  .al-d-low-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px!important}
  .al-d-lite-widget{background:linear-gradient(110deg,#f4faf3,#fffdf1);border:1px solid #e1ede3;border-radius:8px;padding:18px}
  .al-d-lite-widget .al-d-section-header h2{font-size:17px}.al-d-lite-widget>a{display:flex;justify-content:space-between;align-items:center;gap:11px;min-height:80px;border-bottom:1px solid #e1ece2;padding:9px 0}
  .al-d-lite-widget>a:last-child{border:0}.al-d-lite-widget>a>div{flex:1;min-width:0}.al-d-lite-widget a small{display:block;font-size:10px;color:#5c986e;margin-bottom:5px}
  .al-d-lite-widget a strong{display:block;font-size:11px;line-height:1.35;font-weight:710}.al-d-lite-widget a img{width:49px;height:49px;object-fit:cover;border-radius:50%}.al-d-lite-widget p{font-size:12px;line-height:1.7;color:#5e7b67}
  .al-d-partner-section{margin-top:34px!important}.al-d-quick-carousel{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}
  .al-d-quick-carousel a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:13px 4px;background:linear-gradient(#f3faf4,#fff);border:1px solid #e2efe5;border-radius:5px;min-height:86px;gap:7px}
  .al-d-quick-carousel span{font-size:27px;color:#29965c}.al-d-quick-carousel strong{font-size:10px;line-height:1.2;color:#40744c}
  .al-d-sitecenter{margin-top:38px;background:#f3f7f5;padding:24px 0}.al-d-sitecenter h2{font-size:18px;color:#2c7a4c;font-weight:690;margin:0 0 18px}
  .al-d-contact-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.al-d-contact-grid strong{color:#3f5848;font-size:12px}.al-d-contact-grid p{font-size:11px;color:#6a7e70;line-height:1.6}.al-d-contact-grid a{display:block;color:#2a8e52;font-weight:750;padding:6px 0;font-size:12px}
  .al-d-footer{background:#fafafa;border-top:1px solid #e8efeb;margin-top:0;padding:39px 0 14px}.al-d-footer-main{display:grid;grid-template-columns:2.7fr 1fr 1fr 1fr;gap:30px}
  .al-d-footer-brand a{display:flex;align-items:center;gap:8px;color:#146d3a!important}.al-d-footer-brand img{height:32px;width:32px;object-fit:contain}.al-d-footer-brand strong{font-size:18px;font-weight:850}
  .al-d-footer-brand p{font-size:11px;color:#748479;margin:9px 0;line-height:1.6}.al-d-footer h3{font-size:11px;color:#313c35;margin:0 0 12px}.al-d-footer-main>div:not(:first-child) a{display:block;color:#5c7164;font-size:11px;margin-bottom:8px}.al-d-footer-main a:hover{color:#0e8e48}
  .al-d-footer-bottom{text-align:center;font-size:10px;color:#9aa69e;border-top:1px solid #e6eae7;margin-top:27px;padding-top:14px}
  .al-d-floating-parent{position:fixed;bottom:20px;right:20px;width:48px;height:48px;background:#196cfa;border-radius:50%;display:grid;place-items:center;color:#fff!important;z-index:65;box-shadow:0 5px 12px #1d5ade30}
  .al-d-floating-parent svg{width:26px;height:26px}
}
@media(min-width:781px) and (max-width:1120px){
  .al-d-container{width:calc(100% - 30px)}.al-d-logo strong{font-size:13px}.al-d-nav-top{padding:7px 6px;font-size:11px}.al-d-parent-link{font-size:10px;padding:8px}
  .al-d-nav{gap:0}.al-d-header-content{gap:8px}.al-d-feature-section{grid-template-columns:1.3fr 1fr}.al-d-side-news>img{width:72px;height:62px;flex-basis:72px}
  .al-d-story{flex-basis:120px;height:205px}.al-d-pojok{grid-template-columns:140px 1fr 37px;gap:10px}.al-d-pojok-heading h2{font-size:18px}
  .al-d-latest-mini img{width:62px;height:56px;flex-basis:62px}.al-d-vertical-feature img{height:165px}
}
@media(min-width:781px) and (max-width:915px){
  .al-d-header{height:auto;min-height:70px}.al-d-header-content{flex-wrap:wrap;justify-content:space-between;padding:10px 0}.al-d-nav{order:3;width:100%;height:40px;justify-content:center;overflow-x:auto;flex:1 0 100%;margin:0}.al-d-nav-group{height:40px}.al-d-logo img{height:29px;width:29px}
  .al-d-search-panel{top:100%}.al-d-newstrending{grid-template-columns:1.45fr 1fr;gap:16px}.al-d-feature-overlay h2{font-size:18px}
  .al-d-lower-banner-action{margin-right:0}.al-d-footer-main{grid-template-columns:2fr 1fr 1fr}.al-d-footer-main>div:nth-child(4){display:none}
}
@media(prefers-reduced-motion:reduce){.al-d-ticker-track{animation:none!important}.al-d-story img{transition:none!important}}

/* Desktop compatibility fallback: legacy Qt preview uses flex, evergreen browsers use grid. */
@media(min-width:781px){
 .al-d-pojok{display:-webkit-flex;display:flex;display:grid}
 .al-d-pojok-heading{-webkit-flex:0 0 190px;flex:0 0 190px}
 .al-d-pojok-items{display:-webkit-flex;display:flex;display:grid;-webkit-flex:1;flex:1}
 .al-d-pojok-items a{-webkit-flex:1;flex:1}
 .al-d-feature-section{display:-webkit-flex;display:flex;display:grid}
 .al-d-feature-main{-webkit-flex:0 0 59%;flex:0 0 59%;min-width:0}
 .al-d-feature-sidebar{-webkit-flex:1;flex:1;min-width:0}
 .al-d-feature-anchor>img{position:relative;inset:auto;width:100%;height:405px;object-fit:cover}
 .al-d-newstrending{display:-webkit-flex;display:flex;display:grid}
 .al-d-newstrending>div:first-child{-webkit-flex:1.65;flex:1.65;min-width:0}
 .al-d-sidebar-columns{-webkit-flex:1;flex:1;min-width:0}
 .al-d-latest-grid,.al-d-latest-mini-grid{display:-webkit-flex;display:flex;display:grid}
 .al-d-latest-grid>a,.al-d-latest-mini-grid>a{-webkit-flex:1;flex:1;min-width:0}
 .al-d-triple-panels,.al-d-lower-three,.al-d-low-info{display:-webkit-flex;display:flex;display:grid}
 .al-d-triple-panels>div,.al-d-lower-three>div,.al-d-low-info>div{-webkit-flex:1;flex:1;min-width:0}
 .al-d-shortcut-row,.al-d-quick-carousel,.al-d-footer-main,.al-d-contact-grid{display:-webkit-flex;display:flex;display:grid}
 .al-d-shortcut-row>a,.al-d-quick-carousel>a,.al-d-footer-main>div,.al-d-contact-grid>div{-webkit-flex:1;flex:1;min-width:0}
 .al-d-footer-main>div:first-child{-webkit-flex:2;flex:2}
}

/* ALAMANAH_PORTAL_VISUAL_V3A_20261023 — uniform nav and seamless campus banner */
@media(min-width:781px){
  /* Anchor links and dropdown buttons share EXACT typography/metrics. */
  .al-d-portal .al-d-header .al-d-nav .al-d-nav-top{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:38px!important;min-height:38px!important;
    padding:9px 12px!important;margin:0!important;
    font-family:Arial,"Segoe UI",sans-serif!important;
    font-size:12px!important;font-weight:750!important;line-height:20px!important;
    letter-spacing:0!important;text-decoration:none!important;
    border:0!important;border-radius:4px!important;
    background:transparent;color:#26382d!important;white-space:nowrap;
    appearance:none;-webkit-appearance:none;
  }
  .al-d-portal .al-d-header .al-d-nav .al-d-nav-dropdown-button>span{
    font-size:12px!important;line-height:1!important;
    font-weight:750!important;margin-left:2px;
  }
  .al-d-portal .al-d-header .al-d-nav .al-d-nav-top:hover,
  .al-d-portal .al-d-header .al-d-nav .al-d-nav-group:focus-within .al-d-nav-top{
    background:#eaf6ed!important;color:#08693a!important;
  }
  .al-d-portal .al-d-header .al-d-nav-group{align-items:center!important;vertical-align:middle}
  /* The campus photograph fills the complete hero. One translucent green overlay
     stretches across the picture instead of two blocks meeting on a hard line. */
  .al-d-portal .al-d-promo-shell{position:relative;isolation:isolate;background:#13884b!important;}
  .al-d-portal .al-d-promo-image{
    position:absolute!important;inset:0!important;width:100%!important;
    height:100%!important;z-index:0!important;overflow:hidden;
  }
  .al-d-portal .al-d-promo-image img{
    width:100%!important;height:100%!important;object-fit:cover!important;
    object-position:center 55%!important;
  }
  .al-d-portal .al-d-promo-shell::before{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,
      rgba(14,135,66,1) 0%,
      rgba(20,148,73,.98) 26%,
      rgba(27,151,75,.9) 40%,
      rgba(31,144,77,.62) 56%,
      rgba(28,136,70,.18) 76%,
      rgba(28,136,70,0) 100%);
  }
  .al-d-portal .al-d-promo-left{
    position:relative!important;z-index:2!important;width:62%!important;
    background:transparent!important;
  }
  .al-d-portal .al-d-promo-badge{z-index:3!important;}
}
@media(min-width:781px) and (max-width:1120px){
  .al-d-portal .al-d-header .al-d-nav .al-d-nav-top{
    padding:7px 6px!important;font-size:11px!important;
  }
  .al-d-portal .al-d-promo-left{width:71%!important}
}

/* VISUAL_V3B — explicit seamless gradient overlay; compatible with legacy and modern browsers. */
@media(min-width:781px){
  .al-d-portal .al-d-promo-shell::before{content:none!important;display:none!important;}
  .al-d-portal .al-d-promo-blend{
    display:block!important;position:absolute!important;inset:0!important;
    top:0!important;right:0!important;bottom:0!important;left:0!important;
    z-index:1!important;pointer-events:none!important;
    background:linear-gradient(to right,
      rgba(13,132,61,.94) 0%,
      rgba(20,143,69,.8) 28%,
      rgba(21,145,73,.6) 47%,
      rgba(30,148,80,.18) 75%,
      rgba(30,148,80,0) 100%)!important;
  }
  .al-d-portal .al-d-promo-left{
    width:71%!important;
    background:linear-gradient(to right,
      rgba(12,133,60,.92) 0%,
      rgba(14,145,67,.73) 47%,
      rgba(19,146,71,.23) 77%,
      rgba(19,146,71,0) 100%)!important;
  }
}

/* ALAMANAH_ARTIKEL_V6 — teacher-written articles instead of repeated news widgets. */
@media(min-width:781px){
.al-d-article-placeholder{display:grid;place-items:center;width:100%;height:205px;background:linear-gradient(135deg,#e9f7ed,#a7d3b4);color:#14623c;font-size:22px;font-weight:850}
.al-d-article-empty{min-height:270px;padding:27px 25px;border-radius:8px;border:1px solid #d3e9d9;background:linear-gradient(135deg,#f0faf3,#e4f4e9);display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.al-d-article-empty strong{font-size:21px;color:#14603d;line-height:1.25}
.al-d-article-empty p{font-size:13px;color:#527660;line-height:1.7;max-width:330px}
.al-d-article-empty a{padding:10px 14px;border-radius:7px;color:#fff;background:#096c43;font-size:12px;font-weight:760}
}

/* ALAMANAH_RUNNING_TEXT_V7 — standalone, manually managed messages. */
@media(min-width:781px){
 .al-d-ticker-track .al-d-ticker-message{font-size:11px;color:#2f6644;display:inline-block;font-weight:650}
 .al-d-ticker-track{gap:18px}
 .al-d-ticker-scroller{min-width:0}
 .al-d-ticker-track:hover{animation-play-state:paused}
}

/* ALAMANAH_V8: article-only Pojok and one card per activity/album. */
@media(min-width:781px){
 .al-d-pojok-items .al-d-pojok-empty{grid-column:1/-1;color:#477657;line-height:1.5;font-size:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
 .al-d-pojok-empty a{font-weight:800;color:#0c7544!important;border:0!important;padding:0!important}
 .al-d-activities-empty{background:#f0f8f3;border:1px solid #dcebe1;border-radius:8px;padding:20px;color:#53765d;font-size:12px;line-height:1.6}
 .al-d-pojok-items small{overflow-wrap:anywhere}
}

/* ALAMANAH_FLYER_V9 — no news/gallery in top carousel, show complete poster. */
@media(min-width:781px){
 .al-d-flyer-section .al-d-flyer-card{background:#163e2e;box-shadow:0 1px 5px #0001}
 .al-d-flyer-section .al-d-flyer-card img{
   object-fit:contain!important;object-position:center!important;background:#163e2e!important;
   image-rendering:auto!important;
 }
 .al-d-flyer-section .al-d-flyer-card:after{inset:55% 0 0;background:linear-gradient(transparent,#081c12ee)}
 .al-d-flyer-section .al-d-flyer-card:hover img{transform:none!important}
 .al-d-flyer-section .al-d-flyer-card:hover{outline:2px solid #6aaf82;outline-offset:-2px}
}

/* ALAMANAH_PORTAL_REMOVE_INFO_V10 — two balanced columns after information panel removal. */
@media(min-width:781px){
  .al-d-portal .al-d-triple-panels{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:clamp(18px,2.5vw,34px)!important;align-items:start;
  }
  .al-d-portal .al-d-triple-panels>.al-d-vertical-news{min-width:0;width:auto}
  .al-d-portal .al-d-triple-panels .al-d-vertical-feature img{
    height:clamp(205px,23vw,275px);width:100%;object-fit:cover
  }
}