/* RC19 – Adiwiyata: locally scoped, mobile-first, stable layout. */
.page-adiwiyata .adi-page{--adi-ink:#173b37;--adi-green:#087466;--adi-light:#edf7f2;color:var(--adi-ink);overflow-x:clip;background:#f8fbf9}
.page-adiwiyata .adi-page *, .page-adiwiyata .adi-page *::before,.page-adiwiyata .adi-page *::after{box-sizing:border-box}
.page-adiwiyata .adi-page .container{max-width:1200px;margin-inline:auto;width:min(100% - 40px,1200px)}
.page-adiwiyata .adi-hero{background:radial-gradient(ellipse at 81% 25%,#308c79 0,transparent 44%),linear-gradient(118deg,#123b36,#0b5b50 62%,#087568);color:#fff;padding:clamp(34px,5.5vw,76px) 0;min-height:340px;position:relative;isolation:isolate;overflow:hidden}
.page-adiwiyata .adi-hero:before{content:'';position:absolute;width:530px;height:530px;border:1px solid #ffffff28;border-radius:50%;right:-140px;top:-195px;pointer-events:none}
.page-adiwiyata .adi-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:40px;align-items:center}
.page-adiwiyata .adi-hero h1{font-size:clamp(2.5rem,5vw,4.55rem);line-height:1.08;letter-spacing:-.04em;color:#fff;font-weight:850;margin:19px 0;max-width:18ch}
.page-adiwiyata .adi-hero h1 span{color:#c6f4b4}
.page-adiwiyata .adi-hero p{max-width:670px;line-height:1.72;font-size:clamp(1rem,1.45vw,1.16rem);color:#eefbf6;margin:0 0 22px}
.page-adiwiyata .adi-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.81rem;color:#d6eae3;margin-bottom:27px}
.page-adiwiyata .adi-breadcrumb a{color:inherit;text-decoration:none}.page-adiwiyata .adi-breadcrumb a:hover{text-decoration:underline}
.page-adiwiyata .adi-kicker{color:#dbf8b7;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem}
.page-adiwiyata .adi-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-adiwiyata .adi-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:750;border-radius:13px;min-height:46px;padding:10px 18px;text-decoration:none;transition:transform .18s,background .18s,border .18s;color:inherit}
.page-adiwiyata .adi-button:hover{transform:translateY(-2px)}
.page-adiwiyata .adi-button:focus-visible,.page-adiwiyata .adi-page a:focus-visible{outline:3px solid #dfe75a;outline-offset:4px}
.page-adiwiyata .adi-button-light{background:#fff;color:#0a655a}
.page-adiwiyata .adi-button-outline{background:#fff1;border:1px solid #fff8;color:#fff}
.page-adiwiyata .adi-button-green{background:#0d7564;color:#fff}
.page-adiwiyata .adi-hero-art{position:relative;min-height:250px;display:grid;place-items:center}
.page-adiwiyata .adi-orb{width:min(290px,85%);aspect-ratio:1;border:1px solid #ffffff52;border-radius:50%;background:radial-gradient(circle at 42% 37%,#72b99b,#1b7666 58%,#145146);box-shadow:0 24px 90px #0637309a,inset 0 0 0 17px #ffffff13;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-7deg)}
.page-adiwiyata .adi-orb-leaf{font-size:3.7rem;line-height:1;color:#d6ed92}.page-adiwiyata .adi-orb strong{font-size:2.15rem;letter-spacing:.12em;color:white}.page-adiwiyata .adi-orb small{font-size:.86rem;letter-spacing:.26em;color:#dcf8e9}
.page-adiwiyata .adi-hero-tag{position:absolute;border:1px solid #ffffff4b;border-radius:13px;padding:8px 17px;background:#176f62e3;color:white;box-shadow:0 10px 26px #06373040;font-weight:700;font-size:.78rem}
.page-adiwiyata .adi-tag-one{top:12%;left:0}.page-adiwiyata .adi-tag-two{top:57%;right:-3%}.page-adiwiyata .adi-tag-three{bottom:7%;left:11%}
.page-adiwiyata .adi-section{padding:clamp(38px,5.5vw,74px) 0;scroll-margin-top:85px}
.page-adiwiyata .adi-introduction{background:#fff;padding:38px 0}
.page-adiwiyata .adi-intro-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.8fr);align-items:center;gap:clamp(20px,3vw,60px)}
.page-adiwiyata .adi-eyebrow{color:#0b7669;font-size:.78rem;text-transform:uppercase;font-weight:800;letter-spacing:.11em}
.page-adiwiyata .adi-introduction h2{font-size:clamp(1.45rem,2.7vw,2.15rem);letter-spacing:-.035em;line-height:1.25;margin:9px 0;color:#143c36}
.page-adiwiyata .adi-introduction p{max-width:725px;line-height:1.75;color:#48665f;margin:0}
.page-adiwiyata .adi-intro-side{display:flex;align-items:center;gap:15px;border-left:1px solid #c9e2d5;padding-left:26px}
.page-adiwiyata .adi-intro-mark{color:#14816f;font-weight:900;line-height:1;font-size:clamp(2.5rem,5vw,4rem)}
.page-adiwiyata .adi-intro-side strong{display:block;color:#164d43}.page-adiwiyata .adi-intro-side p{font-size:.84rem;line-height:1.55;margin-top:5px}
.page-adiwiyata .adi-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:26px}
.page-adiwiyata .adi-section-head h2{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.035em;color:#153d36;margin:6px 0 7px}
.page-adiwiyata .adi-section-head p{margin:0;line-height:1.6;color:#57736c}
.page-adiwiyata .adi-fields{background:#f0f7f3}
.page-adiwiyata .adi-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.page-adiwiyata .adi-field-card{min-width:0;display:flex;flex-direction:column;align-items:start;gap:12px;background:#fff;border:1px solid #dfeee5;border-radius:19px;padding:23px;box-shadow:0 8px 30px #0d53370b;transition:border-color .2s,box-shadow .2s,transform .2s}
.page-adiwiyata .adi-field-card:hover{transform:translateY(-3px);border-color:#8ed0b1;box-shadow:0 16px 40px #0d533716}
.page-adiwiyata .adi-field-head{display:flex;align-items:center;justify-content:space-between;width:100%}
.page-adiwiyata .adi-field-icon{display:grid;place-items:center;width:46px;height:46px;background:#e6f6ed;border-radius:14px;color:#0b6f5f}
.page-adiwiyata .adi-field-index{font-size:1.05rem;font-weight:800;color:#9acbb1}
.page-adiwiyata .adi-field-card h3{font-size:1.06rem;margin:3px 0 0;line-height:1.42;color:#173c35;overflow-wrap:anywhere}
.page-adiwiyata .adi-field-card p{font-size:.91rem;color:#5a756d;line-height:1.6;margin:0;flex:1}
.page-adiwiyata .adi-field-card a{font-size:.85rem;color:#0b715f;font-weight:800;text-decoration:none;margin-top:4px}
.page-adiwiyata .adi-programs{background:white}
.page-adiwiyata .adi-filter{display:flex;gap:9px;overflow-x:auto;padding:0 0 14px;scrollbar-width:thin;margin-bottom:11px}
.page-adiwiyata .adi-filter a{flex:none;display:inline-flex;padding:9px 16px;border:1px solid #d8e9df;border-radius:30px;font-size:.83rem;color:#22594b;text-decoration:none;background:#f8fcfa;font-weight:700}
.page-adiwiyata .adi-filter a.active{background:#0b7462;color:#fff;border-color:#0b7462}
.page-adiwiyata .adi-program-grid,.page-adiwiyata .adi-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.page-adiwiyata .adi-program-card,.page-adiwiyata .adi-activity-card{min-width:0;display:flex;flex-direction:column;align-items:start;gap:12px;padding:25px;border:1px solid #e3efe7;background:#fcfefc;border-radius:20px}
.page-adiwiyata .adi-program-card h3,.page-adiwiyata .adi-activity-card h3{font-size:1.2rem;color:#153e36;margin:0;overflow-wrap:anywhere}
.page-adiwiyata .adi-program-card p,.page-adiwiyata .adi-activity-card p{font-size:.94rem;color:#567168;line-height:1.65;flex:1;margin:0}
.page-adiwiyata .adi-mini-tag{font-size:.74rem;color:#0c785e;background:#e8f7ed;border-radius:999px;padding:6px 12px;font-weight:700}
.page-adiwiyata .adi-card-meta{font-size:.8rem;color:#577a68;display:flex;flex-wrap:wrap;gap:9px}
.page-adiwiyata .adi-link{color:#087161;font-weight:800;text-decoration:none;font-size:.91rem}
.page-adiwiyata .adi-empty{border:1px dashed #a8cfc0;border-radius:22px;background:#f8fcf8;text-align:center;padding:36px 20px;color:#4e6b60}
.page-adiwiyata .adi-empty>span{display:block;color:#2d8a63;font-size:3rem;line-height:1.1}.page-adiwiyata .adi-empty h3{color:#1a4c3f;margin:11px 0;font-size:1.24rem}.page-adiwiyata .adi-empty p{max-width:600px;margin:0 auto 12px;line-height:1.7}
.page-adiwiyata .adi-activities,.page-adiwiyata .adi-legacy{background:#f1f8f3}
.page-adiwiyata .adi-activity-card>span{font-size:.78rem;color:#0b7462;font-weight:700}
.page-adiwiyata .adi-editorial{padding:clamp(24px,5vw,52px);background:#fff;border:1px solid #dfece3;border-radius:22px;max-width:960px;margin:auto;overflow:hidden}
.page-adiwiyata .adi-editorial h2,.page-adiwiyata .adi-paper h2{margin:6px 0 18px;color:#154238;font-size:clamp(1.4rem,2.3vw,2rem)}
.page-adiwiyata .adi-editorial h3{font-size:1.2rem;margin:20px 0 8px;color:#21534a}
.page-adiwiyata .adi-editorial p,.page-adiwiyata .adi-editorial .adi-legacy-body{color:#47665e;line-height:1.7;overflow-wrap:anywhere}
.page-adiwiyata .adi-legacy-body{margin-top:14px}.page-adiwiyata .adi-legacy-body img{max-width:100%;height:auto}
.page-adiwiyata .adi-cta{background:linear-gradient(120deg,#0b5349,#167a62);color:white;border-radius:24px;display:flex;align-items:center;gap:30px;justify-content:space-between;padding:clamp(26px,5vw,54px)}
.page-adiwiyata .adi-cta .adi-eyebrow{color:#c9f5b7}.page-adiwiyata .adi-cta h2{font-size:clamp(1.5rem,2.6vw,2.3rem);color:white;max-width:650px;margin:8px 0}.page-adiwiyata .adi-cta p{color:#e1f7eb;margin:0;line-height:1.6}
.page-adiwiyata .adi-cta .adi-button{flex:none}
.page-adiwiyata .adi-detail-hero{min-height:0;padding:52px 0}.page-adiwiyata .adi-detail-hero h1{max-width:860px}
.page-adiwiyata .adi-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
.page-adiwiyata .adi-paper,.page-adiwiyata .adi-aside{border:1px solid #dbeee4;background:white;border-radius:20px;padding:28px;min-width:0}
.page-adiwiyata .adi-paper p{line-height:1.72;color:#55746a;overflow-wrap:anywhere}.page-adiwiyata .adi-paper h2{margin-top:28px}.page-adiwiyata .adi-paper h3{font-size:1rem;color:#144537}
.page-adiwiyata .adi-detail-activity{padding:22px 0;border-top:1px solid #dfebe3}.page-adiwiyata .adi-detail-activity strong{display:block}.page-adiwiyata .adi-detail-activity span{font-size:.8rem;color:#708879}
.page-adiwiyata .adi-aside h2{font-size:1.25rem;color:#1b4d3e}.page-adiwiyata .adi-aside dt{font-size:.8rem;color:#607d71;margin-top:12px}.page-adiwiyata .adi-aside dd{font-weight:700;color:#204d40;margin:3px 0 10px}
.page-adiwiyata .adi-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.page-adiwiyata .adi-photo-grid figure{margin:0}.page-adiwiyata .adi-photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.page-adiwiyata .adi-photo-grid figcaption{font-size:.8rem;line-height:1.5;color:#47665e;margin-top:7px}
.page-adiwiyata .adi-documents{padding-left:20px}.page-adiwiyata .adi-documents li{margin:9px 0}.page-adiwiyata .adi-documents a{color:#086f61}
@media(max-width:1080px){.page-adiwiyata .adi-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.page-adiwiyata .adi-hero-grid{grid-template-columns:1fr}.page-adiwiyata .adi-hero-art{display:none}.page-adiwiyata .adi-hero{min-height:0}.page-adiwiyata .adi-intro-grid{grid-template-columns:1fr}.page-adiwiyata .adi-intro-side{border-left:0;border-top:1px solid #dcefe3;padding:18px 0 0}.page-adiwiyata .adi-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-adiwiyata .adi-program-grid,.page-adiwiyata .adi-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-adiwiyata .adi-detail-grid{grid-template-columns:1fr}}
@media(max-width:560px){.page-adiwiyata .adi-page .container{width:min(100% - 28px,1200px)}.page-adiwiyata .adi-hero h1{font-size:2.55rem}.page-adiwiyata .adi-hero{padding:35px 0 39px}.page-adiwiyata .adi-breadcrumb{margin-bottom:19px}.page-adiwiyata .adi-field-grid,.page-adiwiyata .adi-program-grid,.page-adiwiyata .adi-activity-grid{grid-template-columns:1fr}.page-adiwiyata .adi-field-card{padding:20px}.page-adiwiyata .adi-cta{flex-direction:column;align-items:start}.page-adiwiyata .adi-photo-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.page-adiwiyata .adi-page *{transition:none!important;animation:none!important}}