/* MAN 9 V7 — Build stylesheet, authored from source layers in declared order. Edit source layers, then recompile. */

/* --- site.bundle.css --- */

/* ===== style.css ===== */
:root{--green:#183e32;--deep:#102f26;--ink:#24382f;--cream:#f5f3eb;--gold:#c8ad72;--muted:#687369;--line:#d9dfd4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background:white;font:14px/1.8 'Manrope',Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400}h1,h2{line-height:1.02;letter-spacing:-1.6px}h1{font-size:clamp(58px,6.6vw,106px)}h2{font-size:clamp(44px,4.7vw,74px);margin-bottom:28px}h3{line-height:1.16}em{font-weight:400;color:#7c8c66}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{max-width:1450px;margin:auto;padding:100px 6%}.notice{background:#e9ecdf;text-align:center;font-size:10px;letter-spacing:.2px;padding:7px 15px;color:#475545}header{height:104px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:30;border-bottom:1px solid #e5e8de}.brand{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:700;letter-spacing:1.1px;white-space:nowrap}.brand small{display:block;font-size:7px;letter-spacing:1.1px;font-weight:500;margin-top:3px}.mark{font:52px/.7 'Instrument Serif',Georgia,serif;border:1px solid #829274;width:48px;height:60px;text-align:center;padding:9px 0;color:var(--green)}.mark span{display:block;font:8px/1.3 'Manrope',sans-serif;letter-spacing:2px;margin-top:7px}.header-actions{display:flex;align-items:center;gap:25px}.portal-link,.admission-link{font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:1px}.admission-link{border-bottom:1px solid #8e9e81;padding:6px 0}.search-button{display:flex;align-items:center;justify-content:center;border:0;background:none;padding:7px;color:var(--green)}.menu{display:flex;align-items:center;gap:16px;border:0;border-left:1px solid var(--line);padding:10px 0 10px 25px;background:none;color:var(--green)}.menu>span{font-size:10px;letter-spacing:1px}.menu i{width:26px;height:10px;border-top:1px solid;border-bottom:1px solid;position:relative}.menu[aria-expanded=true] i{transform:rotate(45deg);height:0;border-bottom:0}.menu[aria-expanded=true] i:after{content:'';position:absolute;width:26px;left:0;border-top:1px solid;transform:rotate(90deg)}#nav{display:none;position:absolute;top:104px;left:0;right:0;background:var(--green);color:#f5f5e9;max-height:calc(100dvh - 104px);overflow:auto;box-shadow:0 30px 50px #102f2640}#nav.open{display:grid;grid-template-columns:1.1fr 1fr}.nav-main{padding:50px 8%}.nav-main>a{display:block;font-family:'Instrument Serif',serif;font-size:35px;line-height:1.5;border-bottom:1px solid #52705b;padding:5px 0}.nav-main>a span{font:9px 'Manrope',sans-serif;margin-right:15px;color:#b5c3a4;vertical-align:middle}.nav-extra{display:flex;gap:25px;margin-top:25px;font-size:10px}.nav-preview{position:relative;min-height:500px;overflow:hidden}.nav-preview img{position:absolute}.nav-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#132d23bb)}.nav-preview>span{position:absolute;z-index:1;color:white;bottom:40px;left:40px;font-family:'Instrument Serif',serif;font-size:44px;line-height:1.1}.eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:2.5px;margin-bottom:22px}.eyebrow.light{color:#e5e9d8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 23px;background:var(--green);border:1px solid var(--green);color:white;font-size:11px;transition:.25s}.button:hover{background:#325543;transform:translateY(-2px)}.button.cream{background:#f5f2e6;color:var(--green);border-color:#f5f2e6}.underlink{border:0;border-bottom:1px solid #9eac93;background:none;padding:10px 0;color:var(--green);display:inline-flex;gap:30px;align-items:center;justify-content:space-between;font-size:11px}.hero{height:min(850px,calc(100svh - 134px));min-height:640px;position:relative;isolation:isolate;color:white;overflow:hidden}.hero>img{position:absolute;inset:0;z-index:-3;object-position:50% 57%;transition:opacity .35s}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0e211b70,transparent 80%),linear-gradient(0deg,#0d221ed9,transparent 80%)}.hero-copy{padding:75px 6% 110px;position:absolute;bottom:35px;left:0;width:100%;max-width:1100px}.hero h1{margin-bottom:23px;text-shadow:0 2px 25px #0002}.hero h1 em{color:#e4e7cf}.hero h1 em br{display:none}.hero .eyebrow{margin-bottom:23px}.hero p{font-size:12px;line-height:1.8;max-width:450px;color:#f5f5ed}.actions{display:flex;align-items:center;gap:30px;margin-top:25px}.text-link{font-size:11px;border-bottom:1px solid #c0c7b8;padding:9px 0}.hero-bottom{position:absolute;left:6%;right:6%;bottom:25px;display:flex;justify-content:space-between;align-items:center}.hero-bottom>a{font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:20px}.hero-bottom>a>span{border:1px solid #9ea99b;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:17px}.hero-slides{display:flex;gap:22px}.hero-slides button{font:10px 'Manrope',sans-serif;border:0;border-top:1px solid #c3cbb16b;background:none;color:#d6dcca;padding:12px 0 0;min-width:105px;text-align:left}.hero-slides button span{font-size:9px;margin-left:10px}.hero-slides .selected{border-top:2px solid white;color:white}.quickbar{display:flex;align-items:center;justify-content:space-between;padding:23px 6%;background:var(--green);color:#fff;font-size:10px}.quickbar>span{font-size:8px;letter-spacing:2px;color:#b9c4aa}.quickbar>a{border-left:1px solid #546e59;padding-left:30px}.intro{display:block;position:relative;text-align:center;max-width:1100px;padding-top:120px;padding-bottom:140px;overflow:hidden}.intro h2{font-size:clamp(44px,5.5vw,79px);position:relative;z-index:1}.intro .lead{font-size:16px;max-width:650px;margin:0 auto 17px;color:var(--ink)}.intro>p{max-width:650px;margin:0 auto 20px;font-size:12px;color:var(--muted)}.intro-word{font:italic 120px/1 'Instrument Serif',serif;position:absolute;bottom:-28px;white-space:nowrap;left:50%;transform:translateX(-50%);color:#eff1e8;z-index:-1}.education{background:var(--cream)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.section-top h2{margin-bottom:0}.section-top>p{max-width:400px;color:var(--muted);font-size:12px;margin-bottom:5px}.pathways{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pathway{position:relative;min-height:470px;overflow:hidden;color:#fff;cursor:pointer;border:0;text-align:left;background:var(--green);padding:0}.pathway:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#112d25ec,transparent 78%);z-index:0}.pathway>img{position:absolute;inset:0;transition:transform .6s}.pathway:hover>img{transform:scale(1.06)}.pathway>span{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:1.3px;z-index:1;border:1px solid #ffffff75;padding:4px 9px}.pathway-content{position:absolute;bottom:25px;left:23px;right:23px;z-index:1}.pathway h3{font-size:32px;margin-bottom:15px;letter-spacing:-.4px}.pathway p{font-size:10px;line-height:1.8;margin-bottom:15px;color:#ebeee3}.pathway .pathway-arrow{display:block;border-top:1px solid #a2b19e7a;padding-top:15px;font-size:9px;letter-spacing:.6px}.campus-story{height:670px;position:relative;color:white;isolation:isolate}.campus-story>img{position:absolute;z-index:-2}.campus-story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0f2d25be,transparent 90%),linear-gradient(0deg,#0f2d2555,transparent);z-index:-1}.campus-caption{position:absolute;left:8%;top:50%;transform:translateY(-50%);max-width:580px}.campus-caption h2{font-size:72px}.campus-caption em{color:#e5e7d1}.campus-caption p{max-width:370px;font-size:12px;color:#edf0e8;margin-bottom:27px}.photo-index{position:absolute;bottom:25px;right:5%;font-size:8px;letter-spacing:1.5px}.life-gallery{padding-top:110px;padding-bottom:110px}.life-mosaic{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:270px 270px;gap:20px}.life-card{position:relative;overflow:hidden;color:white;isolation:isolate}.life-card>img{position:absolute;z-index:-2;transition:transform .6s}.life-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d291fd6,transparent 85%)}.life-card:hover>img{transform:scale(1.04)}.life-tall{grid-row:1/3}.life-card>div{position:absolute;bottom:25px;left:30px;right:25px}.life-card span{font-size:8px;letter-spacing:1.7px}.life-card h3{font-size:34px;margin:12px 0}.life-tall h3{font-size:48px}.life-card b{font-size:9px;font-weight:500;border-bottom:1px solid #b8c7ae;padding-bottom:5px}.greeting{max-width:1450px;display:grid;grid-template-columns:.95fr 1fr;gap:8%;align-items:center;padding-top:50px;padding-bottom:110px}.greeting-image{height:520px;position:relative;isolation:isolate}.greeting-image>img{position:absolute;z-index:-2}.greeting-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#183527ae,transparent 60%);z-index:-1}.greeting-image>span{position:absolute;bottom:30px;left:30px;font-family:'Instrument Serif',serif;color:white;font-size:38px;line-height:1.1}.greeting h2{font-size:55px}.greeting p{font-size:12px;color:var(--muted)}.greeting-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.greeting-bottom b{font-size:11px;font-weight:600}.greeting-bottom small{font-size:9px;display:block;color:var(--muted)}.news{background:#fafaf6}.filters{display:flex;flex-wrap:wrap;gap:18px;border-bottom:1px solid var(--line);margin-bottom:35px}.filter{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;font-size:10px;color:var(--muted)}.filter.active{color:var(--green);border-bottom-color:var(--green)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 28px}.news-card{display:block}.news-card .photo{height:260px;overflow:hidden;margin-bottom:20px}.news-card img{transition:transform .5s}.news-card:hover img{transform:scale(1.04)}.meta{font-size:8px;letter-spacing:1px;display:flex;flex-wrap:wrap;gap:13px;color:var(--muted);margin-bottom:12px}.meta b{font-weight:600;color:var(--green)}.news-card h3{font-size:31px;letter-spacing:-.5px;margin-bottom:13px}.news-card p{font-size:11px;color:var(--muted);margin-bottom:17px}.read{font-size:9px;border-bottom:1px solid #a1af97;padding-bottom:5px}.achievements{background:var(--green);color:#f2f4e7}.achievement-grid{display:grid;grid-template-columns:1fr .85fr;gap:11%;align-items:center}.achievement-image{height:290px;overflow:hidden;margin-bottom:40px}.achievement-grid h2{font-size:65px}.achievement-grid h2 br:nth-of-type(2){display:none}.achievements em{color:#c5d0ad}.achievement-grid>div>p{font-size:12px;max-width:420px;color:#cbd6c3}.achievement-list article{border-top:1px solid #698064;padding:30px 0}.achievement-list span{font-size:8px;letter-spacing:2px;color:#c7d2b7}.achievement-list h3{font-size:37px;margin:17px 0}.achievement-list p{font-size:11px;color:#cbd6c3;margin:0}.achievement-list a{font-size:10px;display:inline-block;border-bottom:1px solid #72886c;margin-top:17px;padding-bottom:5px}.announcements{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.announcements>div>p{font-size:12px;color:var(--muted);max-width:300px}.announcement{display:flex;align-items:center;gap:25px;border:0;border-bottom:1px solid var(--line);padding:28px 0;background:white;text-align:left;width:100%;color:var(--ink)}.announcement>span{font-size:9px;color:#859075}.announcement h3{font-size:28px;flex:1;margin:0}.announcement i{font-style:normal}.admissions{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);padding:0;max-width:100%;gap:0;position:relative}.admission-photo{grid-row:1/4;position:relative;min-height:760px}.admission-photo img{position:absolute;object-position:72%}.admission-head{padding:65px 12% 30px}.admission-head h2{font-size:60px}.admission-head p{font-size:12px;color:var(--muted)}.steps{padding:0 12% 25px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.steps span{font:32px 'Instrument Serif',serif;color:#8e9d77}.steps h3{font-family:'Manrope',sans-serif;font-size:11px;font-weight:600;margin:6px 0}.steps p{font-size:10px;color:var(--muted);margin:0}.admission-note{font-size:9px;color:var(--muted);padding:5px 12% 40px;line-height:1.8}.services{background:white}.service-filters{display:flex;gap:12px;flex-wrap:wrap;margin:-10px 0 30px}.service-filters button{border:1px solid var(--line);background:white;padding:8px 17px;font-size:10px;color:var(--green);border-radius:30px}.service-filters button.active{background:var(--green);color:white;border-color:var(--green)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{border:1px solid #dbe0d3;padding:30px;display:flex;flex-direction:column}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.service-icon{font:32px 'Instrument Serif',serif;color:#879873}.badge{font-size:8px;letter-spacing:.5px;border:1px solid #d3dbc9;padding:3px 9px;color:#728260}.service h3{font-size:31px;margin-bottom:12px}.service p{font-size:11px;color:var(--muted);flex:1}.service small{font-size:8px;color:#808b76;margin:8px 0}.service .underlink{align-self:flex-start}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:40px;padding-bottom:85px}.contact h3{font-family:'Manrope',sans-serif;font-size:17px;font-weight:600}.contact p,.contact a{font-size:12px}.contact p{color:var(--muted)}.contact a{display:block;margin:10px 0}.contact .underlink{display:inline-flex}.footer-photo{position:relative;height:450px;isolation:isolate;color:white}.footer-photo>img{position:absolute;z-index:-2;object-position:center 45%}.footer-photo:after{content:'';position:absolute;inset:0;background:#0f2d2480;z-index:-1}.footer-photo>div{text-align:center;padding:65px 20px}.footer-photo h2{font-size:74px;margin-bottom:23px}.footer-photo em{color:#e1e8cd}footer{background:var(--deep);color:#ecf0e4}footer>.wrap{padding-top:55px;padding-bottom:25px}footer .mark{color:white;border-color:#77916b}footer .brand small{font-size:8px;letter-spacing:.5px}.footer-links{display:flex;gap:35px;font-size:10px;margin:30px 0}.footer-bottom{border-top:1px solid #486347;padding-top:23px;display:flex;justify-content:space-between;gap:25px;font-size:8px;color:#b2c3a7}.detail{max-width:1080px;min-height:65vh;padding-top:45px}.detail h1{font-size:65px;max-width:900px;margin-bottom:30px}.breadcrumb{font-size:10px;color:var(--muted);margin-bottom:40px}.article-note{background:var(--cream);padding:13px 20px;font-size:10px}.detail-image{height:470px;margin:35px 0}.article-body{max-width:760px;margin:40px auto;font-size:15px;line-height:2}.article-body h2{font-size:40px}.detail .news-grid{grid-template-columns:repeat(2,1fr)}dialog{border:0;background:#fff;color:var(--ink);padding:45px;width:min(650px,calc(100% - 30px));max-height:85dvh;box-shadow:0 25px 80px #081e1a40}dialog::backdrop{background:#0d251ed1;backdrop-filter:blur(6px)}dialog h2{font-size:45px;margin-right:20px}dialog p{font-size:12px;color:var(--muted)}dialog .modal-photo{height:250px;margin-bottom:25px}.close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:27px;color:var(--ink)}dialog label{font-size:11px;display:block}input,select{width:100%;padding:13px;border:1px solid #cbd4c1;background:#fafbf5;color:var(--ink);margin:8px 0 20px}.form-note{background:var(--cream);padding:15px;font-size:10px!important}#search-results{max-height:45dvh;overflow:auto}.search-result{display:block;width:100%;background:white;border:0;border-bottom:1px solid var(--line);padding:14px 0;text-align:left;font-size:12px;color:var(--ink)}.search-result small{display:block;font-size:9px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:17px 0;font-size:12px}summary{cursor:pointer;font-weight:600}details p{margin:15px 0 0}.handover{max-width:950px}.handover h1{font-size:65px}.handover h2{font-size:40px;margin-top:40px}.handover li{margin-bottom:10px}.handover table{border-collapse:collapse;width:100%;font-size:12px}.handover td,.handover th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.skip{position:fixed;top:-100px}.skip:focus{top:5px;padding:10px;background:white;z-index:100}#toast{display:none}.empty-services{color:var(--muted)}[hidden]{display:none!important}@media(min-width:1700px){.hero-copy{padding-left:calc((100vw - 1450px)/2 + 85px)}.hero{max-height:950px}.pathway{min-height:530px}}@media(max-width:1100px){.header-actions{gap:18px}.brand{font-size:17px}.portal-link{display:none}.pathways{grid-template-columns:repeat(2,1fr);gap:20px}.pathway{min-height:430px}.pathway h3{font-size:38px}.pathway p{font-size:12px}.greeting{gap:40px}.greeting h2{font-size:47px}.greeting-image{height:480px}.greeting-bottom{align-items:flex-start;flex-direction:column;gap:10px}.news-card .photo{height:220px}.news-card h3{font-size:28px}.achievement-grid{gap:60px}.admission-head h2{font-size:50px}.admission-head{padding-top:50px}.admission-photo{min-height:780px}.service{padding:25px}}@media(max-width:760px){html{scroll-padding-top:86px}.notice{font-size:8px;padding:7px 10px}header{height:82px;padding:0 20px}.brand{font-size:15px;gap:9px}.brand small{font-size:6px;letter-spacing:.5px}.mark{width:37px;height:47px;font-size:40px;padding-top:7px}.mark span{font-size:6px;margin-top:5px}.header-actions{gap:12px}.admission-link{display:none}.menu{padding-left:15px;gap:10px}.menu span{font-size:8px}.menu i{width:22px}.search-button{padding:4px}#nav{top:82px;max-height:calc(100dvh - 82px)}#nav.open{grid-template-columns:1fr}.nav-main{padding:35px 25px}.nav-main>a{font-size:31px}.nav-preview{display:none}.nav-extra{gap:20px;flex-wrap:wrap}.hero{height:calc(100svh - 110px);min-height:670px;max-height:860px}.hero>img{object-position:64%}.hero-copy{padding:40px 25px 110px;bottom:25px}.hero h1{font-size:66px;letter-spacing:-1.4px;max-width:600px}.hero h1 em br{display:initial}.hero p{font-size:11px;max-width:330px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.actions{gap:15px;align-items:flex-start;flex-direction:column}.button{font-size:10px;padding:13px 18px}.text-link{font-size:10px}.hero-bottom{left:25px;right:25px;bottom:20px}.hero-bottom>a{display:none}.hero-slides{width:100%;gap:16px}.hero-slides button{flex:1;min-width:0;font-size:9px}.hero-slides button span{font-size:8px;margin-left:6px}.quickbar{padding:20px 25px;display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:9px}.quickbar>span{grid-column:1/-1}.quickbar>a{padding:0;border:0}.wrap{padding:65px 25px}.intro{padding-top:80px;padding-bottom:90px}.intro h2{font-size:48px}.intro h2 br{display:none}.intro .lead{font-size:15px}.intro>p{font-size:12px}.intro-word{font-size:80px;bottom:-18px}.section-top{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:35px}.section-top>p{font-size:11px;margin:0}h2{font-size:49px}.pathways{gap:14px}.pathway{min-height:430px}.pathway-content{left:18px;right:18px;bottom:20px}.pathway h3{font-size:32px}.pathway p{font-size:10px}.pathway>span{font-size:8px;top:15px;left:15px}.campus-story{height:610px}.campus-caption{left:25px;right:25px}.campus-caption h2{font-size:59px}.campus-caption p{font-size:12px}.photo-index{font-size:7px;left:25px;bottom:20px}.life-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:440px 280px;gap:14px}.life-tall{grid-column:1/3;grid-row:1}.life-card>div{left:20px;bottom:22px;right:20px}.life-card span{font-size:7px;letter-spacing:1px}.life-card h3{font-size:29px}.life-tall h3{font-size:47px}.life-card b{font-size:8px}.greeting{grid-template-columns:1fr;gap:35px;padding-top:15px}.greeting-image{height:420px}.greeting h2{font-size:48px}.greeting p{font-size:12px}.greeting-bottom{flex-direction:row;align-items:center}.news-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px}.news-card .photo{height:200px}.news-card h3{font-size:27px}.news-card p{font-size:10px}.meta{font-size:7px;gap:10px}.achievement-grid{grid-template-columns:1fr;gap:45px}.achievement-image{height:320px;margin-bottom:30px}.achievement-grid h2{font-size:58px}.achievement-list h3{font-size:35px}.announcements{grid-template-columns:1fr;gap:20px}.announcement{gap:20px;padding:24px 0}.announcement h3{font-size:27px}.admissions{grid-template-columns:1fr;padding:0}.admission-photo{grid-row:auto;min-height:400px}.admission-head{padding:40px 25px 30px}.admission-head h2{font-size:53px}.steps{padding:0 25px 30px;gap:25px}.admission-note{padding:0 25px 35px}.service-grid{grid-template-columns:repeat(2,1fr);gap:14px}.service{padding:22px}.service h3{font-size:28px}.service p{font-size:10px}.service small{font-size:8px}.service .underlink{font-size:10px;gap:5px}.contact{grid-template-columns:1fr;gap:20px;padding-top:15px}.footer-photo{height:420px}.footer-photo h2{font-size:66px}.footer-photo>div{padding-top:60px}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-links{gap:25px}.detail h1{font-size:49px}.detail-image{height:340px}.article-body{font-size:14px;line-height:1.9}.detail .news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.hero h1{font-size:58px}.hero{min-height:690px}.hero-copy{padding-top:35px}.pathways{grid-template-columns:1fr}.pathway{min-height:470px}.pathway h3{font-size:44px}.pathway p{font-size:12px;max-width:280px}.pathway-content{left:25px;right:25px;bottom:27px}.pathway .pathway-arrow{font-size:10px}.life-mosaic{grid-template-columns:1fr;grid-template-rows:480px 320px 320px}.life-tall{grid-column:auto;grid-row:auto}.life-card h3{font-size:37px}.news-grid,.service-grid,.detail .news-grid{grid-template-columns:1fr}.news-card .photo{height:270px}.news-card h3{font-size:34px}.news-card p{font-size:11px}.service h3{font-size:32px}.service p{font-size:11px}.greeting-bottom{align-items:flex-start;flex-direction:column}.greeting-image{height:390px}.campus-caption h2{font-size:53px}.detail h1{font-size:42px}.detail-image{height:260px}dialog{padding:35px 25px}dialog h2{font-size:39px}.brand small{font-size:5.5px}.footer-bottom{font-size:8px}.footer-photo h2{font-size:61px}.admission-photo{min-height:330px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Softer surfaces and a more relaxed editorial rhythm. */
:root{--radius-sm:12px;--radius-card:24px;--radius-feature:36px}
.button{border-radius:var(--radius-sm)}
.hero{border-radius:0 0 var(--radius-feature) var(--radius-feature)}
.quickbar{margin:18px 4% 0;border-radius:18px;padding-left:3%;padding-right:3%;gap:20px}
.education{border-radius:var(--radius-feature)}
.pathways{gap:22px;padding-bottom:24px}
.pathway{border-radius:var(--radius-card);box-shadow:0 10px 28px #173c3210}
.pathway:nth-child(even){transform:translateY(22px)}
.pathway>span{border-radius:30px;background:#15352b20;backdrop-filter:blur(5px)}
.campus-story{margin:26px 3% 0;border-radius:var(--radius-feature);overflow:hidden}
.life-mosaic{gap:24px}
.life-card{border-radius:var(--radius-card)}
.life-tall{border-radius:var(--radius-feature) var(--radius-card) var(--radius-feature) var(--radius-card)}
.greeting-image{border-radius:var(--radius-feature) var(--radius-feature) var(--radius-sm) var(--radius-feature);overflow:hidden}
.news{border-radius:var(--radius-feature)}
.news-card .photo{border-radius:var(--radius-card)}
.news-card .read{display:inline-block;padding:4px 0}
.achievements{border-radius:var(--radius-feature);overflow:hidden;margin:24px 0}
.achievement-image{border-radius:var(--radius-card)}
.admissions{width:min(1450px,92%);max-width:none;border-radius:var(--radius-feature);overflow:hidden;margin-bottom:24px}
.service{border-radius:var(--radius-card);border-color:#e6eade;background:#fafbf7;box-shadow:0 5px 22px #183e3204;transition:background .25s,box-shadow .25s,transform .25s}
.service:hover{background:#f5f8ee;box-shadow:0 12px 30px #183e320b;transform:translateY(-3px)}
.badge{border-radius:30px;background:#fff}
.service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#eef2e6}
.footer-photo{margin:0 3%;border-radius:var(--radius-feature);overflow:hidden;transform:translateY(-20px)}
footer{border-radius:var(--radius-feature) var(--radius-feature) 0 0;padding-top:20px}
.detail-image{border-radius:var(--radius-card);overflow:hidden}
.article-note,.form-note{border-radius:var(--radius-sm)}
dialog{border-radius:var(--radius-card)}
dialog .modal-photo{border-radius:18px;overflow:hidden}
input,select{border-radius:var(--radius-sm)}
.nav-preview{border-radius:30px 0 0 30px}
#nav{border-radius:0 0 28px 28px}
@media(max-width:1100px){.pathway:nth-child(even){transform:none}.pathways{padding-bottom:0}}
@media(max-width:760px){:root{--radius-card:20px;--radius-feature:28px}.quickbar{margin:14px 18px 0;border-radius:16px;padding:20px}.campus-story{margin:18px 15px 0}.life-mosaic{gap:16px}.pathways{gap:16px}.admissions{width:calc(100% - 30px)}.footer-photo{margin:0 15px}.education,.news,.achievements{border-radius:28px}.greeting-image{border-radius:28px 28px 12px 28px}}
@media(prefers-reduced-motion:reduce){.service{transition:none}.service:hover{transform:none}}
.school-logo{width:60px;height:60px;object-fit:contain;flex:none;background:white;border-radius:10px;padding:3px}
footer .school-logo{width:66px;height:66px;padding:5px;border-radius:12px}
.greeting-image.kamad-portrait{height:620px;background:#f4f0e5}
.kamad-portrait>img{object-position:center top;object-fit:cover}
.kamad-portrait:after{background:linear-gradient(0deg,#183527ec,transparent 35%)}
.kamad-portrait>.portrait-label{font-family:'Instrument Serif',Georgia,serif;font-size:30px;line-height:1.2;left:30px;right:25px;bottom:28px}
.portrait-label small{display:block;font:10px/1.6 'Manrope',sans-serif;letter-spacing:.7px;margin-top:9px;color:#e0e7d3}
.headmaster-detail{display:grid;grid-template-columns:270px 1fr;gap:45px;align-items:start;margin:40px 0}
.headmaster-detail figure{margin:0;position:sticky;top:135px}
.headmaster-detail figure img{height:auto;border-radius:24px;background:#f5f1e7}
.headmaster-detail figcaption{padding:17px 0;font-size:12px;line-height:1.8}
.headmaster-detail figcaption span{display:block;font-size:10px;color:var(--muted)}
.headmaster-detail .article-body{margin:0;font-size:14px}
@media(max-width:1100px){.greeting-image.kamad-portrait{height:570px}.headmaster-detail{grid-template-columns:230px 1fr;gap:30px}}
@media(max-width:760px){.school-logo{width:46px;height:46px;padding:2px}.greeting-image.kamad-portrait{height:600px;max-width:480px;width:100%;margin:auto}.headmaster-detail{grid-template-columns:1fr;gap:30px}.headmaster-detail figure{position:static;max-width:340px;margin:auto}.headmaster-detail .article-body{font-size:14px}}
@media(max-width:440px){.greeting-image.kamad-portrait{height:520px}.kamad-portrait>.portrait-label{font-size:27px;left:23px;bottom:25px}.portrait-label small{font-size:9px}}
/* Complete demo: page layouts and mobile-first reading. */
html{scroll-padding-top:120px;scroll-padding-bottom:100px}
body{font-size:16px;line-height:1.75}
body,main,section,article,nav,header,footer,figure,aside,div{min-width:0}
img{max-width:100%}
a,button{touch-action:manipulation}
button,.button,.underlink{min-height:44px}
button,input,select{font-size:16px}
button{white-space:normal}
.wrap{width:100%}
.hero p,.intro>p,.section-top>p,.section-intro p,.campus-caption p,.greeting p,.news-card p,.achievement-grid>div>p,.achievement-list p,.announcements>div>p,.admission-head p,.steps p,.service p,.contact p,.article-body,dialog p,.detail p{font-size:16px;line-height:1.75}
.eyebrow{font-size:11px;letter-spacing:1.8px}
.button,.text-link,.underlink{font-size:13px;font-weight:500}
.hero{min-height:700px}
.hero-copy{max-width:1120px}
.hero p{max-width:550px}
.hero .eyebrow{font-size:11px}
.hero-bottom>a,.hero-slides button,.hero-slides button span{font-size:11px}
.quickbar{font-size:13px}
.quickbar>span{font-size:10px}
.quickbar>a{display:flex;align-items:center;min-height:44px}
.intro>p{max-width:750px}
.intro .lead{font-size:20px}
.section-intro{max-width:400px}
.section-intro p{color:var(--muted);margin-bottom:15px}
.team-section{background:linear-gradient(145deg,#f3f4eb,#fafbf6);border-radius:36px;margin:0 3%}
.team-section>.wrap{padding-left:4%;padding-right:4%}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.team-card{display:flex;flex-direction:column;padding:27px 25px;background:#fff;border:1px solid #e2e7d9;border-radius:24px;box-shadow:0 10px 30px #163b2e04}
.team-card-top{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:32px}
.team-index{font:24px 'Instrument Serif',serif;color:#8b9c76}
.team-card h3{font-size:31px;letter-spacing:-.3px;margin-bottom:12px;overflow-wrap:anywhere}
.team-card .team-role{font:600 12px/1.65 'Manrope',sans-serif;letter-spacing:.2px;color:var(--green);margin-bottom:16px}
.team-card p:last-child{font-size:15px;color:var(--muted);margin:0}
.team-card .badge{font-size:9px}
.team-more{margin-top:25px}
.directory-link{margin-top:-15px;margin-bottom:35px}
.pathway{min-height:550px;display:block}
.pathway h3{font-size:36px}
.pathway p{font-size:15px;line-height:1.7}
.pathway .pathway-arrow{font-size:11px}
.pathway>span{font-size:9px}
.campus-story{height:700px}
.campus-caption{max-width:640px}
.campus-caption p{max-width:470px}
.life-card>div>span{font-size:10px;letter-spacing:1.2px}
.life-card b{font-size:12px}
.greeting-bottom small{font-size:11px}
.greeting-bottom b{font-size:13px}
.greeting-image.kamad-portrait img{object-fit:contain;background:#f5f1e8}
.filters{gap:20px}
.filter{font-size:13px;min-height:44px}
.meta{font-size:11px;letter-spacing:.4px}
.meta b{text-transform:uppercase}
.news-card .read{font-size:12px}
.announcement>div{flex:1}
.announcement>div>small{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}
.announcement>span{font-size:12px;flex:none}
.announcement i{flex:none}
.announcement h3{font-size:29px}
.admissions{margin-top:30px}
.admission-note{font-size:12px}
.steps h3{font-size:14px;line-height:1.5}
.admission-photo{min-height:920px}
.service-filters{gap:10px;margin-top:0}
.service-filters button{min-height:44px;font-size:13px}
.service small{font-size:11px;line-height:1.65}
.service .underlink{margin-top:10px;font-size:13px}
.service .badge,.badge{font-size:10px;letter-spacing:.3px}
.service-top{gap:12px}
.service h3{font-size:34px}
.service:hover .underlink{border-bottom-color:var(--green)}
.service-tags{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:35px;font-size:13px;color:var(--muted)}
.contact a{font-size:15px;min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}
.footer-links{flex-wrap:wrap;gap:10px 30px}
.footer-links a{min-height:44px;display:flex;align-items:center;font-size:13px}
.footer-bottom{font-size:11px;align-items:center}
.footer-bottom a{min-height:44px;display:flex;align-items:center}
.footer-bottom>span{line-height:1.6}
.detail{padding-top:40px;padding-bottom:85px}
.detail.page-wide{max-width:1450px}
.page-heading{display:block;position:static;height:auto;padding:0;background:transparent;border:0;z-index:auto;min-height:0;margin-bottom:35px}
.page-heading h1{font-size:clamp(42px,5.5vw,72px);line-height:1.08;letter-spacing:-1.2px;overflow-wrap:break-word;margin-bottom:22px}
.page-intro{max-width:760px;color:var(--muted);font-size:18px!important;line-height:1.75}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:12px;line-height:1.6;margin-bottom:30px}
.breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.article-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.article-toolbar .meta{margin:0}
.article-note,.form-note{font-size:13px!important;line-height:1.75;padding:16px 20px}
.article-body{font-size:17px;line-height:1.9;overflow-wrap:break-word}
.article-body p{font-size:17px;line-height:1.9;margin-bottom:24px}
.article-body h2{font-size:40px;margin-top:35px;line-height:1.1}
.page-return{border-top:1px solid var(--line);padding-top:28px;margin-top:50px}
.page-return a{max-width:100%;font-size:14px;line-height:1.6}
.result-count{font-size:13px!important;color:var(--muted);margin:0 0 25px}
.related-section{border-top:1px solid var(--line);padding-top:45px;margin-top:55px}
.related-section h2{font-size:44px;line-height:1.1}
.related-section .section-top{align-items:center}
.related-grid,.detail .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.team-page-intro{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;margin-bottom:40px}
.team-page-intro p{max-width:800px;color:var(--muted)}
.info-panel{background:#f3f5ec;border:1px solid #e5e9dd;border-radius:28px;padding:35px;margin-top:45px}
.info-panel h2{font-size:42px;line-height:1.1}
.info-panel p{max-width:760px;color:var(--muted)}
.info-panel .actions{flex-wrap:wrap}
.directory-intro{max-width:850px;margin-bottom:35px}
.directory-intro>p{color:var(--muted)}
.service-detail-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:start}
.subheading{font-size:42px!important}
.process-list{padding:0;margin:0;list-style:none;counter-reset:steps}
.process-list li{display:flex;align-items:flex-start;gap:22px;border-top:1px solid var(--line);padding:25px 0}
.process-list .step-number{font:34px/1.2 'Instrument Serif',serif;color:#7f9068;flex:none}
.process-list h3{font-size:28px;line-height:1.2;margin:0 0 9px}
.process-list p{color:var(--muted);margin:0}
.access-panel{background:#f0f3e6;border-radius:28px;padding:32px;position:sticky;top:135px}
.access-panel h2{font-size:42px;line-height:1.1}
.access-panel p{color:var(--muted)}
.access-panel .button{width:100%;gap:10px;margin:8px 0 15px}
.access-panel small{display:block;font-size:12px;line-height:1.7;color:var(--muted)}
.announcement-directory{margin-top:20px}
.guide-list{padding-left:24px;margin:25px 0 35px}
.guide-list li{padding-left:6px;margin:12px 0}
.admissions-guide{display:grid;grid-template-columns:1fr .85fr;gap:50px;margin:35px 0 55px;align-items:start}
.admissions-guide .detail-image{height:300px;margin:0 0 30px}
.admissions-guide h2{font-size:44px;line-height:1.1}
.admissions-guide>div>p{color:var(--muted)}
.admissions-guide .caption{font-size:12px;line-height:1.65;margin-top:15px}
.faq-section{max-width:850px;margin:45px auto}
.faq-section h2{font-size:46px}
.faq-section details{padding:0;font-size:16px}
.faq-section summary{padding:21px 30px 21px 0;line-height:1.6;min-height:60px}
.faq-section details p{padding:0 0 25px;margin:0;color:var(--muted)}
.headmaster-detail .article-body,.headmaster-detail .article-body p{font-size:16px;line-height:1.85}
.headmaster-detail figcaption{font-size:14px}
.headmaster-detail figcaption span{font-size:12px}
.mobile-dock{display:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{max-width:650px;overflow-y:auto;overscroll-behavior:contain}
dialog .close{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f4f6ed;font-size:26px;right:12px;top:12px;padding:0}
dialog h2{padding-right:20px}
dialog label{font-size:14px;line-height:1.6}
input,select{font-size:16px;min-height:48px;max-width:100%}
.search-result{min-height:60px;padding:16px 0;font-size:15px;line-height:1.6}
.search-result small{font-size:11px;margin-bottom:5px}
#search-results{max-height:50dvh;overflow-y:auto;overflow-wrap:anywhere}
#toast{display:block;visibility:hidden;opacity:0;position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:15px 22px;max-width:90vw;border-radius:14px;background:var(--green);color:white;z-index:100;font-size:14px;line-height:1.6;box-shadow:0 8px 30px #0002;pointer-events:none;transition:opacity .2s}
#toast.visible{visibility:visible;opacity:1}
.menu-open{overflow:hidden}
.nav-main>a{font-size:32px;line-height:1.45;min-height:52px}
.nav-main{padding-top:35px;padding-bottom:35px}
.nav-extra{font-size:12px;flex-wrap:wrap}
.nav-extra a{min-height:44px;display:flex;align-items:center}
#nav{overscroll-behavior:contain}
#main:focus{outline:none}
@media(max-width:1100px){
.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pathway{min-height:520px}.pathway p{font-size:16px}.pathway h3{font-size:40px}.team-page-intro{grid-template-columns:1fr;gap:0}.service-detail-layout{gap:30px}.admission-head{padding-left:8%;padding-right:8%}.steps{padding-left:8%;padding-right:8%}.admission-note{padding-left:8%;padding-right:8%}.admission-photo{min-height:1080px}
}
@media(max-width:760px){
:root{--mobile-header:82px}
html{scroll-padding-top:98px;scroll-padding-bottom:110px}
body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px));font-size:16px;line-height:1.75}
.notice{font-size:10px;line-height:1.6;padding:8px 18px}
header{height:var(--mobile-header);padding:0 16px;gap:10px}
.brand{font-size:14px;letter-spacing:.6px;gap:8px;min-width:0}
.brand>span{min-width:0}
.brand small{font-size:6px;letter-spacing:.3px;white-space:normal;line-height:1.5;max-width:170px}
.school-logo{width:43px;height:43px;object-fit:contain;flex:none}
.header-actions{gap:5px;flex:none}
.search-button{width:44px;height:44px;padding:10px}
.menu{min-width:44px;min-height:44px;padding:10px 9px;gap:10px;border-left:0}
.menu>span{font-size:10px}
#nav{top:var(--mobile-header);max-height:calc(100dvh - var(--mobile-header));padding-bottom:calc(25px + env(safe-area-inset-bottom,0px));z-index:35}
.nav-main{padding:25px 22px 15px}
.nav-main>a{font-size:29px;padding:10px 0;min-height:58px}
.nav-main>a>span{font-size:10px;margin-right:8px}
.nav-extra{gap:10px 22px;margin-top:20px;font-size:13px}
.menu-open .mobile-dock{visibility:hidden}
.wrap{padding:58px 22px}
.hero{height:auto;min-height:0;max-height:none;border-radius:0 0 28px 28px}
.hero-copy{position:relative;bottom:auto;left:auto;padding:62px 22px 100px;max-width:none}
.hero>img{object-position:65% center}
.hero-shade{background:linear-gradient(90deg,#0c291ee8,#0c291e56),linear-gradient(0deg,#0c291ed1,transparent)}
.hero .eyebrow{font-size:10px;letter-spacing:1.1px;max-width:270px;margin-bottom:22px}
.hero h1{font-size:clamp(40px,10.6vw,62px);line-height:1.04;letter-spacing:-1.1px;margin-bottom:22px}
.hero h1 em br{display:none}
.hero p{font-size:16px;line-height:1.7;max-width:480px;margin-bottom:0}
.actions{gap:16px;margin-top:24px}
.hero .actions{align-items:stretch;max-width:360px}
.hero .button{justify-content:space-between;padding:15px 20px}
.hero .text-link{min-height:44px;align-self:flex-start;padding:9px 0;font-size:13px;line-height:1.6}
.hero-bottom{bottom:14px;left:22px;right:22px}
.hero-slides{gap:14px}
.hero-slides button{min-height:48px;font-size:11px;padding-top:10px;line-height:1.5}
.hero-slides button span{font-size:10px;display:block;margin:3px 0 0}
.quickbar{margin:14px 15px 0;padding:18px;gap:5px 16px;grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px}
.quickbar>span{font-size:10px;margin-bottom:5px}
.quickbar>a{font-size:12px;line-height:1.6;min-height:48px}
h2{font-size:clamp(38px,9.8vw,54px);line-height:1.07;letter-spacing:-.7px}
.intro{padding-top:65px;padding-bottom:75px}
.intro h2{font-size:clamp(40px,10.8vw,56px)}
.intro .lead{font-size:18px;line-height:1.65}
.intro>p{font-size:16px}
.intro-word{font-size:70px;bottom:-14px}
.section-top{gap:20px;margin-bottom:32px}
.section-top>p,.section-intro p{font-size:16px}
.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:18px}
.team-section{margin:0 15px;border-radius:28px}
.team-section>.wrap{padding:42px 20px}
.team-grid{grid-template-columns:1fr;gap:14px}
.team-card{padding:23px;border-radius:20px}
.team-card-top{margin-bottom:22px}
.team-card h3{font-size:34px}
.team-card p:last-child{font-size:16px}
.team-card .team-role{font-size:13px}
.team-more{font-size:13px;margin-top:22px}
.services>.wrap{padding-top:55px;padding-bottom:55px}
.directory-link{margin:0 0 25px}
.service-filters{gap:8px;margin-bottom:25px;flex-wrap:wrap}
.service-filters button{font-size:12px;min-height:44px;padding:9px 14px}
.service-grid{grid-template-columns:1fr;gap:15px}
.service{padding:25px;border-radius:22px}
.service h3{font-size:35px}
.service p{font-size:16px}
.service small{font-size:12px}
.service-icon{width:48px;height:48px}
.badge{font-size:10px}
.pathways{grid-template-columns:1fr;gap:20px}
.pathway{min-height:520px;border-radius:24px}
.pathway-content{left:25px;right:25px;bottom:28px}
.pathway h3{font-size:43px}
.pathway p{font-size:16px;line-height:1.7;max-width:none}
.pathway>span{font-size:10px;top:18px;left:20px}
.pathway .pathway-arrow{font-size:11px;padding-top:15px}
.greeting{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:55px}
.greeting h2{font-size:clamp(40px,10.2vw,54px)}
.greeting p{font-size:16px}
.greeting-bottom{flex-direction:column;align-items:flex-start;gap:15px}
.greeting-image.kamad-portrait{height:auto;aspect-ratio:2/3;max-width:440px;max-height:none;overflow:hidden}
.greeting-image.kamad-portrait>img{object-fit:contain;object-position:center top}
.kamad-portrait>.portrait-label{left:22px;bottom:23px;right:22px;font-size:28px}
.portrait-label small{font-size:12px;letter-spacing:.3px}
.campus-story{height:auto;min-height:580px;margin:18px 15px 0}
.campus-caption{position:relative;left:auto;right:auto;top:auto;transform:none;padding:70px 24px 90px;max-width:none}
.campus-caption h2{font-size:clamp(40px,10.2vw,57px)}
.campus-caption p{font-size:16px}
.photo-index{font-size:9px;right:22px;left:22px;bottom:22px;line-height:1.65}
.life-mosaic{grid-template-columns:1fr;grid-template-rows:460px 340px 340px;gap:18px}
.life-tall{grid-column:auto;grid-row:auto}
.life-card>div{left:24px;right:24px;bottom:26px}
.life-card h3,.life-tall h3{font-size:37px}
.life-card>div>span{font-size:10px}
.life-card b{font-size:13px}
.achievement-grid{grid-template-columns:1fr;gap:35px}
.achievement-grid h2{font-size:clamp(42px,11vw,60px)}
.achievement-grid>div>p,.achievement-list p{font-size:16px}
.achievement-list h3{font-size:35px}
.achievement-list>article>span{font-size:10px}
.achievement-list a{font-size:13px;min-height:44px;padding-top:10px}
.achievement-image{height:280px}
.news-grid{grid-template-columns:1fr;gap:34px}
.news-card .photo{height:auto;aspect-ratio:3/2;margin-bottom:20px}
.news-card h3{font-size:33px;line-height:1.14;letter-spacing:-.5px}
.news-card p{font-size:16px}
.news-card .read{font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:20px}
.meta{font-size:11px;gap:8px 14px;line-height:1.7}
.filters{gap:6px 18px;margin-bottom:25px}
.filter{font-size:13px;min-height:44px}
.announcements{grid-template-columns:1fr;gap:20px}
.announcements>div>p{font-size:16px;max-width:none}
.announcement{gap:14px;padding:22px 0;align-items:flex-start}
.announcement>span{font-size:11px;padding-top:7px}
.announcement h3{font-size:28px;line-height:1.18}
.announcement>div>small{font-size:11px}
.announcement i{font-size:20px;line-height:1.8}
.admissions{width:calc(100% - 30px);margin-top:10px;margin-bottom:25px;display:block;padding:0}
.admission-photo{height:270px;min-height:0}
.admission-head{padding:35px 23px 30px}
.admission-head h2{font-size:clamp(40px,10.5vw,54px)}
.admission-head p{font-size:16px}
.steps{padding:0 23px 25px;grid-template-columns:1fr;gap:24px}
.steps>div{border-top:1px solid #d9dfcf;padding-top:15px}
.steps h3{font-size:16px}
.steps p{font-size:16px}
.admission-note{display:block;padding:0 23px 30px;font-size:12px}
.contact{grid-template-columns:1fr;gap:25px;padding-top:30px;padding-bottom:60px}
.contact p{font-size:16px}
.contact a{font-size:15px;min-height:44px;max-width:100%}
footer>.wrap{padding:30px 22px}
footer .brand{white-space:normal;font-size:15px;line-height:1.4}
footer .brand small{font-size:10px;line-height:1.6;max-width:240px}
footer .school-logo{width:55px;height:55px;object-fit:contain}
.footer-links{font-size:13px;gap:5px 24px;margin:25px 0}
.footer-bottom{font-size:11px;gap:7px 20px;flex-direction:column;align-items:flex-start;line-height:1.7}
.footer-photo{height:auto;min-height:400px;transform:translateY(-15px)}
.footer-photo>div{padding:60px 22px}
.footer-photo h2{font-size:clamp(48px,12vw,66px)}
.detail,.detail.page-wide{padding:28px 22px 60px;max-width:100%}
.page-heading{height:auto;padding:0;margin-bottom:28px;display:block;position:static}
.page-heading h1{font-size:clamp(32px,8.7vw,49px);line-height:1.1;letter-spacing:-.6px;margin-bottom:20px}
.page-intro{font-size:16px!important;line-height:1.75}
.breadcrumb{font-size:12px;gap:3px 9px;margin-bottom:22px}
.article-toolbar{align-items:flex-start;flex-direction:column;gap:8px}
.article-toolbar .underlink{font-size:13px}
.article-note,.form-note{font-size:13px!important;padding:15px 17px}
.detail-image{height:auto;aspect-ratio:3/2;margin:26px 0;border-radius:20px}
.article-body,.article-body p,.headmaster-detail .article-body,.headmaster-detail .article-body p{font-size:16px;line-height:1.85}
.article-body{margin:30px auto}
.article-body h2{font-size:34px;line-height:1.14;margin-top:30px}
.related-section{padding-top:32px;margin-top:38px}
.related-section h2{font-size:36px}
.related-grid,.detail .related-grid,.detail .news-grid{grid-template-columns:1fr;gap:30px}
.page-return{margin-top:35px;padding-top:22px}
.page-return a{font-size:14px}
.team-page-intro{display:block;margin-bottom:30px}
.team-page-intro p{font-size:16px}
.info-panel{padding:25px 22px;margin-top:32px;border-radius:22px}
.info-panel h2{font-size:36px;line-height:1.12}
.info-panel p{font-size:16px}
.info-panel .actions{align-items:flex-start;flex-direction:column}
.service-detail-layout{grid-template-columns:1fr;gap:25px}
.service-tags{gap:12px;font-size:12px;margin-bottom:25px}
.subheading{font-size:36px!important}
.process-list li{gap:17px;padding:22px 0}
.process-list .step-number{font-size:30px}
.process-list h3{font-size:27px;line-height:1.25}
.process-list p{font-size:16px;line-height:1.75}
.access-panel{position:static;padding:27px 23px;border-radius:24px}
.access-panel h2{font-size:38px}
.access-panel p{font-size:16px}
.access-panel .button{font-size:13px;line-height:1.5;min-height:50px}
.access-panel small{font-size:12px}
.admissions-guide{grid-template-columns:1fr;gap:30px;margin:30px 0}
.admissions-guide .detail-image{height:auto;aspect-ratio:3/2}
.admissions-guide h2{font-size:37px}
.admissions-guide p{font-size:16px}
.faq-section{margin:35px 0}
.faq-section h2{font-size:39px}
.faq-section summary{font-size:16px;padding:20px 15px 20px 0}
.faq-section details p{font-size:16px}
.headmaster-detail{grid-template-columns:1fr;gap:30px}
.headmaster-detail figure{width:100%;max-width:340px;position:static;margin:0 auto}
.headmaster-detail figure img{width:100%;height:auto}
.headmaster-detail figcaption{font-size:14px}
.headmaster-detail figcaption span{font-size:12px}
.mobile-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:15px;right:15px;max-width:450px;margin:0 auto;padding:7px 9px;border-radius:23px;background:#123c31f5;color:#ebf0de;z-index:25;box-shadow:0 8px 35px #08261c35;backdrop-filter:blur(10px)}
.mobile-dock>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:3px 8px;min-height:52px;border-radius:15px;font-size:11px;line-height:1.5}
.mobile-dock>a>span{font-size:22px;line-height:1.1;margin-bottom:2px}
.mobile-dock>a.active{background:#e7eddc;color:var(--green)}
dialog{padding:50px 24px 28px;width:calc(100% - 28px);max-height:calc(100dvh - 40px);border-radius:22px}
dialog h2{font-size:40px;line-height:1.1;margin-right:0}
dialog p{font-size:16px}
dialog label{font-size:14px}
#search-results{max-height:45dvh}
.search-result{font-size:15px}
#toast{bottom:calc(95px + env(safe-area-inset-bottom,0px));font-size:13px;width:max-content;max-width:calc(100% - 30px)}
}
@media(max-width:440px){
.menu>span{display:none}.menu{padding:11px}.menu i{width:22px}.brand{font-size:13px}.brand small{display:none}.school-logo{width:42px;height:42px}.hero-copy{padding-top:50px}.hero h1{font-size:clamp(39px,10.6vw,47px)}.pathway{min-height:540px}.pathway h3{font-size:41px}.team-section>.wrap{padding:38px 18px}.team-card{padding:23px 21px}.greeting h2{font-size:42px}.kamad-portrait>.portrait-label{font-size:27px}.campus-caption{padding:60px 22px 90px}.campus-caption h2{font-size:43px}.life-card h3,.life-tall h3{font-size:35px}.news-card h3{font-size:31px}.service h3{font-size:33px}
}
@media(min-width:600px) and (max-width:760px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card h3{font-size:29px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(hover:none){.service:hover{transform:none;box-shadow:0 5px 22px #183e3204}.pathway:hover>img,.life-card:hover>img,.news-card:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Native vector icons prevent emoji rendering in iOS browsers. */
.ui-icon{display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:-.15em;overflow:visible;max-width:none;pointer-events:none}
.service-icon>.ui-icon,.mobile-dock .ui-icon{width:22px;height:22px}
.button>.ui-icon,.underlink>.ui-icon{margin-left:8px}
.text-link>.ui-icon,.read>.ui-icon{margin-left:7px}
.nav-main>a{display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:14px}
.nav-main>a>.nav-index{font:10px/1.5 'Manrope',sans-serif;vertical-align:baseline;margin:0;color:#b5c3a4}
.nav-main>a>.nav-label{font:inherit;line-height:inherit;color:inherit;margin:0;letter-spacing:inherit}
.nav-main>a>.ui-icon{width:19px;height:19px;justify-self:end;opacity:.75}
.nav-extra a{gap:9px}
.mobile-dock>a>span{display:flex;align-items:center;justify-content:center}
html:not(.keyboard-nav) #nav a:focus{outline:none}
.keyboard-nav #nav a:focus-visible{outline:2px solid #d6be84;outline-offset:4px;border-radius:4px}
@media(max-width:760px){
:root{--mobile-header:72px}
header{height:var(--mobile-header)}
header .school-logo{width:44px;height:48px;object-fit:contain;padding:0;border-radius:0;background:transparent}
header .brand{gap:10px;font-size:13px;letter-spacing:.55px}
header .brand small{display:none}
#nav{border-radius:0 0 22px 22px;box-shadow:0 14px 28px #102f2626;max-height:calc(100dvh - var(--mobile-header) - env(safe-area-inset-bottom,0px))}
.nav-main{padding:23px 22px 20px}
.nav-main>.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:12px}
.nav-main>a{font-family:'Manrope',Arial,sans-serif;font-size:17px;font-weight:500;line-height:1.45;min-height:58px;padding:15px 0;grid-template-columns:20px minmax(0,1fr) 18px;gap:12px;letter-spacing:0}
.nav-main>a>.nav-index{font-size:10px;margin:0}
.nav-main>a>.nav-label{font:inherit;letter-spacing:0;overflow-wrap:normal}
.nav-main>a>.ui-icon{width:17px;height:17px}
.nav-extra{display:flex;gap:0 22px;margin-top:18px;font-size:12px;line-height:1.5}
.nav-extra a{min-height:44px;gap:7px}
.nav-extra .ui-icon{width:14px;height:14px}
.mobile-dock .ui-icon{width:21px;height:21px}
.search-result>span{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.search-result .ui-icon{margin-top:4px}
}
@media(max-width:360px){header{padding-left:14px;padding-right:14px}.header-actions{gap:0}header .brand{font-size:12px;gap:8px}header .school-logo{width:40px;height:45px}.nav-main{padding-left:20px;padding-right:20px}.nav-main>a{font-size:16px;gap:10px}}
/* Institutional hierarchy: the headmaster's welcome immediately follows the hero. */
.hero>img{object-position:50% 54%}
.hero-shade{background:linear-gradient(90deg,#0b241bcc,#0d251b4a 72%),linear-gradient(0deg,#0d241fd9,transparent 80%)}
.greeting--priority{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);grid-template-areas:'portrait heading' 'portrait message';column-gap:7%;row-gap:0;align-items:start;padding-top:80px;padding-bottom:80px;position:relative}
.greeting--priority .greeting-heading{grid-area:heading;align-self:end;padding-top:14px}
.greeting--priority .greeting-heading h2{font-size:clamp(48px,4.3vw,65px);line-height:1.05;margin-bottom:25px}
.greeting--priority .greeting-image{grid-area:portrait}
.greeting--priority .greeting-copy{grid-area:message;align-self:start}
.greeting--priority .greeting-image.kamad-portrait{height:auto;aspect-ratio:2/3;max-width:380px;max-height:none;justify-self:center;width:100%}
.greeting--priority .greeting-copy>p{font-size:17px;line-height:1.85;color:var(--muted);margin-bottom:22px}
.greeting--priority .greeting-bottom{flex-direction:column;align-items:flex-start;gap:15px;padding-top:22px;margin-top:23px}
.greeting--priority .greeting-bottom b{font-size:15px}
.greeting--priority .greeting-bottom small{font-size:12px}
.greeting--priority .underlink{font-size:14px}
.campus-story>img{object-position:50% 55%}
@media(max-width:1100px) and (min-width:761px){.greeting--priority{column-gap:5%;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr)}.greeting--priority .greeting-heading h2{font-size:50px}.greeting--priority .greeting-copy>p{font-size:16px;line-height:1.8}}
@media(max-width:760px){
.greeting--priority{grid-template-columns:1fr;grid-template-areas:'heading' 'portrait' 'message';gap:26px;padding-top:42px;padding-bottom:50px}
.greeting--priority .greeting-heading{padding-top:0;align-self:start}
.greeting--priority .greeting-heading .eyebrow{margin-bottom:16px}
.greeting--priority .greeting-heading h2{font-size:clamp(38px,10vw,49px);line-height:1.06;margin-bottom:0}
.greeting--priority .greeting-image.kamad-portrait{max-width:270px;aspect-ratio:2/3;height:auto;margin:0 auto;border-radius:26px 26px 12px 26px}
.greeting--priority .portrait-label{font-size:23px;left:18px;right:18px;bottom:20px}
.greeting--priority .portrait-label small{font-size:10px;line-height:1.6}
.greeting--priority .greeting-copy>p{font-size:16px;line-height:1.85;margin-bottom:20px}
.greeting--priority .greeting-bottom{margin-top:20px;gap:14px}
.hero>img{object-position:54% 50%}
.hero-shade{background:linear-gradient(90deg,#0b261de8,#0b261d70),linear-gradient(0deg,#0b261dde,transparent)}
}
@media(max-width:360px){.greeting--priority .greeting-image.kamad-portrait{max-width:245px}.greeting--priority .greeting-heading h2{font-size:38px}}

/* School information architecture: clear menus and readable content pages. */
.school-menu-groups{display:block;padding:18px 22px 28px;width:100%;min-width:0}
#nav.school-navigation{background:#fff;color:var(--green);border-bottom:1px solid var(--line);border-radius:0 0 22px 22px}
#nav.school-navigation.open{display:block}
.nav-group{margin:0;border-bottom:1px solid var(--line);padding:0;position:relative}
.nav-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;font:600 16px/1.4 'Manrope',sans-serif;padding:12px 0}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group[open]>summary>svg{transform:rotate(180deg)}
.nav-submenu{padding:0 0 13px 14px;border-left:2px solid #d0bd8b;margin:0 0 12px}
.nav-submenu>a{display:flex;align-items:center;min-height:45px;padding:9px 12px;font:400 15px/1.5 'Manrope',sans-serif;color:#355444;overflow-wrap:anywhere;border-radius:8px}
.nav-submenu>a:hover{background:#edf1e6;color:var(--green)}
.school-nav-admissions,.school-nav-portal{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:48px;margin-top:8px;font:600 14px/1.5 'Manrope',sans-serif}
.school-nav-portal{background:var(--green);color:white;padding:10px 16px;border-radius:12px}
.nav-group>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:5px}
.school-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.school-hub-card{padding:28px 24px;background:#f6f7f0;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;transition:background .15s}
.school-hub-card:hover{background:#edf1e5}.school-hub-card h3{font-size:31px;letter-spacing:-.5px;margin-bottom:15px}.school-hub-card p{font-size:15px;color:var(--muted);flex:1}
.school-hub-card .eyebrow{font-size:9px;letter-spacing:1px}.school-card-action{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}
.profile-shortcuts{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:24px 0}.profile-shortcuts>a{padding:9px 16px;min-height:44px;border-radius:24px;border:1px solid var(--line);font-size:14px;background:white}
.school-public{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#f5f5ef;border-radius:28px;margin:32px auto}.school-public p{max-width:440px;color:var(--muted)}
.public-links>a{display:flex;align-items:center;min-height:58px;border-bottom:1px solid #cfd6c7;padding:12px 4px;font-size:16px}
.school-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:60px;align-items:start;margin:36px 0}
.school-prose{max-width:760px;min-width:0;font-size:16px;line-height:1.9}.school-prose section{margin-bottom:38px}.school-prose h2{font-size:36px;letter-spacing:-.5px;line-height:1.15;margin:30px 0 16px}.school-prose p{color:#526154;margin-bottom:20px}.school-prose li{padding-left:3px;margin:9px 0}.school-prose ul,.school-prose ol{padding-left:23px}
.school-sidebar{background:#f4f6ef;border:1px solid var(--line);border-radius:20px;padding:25px;position:sticky;top:120px;min-width:0}.school-sidebar h2{font:600 16px/1.5 'Manrope',sans-serif;letter-spacing:0;margin:0 0 15px}.school-sidebar .eyebrow{font-size:9px;letter-spacing:1.1px}.school-sidebar>a{display:flex;align-items:center;min-height:46px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
.school-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0}.school-link-grid>a{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#f3f5ed;border:1px solid var(--line);border-radius:14px;padding:17px 20px;min-height:56px;font-size:15px;line-height:1.5}.school-link-grid .ui-icon{flex-shrink:0}
.school-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0;list-style:none;margin:30px 0}.school-timeline li{padding:22px;border-radius:18px;background:var(--green);color:#f5f4e9}.school-timeline b{font:42px/1.2 'Instrument Serif',serif;display:block;margin-bottom:8px}.school-timeline span{font-size:14px}
.school-source{font-size:13px;border-top:1px solid var(--line);padding-top:20px}.school-source a{text-decoration:underline;text-underline-offset:4px}
.org-lead{padding:32px;max-width:600px;margin:35px auto;background:var(--green);color:white;border-radius:24px;text-align:center}.org-lead h2{font-size:40px}.org-lead .eyebrow{color:#dce3c9}.org-lead p{margin-bottom:0}.org-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.org-grid>a{border:1px solid var(--line);padding:25px;border-radius:18px;background:var(--cream)}.org-grid h3{font-size:30px}.org-grid p{font-size:15px}.org-grid span{font-size:13px;text-decoration:underline}
.school-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.school-gallery-card{display:block;background:#f7f8f2;color:var(--ink);border:1px solid var(--line);border-radius:20px;overflow:hidden;padding:0;text-align:left}.school-gallery-image{aspect-ratio:4/3}.school-gallery-card>span{display:block;padding:22px}.school-gallery-card b{font:30px/1.2 'Instrument Serif',serif;display:block;margin-bottom:9px}.school-gallery-card small{display:block;font-size:14px;line-height:1.7}.school-gallery-card em{display:block;font:500 13px/1.5 'Manrope',sans-serif;margin-top:13px;color:var(--green);text-decoration:underline}.school-lightbox{height:auto;max-height:65dvh}.school-lightbox img{width:100%;height:auto;max-height:65dvh;object-fit:contain;border-radius:14px}
.school-document-list{display:grid;gap:18px}.school-document-list>article{padding:26px;border:1px solid var(--line);border-radius:20px;background:#f7f8f2}.school-document-list h2{font-size:33px;letter-spacing:-.5px;margin:0 0 12px}.school-document-list .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:12px}
.school-demo{border:1px solid var(--line);background:#f6f7ef;padding:24px;border-radius:20px}.school-demo label{display:block;font-size:15px;font-weight:600;margin-bottom:10px}.school-demo select{width:100%;min-width:0;min-height:48px;font-size:16px;background:white;color:var(--ink);border:1px solid #aebda9;border-radius:10px;padding:12px}.school-demo #demo-result{margin:18px 0 0;color:var(--green);font-weight:600}.school-demo #demo-validation{color:#8b3025}
@media(min-width:1200px){
 body>header{height:100px;padding:0 2.5%;gap:20px;flex-wrap:wrap}.brand{font-size:16px;letter-spacing:.5px}header .brand small{display:none}header .school-logo{width:43px;height:52px}header .brand{gap:9px}
 #nav.school-navigation{position:static;display:block;flex:1;overflow:visible;box-shadow:none;max-height:none;border:0;background:transparent;border-radius:0;min-width:0}#nav.school-navigation.open{display:block}
 .school-menu-groups{padding:0;display:flex;align-items:center;justify-content:flex-end;gap:16px}.nav-group{border:0}.nav-group>summary{font-size:12px;min-height:54px;gap:5px;white-space:nowrap}.nav-submenu{position:absolute;top:100%;left:0;width:246px;max-height:70vh;overflow:auto;padding:12px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:0 0 14px 14px;background:white;box-shadow:0 18px 32px #15352720;margin:0;z-index:45}.nav-submenu>a{font-size:14px;padding:10px}.school-nav-admissions{font-size:11px;max-width:80px;line-height:1.5;margin:0}.school-nav-portal{font-size:11px;white-space:nowrap;margin:0;padding:10px 12px;min-height:44px;gap:6px}
 header .menu,header .portal-link,header .admission-link{display:none}header .header-actions{gap:0}.menu-open{overflow:auto}.school-sidebar{top:124px}
}
@media(min-width:761px) and (max-width:1199px){#nav.school-navigation.open{display:block}.school-menu-groups{max-width:700px;margin:auto}.school-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.school-reading-layout{grid-template-columns:minmax(0,1fr);gap:25px}.school-sidebar{position:static}.school-sidebar>a{font-size:15px}.school-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 #nav.school-navigation{top:72px;max-height:calc(100dvh - 72px);padding-bottom:env(safe-area-inset-bottom,0px)}.school-menu-groups{padding:12px 22px 25px}.school-hub-grid{grid-template-columns:minmax(0,1fr);gap:12px}.school-hub-card{padding:23px}.school-hub-card h3{font-size:31px}.school-hub-card p{font-size:16px}.school-overview.wrap{padding-top:45px;padding-bottom:40px}.school-public{grid-template-columns:minmax(0,1fr);gap:20px;margin:20px 15px;width:calc(100% - 30px);padding:35px 23px}.school-public h2{font-size:41px}.school-public p{font-size:16px}.school-public .public-links>a{font-size:15px}
 .school-link-grid{grid-template-columns:minmax(0,1fr)}.school-link-grid>a{font-size:16px;padding:16px}.school-prose h2{font-size:32px}.school-reading-layout{margin-top:25px}.school-timeline{gap:8px}.school-timeline li{padding:16px 11px}.school-timeline b{font-size:32px}.school-timeline span{font-size:12px;line-height:1.5;display:block}.org-grid{grid-template-columns:minmax(0,1fr)}.org-lead{padding:25px}.org-lead h2{font-size:35px}.org-grid p{font-size:16px}.school-gallery{grid-template-columns:minmax(0,1fr);gap:20px}.school-gallery-card small{font-size:16px}.school-demo{padding:20px}.school-demo h2{font-size:30px}.school-document-list>article{padding:22px}.school-document-list h2{font-size:30px}
 .quickbar{grid-template-columns:repeat(2,minmax(0,1fr))}.quickbar a{font-size:13px}.news .news-grid .news-card:nth-child(n+4){display:none}.news.wrap{padding-top:48px;padding-bottom:48px}.news .section-top h2{font-size:43px}.announcements.wrap{padding-top:45px;padding-bottom:45px}.school-navigation summary,.school-navigation a{min-width:0}.school-prose .button{max-width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.nav-branch{padding:0;margin:0;border:0}.nav-branch>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:46px;padding:10px 12px;font:500 14px/1.5 'Manrope',sans-serif;border-radius:8px}.nav-branch>summary::-webkit-details-marker{display:none}.nav-branch>summary:hover{background:#edf1e6}.nav-branch[open]>summary{background:#edf1e6}.nav-branch[open]>summary>svg{transform:rotate(180deg)}.nav-branch>div{border-left:1px solid #c7d2bb;margin:5px 8px 12px 20px;padding-left:7px}.nav-branch>div>a{display:flex;align-items:center;padding:10px;min-height:44px;font-size:13px;line-height:1.5;border-radius:7px}.nav-branch>div>a:hover{background:#edf1e6}
@media(max-width:1199px){.nav-branch>summary{font-size:15px}.nav-branch>div>a{font-size:14px}}
/* Keep secondary photo sections in proportion to the information content. */
.campus-story{height:390px}.campus-caption h2{font-size:54px}.footer-photo{height:280px}.footer-photo>div{padding-top:38px;padding-bottom:38px}.footer-photo h2{font-size:48px}
@media(max-width:760px){.campus-story{height:340px}.campus-caption{left:0;right:0;top:0;transform:none;padding:30px 24px}.campus-caption h2{font-size:39px}.campus-caption p{font-size:16px}.footer-photo{height:280px}.footer-photo h2{font-size:43px}.footer-photo>div{padding:32px 25px}.school-menu-groups .nav-group>summary{font-size:16px}}


/* ===== final.css ===== */
/* Final presentation refinement. Scoped overrides preserve the established pages. */
:root{--header-height:76px;--page-gutter:clamp(20px,5vw,80px);--muted:#526456}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
body{overflow-wrap:break-word}
.site-header{height:var(--header-height);padding:0 var(--page-gutter);gap:12px;flex-wrap:nowrap;isolation:isolate}
.site-header .brand{gap:10px;font-size:16px;letter-spacing:.15px;line-height:1.3;flex:none}
.site-header .brand>span{font-family:'Instrument Serif',Georgia,serif;font-size:21px;font-weight:400}
.site-header .brand small{display:block;font:400 9px/1.5 'Manrope',Arial,sans-serif;letter-spacing:0;margin-top:4px}
.site-header .school-logo{width:46px;height:52px;object-fit:contain;padding:0;background:transparent;border-radius:0}
.site-header .header-actions{gap:4px;flex:none}
.site-header .search-button,.site-header .menu{height:44px;width:44px;min-width:44px;justify-content:center;padding:10px;border:0}
.site-header .menu>span{display:none}
.site-header .menu i{display:block;width:23px;height:14px}
.site-header .menu[aria-expanded=true] i{height:0}
.site-header .menu[aria-expanded=true] i:after{width:23px}
.site-header .admission-link{display:none}
.site-header .portal-link{font-size:12px;letter-spacing:0;text-transform:none;border-radius:10px;background:var(--green);color:white;min-height:44px;padding:10px 14px;align-items:center;gap:8px}
.site-header .portal-link>svg:last-child,.school-nav-portal>svg:last-child{width:16px;height:16px}
#nav.school-navigation{top:var(--header-height);max-height:calc(100svh - var(--header-height));max-height:calc(100dvh - var(--header-height));}
.nav-group>summary,.nav-branch>summary{touch-action:manipulation}
summary:focus-visible{outline:3px solid #aa8541;outline-offset:3px;border-radius:5px}
.button,.underlink,.text-link{max-width:100%;line-height:1.5}
.ui-icon{flex:none}
.notice{font-size:11px;line-height:1.5;padding:8px 20px}
/* The hero uses independent images, selectable text, and real links. */
.hero.hero-welcome{height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:minmax(0,1fr);position:relative;margin:0;border-radius:0 0 26px 26px;background:var(--cream);color:var(--green);overflow:hidden;isolation:isolate}
.hero-campus{position:absolute;inset:0;z-index:-3;pointer-events:none}
.hero-campus img{height:100%;width:100%;object-fit:cover;object-position:55% 55%}
.hero-welcome-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#f8f5edf9 0%,#f8f5edf0 25%,#f8f5edc9 44%,#f8f5ed0d 75%);pointer-events:none}
.hero-welcome-copy{padding:30px var(--page-gutter) 0;position:relative;z-index:2;align-self:center}
.hero-welcome .eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:2.1px;margin:0 0 16px;color:var(--green)}
.hero-welcome .eyebrow:after{content:'';display:inline-block;width:34px;height:1px;background:#a78646}
.hero.hero-welcome h1{font-size:clamp(42px,11.6vw,62px);line-height:1.04;letter-spacing:-.8px;text-shadow:none;margin:0 0 14px;max-width:none;color:var(--green)}
.hero.hero-welcome p{font-size:17px;line-height:1.5;max-width:430px;color:#354d40;margin:0}
.hero-welcome .desktop-break{display:none}
.hero-welcome .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:22px 0 0;max-width:420px;align-items:stretch}
.hero-welcome .button{min-height:46px;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600;gap:12px;justify-content:center;transform:none}
.hero-welcome .button-outline{background:#fffdf7e8;color:var(--green);border-color:#547365}
.hero-welcome .button-outline:hover{background:#fff}
.hero-person{height:286px;position:relative;margin-top:9px;align-self:end;z-index:1;pointer-events:none}
.hero-person picture{display:block;position:absolute;inset:0 4%}
.hero-person img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.hero-person-label{position:absolute;right:var(--page-gutter);bottom:17px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fffdf5;border:1px solid #e8dec6;border-radius:30px;min-height:44px;font-size:11px;line-height:1.4;color:var(--green);box-shadow:0 5px 20px #153e3215;pointer-events:auto}
.hero-person-label>svg:first-child{color:#ac8341}
.hero-person-label .ui-icon{width:14px;height:14px}
/* Welcome copy follows the hero immediately and precedes its supporting photo. */
.greeting.welcome-message{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'message' 'campus';row-gap:20px;column-gap:6%;padding-top:42px;padding-bottom:44px;position:relative;align-items:start;background:#fffdf8}
.welcome-message .greeting-heading{grid-area:heading;padding:0;align-self:end}
.welcome-message .greeting-heading .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:18px}
.welcome-message .greeting-heading h2{font-size:clamp(29px,8.2vw,43px);line-height:1.14;letter-spacing:-.5px;margin:0;overflow-wrap:normal}
.welcome-message .greeting-heading h2 em{font-style:normal;color:var(--green)}
.welcome-message .greeting-copy{grid-area:message}
.welcome-message .greeting-copy>p{font-size:16px;line-height:1.8;margin:0 0 15px;color:#526154}
.welcome-message .greeting-bottom{margin-top:22px;padding-top:18px;gap:10px;display:flex;flex-direction:column;align-items:flex-start}
.welcome-message .greeting-bottom b{font-size:14px}
.welcome-message .greeting-bottom small{font-size:12px}
.welcome-message .underlink{font-size:14px;gap:25px;border-bottom-color:#ab8241}
.welcome-campus{grid-area:campus;margin:10px 0 0;position:relative;align-self:center}
.welcome-campus img{height:auto;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:32px 16px 32px 16px}
.welcome-campus figcaption{font-size:12px;color:var(--muted);padding-top:12px;line-height:1.5}
/* Reading and touch refinements shared by home and detail pages. */
.quickbar>a{gap:8px}
.article-body a,.school-prose a:not(.button){text-decoration:underline;text-underline-offset:4px}
.school-prose p,.article-body p{overflow-wrap:break-word}
.team-card p:last-child,.school-hub-card p,.org-grid p{font-size:16px}
.page-heading h1,.school-document-list h2{overflow-wrap:anywhere}
.headmaster-detail figure img{object-fit:contain}
.footer-photo{height:auto;min-height:0}
.footer-photo>img{inset:0}
.footer-photo>div{padding:42px 24px}
.footer-photo h2{font-size:clamp(38px,5vw,54px)}
.footer-bottom,.footer-links{flex-wrap:wrap}
body.modal-open{overflow:hidden}
body.modal-open .mobile-dock{visibility:hidden}
dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:62px 24px 28px;scroll-padding-top:60px;width:min(700px,calc(100% - 24px));}
dialog .close{position:sticky;float:right;top:0;margin:-46px -10px 0 0;z-index:4;border:1px solid var(--line);box-shadow:0 2px 8px #183e3210}
dialog h2{font-size:clamp(30px,7vw,44px);padding-right:20px;line-height:1.15}
dialog .search-result{font-size:16px}
dialog #search-results{max-height:42vh;max-height:42dvh;padding:0 5px 5px}
.school-lightbox img{max-height:58vh;max-height:58dvh}
.school-demo,.info-panel{min-width:0}
.school-demo select{appearance:auto}
.handover{overflow-wrap:anywhere}
.handover table{display:block;max-width:100%;overflow:auto}
.handover a{word-break:break-word}
@media(min-width:761px){
 :root{--header-height:92px}
 .site-header .brand>span{font-size:23px}.site-header .school-logo{width:55px;height:61px}.site-header .brand small{font-size:10px}
 .site-header .portal-link{display:inline-flex}
 .hero.hero-welcome{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:540px;border-radius:0 0 32px 32px}
 .hero-welcome-copy{padding:65px 0 65px var(--page-gutter);margin-right:-12%;}
 .hero.hero-welcome h1{font-size:clamp(64px,7.3vw,108px);letter-spacing:-1.7px;white-space:nowrap;line-height:1.02}
 .hero.hero-welcome p{font-size:clamp(20px,2vw,26px);max-width:560px;line-height:1.5}
 .hero-welcome .desktop-break{display:initial}
 .hero-welcome .eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:25px}
 .hero-welcome .actions{display:flex;flex-wrap:wrap;gap:12px;max-width:none;margin-top:30px}
 .hero-welcome .button{min-height:50px;justify-content:space-between;padding:14px 20px;font-size:14px}
 .hero-welcome-wash{background:linear-gradient(90deg,#f8f5ed 0%,#f8f5edf7 20%,#f8f5ede0 37%,#f8f5ed8c 54%,#f8f5ed00 75%)}
 .hero-person{height:510px;margin:22px 2vw 0 0;align-self:end;}
 .hero-person picture{inset:0 -6%}
 .hero-person-label{right:16px;bottom:24px;padding:11px 16px;font-size:12px}
 .greeting.welcome-message{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:'heading campus' 'message campus';row-gap:20px;padding-top:60px;padding-bottom:60px}
 .welcome-message .greeting-heading h2{font-size:clamp(32px,3.3vw,48px)}
 .welcome-message .greeting-bottom{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
 .welcome-campus{margin:0}.welcome-campus img{border-radius:56px 20px 48px 20px}
 .welcome-campus:before{content:'';position:absolute;top:25px;bottom:55px;left:-13px;width:16px;border-radius:12px 0 0 12px;background:#d8b66f;z-index:0}.welcome-campus img{position:relative}
 .campus-story{height:auto;min-height:390px}.campus-caption{position:relative;inset:auto;transform:none;padding:42px 6%;max-width:780px}.campus-caption h2{font-size:48px}
 dialog{padding:64px 35px 35px}
}
@media(min-width:1200px){
 :root{--header-height:96px}
 .site-header{padding:0 3%;gap:20px;flex-wrap:nowrap}
 .site-header .brand>span{font-size:23px}.site-header .brand small{font-size:9px}
 #nav.school-navigation{max-height:none;position:static}
 .school-menu-groups{gap:clamp(13px,1.45vw,26px)}
 .nav-group>summary{font-size:13px;gap:6px}
 .school-nav-admissions{display:none}
 .school-nav-portal{font-size:13px;gap:8px;min-height:46px;padding:12px 17px}
 .site-header .portal-link,.site-header .menu{display:none}
 .hero.hero-welcome{min-height:590px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 .hero-person{height:570px;max-width:480px;width:100%;margin:20px 0 0;justify-self:center}
 .hero-welcome-copy{padding-top:80px;padding-bottom:80px}
 .hero-welcome .actions{gap:16px}
 .hero-welcome .button{padding-left:24px;padding-right:24px;gap:28px}
}
@media(min-width:1700px){.hero.hero-welcome{min-height:650px}.hero-person{height:625px;max-width:520px}.hero-welcome-copy{padding-left:max(6vw,calc((100vw - 1450px)/2));}.hero.hero-welcome h1{font-size:114px}}
@media(max-width:760px){
 :root{--mobile-header:76px}
 .site-header .brand>span{font-size:18px;white-space:nowrap}.site-header .brand small{font-size:8px;white-space:normal;max-width:165px}
 .site-header{padding:0 16px;gap:6px}.site-header .brand{gap:8px}.site-header .school-logo{width:40px;height:46px}
 .site-header .portal-link{display:none}.site-header .header-actions{gap:0}
 .school-menu-groups{padding:10px 20px calc(25px + env(safe-area-inset-bottom,0px))}
 .school-nav-portal{justify-content:center;gap:10px;font-size:16px}
 .nav-submenu>a,.nav-branch>summary,.nav-branch>div>a{font-size:16px;line-height:1.5}
 .nav-submenu{margin-left:0;padding-left:5px}.nav-branch>div{margin-left:12px}
 .wrap{padding-left:20px;padding-right:20px}
 .hero-welcome-copy{padding-left:20px;padding-right:20px}
 .campus-story{height:auto;min-height:0}.campus-caption{position:relative;inset:auto;transform:none;padding:35px 24px 48px;max-width:none}
 .campus-caption h2{font-size:38px}.campus-caption p{font-size:16px;line-height:1.7}
 .campus-story>img{inset:0;width:100%;height:100%}.photo-index{font-size:8px;bottom:18px;left:24px}
 .quickbar{gap:7px 12px;padding:18px}.quickbar>a{font-size:14px;line-height:1.5}
 .team-card .team-role{font-size:14px}.team-card h3{font-size:31px}
 .pathway{min-height:480px}.pathway p{font-size:16px}
 .filter{font-size:14px;padding:10px 3px}.filters{gap:7px 17px}
 .article-body p,.headmaster-detail .article-body p,.school-prose p{font-size:16px;line-height:1.85}
 .article-toolbar{flex-wrap:wrap}.article-toolbar .underlink{font-size:13px}
 .breadcrumb{font-size:13px;gap:3px 8px}.breadcrumb>span:last-child{overflow-wrap:anywhere}
 .detail-image{height:auto;aspect-ratio:4/3}.detail-image img{width:100%;height:100%;object-fit:cover}
 .school-timeline{grid-template-columns:minmax(0,1fr)}.school-timeline li{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:12px;padding:18px}.school-timeline b{font-size:32px;margin:0}.school-timeline span{font-size:16px;line-height:1.6}
 .school-source{font-size:14px;overflow-wrap:anywhere}
 .school-public{margin-left:15px;margin-right:15px}.school-public .public-links>a{font-size:16px}
 .footer-photo{min-height:0;height:auto}.footer-photo>div{padding:34px 22px 38px}
 footer .brand{white-space:normal;align-items:center;font-size:16px;line-height:1.4}footer .brand small{font-size:10px;line-height:1.7}footer .school-logo{width:52px;height:58px}
 .footer-links{gap:4px 23px}.footer-links a{font-size:14px}.footer-bottom{gap:8px;font-size:12px}
 .mobile-dock{height:auto;min-height:68px;padding:6px 12px;}
 .mobile-dock a{min-height:50px}.mobile-dock svg{height:20px;width:20px}
 #toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
 body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){
 .site-header{padding-left:12px;padding-right:12px;gap:4px}.site-header .brand{gap:6px}.site-header .brand>span{font-size:16px}.site-header .brand small{font-size:7px;max-width:134px}.site-header .school-logo{width:34px;height:42px}
 .site-header .header-actions{gap:0}
 .hero.hero-welcome h1{font-size:42px;letter-spacing:-.7px}.hero.hero-welcome p{font-size:16px}.hero-welcome-copy{padding-top:27px}
 .hero-welcome .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:15px}.hero-person{height:250px}
 .welcome-message .greeting-heading h2{font-size:27px;letter-spacing:-.4px}
 .page-heading h1{font-size:36px}.wrap{padding-left:18px;padding-right:18px}
 .button{gap:12px}.school-demo{padding:18px}.school-demo select{padding-left:8px;padding-right:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-welcome *{animation:none!important;transition:none!important}}


/* ===== motion.css ===== */
/* Optional enhancement: no opacity/visibility gate or layout-dependent animation. */
:root {
  --motion-fast: 160ms;
  --motion-ease: cubic-bezier(.22,.68,.25,1);
}

.button,
.portal-link,
.underlink,
.text-link,
.filter,
.search-button,
.menu,
.close,
.school-hub-card,
.team-card,
.school-gallery-card,
.nav-group summary,
.nav-branch summary {
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: var(--motion-fast);
  transition-timing-function: var(--motion-ease);
}

/* A button must stay under the finger throughout hover, focus and press. */
.button:hover,
.button:active,
.portal-link:hover,
.portal-link:active,
.service:hover,
.service:active,
.team-card:hover,
.team-card:active,
.school-hub-card:hover,
.school-hub-card:active,
.school-gallery-card:hover,
.school-gallery-card:active {
  transform: none;
}

.button:active,
.portal-link:active {
  box-shadow: inset 0 0 0 2px rgb(255 255 255 / 22%);
}

.button:focus-visible,
.portal-link:focus-visible,
.underlink:focus-visible,
.text-link:focus-visible {
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .news-card .photo img,
  .pathway > img,
  .life-card > img,
  .school-gallery-card img {
    transition: transform 420ms var(--motion-ease);
  }
  .news-card:hover .photo img,
  .pathway:hover > img,
  .life-card:hover > img,
  .school-gallery-card:hover img {
    transform: scale(1.025);
  }
  .school-hub-card:hover,
  .team-card:hover,
  .school-gallery-card:hover {
    border-color: #b3c0a9;
    box-shadow: 0 5px 18px rgb(24 62 50 / 6%);
  }
}

@media (hover: none), (pointer: coarse) {
  .news-card:hover img,
  .pathway:hover > img,
  .life-card:hover > img,
  .school-gallery-card:hover img {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
  .news-card:hover img,
  .pathway:hover > img,
  .life-card:hover > img,
  .school-gallery-card:hover img {
    transform: none;
  }
}


/* ===== portal.css ===== */
/* Alternate portal concept. Original content and detail routes are retained. */
:root{--portal-green:#124b3d;--portal-ink:#193d32;--portal-gold:#b99553;--portal-line:#e3e8e2}
body.portal-design{background:#fff;color:#253f36;font:15px/1.6 Manrope,sans-serif}body.portal-design *{box-sizing:border-box}body.portal-design [hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb954f;outline-offset:4px}.notice{background:#edf2eb;color:#466047;font-size:11px;padding:7px 20px;letter-spacing:.02em;line-height:1.6}.site-header{min-height:88px;height:auto;padding:16px max(24px,calc((100vw - 1240px)/2));gap:24px;background:#fff;border-bottom:1px solid var(--portal-line);box-shadow:none;position:relative;top:auto;z-index:50}.brand{gap:12px}.brand .school-logo{width:48px!important;height:56px!important;object-fit:contain;flex-shrink:0}.brand>span{font:800 21px/1.2 Manrope,sans-serif;letter-spacing:.01em;white-space:nowrap}.brand small{font:500 8px/1.5 Manrope,sans-serif;letter-spacing:.05em;margin-top:5px}.school-menu-groups{gap:19px}.nav-group>summary,.school-nav-admissions{font-size:12px;font-weight:700}.header-actions{gap:9px}.header-actions .portal-link{display:inline-flex;background:var(--portal-green);color:white;border:0;border-radius:6px;font-size:12px;padding:10px 14px;min-height:44px}.header-actions .admission-link{display:none}.search-button{width:44px;height:44px;min-width:44px}.school-nav-portal{display:none}.menu{min-height:44px}#home{max-width:1240px;margin:0 auto;padding:0 24px}.portal-intro{display:flex;align-items:center;justify-content:space-between;padding:22px 0 14px}.portal-intro .eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em}.portal-location{font-size:11px;color:#77857b}.lead-grid{display:grid;grid-template-columns:2.15fr 1fr;gap:24px}.lead-cover{position:relative;min-height:355px;border-radius:10px;overflow:hidden;isolation:isolate;color:white;display:flex;align-items:flex-end;padding:32px}.lead-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;z-index:-2}.lead-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,36,26,.94),rgba(8,45,29,.22) 80%);z-index:-1}.cover-tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.14em;color:#f5e1b5;margin-bottom:13px}.cover-copy h1{font:400 clamp(32px,3.2vw,45px)/1.1 'Instrument Serif',serif;margin:0 0 12px;letter-spacing:-.02em;color:#fff}.cover-copy p{font-size:12px;line-height:1.7;margin:0 0 15px;color:#e3eae1}.cover-link{display:flex;align-items:center;gap:30px;font-size:11px;font-weight:800;color:#f3ddb0}.lead-side{padding:0;display:flex;flex-direction:column;min-width:0}.minor-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--portal-green);padding:0 0 12px;font-size:10px;letter-spacing:.1em;font-weight:800}.live-dot{width:6px;height:6px;border-radius:50%;background:#b99553}.highlight{display:grid;grid-template-columns:1fr 91px;gap:16px;padding:18px 0;border-bottom:1px solid var(--portal-line);align-items:center}.highlight img{width:91px;height:80px;object-fit:cover;border-radius:6px}.highlight small{font-size:9px;font-weight:700;color:#8a703b;letter-spacing:.06em}.highlight h2{font:700 14px/1.45 Manrope,sans-serif;letter-spacing:-.02em;margin:7px 0;color:#1c4135}.highlight time{font-size:10px;color:#7c877f}.side-more{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;font-size:11px;font-weight:800}.portal-greeting{margin:24px 0;display:grid;grid-template-columns:1fr 1.05fr;gap:30px;background:#f3f5ef;border:1px solid #e7ebdf;border-radius:8px;padding:20px 24px;align-items:center}.greeting-identity{display:flex;gap:18px;align-items:center}.greeting-identity img{width:75px;height:91px;object-fit:cover;object-position:50% 18%;border-radius:6px;flex-shrink:0}.greeting-identity .eyebrow{font-size:8px;letter-spacing:.12em}.greeting-identity h2{font:400 25px/1.12 'Instrument Serif',serif;letter-spacing:-.02em;margin:7px 0}.principal-name{font-size:10px;color:#6a786b}.greeting-message{border-left:1px solid #d6dece;padding-left:25px}.greeting-message p{font:400 12px/1.8 Manrope,sans-serif;color:#56664f;margin:0 0 8px}.greeting-message a{font-size:10px;font-weight:800}.portal-shortcuts{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--portal-line);border-radius:8px;margin:0 0 35px;padding:7px 0}.portal-shortcuts>a{padding:12px;display:flex;gap:10px;align-items:center;min-height:58px;border-right:1px solid var(--portal-line);font-size:10px;font-weight:700;line-height:1.5}.portal-shortcuts>a:last-child{border:0}.shortcut-icon{font:24px/1 Manrope;color:#8a773e}.shortcut-arrow{margin-left:auto;color:#729077}.portal-updates{display:grid;grid-template-columns:2.15fr 1fr;gap:32px;margin-bottom:32px}.portal-section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px}.portal-section-head h2{font:400 30px/1.1 'Instrument Serif',serif;margin:5px 0;color:#153f30;letter-spacing:-.02em}.portal-section-head .eyebrow{font-size:8px;font-weight:800;letter-spacing:.14em}.portal-section-head>a{font-size:10px;font-weight:700;white-space:nowrap}.portal-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portal-news-item{display:block;min-width:0}.portal-news-item img{width:100%;height:132px;object-fit:cover;border-radius:6px}.portal-news-item .news-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin:12px 0 7px;font-size:8px;color:#7c877e}.news-meta b{color:#947b41;letter-spacing:.07em;text-transform:uppercase}.portal-news-item h3{font:700 13px/1.55 Manrope,sans-serif;margin:0;letter-spacing:-.02em}.portal-news-item p{font-size:11px;line-height:1.7;color:#778177;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portal-announcements{background:#f7f8f4;border:1px solid var(--portal-line);border-radius:8px;padding:18px 22px}.portal-announcements .portal-section-head{padding:0 0 10px;margin:0}.portal-announcements h2{font-size:25px}.small-label{font-size:8px;color:#898f7d;letter-spacing:.08em}.portal-announcements .announcement{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #e2e7db;align-items:flex-start}.portal-announcements .announcement>span{font:400 20px/1.2 'Instrument Serif';color:#a7ad99}.portal-announcements .announcement small{font-size:8px;color:#8d7d50}.portal-announcements .announcement h3{font:700 11px/1.65 Manrope,sans-serif;letter-spacing:0;margin:3px 0}.portal-announcements .announcement i{display:none}.announcement-all{display:flex;justify-content:space-between;font-size:10px;font-weight:800;margin-top:17px}.portal-directory{border-top:1px solid var(--portal-line);padding:27px 0 20px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.directory-grid>a{display:flex;gap:14px;align-items:center;border:1px solid var(--portal-line);border-radius:6px;padding:15px 18px;min-height:58px}.directory-grid>a>span:first-child{font-size:10px;color:#9b987b}.directory-grid b{font-size:11px;font-weight:700}.directory-grid>a>span:last-child{margin-left:auto;color:#6b8665}.directory-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:#7b887a;margin:20px 0 8px}.directory-bottom>div{display:flex;gap:22px;font-weight:700;color:#234c38}.portal-footer{background:#124234;color:#dce8de;padding:32px max(24px,calc((100vw - 1192px)/2)) 0;margin-top:8px;border-radius:0}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-bottom:25px}.portal-footer .brand{color:white;display:flex}.portal-footer .brand span{font-size:18px}.portal-footer .brand small{font-size:9px;color:#a8c3ac;letter-spacing:0}.portal-footer p{font-size:11px;color:#aac2b0;line-height:1.9;margin:15px 0 0}.portal-footer h2{font:700 11px/1.6 Manrope,sans-serif;color:white;margin:6px 0 12px}.footer-main>div>a:not(.brand){display:block;font-size:11px;margin:7px 0;color:#c4d8c8;min-height:24px}.portal-copyright{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #386251;padding:17px 0;font-size:9px;color:#a4bfa9}.portal-design .detail{padding-top:32px;padding-bottom:40px}.portal-design .page-heading h1{font-size:clamp(32px,5vw,58px)}.portal-design .page-heading{margin-bottom:28px}.portal-design .detail p{font-size:16px}.portal-design .detail .news-card h3{font:700 19px/1.4 Manrope}.portal-design .detail .news-grid{gap:24px}.portal-design .mobile-dock{box-shadow:none;border-top:1px solid #dce4d6}.portal-design .school-nav-portal{display:none}.portal-design .nav-submenu a{font-size:13px}
@media(min-width:1200px){.site-header #nav{flex:1}.site-header .school-menu-groups{justify-content:center}.school-nav-admissions{display:none}}
@media(max-width:1199px){.site-header{padding:14px 24px}.site-header #nav.open{top:100%;background:#f5f7f0;color:#183e32;border:1px solid #e0e7d9;border-radius:0 0 10px 10px}.site-header .school-nav-portal{display:flex}.nav-submenu{color:inherit}.portal-design .nav-group>summary{font:700 16px/1.5 Manrope,sans-serif;letter-spacing:0}.portal-design #nav.open .nav-submenu a{font-size:14px}.school-menu-groups{gap:0}.portal-design .nav-group{border-color:#dce5d7}.site-header .school-nav-admissions{font-size:15px}.portal-updates{gap:22px}.portal-shortcuts>a{padding:10px 8px;font-size:9px}.shortcut-icon{font-size:20px}}
@media(max-width:760px){body.portal-design{font-size:16px}.notice{font-size:9px;padding:7px 14px}.site-header{padding:12px 16px;gap:9px;min-height:78px}.brand .school-logo{width:36px!important;height:44px!important}.brand>span{font-size:16px}.brand small{font-size:6px;max-width:180px}.header-actions{margin-left:auto;gap:3px}.header-actions .portal-link{display:none}.menu{font-size:10px;gap:6px;min-width:44px}.search-button{width:36px;min-width:36px}.menu i{width:20px}#home{padding:0 16px}.portal-intro{padding:17px 0 12px}.portal-intro .eyebrow{font-size:8px;letter-spacing:.09em}.portal-location{display:none}.lead-grid{display:block}.lead-cover{min-height:300px;padding:23px;border-radius:8px}.cover-copy h1{font-size:36px}.cover-copy p{font-size:12px}.cover-tag{font-size:8px}.cover-link{font-size:12px}.lead-side{display:none}.portal-greeting{grid-template-columns:1fr;padding:17px;gap:14px;margin:16px 0}.greeting-identity{gap:13px}.greeting-identity img{width:60px;height:77px}.greeting-identity h2{font-size:25px;margin:6px 0}.greeting-identity .eyebrow{font-size:7px}.principal-name{font-size:10px}.greeting-message{padding:0;border:0}.greeting-message p{font-size:13px;line-height:1.75}.greeting-message a{font-size:12px;display:inline-flex;align-items:center;gap:15px;min-height:44px}.portal-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0 0 25px}.portal-shortcuts>a{flex-direction:column;justify-content:center;text-align:center;gap:8px;font-size:10px;min-height:91px;padding:11px 6px}.portal-shortcuts>a:nth-child(3){border-right:0}.portal-shortcuts>a:nth-child(-n+3){border-bottom:1px solid var(--portal-line)}.portal-shortcuts>a:nth-child(6){border-right:0}.shortcut-icon{font-size:23px}.shortcut-arrow{display:none}.portal-updates{display:block;margin-bottom:26px}.portal-section-head{margin-bottom:15px}.portal-section-head h2{font-size:30px}.portal-section-head>a{font-size:10px;min-height:44px;display:flex;align-items:center}.portal-news-grid{grid-template-columns:1fr;gap:17px}.portal-news-item{display:grid;grid-template-columns:100px 1fr;gap:13px;border-bottom:1px solid var(--portal-line);padding-bottom:17px}.portal-news-item img{height:103px;border-radius:5px}.portal-news-item .news-meta{font-size:8px;margin:0 0 6px}.portal-news-item h3{font-size:13px;line-height:1.55}.portal-news-item p{display:none}.portal-announcements{margin-top:24px;padding:18px}.portal-announcements .announcement{padding:13px 0}.portal-announcements .announcement h3{font-size:13px}.portal-announcements .announcement small{font-size:9px}.announcement-all{font-size:12px;min-height:44px;align-items:center;margin-top:7px}.portal-directory{padding-top:22px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.directory-grid>a{padding:12px;gap:7px;min-height:73px}.directory-grid b{font-size:11px}.directory-grid>a>span:first-child{display:none}.directory-bottom{display:block;margin:17px 0}.directory-bottom>span{display:none}.directory-bottom>div{display:flex;flex-wrap:wrap;gap:5px 16px;font-size:11px}.directory-bottom a{min-height:44px;display:flex;align-items:center}.portal-footer{padding:26px 20px 75px}.footer-main{grid-template-columns:1fr 1fr;gap:23px}.footer-school{grid-column:1/-1}.portal-footer .brand span{font-size:18px}.portal-footer h2{font-size:11px}.footer-main>div>a:not(.brand){font-size:11px;min-height:36px}.portal-copyright{flex-wrap:wrap;font-size:9px;gap:10px}.portal-copyright span:last-child{width:100%}.portal-design .detail{width:auto;margin:0 20px}.portal-design .page-heading h1{font-size:36px}.portal-design .breadcrumb{overflow-wrap:anywhere}.portal-design .mobile-dock a{min-height:53px}.portal-design .nav-group>summary{font-size:16px!important;padding:12px 0}.portal-design .nav-branch>summary{font-size:14px}.portal-design #nav.open{padding:18px 24px;overflow-y:auto}.portal-design .menu span{font-size:0}.portal-design .menu span:after{content:'Menu';font-size:10px}.portal-design .detail .school-sidebar{padding:20px}.portal-design .detail .school-link-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Screenshot reference revision: compact masthead, campaign banner, story rail, principal panel. */
body.portal-design{background:#f8f9fa;color:#092e22}.portal-design .site-header{height:74px;min-height:74px;padding:10px max(24px,calc((100vw - 1180px)/2));position:relative;justify-content:space-between}.portal-design .site-header .brand{background:#f1f3f0;padding:4px 12px;gap:10px;border-radius:0 18px 0 0}.portal-design .site-header .brand .school-logo{width:35px!important;height:44px!important}.portal-design .site-header .brand span{font:800 22px/1.2 Manrope,sans-serif!important;color:#005d20}.portal-design .site-header .brand small{display:none}.portal-design .header-actions{margin-left:auto;gap:24px}.portal-design .header-actions .portal-link{display:none}.portal-design .menu{display:flex!important;min-width:44px;min-height:44px;color:#202b23}.portal-design .menu>span{display:none!important}.portal-design .menu i{width:22px;height:14px}.portal-design #nav:not(.open){display:none!important}.portal-design #nav.open{display:block!important;position:absolute;top:100%;right:max(24px,calc((100vw - 1180px)/2));left:auto;width:min(440px,calc(100vw - 32px));background:white;color:#143e2c;padding:20px 26px;border:1px solid #dce6dc;border-radius:0 0 12px 12px;overflow-y:auto;box-shadow:0 15px 30px #123c2a15;z-index:90}.portal-design #nav.open .school-menu-groups{display:flex;flex-direction:column;align-items:stretch;gap:0}.portal-design #nav.open .nav-group>summary{font:600 16px/1.5 Manrope,sans-serif;padding:13px 0;justify-content:space-between}.portal-design #nav.open .nav-group{border-bottom:1px solid #edf0e9}.portal-design #nav.open .nav-submenu{position:static;box-shadow:none;border:0;display:block;min-width:0;padding:0 0 12px;background:#f5f8f1;color:inherit}.portal-design #nav.open .nav-group:not([open])>.nav-submenu{display:none}.portal-design #nav.open .nav-submenu a{display:block;font-size:14px;padding:10px 14px;min-height:44px}.portal-design #nav.open .nav-branch>summary{font:600 14px/1.5 Manrope;padding:12px 14px}.portal-design #nav.open .nav-branch>div{position:static;box-shadow:none;background:#eff4eb}.portal-design #nav.open .school-nav-admissions,.portal-design #nav.open .school-nav-portal{display:flex;min-height:44px;align-items:center;font-size:14px;padding:10px 0}.portal-design #home{max-width:1240px;padding:24px 30px 0}.portal-design .notice{font-size:9px;background:#f1f4ee;padding:4px 15px;line-height:1.5}.reference-banner{position:relative;display:flex;align-items:center;height:140px;border-radius:10px;background:linear-gradient(110deg,#168200,#78cf43 58%,#cfecc4);overflow:hidden;box-shadow:0 6px 12px #16271810;margin-bottom:24px;isolation:isolate}.banner-wording{display:flex;align-items:center;gap:20px;padding:20px 32px;position:relative;z-index:2;width:59%}.banner-wording>img{width:49px;height:60px;object-fit:contain;flex-shrink:0}.banner-wording h1{font:800 clamp(22px,2.6vw,33px)/1.02 Manrope,sans-serif;color:#fff;letter-spacing:-.05em;margin:0 0 8px}.banner-wording p{font-size:10px;line-height:1.4;color:#124d0d;margin:0}.banner-photos{position:absolute;inset:0 0 0 50%;display:flex;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 15%)}.banner-photos img{width:55%;height:100%;object-fit:cover;object-position:50% 30%}.banner-access{position:absolute;right:22px;bottom:17px;background:#fff;color:#17672d;font-size:10px;font-weight:800;padding:6px 13px;border-radius:30px;display:flex;align-items:center;gap:20px;min-height:32px;box-shadow:0 2px 8px #0001}.reference-ticker{display:flex;border:1px solid #dce2e7;background:white;border-radius:4px;overflow:hidden;height:48px;align-items:stretch;margin-bottom:28px;min-width:0}.reference-ticker>strong{background:#007d1b;color:#fff;padding:12px 15px;font:700 13px/24px Manrope;white-space:nowrap;position:relative;z-index:2}.reference-ticker>div{display:flex;align-items:center;gap:22px;overflow:auto;white-space:nowrap;padding:0 18px;scrollbar-width:none}.reference-ticker a{font-size:13px;color:#008229;font-weight:600;display:flex;gap:10px;align-items:center;min-height:44px}.reference-ticker a span{color:#435346;font-size:12px}.reference-ticker i{color:#c5cec9;font-style:normal}.reference-stories{position:relative;margin-bottom:32px}.story-rail{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.story-rail::-webkit-scrollbar{display:none}.reference-story{position:relative;isolation:isolate;flex:0 0 calc((100% - 140px)/8);height:207px;overflow:hidden;background:#173c2d;scroll-snap-align:start}.reference-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.reference-story:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#001b16f2,transparent 80%);z-index:-1}.reference-story>div{position:absolute;inset:auto 9px 10px;color:white}.reference-story span{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#d4e6b3}.reference-story h2{font:600 13px/1.4 Manrope,sans-serif;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 0;color:#fff}.reference-story b{font-size:19px;display:block;margin-top:4px;font-weight:400}.story-prev,.story-next{position:absolute;top:calc(50% - 22px);width:44px;height:44px;min-height:44px;border:0;border-radius:50%;box-shadow:0 3px 12px #0002;background:white;display:flex;align-items:center;justify-content:center;z-index:3;color:#183d2a;cursor:pointer}.story-prev{left:-20px}.story-next{right:-20px}.reference-kamad{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c8dfc0;border-left:4px solid #83b589;border-radius:16px;padding:25px 29px 22px;background:radial-gradient(ellipse at top left,#dfeee2,transparent 65%),linear-gradient(110deg,#f4faf4 70%,#fcf4d6);margin-bottom:32px}.reference-kamad:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.32;background-image:radial-gradient(#9bcda1 .7px,transparent .7px);background-size:18px 18px}.kamad-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.panel-eyebrow{display:none}.kamad-panel-heading h2{font:400 25px/1.2 Manrope,sans-serif;letter-spacing:-.06em;color:#006520;margin:0}.kamad-panel-heading h2:after{content:'';display:block;width:68px;height:4px;background:#007b19;margin-top:9px;border-radius:4px}.kamad-panel-heading>a{font-size:14px;color:#007a23;white-space:nowrap;margin-right:90px}.kamad-panel-heading>a span{margin-left:10px}.kamad-panel-links{display:grid;grid-template-columns:1fr 1fr;gap:25px 35px;padding-right:115px}.kamad-panel-links a{display:block;min-height:62px}.kamad-panel-links h3{font:500 16px/1.5 Manrope,sans-serif;margin:0 0 5px;color:#072c35}.kamad-panel-links small{font-size:11px;color:#869c9b}.kamad-panel-portrait{position:absolute;right:18px;bottom:0;width:125px;height:180px;object-fit:contain;object-position:bottom}.reference-news{margin-bottom:30px}.reference-news-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.reference-news-head h2{font:600 19px/1.3 Manrope,sans-serif;margin:0;letter-spacing:-.03em}.reference-news-head>a{font-size:12px;color:#06762c;min-height:44px;display:flex;align-items:center;gap:8px}.reference-news-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.reference-featured{display:block}.reference-featured>img{width:100%;height:290px;object-fit:cover}.reference-featured>div{padding-top:15px}.reference-news small{font-size:10px;color:#00832c}.reference-featured h3{font:600 22px/1.45 Manrope,sans-serif;margin:7px 0;color:#082d23}.reference-featured p{font-size:12px;color:#61756d;line-height:1.8}.reference-news time{font-size:11px;color:#889a91}.reference-news-item{display:grid;grid-template-columns:1fr 110px;gap:25px;border-bottom:1px solid #e2e8e0;padding:0 0 18px;margin-bottom:18px;align-items:start}.reference-news-item img{width:110px;height:110px;object-fit:cover}.reference-news-item h3{font:600 16px/1.5 Manrope,sans-serif;margin:7px 0 10px}.reference-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #e0e8df;padding:20px 0 26px}.reference-bottom .announcement{display:flex;padding:13px 0;gap:15px;border-bottom:1px solid #e0e8df}.reference-bottom .announcement>span{font:400 23px Manrope;color:#8c9d7c}.reference-bottom .announcement small{font-size:10px;color:#557c3b}.reference-bottom .announcement h3{font:600 13px/1.6 Manrope;margin:6px 0}.reference-bottom .announcement i{display:none}.reference-module-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.reference-module-links a{font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e8df}.portal-design .portal-footer{margin-top:0;background:#064a2b}.portal-design .detail{background:#fff}.portal-design .detail[hidden]{display:none!important}
@media(max-width:1000px){.reference-story{flex-basis:calc((100% - 105px)/8);height:170px}.story-rail{gap:15px}.reference-story h2{font-size:11px}.banner-wording{padding:16px 24px;gap:15px;width:65%}.reference-banner{height:120px}.kamad-panel-links{gap:20px 25px;padding-right:90px}.kamad-panel-heading h2{font-size:24px}.kamad-panel-links h3{font-size:14px}.reference-news-layout{gap:30px}.reference-news-item{grid-template-columns:1fr 90px;gap:17px}.reference-news-item img{width:90px;height:100px}.reference-featured>img{height:270px}.reference-news-item h3{font-size:14px}.reference-kamad{padding:23px}.kamad-panel-heading>a{margin-right:65px}.kamad-panel-portrait{width:100px;height:155px}}
@media(max-width:760px){.portal-design .notice{font-size:8px;padding:5px 12px}.portal-design .site-header{height:65px;min-height:65px;padding:7px 16px}.portal-design .site-header .brand{padding:2px 8px;gap:8px}.portal-design .site-header .brand .school-logo{width:29px!important;height:39px!important}.portal-design .site-header .brand span{font-size:18px!important}.portal-design .header-actions{gap:9px}.portal-design .search-button{min-width:44px;width:44px}.portal-design #home{padding:19px 18px 0}.reference-banner{height:156px;margin-bottom:18px;border-radius:8px;align-items:flex-start}.banner-wording{padding:20px 16px;gap:0;width:72%;align-items:start}.banner-wording>img{display:none}.banner-wording h1{font-size:25px;line-height:1.07;letter-spacing:-.055em;text-shadow:0 1px 6px #387d1b33}.banner-wording p{font-size:9px;max-width:200px;margin-top:9px}.banner-photos{left:55%;mask-image:linear-gradient(90deg,transparent,#000 60%)}.banner-photos img{width:100%;object-position:center}.banner-photos img:last-child{display:none}.banner-access{right:11px;bottom:10px;padding:5px 11px;min-height:30px;font-size:9px;gap:10px}.reference-ticker{height:44px;margin-bottom:21px}.reference-ticker>strong{font-size:9px;padding:9px;line-height:24px}.reference-ticker>div{gap:14px;padding:0 12px}.reference-ticker a{font-size:11px;gap:10px}.reference-ticker a span{font-size:10px}.reference-stories{margin-bottom:23px}.story-rail{gap:10px}.reference-story{flex-basis:88px;height:150px}.reference-story>div{inset:auto 8px 8px}.reference-story span{font-size:7px}.reference-story h2{font-size:11px;line-height:1.4;-webkit-line-clamp:3}.reference-story b{font-size:14px;margin-top:3px}.story-prev,.story-next{width:34px;height:44px}.story-prev{left:-14px}.story-next{right:-14px}.reference-kamad{padding:19px 17px 20px;border-radius:12px;margin-bottom:22px}.kamad-panel-heading{align-items:flex-start;margin-bottom:19px}.kamad-panel-heading h2{font-size:19px;letter-spacing:-.05em;max-width:180px;line-height:1.3}.kamad-panel-heading>a{font-size:10px;margin-right:0;min-height:44px;display:flex;align-items:flex-start;padding-top:4px}.kamad-panel-heading>a span{margin-left:5px}.kamad-panel-heading h2:after{width:45px;height:3px;margin-top:9px}.kamad-panel-links{grid-template-columns:1fr;gap:15px;padding-right:55px}.kamad-panel-links h3{font-size:13px;line-height:1.55;margin-bottom:3px}.kamad-panel-links small{font-size:9px}.kamad-panel-links a{min-height:0}.kamad-panel-links a:nth-child(n+3){display:none}.kamad-panel-portrait{width:86px;height:126px;right:3px;bottom:0}.reference-news-head h2{font-size:18px}.reference-news-head>a{font-size:11px}.reference-news-layout{grid-template-columns:1fr;gap:20px}.reference-featured>img{height:205px}.reference-featured h3{font-size:18px}.reference-featured p{display:none}.reference-featured>div{padding-top:10px}.reference-news-item{grid-template-columns:1fr 83px;gap:15px;padding-bottom:15px;margin-bottom:15px}.reference-news-item img{width:83px;height:88px}.reference-news-item h3{font-size:13px;margin:5px 0}.reference-news time{font-size:10px}.reference-news small{font-size:9px}.reference-news-item:nth-child(3){display:none}.reference-news{margin-bottom:10px}.reference-bottom{grid-template-columns:1fr;gap:20px;padding-top:15px}.reference-bottom .announcement h3{font-size:13px}.reference-module-links a{font-size:11px}.portal-design #nav.open{right:16px}.portal-design .mobile-dock{border-radius:0;bottom:0;left:0;right:0;width:100%;background:#fff;border-top:1px solid #dce6dc;color:#174f30;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -3px 10px #123d2710}.portal-design .mobile-dock a{color:#49634d}.portal-design .mobile-dock a.active{color:#007c22;background:#eef5eb}.portal-design .mobile-dock span{color:inherit}}
.banner-school{display:block;font-size:8px;font-weight:800;letter-spacing:.12em;color:#ebf9d3;margin-bottom:5px}@media(max-width:760px){.banner-school{font-size:7px;margin-bottom:6px}}
@media(max-width:360px){.portal-design .site-header{padding-left:10px;padding-right:10px;gap:4px}.portal-design .site-header .brand{padding:2px 6px;gap:6px}.portal-design .site-header .brand span{font-size:16px!important}.portal-design .header-actions{gap:2px}.portal-design .site-header .brand .school-logo{width:26px!important;height:36px!important}.banner-wording h1{font-size:23px}.kamad-panel-heading h2{font-size:17px}.kamad-panel-heading>a{font-size:9px}}


/* ===== portal-polish.css ===== */
/* Readability and responsive refinements for the compact school portal. */
.portal-design{
  --portal-readable:#243f34;
  --portal-secondary:#5c7165;
  --portal-focus:#12633d;
}
.portal-design :is(a,button,summary,input,select,textarea):focus-visible{
  outline:3px solid var(--portal-focus);
  outline-offset:3px;
}
.portal-design :is(button,.button,.underlink,.text-link){min-height:44px;}
.portal-design .site-header .search-button,
.portal-design .site-header .menu{min-width:44px;min-height:44px;flex-shrink:0;}
.portal-design .banner-access{min-height:44px;font-size:12px;padding:9px 16px;}
.portal-design .reference-ticker{height:auto;min-height:48px;}
.portal-design .reference-ticker>div{min-width:0;scroll-padding-inline:18px;}
.portal-design .reference-ticker a{min-height:46px;flex-shrink:0;}
.portal-design .story-rail{scroll-padding-inline:3px;padding-block:4px;}
.portal-design .reference-story:focus-visible{outline-offset:-4px;outline-color:#e8c77e;}
.portal-design .story-prev,
.portal-design .story-next{width:44px;height:44px;min-width:44px;}
.portal-design .reference-news-head>a,
.portal-design .kamad-panel-heading>a{min-height:44px;display:inline-flex;align-items:center;}

/* The portrait has a reserved column; copy never passes underneath it. */
.portal-design .reference-kamad{padding:21px 25px 23px;}
.portal-design .kamad-panel-heading{margin-bottom:14px;align-items:center;}
.portal-design .kamad-panel-heading h2{font-size:23px;line-height:1.3;letter-spacing:-.04em;}
.portal-design .kamad-panel-heading>a{margin-right:112px;font-size:13px;}
.portal-design .kamad-panel-links{
  grid-template-columns:repeat(2,minmax(0,1fr));
  padding-right:126px;
  gap:19px 24px;
}
.portal-design .kamad-panel-links a{min-width:0;min-height:62px;}
.portal-design .kamad-panel-links h3{font-size:16px;line-height:1.5;font-weight:600;margin:0 0 6px;}
.portal-design .kamad-panel-links small{display:block;font-size:12px;line-height:1.55;color:var(--portal-secondary);}
.portal-design .kamad-panel-portrait{
  width:116px;height:174px;right:16px;bottom:0;
  object-fit:contain;object-position:center bottom;pointer-events:none;
}
@media(min-width:1100px){
  .portal-design .kamad-panel-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
  .portal-design .kamad-panel-links h3{font-size:15px;line-height:1.45;}
  .portal-design .kamad-panel-links small{font-size:11px;line-height:1.5;}
  .portal-design .kamad-panel-links a{min-height:78px;}
  .portal-design .kamad-panel-portrait{width:104px;height:156px;}
}

/* Keep the entire information architecture in the same readable type system. */
.portal-design .detail,
.portal-design dialog{font-family:Manrope,Arial,sans-serif;}
.portal-design .detail :is(h1,h2,h3),
.portal-design dialog :is(h1,h2,h3){font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;}
.portal-design .detail .page-heading h1{font-size:clamp(30px,3.6vw,46px);line-height:1.24;margin-bottom:20px;max-width:1050px;}
.portal-design .detail h2{font-size:clamp(23px,2.4vw,32px);line-height:1.3;}
.portal-design .detail h3{font-size:21px;line-height:1.4;}
.portal-design .detail :is(h1,h2,h3) em,
.portal-design dialog :is(h1,h2,h3) em{font-style:normal;color:#256743;}
.portal-design .detail :is(p,li),
.portal-design .detail .article-body,
.portal-design .detail .school-prose{font-size:16px;line-height:1.85;}
.portal-design .detail :is(.article-body,.school-prose){max-width:72ch;}
.portal-design .detail .page-intro{max-width:78ch;color:var(--portal-secondary);}
.portal-design .detail :is(.meta,.caption,.result-count,.school-source){font-size:13px;line-height:1.65;}
.portal-design .detail .breadcrumb{font:500 13px/1.6 Manrope,Arial,sans-serif;gap:4px 9px;margin-bottom:22px;}
.portal-design .detail .breadcrumb a{display:inline-flex;align-items:center;min-height:44px;}
.portal-design .detail .team-card h3{font-size:22px;line-height:1.35;overflow-wrap:anywhere;}
.portal-design .detail .team-card .team-role{font-size:13px;}
.portal-design .detail .team-card-top{margin-bottom:18px;}
.portal-design .detail .school-link-grid>a{min-height:48px;font-size:15px;line-height:1.5;}
.portal-design .detail :is(.button,.underlink){font-size:14px;line-height:1.6;min-height:44px;}
.portal-design .detail .school-sidebar h2{font-size:17px;letter-spacing:0;}
.portal-design .detail :is(.school-sidebar>a,.faq-section summary){font-size:16px;min-height:44px;line-height:1.6;}
.portal-design .detail :is(.article-note,.form-note){font-size:13px!important;line-height:1.75;}
.portal-design .detail .announcement h3{font:600 19px/1.5 Manrope,Arial,sans-serif;letter-spacing:-.015em;}
.portal-design .detail .news-card h3{font:700 20px/1.45 Manrope,Arial,sans-serif;}
.portal-design .detail .news-card .read{display:inline-flex;align-items:center;min-height:44px;font-size:14px;}
.portal-design dialog h2{font-size:clamp(25px,5.6vw,34px);line-height:1.3;}
.portal-design dialog :is(p,label,input,select,.search-result){font-size:16px;line-height:1.65;}
.portal-design dialog .close{width:44px;height:44px;min-width:44px;min-height:44px;}
.portal-design .reference-featured p{font-size:16px;line-height:1.75;color:var(--portal-secondary);}
.portal-design .reference-news time{color:var(--portal-secondary);font-size:12px;}
.portal-design .reference-news small{font-size:11px;font-weight:600;}
.portal-design .reference-bottom .announcement h3{font-size:16px;line-height:1.55;}
.portal-design .reference-module-links a{font-size:14px;line-height:1.55;min-height:48px;gap:12px;}
.portal-design .reference-bottom .announcement small{font-size:12px;}
.portal-design .portal-footer p{font-size:14px;line-height:1.8;}
.portal-design .portal-footer h2{font-size:14px;}
.portal-design .footer-main>div>a:not(.brand){min-height:44px;font-size:14px;display:flex;align-items:center;overflow-wrap:anywhere;}
.portal-design .portal-copyright{font-size:12px;line-height:1.65;align-items:center;}
.portal-design .portal-copyright a{min-height:44px;display:flex;align-items:center;}

/* The current menu is a click-operated panel on every viewport. */
.portal-design #nav.open{overscroll-behavior:contain;scroll-padding-block:12px;}
.portal-design #nav.open .nav-submenu{width:100%;max-width:100%;max-height:none;}
.portal-design #nav.open :is(a,summary):focus-visible{
  outline:3px solid var(--portal-focus);outline-offset:-3px;background:#e9f1e4;
}
.portal-design #nav.open :is(.nav-submenu a,.nav-branch>summary){font-size:16px;line-height:1.5;}
.portal-design #nav.open .school-nav-portal{padding:12px 16px;color:#fff;gap:12px;}
.portal-design #nav.open .school-nav-portal:focus-visible{outline-color:#d4b36d;background:#164f37;}

@media(max-width:760px){
  .portal-design .notice{font-size:10px;line-height:1.6;padding:6px 14px;}
  .portal-design #home{padding-inline:18px;}
  .portal-design .reference-ticker{min-height:48px;}
  .portal-design .reference-ticker>strong{font-size:10px;line-height:1.4;display:flex;align-items:center;padding:9px;max-width:112px;white-space:normal;}
  .portal-design .reference-ticker a{font-size:14px;line-height:1.5;gap:6px;}
  .portal-design .reference-ticker a span{font-size:12px;}
  .portal-design .reference-stories{margin-bottom:21px;}
  .portal-design .story-rail{gap:12px;}
  .portal-design .reference-story{flex-basis:136px;height:200px;}
  .portal-design .reference-story>div{inset:auto 11px 12px;}
  .portal-design .reference-story h2{font-size:14px;line-height:1.45;-webkit-line-clamp:3;margin-top:6px;}
  .portal-design .reference-story span{font-size:10px;line-height:1.4;}
  .portal-design .reference-story b{font-size:18px;line-height:1;margin-top:8px;}
  .portal-design .story-prev{left:-12px;}.portal-design .story-next{right:-12px;}
  .portal-design .reference-kamad{padding:16px 17px 20px;}
  .portal-design .kamad-panel-heading{margin-bottom:12px;gap:8px;align-items:flex-start;}
  .portal-design .kamad-panel-heading h2{font-size:18px;line-height:1.35;letter-spacing:-.035em;max-width:190px;}
  .portal-design .kamad-panel-heading>a{font-size:12px;margin-right:0;padding-top:0;align-items:center;flex-shrink:0;}
  .portal-design .kamad-panel-heading>a span{margin-left:4px;}
  .portal-design .kamad-panel-links{grid-template-columns:minmax(0,1fr);padding-right:89px;gap:14px;}
  .portal-design .kamad-panel-links a{min-height:44px;}
  .portal-design .kamad-panel-links h3{font-size:16px;line-height:1.5;margin-bottom:5px;}
  .portal-design .kamad-panel-links small{font-size:12px;line-height:1.5;}
  .portal-design .kamad-panel-portrait{width:80px;height:122px;right:10px;bottom:0;}
  .portal-design .reference-news-head h2{font-size:21px;line-height:1.35;}
  .portal-design .reference-news-head>a{font-size:13px;min-height:44px;white-space:normal;}
  .portal-design .reference-featured h3{font-size:20px;line-height:1.5;}
  .portal-design .reference-news-item{grid-template-columns:minmax(0,1fr) 86px;gap:14px;}
  .portal-design .reference-news-item img{width:86px;height:96px;}
  .portal-design .reference-news-item h3{font-size:16px;line-height:1.5;}
  .portal-design .reference-module-links{gap:4px 18px;}
  .portal-design .reference-module-links a{font-size:16px;line-height:1.55;min-height:52px;}
  .portal-design .reference-bottom .announcement h3{font-size:16px;line-height:1.6;}
  .portal-design .portal-footer p{font-size:16px;line-height:1.75;}
  .portal-design .footer-main>div>a:not(.brand){font-size:16px;min-height:44px;line-height:1.6;}
  .portal-design .portal-footer h2{font-size:15px;}
  .portal-design .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 18px;}
  .portal-design .detail{width:calc(100% - 28px);margin:0 14px;padding:25px 18px 35px;}
  .portal-design .detail .page-heading h1{font-size:clamp(27px,7.6vw,36px);line-height:1.28;letter-spacing:-.035em;overflow-wrap:break-word;}
  .portal-design .detail :is(h2,.school-prose h2){font-size:24px;line-height:1.35;}
  .portal-design .detail h3{font-size:20px;line-height:1.45;}
  .portal-design .detail :is(p,li,.page-intro,.article-body,.school-prose){font-size:16px;line-height:1.85;}
  .portal-design .detail .headmaster-detail figure{max-width:260px;}
  .portal-design .detail .headmaster-detail figure img{object-fit:contain;}
  .portal-design .detail .headmaster-detail figcaption{font-size:14px;line-height:1.65;}
  .portal-design .detail .headmaster-detail figcaption span{font-size:13px;}
  .portal-design .detail .school-link-grid>a{font-size:16px;}
  .portal-design .detail :is(input,select,textarea){font-size:16px;min-height:44px;}
  .portal-design .mobile-dock{max-width:none;min-height:64px;padding:5px 10px calc(5px + env(safe-area-inset-bottom,0px));bottom:0;}
  .portal-design .mobile-dock a{min-height:54px;font-size:12px;}
  .portal-design{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));}
}
@media(max-width:360px){
  .portal-design .kamad-panel-heading{display:block;position:relative;padding-right:68px;}
  .portal-design .kamad-panel-heading h2{font-size:17px;max-width:none;}
  .portal-design .kamad-panel-heading>a{position:absolute;top:0;right:0;font-size:11px;}
  .portal-design .kamad-panel-heading>a span{display:none;}
  .portal-design .kamad-panel-links{padding-right:70px;}
  .portal-design .kamad-panel-portrait{width:65px;height:100px;right:8px;}
  .portal-design .footer-main{grid-template-columns:minmax(0,1fr);}
  .portal-design .reference-module-links{grid-template-columns:minmax(0,1fr);}
  .portal-design .detail{padding-inline:15px;}
}


/* ===== portal-motion.css ===== */
/* Load after portal.css. Panels remain readable when this script is unavailable. */
.pm-carousel { margin-bottom: 24px; min-width: 0; }
.pm-carousel .reference-banner { margin-bottom: 0; border-radius: 10px 10px 0 0; }
.pm-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  gap: 0;
  padding: 0 8px;
  background: #fff;
  border: 1px solid #e0e7dc;
  border-top: 0;
  border-radius: 0 0 10px 10px;
}
.pm-carousel-dots { display: flex; align-items: center; }
.pm-control {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #155637;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color 140ms ease, color 140ms ease;
}
.pm-control svg { display: block; flex: 0 0 auto; }
.pm-control:focus-visible { outline: 2px solid #92723a; outline-offset: -3px; }
.pm-control:active { background: #e9f1e5; }
.pm-control:disabled { color: #7a8b7c; cursor: default; }
.pm-dot > span { display: block; height: 6px; width: 6px; border-radius: 6px; background: #b2c2b0; }
.pm-dot.is-active > span { width: 19px; background: #087531; }
.pm-banner[data-banner-theme="forest"] { background: linear-gradient(110deg,#10533e,#4a8f65 58%,#d4e5cd); }
.pm-banner[data-banner-theme="olive"] { background: linear-gradient(110deg,#41671f,#8aac52 58%,#dceac6); }
.pm-banner[data-banner-theme="forest"] .banner-wording p,
.pm-banner[data-banner-theme="olive"] .banner-wording p { color: #f2f7e8; }
.pm-banner .banner-access { min-height: 44px; }
.pm-banner .banner-access svg { width: 15px; height: 15px; }
.reference-ticker.pm-ticker > .pm-ticker-window { min-width: 0; flex: 1 1 auto; scroll-behavior: auto; overscroll-behavior-x: contain; }
.reference-ticker.pm-ticker > .pm-control { align-self: center; flex: 0 0 44px; border-left: 1px solid #e1e8de; border-radius: 0; background: #fff; }
.reference-ticker.pm-ticker > .pm-control:active { background: #edf3e8; }
.pm-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* Opening feedback changes only opacity, never the position of the controls. */
@keyframes pm-menu-open { from { opacity: .85; } to { opacity: 1; } }
.portal-design #nav.open { animation: pm-menu-open 150ms ease-out; }
.portal-design #nav .nav-submenu a,
.portal-design #nav summary { transition: background-color 140ms ease, color 140ms ease; }
@media (hover: hover) and (pointer: fine) {
  .pm-control:not(:disabled):hover { background: #edf4e8; color: #067225; }
}
@media (max-width: 760px) {
  .pm-carousel { margin-bottom: 18px; }
  .pm-carousel .reference-banner { border-radius: 8px 8px 0 0; }
  .pm-carousel-controls { border-radius: 0 0 8px 8px; padding: 0; }
  .pm-banner .banner-access { min-height: 44px; bottom: 5px; }
  .reference-ticker.pm-ticker { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .pm-control,
  .portal-design #nav .nav-submenu a,
  .portal-design #nav summary { transition: none; }
  .portal-design #nav.open { animation: none; }
}


/* ===== portal-ui.css ===== */
/* Finishing fixes kept separate from the retained source styles. */
.portal-arrow{display:inline-block;vertical-align:middle;width:16px;height:16px;flex:0 0 16px;object-fit:contain}
.reference-story b{display:flex;align-items:center;min-height:20px}
.portal-design .banner-wording p{color:#083c14;font-size:12px;line-height:1.55}
.portal-design .banner-school{font-size:10px}
@media(max-width:760px){
 .portal-design .reference-banner{height:180px}
 .portal-design .banner-wording{padding:17px 15px;width:75%}
 .portal-design .banner-wording h1{font-size:clamp(22px,6.4vw,29px);line-height:1.08}
 .portal-design .banner-wording p{font-size:12px;line-height:1.55;max-width:220px;margin-top:8px}
 .portal-design .banner-wording p br{display:none}
 .portal-design .banner-school{font-size:10px;line-height:1.3}
 .portal-design .banner-access{min-height:44px;min-width:106px;font-size:11px;right:10px;bottom:4px}
 .portal-design .banner-photos{left:57%}
 .portal-design .detail .filters{flex-wrap:wrap}
 .portal-design .detail .filter{font-size:14px;min-height:44px;padding:9px 13px}
 .portal-design .reference-kamad .kamad-panel-links{padding-right:0}
 .portal-design .reference-kamad .kamad-panel-links a:last-child{padding-right:90px}
 .portal-design .reference-kamad .kamad-panel-links a:nth-child(2){padding-right:75px}
 .portal-design .reference-kamad .kamad-panel-links a:first-child{padding-right:0}
 .portal-design .reference-kamad .kamad-panel-portrait{opacity:1}
 .portal-design dialog{max-height:calc(100dvh - 28px);max-width:calc(100vw - 28px);overflow:auto}
 .portal-design dialog input{font-size:16px;min-height:44px;max-width:100%}
}
@media(max-width:360px){
 .portal-design .banner-wording{width:78%}
 .portal-design .banner-wording h1{font-size:22px}
 .portal-design .banner-wording p{max-width:180px}
 .portal-design .reference-kamad .kamad-panel-links a:nth-child(2){padding-right:60px}
}


/* ===== experience.css ===== */
/* MAN 9 Jakarta — Digital School Experience redesign. Last cascade layer by design.
   Homepage rebuild + enhanced details; original routes/content stay intact. */
:root{--xp-green:#123e33;--xp-green-deep:#082d27;--xp-leaf:#285e4c;--xp-gold:#c9ab70;--xp-ivory:#f7f5ee;--xp-ink:#18352c;--xp-muted:#64736b;--xp-line:#e3e8e0;--xp-radius:22px}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body.portal-design{background:var(--xp-ivory);font-family:Manrope,Arial,sans-serif;color:var(--xp-ink);overflow-x:clip}
body.portal-design .notice{background:#0a352b;color:#d0dfd5;text-align:center;letter-spacing:.09em;text-transform:uppercase;font:600 10px/1.5 Manrope,sans-serif;padding:7px 18px;min-height:28px}
body.portal-design .site-header{position:sticky;top:0;z-index:90;width:100%;height:86px;min-height:86px;background:#fffdf9eF;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #e2e8df;box-shadow:0 5px 30px #0b332608;padding:10px max(24px,calc((100vw - 1330px)/2));gap:22px;transition:height .3s ease,background .3s ease,box-shadow .3s ease}
body.portal-design .site-header.xp-scrolled{height:72px;min-height:72px;box-shadow:0 10px 32px #0d30201a}
body.portal-design .site-header .brand{background:none;padding:0;border:0;min-width:max-content;gap:9px;border-radius:0}
body.portal-design .site-header .brand .school-logo{width:48px!important;height:58px!important;object-fit:contain}
body.portal-design .site-header .brand>span{color:var(--xp-green);font:800 19px/1.15 Manrope,sans-serif;letter-spacing:-.05em}
body.portal-design .site-header .brand small{color:#7f8c82;letter-spacing:.015em;font-size:8px;margin-top:5px;font-weight:600}
body.portal-design .site-header .school-menu-groups{gap:1px}
body.portal-design .site-header #nav{min-width:0}
body.portal-design .site-header .nav-group>summary,body.portal-design .site-header .school-nav-admissions{font:700 12px/1.5 Manrope,sans-serif;letter-spacing:0;color:#344f41;padding:10px 9px;transition:color .2s}
body.portal-design .site-header .nav-group>summary:hover{color:#128450}
body.portal-design .header-actions{gap:7px}
body.portal-design .header-actions .portal-link{background:var(--xp-green);color:#fff;border:1px solid var(--xp-green);border-radius:999px;font-size:12px;font-weight:800;min-height:45px;padding:11px 17px;gap:7px;box-shadow:0 8px 22px #123e3328;white-space:nowrap;transition:transform .22s,background .22s,box-shadow .22s}
body.portal-design .header-actions .portal-link:hover{background:#1b5c43;transform:translateY(-2px);box-shadow:0 13px 24px #123e3340}
body.portal-design .header-actions .admission-link{display:none}
body.portal-design .header-actions .search-button{color:var(--xp-green);border-radius:100%;background:#f0f4ef}
body.portal-design .header-actions .search-button:hover{background:#e1eade}
body.portal-design .site-header #nav.open{z-index:92}
body.portal-design .nav-group[open]>summary{color:#166c48}
body.portal-design .nav-submenu{border-radius:15px;border:1px solid var(--xp-line);box-shadow:0 20px 45px #09261f1d;background:#fffdf8}
body.portal-design #home{padding:0!important;margin:0!important;max-width:none!important;background:var(--xp-ivory);width:100%}
body.portal-design .experience-home{min-height:500px}
body.portal-design #main{width:100%;max-width:none}
body.portal-design #home a{text-decoration:none}
body.portal-design #home :is(a,button){-webkit-tap-highlight-color:transparent}
body.portal-design #home :is(a,button):focus-visible,body.portal-design .xp-zi-dialog :is(a,button):focus-visible{outline:3px solid #cf9e49;outline-offset:4px}
.xp-wrap{max-width:1320px;width:calc(100% - 80px);margin-inline:auto}
.xp-section{padding-block:105px}
.xp-kicker{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;color:#577f64;font:800 11px/1.6 Manrope,sans-serif;letter-spacing:.17em}
.xp-kicker.xp-on-dark{color:#e8d3a2}
.xp-kicker-dot,.xp-live-dot{display:inline-block;width:7px;height:7px;background:#e4c187;flex:none;border-radius:50%;box-shadow:0 0 0 5px #e4c18724}
.xp-section-title{margin:14px 0 0;font:700 clamp(33px,4.2vw,60px)/1.14 Manrope,Arial,sans-serif;letter-spacing:-.064em;color:var(--xp-ink);max-width:810px}
.xp-section-title em{font-family:'Instrument Serif',Georgia,serif;font-size:1.12em;line-height:.88;font-weight:400;letter-spacing:-.015em;color:#42785b}
.xp-text-link{display:inline-flex;align-items:center;gap:18px;min-height:46px;font:800 13px/1.5 Manrope,Arial,sans-serif;color:#166b49!important;border-bottom:1px solid #b9d0c0;padding:8px 0;transition:gap .2s,color .2s}
.xp-text-link:hover{gap:26px;color:#063f2c!important}
.xp-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 22px;border-radius:999px;min-height:52px;font:800 12px/1.4 Manrope,sans-serif;letter-spacing:.005em;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:transform .25s,background .25s,box-shadow .25s,color .25s}
.xp-btn:hover{transform:translateY(-3px)}
.xp-btn span{font-size:17px;font-weight:500}
.xp-btn-gold{background:var(--xp-gold);color:#1d3229!important;box-shadow:0 12px 28px #00000018}
.xp-btn-gold:hover{background:#ead09d;box-shadow:0 18px 32px #00000026}
.xp-btn-outline{color:#fff!important;border-color:#ffffff5b;background:#ffffff13}
.xp-btn-outline:hover{background:#ffffff2a}
.xp-btn-dark{background:var(--xp-green);color:#fff!important}
/* Opening hero: real building asset, deeply overlaid gradient, generous editorial typography. */
.xp-hero{height:min(720px,calc(100svh - 112px));min-height:595px;position:relative;overflow:hidden;background:#093528;color:#fff;isolation:isolate}
.xp-hero-image,.xp-hero-glow{position:absolute;inset:0;z-index:-2}
.xp-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 44%;transform:scale(1.035);animation:xp-hero-zoom 16s ease-in-out infinite alternate}
.xp-hero-glow{z-index:-1;background:linear-gradient(90deg,rgba(4,35,29,.96) 0%,rgba(6,43,33,.93) 31%,rgba(5,37,28,.74) 54%,rgba(3,31,24,.12) 100%),linear-gradient(0deg,rgba(4,28,21,.8),transparent 34%)}
.xp-hero:after{content:"";position:absolute;width:550px;height:550px;border:1px solid #fff2;border-radius:50%;right:-275px;top:-240px;box-shadow:0 0 0 90px #fff00005,0 0 0 180px #fff00004;pointer-events:none}
.xp-hero-inner{position:relative;width:calc(100% - 80px);max-width:1320px;margin:auto;height:100%;display:flex;align-items:center}
.xp-hero-copy{width:min(840px,75%);padding-bottom:28px;animation:xp-copy-in .95s cubic-bezier(.2,.9,.2,1) both}
.xp-hero h1{font:700 clamp(50px,6vw,98px)/1.045 Manrope,Arial,sans-serif;letter-spacing:-.083em;color:#fff;margin:26px 0 25px;max-width:980px;text-wrap:balance}
.xp-hero h1 em{font:400 1.11em/.95 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;color:#e7cc96}
.xp-hero-copy>p{font:500 16px/1.85 Manrope,sans-serif;color:#d9e6db;max-width:540px;margin:0 0 32px}
.xp-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.xp-hero-scroll{position:absolute;left:0;bottom:44px;display:inline-flex;align-items:center;gap:14px;color:#e1e8dc!important;font:700 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.18em}
.xp-scroll-line{display:inline-block;height:1px;width:47px;background:#e4c187}
.xp-hero-caption{position:absolute;bottom:35px;right:0;display:flex;align-items:center;gap:13px;background:#fff1;border:1px solid #fff3;backdrop-filter:blur(14px);padding:12px 17px;border-radius:14px;color:#fff}
.xp-hero-caption-circle{font-size:24px;color:#e4c187}
.xp-hero-caption strong,.xp-hero-caption small{display:block}
.xp-hero-caption strong{font:800 12px/1.6 Manrope,Arial,sans-serif}
.xp-hero-caption small{font-size:10px;color:#d6e4d8}
.xp-hero-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff22}
.xp-hero-progress span{display:block;height:100%;background:var(--xp-gold);width:36%;animation:xp-hero-progress 14s ease-in-out infinite alternate}
/* Quick links */
.xp-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;position:relative;z-index:2;transform:translateY(-33px);margin-bottom:-33px;box-shadow:0 26px 75px #1d483518;border:1px solid #e5e9e2;border-radius:18px;overflow:hidden}
.xp-shortcut{display:flex;align-items:center;gap:13px;min-height:106px;padding:23px 22px;color:var(--xp-ink)!important;transition:background .25s}
.xp-shortcut+ .xp-shortcut{border-left:1px solid #e9eee9}
.xp-shortcut:hover{background:#eff6ec}
.xp-shortcut-icon{flex:none;width:46px;height:46px;border-radius:14px;background:#e8f1e9;display:grid;place-items:center;color:#356d4f}
.xp-shortcut-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.xp-shortcut-content{min-width:0;display:flex;flex-direction:column;gap:2px}
.xp-shortcut strong{font:800 13px/1.4 Manrope,Arial,sans-serif}
.xp-shortcut small{font:500 11px/1.5 Manrope,Arial,sans-serif;color:#798980}
.xp-arrow{margin-left:auto;font-size:18px;color:#9bad98;transition:transform .2s,color .2s}
.xp-shortcut:hover .xp-arrow{transform:translate(3px,-3px);color:var(--xp-green)}
.xp-information{margin-top:22px;display:flex;align-items:center;gap:0;border-bottom:1px solid #dce6d9;padding:13px 0;overflow:hidden}
.xp-information-title{white-space:nowrap;display:flex;align-items:center;gap:12px;padding-right:23px;border-right:1px solid #d8e3d8;font:800 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;color:#1e6243}
.xp-live-dot{background:#60a67c;box-shadow:0 0 0 5px #60a67c20}
.xp-information-links{display:flex;gap:26px;overflow:auto;scrollbar-width:none;padding-left:24px}
.xp-information-links::-webkit-scrollbar{display:none}
.xp-information-links a{white-space:nowrap;color:#435c4b!important;font:600 12px/1.6 Manrope,Arial,sans-serif;min-height:36px;display:inline-flex;align-items:center;gap:10px}
.xp-information-links a span{color:#477f5b}
/* Principal introduction */
.xp-intro{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1fr);gap:clamp(45px,7vw,116px);align-items:center}
.xp-intro-media{height:545px;background:radial-gradient(ellipse at 50% 100%,#b6d0ae 0%,#dee8d7 60%,#e9efe2 100%);position:relative;border-radius:34px 130px 34px 34px;overflow:hidden;isolation:isolate}
.xp-intro-media:before{content:"";position:absolute;width:430px;height:430px;left:50%;top:50%;transform:translate(-50%,-36%);border:1px solid #75967a5c;border-radius:50%;box-shadow:0 0 0 52px #71937c16,0 0 0 105px #71937c0c}
.xp-intro-photo-frame{position:absolute;inset:24px 8px 0;display:flex;justify-content:center;align-items:end}
.xp-intro-photo-frame img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 16px #23362622)}
.xp-intro-seal{position:absolute;left:29px;top:27px;color:#20533a;display:flex;align-items:flex-start;flex-direction:column;border-left:2px solid #b58c52;padding-left:13px}
.xp-intro-seal span{font-size:12px;font-weight:800;letter-spacing:.2em}
.xp-intro-seal b{font:700 62px/1 Manrope,Arial,sans-serif;letter-spacing:-.1em}
.xp-intro-seal small{font-size:10px;font-weight:800;letter-spacing:.21em;margin-top:4px}
.xp-intro-copy{padding:18px 0 10px}
.xp-intro .xp-section-title{font-size:clamp(36px,3.5vw,55px);line-height:1.19}
.xp-intro-copy>p{font:500 15px/1.95 Manrope,Arial,sans-serif;color:#546d5b;max-width:590px;margin:0 0 29px}
.xp-quote-mark{font:400 72px/.8 'Instrument Serif',Georgia;color:#af9869;margin:27px 0 2px}
.xp-intro-foot{display:flex;align-items:center;gap:13px;border-top:1px solid #e0e5dc;padding-top:24px;margin-top:30px;font:600 12px/1.7 Manrope,Arial,sans-serif;color:#748277}
.xp-intro-ornament{width:35px;height:35px;border:1px solid #aac7aa;border-radius:50%;flex:none;background:radial-gradient(circle at center,#7da68e 3px,transparent 3px)}
/* ZI band */
.xp-zi-section{position:relative;overflow:hidden;background:#0b362c;color:white;isolation:isolate}
.xp-zi-section:before{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-200px;top:-260px;border:1px solid #d9c89f28;border-radius:50%;box-shadow:0 0 0 110px #e9cf9707,0 0 0 220px #e9cf9705}
.xp-zi-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}
.xp-zi-copy h2{font:700 clamp(38px,4.2vw,64px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.07em;color:white;margin:18px 0 24px}
.xp-zi-copy h2 em{font:400 1.14em/.9 'Instrument Serif',Georgia;color:#e1c492;letter-spacing:-.02em}
.xp-zi-copy p{font:500 15px/1.9 Manrope,Arial,sans-serif;color:#c2d9cb;max-width:585px}
.xp-zi-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
.xp-zi-values{display:grid;grid-template-columns:1fr;position:relative;background:#ffffff0a;border:1px solid #ffffff2d;border-radius:24px;padding:22px 30px;backdrop-filter:blur(15px);overflow:hidden}
.xp-zi-values>div:not(.xp-zi-watermark){display:grid;grid-template-columns:50px 1fr;column-gap:16px;align-items:center;padding:19px 0;border-bottom:1px solid #ffffff22;z-index:1}
.xp-zi-values>div:nth-child(3){border-bottom:0}
.xp-zi-value-num{font:400 25px 'Instrument Serif',Georgia;color:#dcc59b;grid-row:span 2}
.xp-zi-values strong{font:700 17px/1.6 Manrope,Arial,sans-serif;color:white}
.xp-zi-values small{color:#b6cab9;font:500 12px/1.6 Manrope,Arial,sans-serif}
.xp-zi-watermark{position:absolute;right:-21px;bottom:-45px;font:900 260px/1 Manrope,Arial,sans-serif;color:#ffffff08;pointer-events:none}
/* Edvion services */
.xp-digital{padding-bottom:116px}
.xp-section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:41px}
.xp-section-head>p{max-width:350px;margin:0 0 5px;color:#667a6c;font:500 14px/1.85 Manrope,Arial,sans-serif}
.xp-digital-grid{display:grid;grid-template-columns:1.16fr repeat(2,1fr);grid-template-rows:repeat(2,minmax(195px,1fr));gap:16px}
.xp-digital-feature{grid-row:span 2;position:relative;min-height:410px;border-radius:24px;color:white!important;background:linear-gradient(145deg,#164f3d,#07342c);padding:29px 34px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;box-shadow:0 20px 45px #123e3320}
.xp-digital-feature:before{position:absolute;content:"";z-index:-1;right:-135px;top:35px;width:380px;height:380px;border-radius:50%;border:1px solid #ffffff21;box-shadow:0 0 0 52px #ffffff08,0 0 0 105px #ffffff04}
.xp-digital-chip{display:flex;gap:10px;align-items:center;width:max-content;border:1px solid #ffffff3b;border-radius:999px;padding:9px 13px;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.1em;color:#e1e9d9}
.xp-digital-chip span{color:#a3d4b5;font-size:10px}
.xp-digital-feature-icon{align-self:end;border:1px solid #ffffff36;border-radius:25px;width:118px;height:118px;display:grid;place-items:center;background:#ffffff0e;transform:rotate(-9deg);transition:transform .3s}
.xp-digital-feature:hover .xp-digital-feature-icon{transform:rotate(0deg) scale(1.03)}
.xp-digital-feature-icon svg{width:81px;height:81px;fill:none;stroke:#e1d4ab;stroke-width:2;stroke-linecap:round}
.xp-digital-feature h3{color:white;font:700 32px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:0 0 12px}
.xp-digital-feature h3 span{margin-left:7px;font-size:21px;font-weight:400}
.xp-digital-feature p{max-width:350px;font:500 13px/1.85 Manrope,Arial,sans-serif;color:#d0e3d5;margin:0 0 15px}
.xp-digital-meta{display:block;color:#e4c98f;font:700 11px/1.4 Manrope,Arial,sans-serif}
.xp-digital-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:25px 27px;background:#fff;color:var(--xp-ink)!important;border:1px solid #e3e9df;border-radius:20px;min-height:200px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.xp-digital-card:hover{transform:translateY(-5px);border-color:#b8cfbd;box-shadow:0 18px 40px #163b2920}
.xp-digital-card-icon{width:44px;height:44px;display:grid;place-items:center;background:#ebf2e9;color:#2e7450;border-radius:13px;font-size:26px}
.xp-digital-card-arrow{position:absolute;right:27px;top:24px;color:#66856c;font-size:22px}
.xp-digital-card h3{font:800 16px/1.5 Manrope,Arial,sans-serif;color:#183d2c;margin:18px 0 4px;letter-spacing:-.02em}
.xp-digital-card p{font:500 12px/1.7 Manrope,Arial,sans-serif;color:#6c8070;max-width:290px;margin:0}
.xp-digital-note{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:23px;color:#7a887b;font:500 12px/1.7 Manrope,Arial,sans-serif}
.xp-digital-note span{color:#bb9e65}
.xp-digital-note strong{margin-left:auto;color:#315b48}
/* Proven achievements, published sources */
.xp-achievements{background:#ecf1e9}
.xp-achievement-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:16px}
.xp-achievement-card{position:relative;display:flex;flex-direction:column;min-height:370px;padding:32px 29px;border-radius:21px;background:#fff;border:1px solid #e1e8df;color:var(--xp-ink)!important;transition:transform .25s,box-shadow .25s}
.xp-achievement-card:hover{transform:translateY(-5px);box-shadow:0 21px 35px #1a492c18}
.xp-achievement-feature{background:var(--xp-green);color:white!important;border-color:var(--xp-green)}
.xp-achievement-label{font:800 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.13em;color:#548266}
.xp-achievement-feature .xp-achievement-label{color:#dccead}
.xp-achievement-number{margin:43px 0 14px;display:flex;align-items:baseline;gap:13px}
.xp-achievement-number>span{font:700 clamp(70px,7vw,100px)/.9 Manrope,Arial,sans-serif;letter-spacing:-.1em}
.xp-achievement-number small{font:500 19px 'Instrument Serif',Georgia;color:#6d9373}
.xp-achievement-feature .xp-achievement-number small{color:#e0d1ad}
.xp-achievement-card h3{font:800 18px/1.4 Manrope,Arial,sans-serif;color:inherit;margin:0 0 9px;letter-spacing:-.025em}
.xp-achievement-card p{font:500 12px/1.7 Manrope,Arial,sans-serif;color:#728173;max-width:280px;margin:0 0 15px}
.xp-achievement-feature p{color:#c7d9ca}
.xp-achievement-link{font:800 11px/1.5 Manrope,Arial,sans-serif;color:#387255;margin-top:auto}
.xp-achievement-feature .xp-achievement-link{color:#e6ca91}
/* Home stories */
.xp-stories{padding-bottom:80px}
.xp-story-actions{display:flex;gap:9px;align-self:end}
body.portal-design .xp-stories .story-prev,body.portal-design .xp-stories .story-next{position:static;width:45px;height:45px;min-height:45px;min-width:45px;box-shadow:none;border:1px solid #d3dfd3;border-radius:50%;background:#fff;color:var(--xp-green);font-size:19px;display:grid;place-items:center;cursor:pointer;transition:background .2s}
body.portal-design .xp-stories .story-prev:hover,body.portal-design .xp-stories .story-next:hover{background:#dfece1}
.xp-stories .reference-stories{margin:0}
.xp-stories .story-rail{gap:16px;scroll-snap-type:x mandatory;padding:8px 2px 17px;scrollbar-width:thin;scrollbar-color:#b4cbb8 transparent}
body.portal-design .xp-stories .reference-story{flex:0 0 clamp(235px,25%,330px);height:380px;border-radius:19px;overflow:hidden;transition:transform .3s,box-shadow .3s}
body.portal-design .xp-stories .reference-story:hover{transform:translateY(-4px);box-shadow:0 18px 34px #123e3322}
.xp-stories .reference-story img{transition:transform .55s ease}
.xp-stories .reference-story:hover img{transform:scale(1.05)}
.xp-stories .reference-story:after{background:linear-gradient(0deg,#052820e8,transparent 85%)}
body.portal-design .xp-stories .reference-story>div{inset:auto 20px 21px}
body.portal-design .xp-stories .reference-story span{font-size:11px;color:#e6d39b;letter-spacing:.06em}
body.portal-design .xp-stories .reference-story h2{font:700 19px/1.43 Manrope,Arial,sans-serif;margin-top:7px;letter-spacing:-.03em}
.xp-stories .reference-story b{color:#e4c187;font-size:24px}
.xp-section-note{color:#819084;font:500 11px/1.7 Manrope,Arial,sans-serif;margin:20px 0 0}
.xp-section-note a{color:#2e7350;text-decoration:underline!important}
/* News */
.xp-news{padding-top:32px}
body.portal-design .xp-news .reference-news-layout{gap:27px;grid-template-columns:1.18fr 1fr}
body.portal-design .xp-news .reference-featured{display:block;color:var(--xp-ink)}
body.portal-design .xp-news .reference-featured>img{height:340px;border-radius:18px;object-fit:cover}
body.portal-design .xp-news .reference-featured h3{font:800 clamp(20px,2vw,27px)/1.35 Manrope,Arial,sans-serif;letter-spacing:-.035em;color:var(--xp-ink);margin:10px 0}
body.portal-design .xp-news .reference-featured p{font:500 13px/1.75 Manrope,Arial,sans-serif;color:#687c6d;max-width:500px}
body.portal-design .xp-news .reference-news-item{grid-template-columns:1fr 140px;gap:18px;padding:0 0 21px;margin-bottom:21px}
body.portal-design .xp-news .reference-news-item img{width:140px;height:122px;border-radius:12px}
body.portal-design .xp-news .reference-news-item h3{font:800 16px/1.45 Manrope,Arial,sans-serif;letter-spacing:-.02em;color:var(--xp-ink)}
body.portal-design .xp-news .reference-news small{font-size:10px;letter-spacing:.08em;color:#427652}
/* Announcement and directory */
.xp-bottom{background:#fffdf7;border-top:1px solid #e7eae2}
.xp-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.xp-mini-head{position:relative;margin-bottom:28px}
.xp-mini-head h2{font:800 clamp(25px,3vw,36px)/1.2 Manrope,Arial,sans-serif;color:var(--xp-ink);letter-spacing:-.05em;margin:9px 0}
.xp-mini-head>a{position:absolute;right:0;bottom:0}
.xp-bottom .announcement{border-bottom:1px solid #e5ebe4;padding:19px 0;display:flex;align-items:center;gap:18px;min-height:110px}
.xp-bottom .announcement>span{font:400 34px/1 'Instrument Serif',Georgia;color:#89ad90;flex:none}
.xp-bottom .announcement h3{font:800 16px/1.5 Manrope,Arial,sans-serif;color:var(--xp-ink);margin:5px 0}
.xp-bottom .announcement small{font-size:11px;color:#558260}
.xp-bottom .reference-module-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px}
.xp-bottom .reference-module-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#274536!important;font:700 13px/1.5 Manrope,Arial,sans-serif;border-bottom:1px solid #e5ebe4;min-height:65px}
.xp-bottom .reference-module-links a:hover{color:#14864b!important}
.xp-bottom .reference-module-links span{font-size:18px;color:#4d7d5b}
.xp-cta{padding:72px 0;background:#173e30;position:relative;overflow:hidden}
.xp-cta:after{content:"09";position:absolute;right:-40px;top:-70px;font:900 260px/.9 Manrope,Arial,sans-serif;color:#ffffff08;pointer-events:none}
.xp-cta-content{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:1}
.xp-cta h2{font:700 clamp(28px,3.7vw,48px)/1.18 Manrope,Arial,sans-serif;color:#fff;letter-spacing:-.055em;max-width:760px;margin:9px 0 0}
.xp-cta h2 em{font:400 1.13em 'Instrument Serif',Georgia;color:#e2c995}
body.portal-design .portal-footer{background:#082d26!important;color:#e1eade;margin:0}
body.portal-design .portal-footer .footer-main{max-width:1320px}
body.portal-design .portal-footer .portal-copyright{border-top:1px solid #ffffff21}
/* Scroll reveal safely defaults visible until JS indicates support. */
html.xp-motion-ready .xp-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.3,1)}
html.xp-motion-ready .xp-reveal.xp-visible{opacity:1;transform:none}
@keyframes xp-hero-zoom{from{transform:scale(1.035)}to{transform:scale(1.105)}}
@keyframes xp-copy-in{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
@keyframes xp-hero-progress{from{width:35%}to{width:72%}}
/* ZI startup announcement dialog */
body.portal-design .xp-zi-dialog{padding:0!important;width:min(900px,calc(100vw - 36px));max-width:none;max-height:min(710px,calc(100dvh - 34px));border:0!important;border-radius:24px!important;box-shadow:0 45px 115px #051d1695;overflow:auto;color:var(--xp-ink);background:#fffdf7}
body.portal-design .xp-zi-dialog[open]{display:grid;grid-template-columns: .82fr 1fr;animation:xp-copy-in .35s ease both}
body.portal-design .xp-zi-dialog::backdrop{background:#031913ba;backdrop-filter:blur(7px)}
.xp-popup-visual{min-height:470px;position:relative;background:#133d2c;overflow:hidden;isolation:isolate}
.xp-popup-visual img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0;z-index:-2}
.xp-popup-visual:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#062b24fa,#123a2a50 75%,#0a3c27a3)}
.xp-popup-visual-overlay{display:flex;flex-direction:column;justify-content:end;min-height:470px;padding:34px;color:#fff}
.xp-popup-tag{align-self:flex-start;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.15em;border:1px solid #ffffff85;border-radius:999px;padding:10px 13px}
.xp-popup-monogram{font:800 clamp(110px,13vw,170px)/1 Manrope,Arial,sans-serif;letter-spacing:-.13em;color:#f1d8a3;margin:auto 0 15px}
.xp-popup-visual-overlay p{font:700 21px/1.45 Manrope,Arial,sans-serif;letter-spacing:-.04em;color:white;margin:0}
.xp-popup-content{position:relative;display:flex;flex-direction:column;justify-content:center;padding:55px 42px 40px}
.xp-popup-close{position:absolute;top:14px;right:18px;background:#ecf1e8;color:#174734;border:0;border-radius:50%;width:40px;height:40px;min-height:40px;min-width:40px;cursor:pointer;font:300 30px/1 Arial;display:grid;place-items:center}
.xp-popup-content h2{font:800 clamp(32px,4vw,48px)/1.15 Manrope,Arial,sans-serif!important;letter-spacing:-.07em;color:var(--xp-ink);margin:15px 0 17px}
.xp-popup-content h2 em{font:400 1.1em 'Instrument Serif',Georgia;color:#3e7957}
.xp-popup-content>p{font:500 14px/1.9 Manrope,Arial,sans-serif;color:#647568;margin:0 0 20px}
.xp-popup-pillars{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}
.xp-popup-pillars span{background:#e9f0e5;border-radius:999px;padding:8px 11px;color:#386f4c;font:700 10px/1.4 Manrope,Arial,sans-serif}
.xp-popup-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.xp-popup-actions .xp-btn{min-height:48px;padding:12px 16px}
.xp-popup-secondary{background:none;border:0;font:800 12px Manrope,Arial,sans-serif;color:#486f55;cursor:pointer;min-height:44px}
.xp-popup-content>small{display:block;margin-top:20px;color:#8b998b;font:500 10px/1.6 Manrope,Arial,sans-serif}
.xp-zi-float{position:fixed;bottom:28px;right:28px;z-index:95;display:flex;align-items:center;gap:9px;padding:10px 15px 10px 11px;border:1px solid #e2ca91;background:#113e30;color:#fff;border-radius:999px;box-shadow:0 9px 26px #0b362e55;cursor:pointer;transition:transform .2s}
.xp-zi-float:hover{transform:translateY(-4px)}
.xp-zi-float>span:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--xp-gold);color:#21382c;font:900 13px Manrope,Arial,sans-serif}
.xp-zi-float-text{font:800 11px/1.4 Manrope,Arial,sans-serif}
/* ZI detail page */
body.portal-design .detail{background:#fffdf8;border-radius:0;padding-top:58px!important;padding-bottom:95px!important}
.xp-zi-detail-lead{display:grid;grid-template-columns:1.5fr .5fr;gap:40px;align-items:center;background:#eaf0e7;padding:36px;border-radius:25px;margin-bottom:20px}
.xp-zi-detail-lead h2{margin:10px 0 18px;font-size:clamp(25px,3vw,41px)!important;letter-spacing:-.05em;line-height:1.25}
.xp-zi-detail-lead p{font-size:15px!important;line-height:1.85!important;color:#526c59}
.xp-zi-detail-mark{width:100%;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#123e33;color:#e4ca99;border-radius:23px;font:900 clamp(70px,9vw,130px)/1 Manrope,Arial,sans-serif;letter-spacing:-.1em}
.xp-zi-detail-mark span{letter-spacing:.12em;font-size:11px;color:#e7e9d5;margin-top:20px}
.xp-zi-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.xp-zi-detail-grid article{padding:28px;border:1px solid #e2e9e1;border-radius:20px;background:#fff}
.xp-zi-detail-grid article>span{color:#a58a55;font:400 30px 'Instrument Serif',Georgia}
.xp-zi-detail-grid h3{font:800 19px/1.5 Manrope,Arial,sans-serif!important;margin:12px 0}
.xp-zi-detail-grid p{color:#617167;font-size:14px!important;line-height:1.8!important}
.xp-zi-detail-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
/* mobile dock */
body.portal-design .mobile-dock{display:none}
@media(max-width:1260px){
  body.portal-design .site-header{padding-inline:28px}
  body.portal-design .site-header .nav-group>summary{font-size:11px;padding-inline:6px}
  body.portal-design .site-header .brand>span{font-size:17px}
  .xp-wrap,.xp-hero-inner{width:calc(100% - 56px)}
  .xp-intro{gap:55px}
}
@media(max-width:1150px){
  body.portal-design .site-header #nav{position:absolute;right:22px;left:auto;top:100%;width:min(440px,calc(100vw - 44px));max-width:none;flex:none}
  body.portal-design .site-header .menu{display:flex!important}
  body.portal-design .site-header #nav:not(.open){display:none!important}
  body.portal-design .site-header #nav.open{background:#fffdf9;border:1px solid #e1e9e0;box-shadow:0 20px 55px #0e2b1e29;border-radius:0 0 18px 18px;padding:16px;overflow-y:auto}
  body.portal-design .site-header #nav.open .school-menu-groups{display:flex;flex-direction:column;align-items:stretch}
  body.portal-design .site-header #nav.open .nav-group>summary{font-size:15px;min-height:45px}
  body.portal-design .site-header #nav.open .school-nav-admissions{display:flex}
  body.portal-design .site-header #nav.open .school-nav-portal{display:flex}
  body.portal-design .site-header #nav.open .nav-submenu{box-shadow:none}
  body.portal-design .site-header .brand>span{font-size:18px}
  .xp-shortcut{padding:20px 13px;gap:9px}
  .xp-shortcut-icon{width:40px;height:40px}
  .xp-shortcut small{font-size:10px}
  .xp-digital-grid{grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(4,minmax(175px,1fr))}
  .xp-digital-feature{grid-row:span 4;min-height:620px}
  .xp-zi-layout{gap:38px}
}
@media(max-width:760px){
  body.portal-design .notice{font-size:8px;line-height:1.5;padding:6px 14px}
  body.portal-design .site-header,body.portal-design .site-header.xp-scrolled{height:70px;min-height:70px;padding:7px 17px}
  body.portal-design .site-header .brand .school-logo{width:36px!important;height:48px!important}
  body.portal-design .site-header .brand>span{font-size:16px!important}
  body.portal-design .site-header .brand small{font-size:7px}
  body.portal-design .site-header .header-actions{gap:2px}
  body.portal-design .site-header .portal-link{display:none}
  body.portal-design .site-header .search-button{width:43px;min-width:43px}
  .xp-wrap,.xp-hero-inner{width:calc(100% - 36px)}
  .xp-section{padding-block:70px}
  .xp-section-title{font-size:clamp(31px,8vw,44px)}
  .xp-hero{height:620px;min-height:580px;max-height:85svh}
  .xp-hero-image img{object-position:53% 50%}
  .xp-hero-glow{background:linear-gradient(90deg,rgba(4,35,28,.93),rgba(4,35,28,.62) 64%,rgba(4,35,28,.35)),linear-gradient(0deg,#051f18b5,transparent 58%)}
  .xp-hero-inner{align-items:center}
  .xp-hero-copy{width:100%;padding-bottom:35px}
  .xp-hero h1{font-size:clamp(48px,10vw,69px);line-height:1.045;margin:21px 0 23px;max-width:600px}
  .xp-hero-copy>p{font-size:13px;line-height:1.85;max-width:390px}
  .xp-hero-actions{gap:10px}
  .xp-btn{min-height:47px;font-size:11px;padding:13px 16px;gap:15px}
  .xp-hero-caption{right:0;bottom:24px;padding:8px 10px;border-radius:10px;gap:7px}
  .xp-hero-caption-circle{font-size:17px}
  .xp-hero-caption strong{font-size:9px}.xp-hero-caption small{font-size:8px}
  .xp-hero-scroll{font-size:8px;bottom:31px;gap:9px;max-width:43%}.xp-scroll-line{width:20px}
  .xp-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));transform:translateY(-18px);margin-bottom:-18px;border-radius:14px}
  .xp-shortcut{min-height:87px;padding:14px 11px;gap:9px}
  .xp-shortcut:nth-child(3){border-left:0;border-top:1px solid #e9eee9}.xp-shortcut:nth-child(4){border-top:1px solid #e9eee9}
  .xp-shortcut-icon{width:34px;height:34px;border-radius:10px}.xp-shortcut-icon svg{width:19px;height:19px}
  .xp-shortcut strong{font-size:11px}.xp-shortcut small{font-size:9px}.xp-arrow{font-size:14px}
  .xp-information{margin-top:12px;padding:8px 0}
  .xp-information-title{font-size:9px;padding-right:12px;gap:6px}
  .xp-information-links{padding-left:13px;gap:18px}.xp-information-links a{font-size:11px}
  .xp-intro{grid-template-columns:1fr;gap:36px}
  .xp-intro-media{height:400px;border-radius:26px 80px 26px 26px;max-width:550px;width:100%;margin:auto}
  .xp-intro-copy{padding:0}.xp-intro-copy>p{font-size:14px}
  .xp-intro .xp-section-title{font-size:clamp(31px,8vw,44px)}
  .xp-zi-layout{grid-template-columns:1fr;gap:33px}.xp-zi-copy h2{font-size:clamp(36px,8.5vw,48px)}.xp-zi-copy p{font-size:14px}.xp-zi-values{padding:14px 22px}
  .xp-section-head{display:block;margin-bottom:28px}.xp-section-head>p{max-width:500px;margin-top:22px;font-size:13px}.xp-section-head>.xp-text-link{margin-top:18px}
  .xp-digital-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:11px}
  .xp-digital-feature{grid-column:span 2;grid-row:auto;min-height:340px;padding:24px;gap:20px}
  .xp-digital-feature-icon{width:88px;height:88px}.xp-digital-feature-icon svg{width:63px;height:63px}
  .xp-digital-feature h3{font-size:27px}
  .xp-digital-card{min-height:192px;padding:18px 15px;border-radius:14px}
  .xp-digital-card h3{font-size:14px}.xp-digital-card p{font-size:11px}
  .xp-digital-card-icon{width:37px;height:37px;font-size:22px}.xp-digital-card-arrow{top:17px;right:15px}
  .xp-digital-note strong{margin-left:0}
  .xp-achievement-grid{grid-template-columns:1fr;gap:12px}.xp-achievement-card{min-height:225px;padding:25px}.xp-achievement-number{margin:21px 0 10px}.xp-achievement-number>span{font-size:76px}.xp-achievement-card h3{font-size:17px}
  .xp-stories .xp-section-head{display:flex;justify-content:space-between;align-items:end;gap:10px}
  body.portal-design .xp-stories .reference-story{flex-basis:225px;height:305px}
  body.portal-design .xp-stories .reference-story h2{font-size:16px}
  .xp-story-actions{gap:6px}body.portal-design .xp-stories .story-prev,body.portal-design .xp-stories .story-next{width:40px;height:40px;min-width:40px;min-height:40px}
  body.portal-design .xp-news .reference-news-layout{grid-template-columns:1fr;gap:24px}
  body.portal-design .xp-news .reference-featured>img{height:270px}
  body.portal-design .xp-news .reference-news-item{grid-template-columns:1fr 115px;gap:12px}
  body.portal-design .xp-news .reference-news-item img{width:115px;height:108px}
  .xp-bottom-grid{grid-template-columns:1fr;gap:57px}.xp-bottom .reference-module-links{gap:5px 14px}
  .xp-bottom .reference-module-links a{font-size:12px;min-height:58px}.xp-mini-head>a{position:static;margin-top:7px}
  .xp-cta-content{display:block}.xp-cta h2{font-size:clamp(29px,7vw,40px);margin-bottom:26px}
  body.portal-design .mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;width:100%;max-width:none;border-radius:0;border-top:1px solid #dce4db;background:#fffdfb;box-shadow:0 -10px 24px #08251b11;padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));z-index:80}
  body.portal-design .mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:54px;color:#5d7562;font-size:10px;font-weight:700;border-radius:10px}
  body.portal-design .mobile-dock a span{font-size:24px;line-height:1.1}
  body.portal-design .mobile-dock a.active{color:var(--xp-green);background:#ecf3e9}
  body.portal-design{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .xp-zi-float{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:15px;padding:6px;border-radius:50%}.xp-zi-float .xp-zi-float-text{display:none}
  body.portal-design .xp-zi-dialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);width:calc(100vw - 24px);border-radius:19px!important}
  .xp-popup-visual{min-height:150px;max-height:180px;flex:none}
  .xp-popup-visual-overlay{min-height:150px;padding:15px 20px}
  .xp-popup-tag{font-size:8px;padding:6px 10px}
  .xp-popup-monogram{position:absolute;right:32px;bottom:20px;font-size:105px;margin:0;color:#e8d7a6ae}
  .xp-popup-visual-overlay p{font-size:16px;z-index:1}
  .xp-popup-content{padding:27px 22px 23px}
  .xp-popup-content h2{font-size:clamp(31px,7.4vw,38px)!important;margin:11px 0}
  .xp-popup-content>p{font-size:12px;line-height:1.7}
  .xp-popup-pillars{margin-bottom:16px}.xp-popup-pillars span{font-size:9px}
  .xp-popup-content>small{margin-top:11px;font-size:9px}
  .xp-popup-close{z-index:3;top:9px;right:9px;background:#dfe7d8}
  .xp-zi-detail-lead{grid-template-columns:1fr;padding:24px;gap:12px}
  .xp-zi-detail-mark{min-height:150px;font-size:75px}
  .xp-zi-detail-grid{grid-template-columns:1fr}
}
@media(max-width:390px){
  body.portal-design .site-header .brand>span{font-size:14px!important}
  body.portal-design .site-header .brand small{font-size:6px}
  .xp-hero h1{font-size:44px}.xp-hero-copy>p{font-size:12px}
  .xp-shortcut{padding:10px 7px;gap:6px}.xp-shortcut-icon{width:30px;height:30px}.xp-shortcut strong{font-size:10px}
  .xp-digital-card{padding:14px 12px}.xp-digital-card h3{font-size:12px}
  .xp-story-actions{align-self:center}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .xp-hero-image img,.xp-hero-progress span,.xp-hero-copy{animation:none!important;transform:none!important}
  html.xp-motion-ready .xp-reveal{opacity:1!important;transform:none!important;transition:none!important}
  body.portal-design .xp-zi-dialog[open]{animation:none!important}
  *,*:before,*:after{scroll-behavior:auto!important}
}

/* Desktop-first visible primary navigation; compact menu remains on smaller widths. */
@media(min-width:1281px){
 body.portal-design .site-header #nav{display:flex!important;position:static!important;flex:1 1 auto;max-width:none!important;width:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;overflow:visible!important;background:transparent!important;border:0!important;padding:0!important}
 body.portal-design .site-header .school-menu-groups{display:flex!important;align-items:center;justify-content:center;flex-wrap:nowrap;gap:2px}
 body.portal-design .site-header .menu{display:none!important}
 body.portal-design .site-header .school-nav-portal{display:none!important}
}
@media(min-width:1151px) and (max-width:1280px){
 body.portal-design .site-header .menu{display:flex!important}
 body.portal-design .site-header #nav:not(.open){display:none!important}
 body.portal-design .site-header #nav.open{position:absolute;right:20px;left:auto;top:100%;width:440px;background:white;border:1px solid #dde5db;border-radius:0 0 18px 18px;padding:14px;overflow-y:auto;box-shadow:0 22px 40px #0b382721}
 body.portal-design .site-header #nav.open .school-menu-groups{display:flex;flex-direction:column;align-items:stretch}
}
@media(min-width:761px){
  body.portal-design .header-actions .portal-link{display:inline-flex!important;align-items:center}
}
@media(max-width:400px){
  html,body.portal-design,.experience-home{overflow-x:clip}
  .xp-hero-copy{min-width:0}
  .xp-hero-inner{overflow:visible}
}
.xp-zi-areas{margin:55px 0 15px}
.xp-zi-areas>h2{font:800 clamp(29px,3.5vw,42px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.05em;color:#173e30;margin:12px 0}
.xp-zi-areas>p{max-width:750px;color:#6b7b6b;font-size:14px;line-height:1.85}
.xp-zi-areas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:26px}
.xp-zi-areas-grid article{padding:28px 25px;background:#f0f5ed;border:1px solid #e0e9df;border-radius:18px;min-height:190px}
.xp-zi-areas-grid article b{font:400 25px 'Instrument Serif',Georgia,serif;color:#658967}
.xp-zi-areas-grid article h3{font:800 17px/1.4 Manrope,Arial,sans-serif!important;letter-spacing:-.03em;color:#1e4733;margin:12px 0 8px}
.xp-zi-areas-grid article p{font:500 13px/1.75 Manrope,Arial,sans-serif!important;color:#738374}
@media(max-width:760px){.xp-zi-areas-grid{grid-template-columns:1fr 1fr;gap:10px}.xp-zi-areas-grid article{padding:20px 15px;min-height:155px}.xp-zi-areas-grid article h3{font-size:14px!important}.xp-zi-areas-grid article p{font-size:12px!important}}
@media(max-width:380px){.xp-zi-areas-grid{grid-template-columns:1fr}}


/* ===== school-refinement.css ===== */
/* MAN 9 Jakarta • Institutional typography + service architecture v2
   A focused final cascade override; original pages and routes remain intact. */
:root{
  --mn-display:'Plus Jakarta Sans','DM Sans',Arial,sans-serif;
  --mn-text:'DM Sans',Arial,sans-serif;
  --mn-forest:#103d30;
  --mn-dark:#0a2c24;
  --mn-gold:#d6b979;
  --mn-cream:#f8f7f1;
  --mn-lines:#dae5db;
}
body.portal-design{font-family:var(--mn-text)!important;font-weight:500;letter-spacing:-.006em;background:var(--mn-cream)}
body.portal-design :is(h1,h2,h3,h4,h5,h6),
body.portal-design :is(.xp-section-title,.xp-hero h1,.xp-shortcut strong,.xp-kicker,.brand>span,.nav-group>summary,.xp-btn,.portal-link,.xp-text-link),
body.portal-design .xp-popup-content h2,
body.portal-design .detail h1,
body.portal-design .school-prose h2{
  font-family:var(--mn-display)!important;
  font-style:normal;
}
body.portal-design :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.048em;font-weight:800}
body.portal-design :is(p,li,small,.caption,.detail){font-family:var(--mn-text)}
body.portal-design .site-header .brand>span{font-family:var(--mn-display)!important;font-size:19px;letter-spacing:-.038em;font-weight:800}
body.portal-design .site-header .brand small{font-family:var(--mn-text);letter-spacing:.07em;font-weight:700}
body.portal-design .site-header .nav-group>summary,body.portal-design .site-header .school-nav-admissions{font-family:var(--mn-text)!important;font-weight:800;letter-spacing:-.012em}
body.portal-design .header-actions .portal-link{font-family:var(--mn-display)!important;letter-spacing:-.015em}
body.portal-design .xp-section-title{font-weight:800;letter-spacing:-.067em;line-height:1.13;max-width:900px}
body.portal-design .xp-section-title em,
body.portal-design .xp-intro h2 em,
body.portal-design :is(.xp-zi-section,.xp-achievements,.xp-stories,.xp-news,.xp-bottom,.xp-cta) h2 em,
body.portal-design #detail :is(h1,h2) em{
  font-family:var(--mn-display)!important;
  font-size:1em!important;
  line-height:inherit;
  font-weight:800;
  font-style:normal;
  letter-spacing:inherit;
}
body.portal-design .xp-section-title em{color:#377854}
body.portal-design #home p{letter-spacing:-.012em}
body.portal-design .xp-kicker{font-family:var(--mn-text)!important;font-weight:800;letter-spacing:.14em}
body.portal-design .xp-btn{font-family:var(--mn-display)!important;font-weight:800;letter-spacing:-.012em}
body.portal-design .xp-shortcut strong{font-family:var(--mn-display)!important;font-weight:800;letter-spacing:-.02em}
body.portal-design .xp-shortcut small{font-family:var(--mn-text)!important}
body.portal-design .xp-achievement-number>span{font-family:var(--mn-display)!important;font-weight:800;letter-spacing:-.08em}
body.portal-design .xp-zi-areas-grid article b{font-family:var(--mn-display);font-size:24px;font-weight:800}
body.portal-design .xp-cta h2,body.portal-design .xp-zi-section h2{font-family:var(--mn-display)!important;font-weight:800}
body.portal-design .xp-popup-content h2{font-weight:800!important;letter-spacing:-.055em}
/* Hero: purposeful text staging instead of aggressive looping effects. */
body.portal-design .xp-hero{background:#0a2d25}
body.portal-design .xp-hero-glow{background:linear-gradient(90deg,rgba(3,30,24,.95) 0%,rgba(3,33,26,.89) 31%,rgba(3,33,26,.69) 59%,rgba(3,33,26,.17) 100%),linear-gradient(0deg,rgba(4,28,24,.73),transparent 36%)}
body.portal-design .xp-hero-copy{animation:mn-hero-enter .85s cubic-bezier(.21,.86,.27,1) both;animation-delay:.03s}
body.portal-design .xp-hero h1{
  max-width:1060px;
  font-family:var(--mn-display)!important;
  font-weight:800!important;
  font-size:clamp(52px,6.3vw,96px);
  line-height:1.145;
  letter-spacing:-.084em;
  margin:24px 0 23px;
  text-wrap:initial;
}
.xp-hero-line{display:block;overflow:hidden;padding:0 0 .11em;margin-bottom:-.105em}
.xp-hero-line-inner{display:block;transform:translateY(110%);animation:mn-title-up 1.03s cubic-bezier(.16,1,.3,1) both;will-change:transform}
.xp-hero-line-first .xp-hero-line-inner{animation-delay:.17s}
.xp-hero-line-accent{color:#edcf91;position:relative;width:fit-content;max-width:100%}
.xp-hero-line-accent .xp-hero-line-inner{animation-delay:.41s}
.xp-hero-dot{color:#fff}
.xp-hero-line-accent::after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#d8b673,#f7e9c7);border-radius:8px;animation:mn-underline 1.1s cubic-bezier(.18,.83,.26,1) both;animation-delay:1.28s}
body.portal-design .xp-hero .xp-kicker{animation:mn-kicker-in .85s ease-out .04s both}
body.portal-design .xp-hero-copy>p{font-family:var(--mn-text)!important;font-size:16px;max-width:590px;line-height:1.85;animation:mn-kicker-in .75s ease-out .72s both}
body.portal-design .xp-hero-actions{animation:mn-kicker-in .8s ease-out .93s both}
body.portal-design .xp-hero-caption{animation:mn-kicker-in .75s ease-out 1.08s both}
body.portal-design .xp-hero .xp-hero-image img{animation-duration:20s}
@keyframes mn-hero-enter{from{opacity:.93;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes mn-title-up{0%{transform:translateY(105%);opacity:.2}100%{transform:translateY(0);opacity:1}}
@keyframes mn-underline{0%{width:0;opacity:0}100%{width:36%;opacity:1}}
@keyframes mn-kicker-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
/* Separate public and internal services into two equally-weighted institutional cards. */
body.portal-design #layanan-digital{padding-top:102px;padding-bottom:96px}
body.portal-design .xp-digital .xp-section-head{margin-bottom:37px}
body.portal-design .xp-digital .xp-section-head>p{max-width:410px;color:#617667;font-size:14px;line-height:1.85}
.mn-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.mn-service-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:38px 38px 32px;border-radius:24px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.mn-service-panel:hover{transform:translateY(-6px)}
.mn-service-public{background:#fff;border:1px solid #dfe8dd;box-shadow:0 16px 52px #16412a0d}
.mn-service-public:hover{box-shadow:0 26px 58px #16412a16}
.mn-service-internal{background:radial-gradient(circle at 100% 0%,#23674b 0%,transparent 46%),linear-gradient(145deg,#124635,#092e27 95%);border:1px solid #1f5944;color:#fff;box-shadow:0 18px 55px #0e443019}
.mn-service-internal:hover{box-shadow:0 26px 60px #0b3a2a30}
.mn-service-internal::after{content:"09";font:800 190px/1 var(--mn-display);letter-spacing:-.1em;color:#ffffff08;position:absolute;right:-19px;bottom:-22px;z-index:-1;pointer-events:none}
.mn-service-panel-head{display:flex;align-items:center;gap:14px;margin-bottom:25px}
.mn-panel-emblem{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:15px;background:#e8f2e9;color:#1f6c48}
.mn-service-internal .mn-panel-emblem{color:#e6c98b;background:#ffffff16;border:1px solid #ffffff19}
.mn-panel-emblem svg{width:26px;height:26px}
.mn-audience{color:#557c64;letter-spacing:.13em;font:800 10px/1.7 var(--mn-text)}
.mn-service-internal .mn-audience{color:#c9e0d2}
body.portal-design .mn-service-panel h3{font:800 clamp(28px,2.6vw,36px)/1.17 var(--mn-display)!important;letter-spacing:-.06em;margin:0 0 11px;color:#183f2b}
body.portal-design .mn-service-internal h3{color:#fff}
.mn-service-summary{font:500 14px/1.8 var(--mn-text)!important;max-width:485px;color:#657a6b;margin:0 0 22px;min-height:50px}
.mn-service-internal .mn-service-summary{color:#d2e0d7}
.mn-service-links{display:flex;flex-direction:column;margin-bottom:27px;border-top:1px solid #e7ece5}
.mn-service-internal .mn-service-links{border-color:#ffffff26}
.mn-service-links a{display:grid;grid-template-columns:39px minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:77px;padding:11px 2px;text-decoration:none!important;color:#1e4937!important;border-bottom:1px solid #e7ece5;transition:padding .2s,background .2s}
.mn-service-links a:hover{padding-left:9px;background:#eaf4ea80}
.mn-service-links a:focus-visible{outline:3px solid #d2a95f;outline-offset:2px;border-radius:8px}
.mn-service-internal .mn-service-links a{color:#f4faf6!important;border-color:#ffffff23}
.mn-service-internal .mn-service-links a:hover{background:#ffffff0e}
.mn-service-link-icon{display:grid;place-items:center;width:34px;height:34px;background:#edf4ee;color:#34694d;border-radius:11px;font:800 11px/1 var(--mn-display)}
.mn-service-internal .mn-service-link-icon{color:#e6c98b;background:#ffffff15}
.mn-service-links a span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.mn-service-links strong{font:800 14px/1.5 var(--mn-display);letter-spacing:-.02em}
.mn-service-links small{color:#718477;font:500 12px/1.5 var(--mn-text)}
.mn-service-internal .mn-service-links small{color:#b9d2c4}
.mn-service-links b{font:600 19px/1 var(--mn-text);opacity:.64;transition:transform .2s}
.mn-service-links a:hover b{transform:translate(3px,-3px);opacity:1}
.mn-service-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:55px;padding:12px 20px;border-radius:13px;text-decoration:none!important;font:800 13px/1.4 var(--mn-display);letter-spacing:-.02em;transition:transform .2s,background .2s}
.mn-service-action:hover{transform:translateY(-2px)}
.mn-service-action span{font-size:20px}
.mn-service-action-light{background:#184934;color:#fff!important}
.mn-service-action-light:hover{background:#236e4c}
.mn-service-action-dark{background:var(--mn-gold);color:#133e2b!important}
.mn-service-action-dark:hover{background:#edcf97}
.mn-service-tail{display:flex;align-items:center;gap:12px;border-top:1px solid var(--mn-lines);margin-top:25px;padding:21px 1px 0;color:#657a6a}
.mn-service-tail-dot{height:7px;width:7px;background:#4e9a68;border-radius:50%;box-shadow:0 0 0 5px #51996c18;flex:none}
.mn-service-tail p{margin:0;max-width:790px;font:500 11px/1.7 var(--mn-text)!important}
.mn-service-tail a{margin-left:auto;white-space:nowrap;color:#1b6e49!important;font:800 11px/1.5 var(--mn-display);text-decoration:none}
.mn-service-tail a span{margin-left:7px}
/* Detail directory inherits the original dynamic detail-page renderer. */
.mn-hub-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;border-radius:22px;background:#eff4ec;padding:36px;margin:8px 0 24px}
.mn-hub-intro h2{font:800 clamp(26px,3.4vw,44px)/1.17 var(--mn-display)!important;letter-spacing:-.06em;margin:14px 0!important;color:#153e2c}
.mn-hub-intro p{font-size:14px;line-height:1.85;max-width:680px;color:#637665}
.mn-hub-main-link{display:flex;flex:0 0 auto;gap:22px;align-items:center;padding:17px 19px;background:#184935;border-radius:12px;color:white!important;text-decoration:none;font:800 13px var(--mn-display)}
.mn-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0 50px}
.mn-hub-column{background:#fff;border:1px solid #e0e9dd;border-radius:20px;padding:30px;min-width:0}
.mn-hub-column-dark{background:#103d30;color:white;border-color:#1b5340}
.mn-hub-number{font:800 10px var(--mn-text);letter-spacing:.15em;color:#3e8c61}
.mn-hub-column-dark .mn-hub-number{color:#e1c687}
.mn-hub-column h2{font:800 clamp(24px,2.5vw,32px)/1.2 var(--mn-display)!important;margin:13px 0!important;letter-spacing:-.055em;color:#143b2b}
.mn-hub-column-dark h2{color:white}
.mn-hub-column>p{min-height:55px;font-size:13px;line-height:1.75;color:#6b7f6e}
.mn-hub-column-dark>p{color:#c3daca}
.mn-hub-items{display:flex;flex-direction:column;border-top:1px solid #e2eae1;margin-top:18px}
.mn-hub-column-dark .mn-hub-items{border-color:#ffffff27}
.mn-hub-items a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:16px 0;border-bottom:1px solid #e2eae1;text-decoration:none!important;color:#173f2d!important}
.mn-hub-column-dark .mn-hub-items a{border-color:#ffffff27;color:#fff!important}
.mn-hub-items strong{font:800 14px/1.4 var(--mn-display);grid-column:1}
.mn-hub-items small{color:#708472;font:500 12px/1.4 var(--mn-text);grid-column:1}
.mn-hub-column-dark .mn-hub-items small{color:#bbd2c4}
.mn-hub-items b{grid-column:2;grid-row:1/3;font:700 19px/1.4 var(--mn-text);align-self:center;transition:transform .2s}
.mn-hub-items a:hover b{transform:translate(3px,-3px)}
.mn-hub-steps{padding:30px 0}
.mn-hub-steps h2{font:800 32px/1.2 var(--mn-display)!important;letter-spacing:-.05em;margin:15px 0 25px!important}
.mn-hub-steps>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mn-hub-steps article{padding:25px;background:#f2f6f0;border-radius:15px}
.mn-hub-steps b{font:800 25px var(--mn-display);color:#548768}
.mn-hub-steps h3{font:800 16px var(--mn-display)!important;color:#16432e;margin:14px 0 7px!important}
.mn-hub-steps p{font:500 13px/1.75 var(--mn-text);color:#6a7e71}
.mn-hub-note{font:500 12px/1.85 var(--mn-text);color:#6e7f70;border-left:3px solid #d9be85;padding:12px 18px;background:#f8f7f1}
.mn-inline-directory{font:800 13px var(--mn-display);color:#206448;text-underline-offset:4px}
@media(max-width:1100px){
  body.portal-design .xp-hero h1{font-size:clamp(47px,6.8vw,75px)}
  .mn-service-panel{padding:30px 27px 26px}
  .mn-services-grid{gap:16px}
}
@media(max-width:760px){
  body.portal-design .xp-hero h1{font-size:clamp(40px,9.2vw,67px);line-height:1.16;letter-spacing:-.076em;margin:20px 0 21px}
  body.portal-design .xp-hero-copy>p{font-size:13px;line-height:1.74;max-width:450px}
  .xp-hero-line-accent::after{height:2px}
  body.portal-design .xp-digital .xp-section-head>p{font-size:13px}
  .mn-services-grid{grid-template-columns:1fr;gap:16px}
  .mn-service-panel{padding:27px 24px 24px;border-radius:19px}
  .mn-service-summary{min-height:0;font-size:13px!important}
  body.portal-design .mn-service-panel h3{font-size:31px}
  .mn-service-links a{min-height:72px}
  .mn-service-tail{flex-wrap:wrap;gap:10px}
  .mn-service-tail a{flex:1 1 100%;margin-left:19px}
  .mn-hub-intro{flex-direction:column;align-items:start;padding:25px}
  .mn-hub-grid{grid-template-columns:1fr}
  .mn-hub-column{padding:25px}
  .mn-hub-column>p{min-height:0}
  .mn-hub-steps>div{grid-template-columns:1fr;gap:10px}
}
@media(max-width:390px){
  body.portal-design .xp-hero h1{font-size:clamp(37px,10.2vw,43px)}
  body.portal-design .xp-hero .xp-kicker{font-size:9px;letter-spacing:.08em}
  .mn-service-panel{padding:23px 17px 20px}
  .mn-service-panel-head{gap:9px}
  .mn-panel-emblem{width:43px;flex-basis:43px;height:43px}
  .mn-audience{font-size:9px;letter-spacing:.08em}
  .mn-service-links strong{font-size:13px}
  .mn-service-links small{font-size:11px}
  .mn-service-links a{grid-template-columns:32px minmax(0,1fr) 15px;gap:8px}
  .mn-service-link-icon{width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce){
  .xp-hero-line-inner,.xp-hero-line-accent::after,
  body.portal-design .xp-hero .xp-kicker,
  body.portal-design .xp-hero-copy>p,
  body.portal-design .xp-hero-actions,
  body.portal-design .xp-hero-caption,
  body.portal-design .xp-hero-copy{animation:none!important;transform:none!important;opacity:1!important;will-change:auto!important}
  .xp-hero-line-accent::after{width:36%!important}
  .mn-service-panel,.mn-service-links a,.mn-service-action,.mn-hub-items b{transition:none!important}
}

/* Screen-reader landing focus should not render a decorative frame on route change. */
body.portal-design #detail h1[tabindex="-1"]:focus{outline:none!important}


/* ===== institutional-v3.css ===== */
/* MAN 9 Jakarta | Institutional V3 — cohesive design tokens and verified front-end polish.
   Deliberately added as the LAST stylesheet to preserve legacy hashes and templates. */
:root{
  --mn3-forest:#103d30;
  --mn3-deep:#092f26;
  --mn3-emerald:#287453;
  --mn3-ivory:#f8f7f1;
  --mn3-gold:#c7a567;
  --mn3-gold-light:#ecd7a5;
  --mn3-ink:#24332b;
  --mn3-muted:#556b5e;
  --mn3-border:#dfe7dd;
  --mn3-radius:18px;
  --mn3-shadow:0 14px 42px rgba(16,61,48,.065);
}
html{scroll-padding-top:93px}
html:focus-within{scroll-behavior:smooth}
body.portal-design{color:var(--mn3-ink);background:var(--mn3-ivory);font-family:'DM Sans',system-ui,-apple-system,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
body.portal-design .notice{background:var(--mn3-deep);color:#e6efe8;letter-spacing:.095em;font-weight:700}
body.portal-design .site-header{background:rgba(250,250,246,.975);border-color:#e5eae2;box-shadow:0 4px 20px rgba(11,45,32,.055)}
body.portal-design .site-header .brand>span{color:var(--mn3-forest)}
body.portal-design .site-header .portal-link,body.portal-design .school-nav-portal{background:var(--mn3-forest);color:white}
body.portal-design .site-header .nav-group>summary{color:#2f4639}
body.portal-design :is(.xp-wrap,.xp-hero-inner){max-width:1248px}
body.portal-design .xp-kicker{color:var(--mn3-emerald);font-size:11px;line-height:1.55;letter-spacing:.125em}
body.portal-design .xp-on-dark{color:#efdcb0}
body.portal-design .xp-section{padding-block:94px}
body.portal-design .xp-section-title{font-size:clamp(33px,3.65vw,52px);line-height:1.17;letter-spacing:-.057em;font-weight:800;color:var(--mn3-ink)}
body.portal-design .xp-section-title em{color:var(--mn3-emerald)}
body.portal-design .xp-section-head{margin-bottom:34px;gap:35px}
body.portal-design #home .xp-section-head>p,body.portal-design .xp-intro-copy>p{color:var(--mn3-muted);font-size:15px;line-height:1.84}
body.portal-design .xp-text-link{color:#1d6746;font-size:13px;font-weight:800;text-decoration-thickness:1px;text-underline-offset:4px}
body.portal-design .xp-text-link:hover{color:#0d402d}
body.portal-design a:focus-visible,body.portal-design button:focus-visible,body.portal-design summary:focus-visible{outline:3px solid #bb9856;outline-offset:4px}
/* Hero: quieter, legible title stage; gold reserved for deliberate highlights. */
body.portal-design .xp-hero{height:min(716px,calc(100svh - 94px));min-height:590px;max-height:none;background:var(--mn3-deep)}
body.portal-design .xp-hero-glow{background:linear-gradient(90deg,rgba(5,38,30,.96) 0%,rgba(5,39,30,.91) 29%,rgba(6,38,31,.61) 55%,rgba(8,38,30,.08) 100%),linear-gradient(0deg,rgba(3,27,20,.65),transparent 37%)}
body.portal-design .xp-hero-inner{width:calc(100% - 94px)}
body.portal-design .xp-hero-copy{width:min(830px,76%);padding-bottom:0}
body.portal-design .xp-hero h1{font-size:clamp(48px,5.1vw,77px);line-height:1.18;letter-spacing:-.072em;max-width:895px;margin:22px 0 25px}
body.portal-design .xp-hero-line{padding-bottom:.075em;margin-bottom:-.065em;overflow:hidden}
body.portal-design .xp-hero-line-accent{color:var(--mn3-gold-light)}
body.portal-design .xp-hero-line-accent::after{height:2px;background:linear-gradient(90deg,var(--mn3-gold),#f3dfb8)}
body.portal-design .xp-hero-copy>p{color:#e6eee7;font-size:16px!important;line-height:1.78;max-width:525px;margin-bottom:28px}
body.portal-design .xp-btn-gold{background:var(--mn3-gold);color:#143a2c!important}
body.portal-design .xp-btn-gold:hover{background:#e0bd79}
body.portal-design .xp-hero .xp-btn{border-radius:100px;min-height:53px;padding-inline:25px;font-weight:800}
body.portal-design .xp-hero .xp-btn-outline{background:#0a322520;border-color:#ffffff77}
body.portal-design .xp-hero-caption{background:rgba(10,49,37,.68);border-color:#ffffff30}
body.portal-design .xp-hero-progress{height:2px}
/* Shortcut tray: generous touch targets and cards without heavyweight effects. */
body.portal-design .xp-shortcuts{max-width:1248px;box-shadow:var(--mn3-shadow);border:1px solid var(--mn3-border);border-radius:20px}
body.portal-design .xp-shortcut{min-height:107px;gap:12px;transition:background .2s}
body.portal-design .xp-shortcut:hover{background:#f0f7ef}
body.portal-design .xp-shortcut-icon{background:#eaf2eb;color:var(--mn3-emerald)}
body.portal-design .xp-shortcut strong{font-size:13px;color:#173c2b}
body.portal-design .xp-shortcut small{font-size:11px;color:#617367}
/* Profile: green should be anchored by real photos, not more green surfaces. */
body.portal-design .xp-intro{gap:clamp(48px,6vw,85px)}
body.portal-design .xp-intro-media{height:500px;background:linear-gradient(150deg,#e9eee2,#d3dfd2);border-radius:23px 100px 23px 23px}
body.portal-design .xp-intro .xp-section-title{font-size:clamp(32px,3.3vw,47px)}
body.portal-design .xp-intro-foot{color:#456350;border-color:var(--mn3-border)}
/* ZI: one restrained dark story-panel, with readable value markers. */
body.portal-design .xp-zi-section{background:var(--mn3-forest)}
body.portal-design .xp-zi-section h2{font-size:clamp(37px,4.1vw,54px);line-height:1.15}
body.portal-design .xp-zi-section h2 em{color:var(--mn3-gold-light)}
body.portal-design .xp-zi-values{border-color:#ffffff2a}
body.portal-design .xp-zi-values strong{font-size:16px}
body.portal-design .xp-zi-values small{font-size:12px;color:#d6e3d8}
/* Services: semantic separation + visually consistent elements. */
body.portal-design #layanan-digital{padding-top:96px;padding-bottom:86px}
body.portal-design .mn-services-grid{gap:22px}
body.portal-design .mn-service-panel{border-radius:21px;padding:33px 33px 29px;transition:transform .25s,box-shadow .25s}
body.portal-design .mn-service-panel:hover{transform:translateY(-3px)}
body.portal-design .mn-service-public{background:#fff;border-color:var(--mn3-border);box-shadow:var(--mn3-shadow)}
body.portal-design .mn-service-internal{background:linear-gradient(140deg,#215c46 0%,#103d30 62%,#0b3028 100%);border-color:#23634a;box-shadow:0 15px 38px #0a39251a}
body.portal-design .mn-service-panel h3{font-size:clamp(27px,2.4vw,32px);letter-spacing:-.052em}
body.portal-design .mn-service-summary{font-size:14px!important;line-height:1.8}
body.portal-design .mn-service-links a{min-height:78px;gap:13px;grid-template-columns:38px minmax(0,1fr) 20px}
body.portal-design .mn-service-links strong{font-size:14px;line-height:1.4}
body.portal-design .mn-service-links small{font-size:12px;line-height:1.55;color:#5a7463}
body.portal-design .mn-service-internal .mn-service-links small{color:#e1eae4}
body.portal-design .mn-service-internal .mn-service-summary{color:#e1eae4}
body.portal-design .mn-service-tail p{font-size:12px!important;color:#566e60}
body.portal-design .mn-service-tail a{font-size:12px;color:var(--mn3-emerald)!important}
body.portal-design .mn-service-action{min-height:55px}
body.portal-design .mn-service-action-dark{background:var(--mn3-gold-light)}
body.portal-design .mn-service-action-light{background:var(--mn3-forest)}
/* Prestasi: quieter background and a stronger highlight card. */
body.portal-design .xp-achievements{background:#eef2ea}
body.portal-design .xp-achievement-grid{gap:18px}
body.portal-design .xp-achievement-card{border-radius:20px;box-shadow:none;border-color:#d8e4d7;transition:transform .25s,box-shadow .25s}
body.portal-design .xp-achievement-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #15372816}
body.portal-design .xp-achievement-number>span{letter-spacing:-.075em}
body.portal-design .xp-achievement-card h3{font-size:18px;line-height:1.38}
body.portal-design .xp-achievement-card p{font-size:13px;line-height:1.75}
/* Stories and news: clear editorial grouping. */
body.portal-design .xp-stories{padding-bottom:79px}
body.portal-design .xp-stories .reference-story{border-radius:18px}
body.portal-design .xp-news{padding-top:65px}
body.portal-design .xp-news .reference-featured>img{border-radius:17px}
body.portal-design .xp-news .reference-news-item h3{font-size:16px;line-height:1.46}
body.portal-design .xp-section-note{font-size:12px;line-height:1.65}
body.portal-design .xp-bottom{background:#fffdf9}
/* New native FAQ; no fake form or backend dependency. */
.mn3-faq{background:#f0f4ee;border-top:1px solid var(--mn3-border)}
.mn3-faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr);gap:clamp(34px,6vw,90px);align-items:start}
.mn3-faq-intro{position:sticky;top:110px}
.mn3-faq-intro .xp-section-title{max-width:460px;font-size:clamp(32px,3.5vw,48px)}
.mn3-faq-intro>p{color:var(--mn3-muted);font-size:15px;line-height:1.8;max-width:380px;margin:20px 0 28px}
.mn3-faq-cta{display:inline-flex;align-items:center;gap:24px;padding:14px 22px;border-radius:999px;background:var(--mn3-forest);color:white!important;text-decoration:none!important;font:800 13px/1.4 'Plus Jakarta Sans',sans-serif;transition:background .2s,transform .2s}
.mn3-faq-cta:hover{background:var(--mn3-emerald);transform:translateY(-2px)}
.mn3-faq-items{border-top:1px solid #d3dfd3}
.mn3-faq-item{border-bottom:1px solid #d3dfd3;padding:0}
.mn3-faq-item summary{display:grid;grid-template-columns:32px minmax(0,1fr) 26px;gap:16px;align-items:center;cursor:pointer;list-style:none;min-height:89px;padding:18px 8px;color:var(--mn3-ink);font:800 16px/1.55 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em}
.mn3-faq-item summary::-webkit-details-marker{display:none}
.mn3-faq-item summary>span{color:var(--mn3-emerald);font:800 11px/1 'DM Sans',sans-serif;letter-spacing:.07em}
.mn3-faq-item summary>b{font:400 28px/1 'DM Sans',sans-serif;color:var(--mn3-emerald);transition:transform .22s}
.mn3-faq-item[open] summary>b{transform:rotate(45deg)}
.mn3-faq-answer{padding:0 49px 24px}
.mn3-faq-answer p{color:var(--mn3-muted);font:500 14px/1.85 'DM Sans',sans-serif;max-width:620px;margin:0}
.mn3-faq-answer a{color:#12613e;text-decoration:underline;text-underline-offset:3px;font-weight:800}
/* Footer and CTA: maintain rhythm. */
body.portal-design .xp-cta{background:var(--mn3-deep);padding:72px 0}
body.portal-design .xp-cta h2{font-size:clamp(31px,3.6vw,46px);max-width:720px}
body.portal-design .xp-cta h2 em{color:var(--mn3-gold-light)}
body.portal-design .portal-footer{background:#092a22}
/* Modal: readable detail, honest status. */
body.portal-design .xp-popup-content h2{font-size:clamp(31px,3.15vw,44px);line-height:1.19}
body.portal-design .xp-popup-content>p{font-size:14px;color:#41584a}
body.portal-design .xp-popup-pillars span{font-size:11px;color:#225c3c}
body.portal-design .xp-popup-content>small{font-size:11px;color:#56695b}
body.portal-design .xp-zi-float{right:23px;bottom:22px;background:var(--mn3-deep);border-color:var(--mn3-gold);box-shadow:0 8px 24px rgba(6,37,28,.24)}
/* Detail pages and hub, consistent with homepage, no routing changes. */
body.portal-design #detail{color:var(--mn3-ink)}
body.portal-design #detail :is(h1,h2,h3){color:var(--mn3-forest)}
body.portal-design #detail .mn-hub-column-dark h2{color:white}
body.portal-design #detail .mn-hub-intro{background:#ecf2e9}
/* Tablet + mobile needs intentional reduction in density and persistent access. */
@media(max-width:1150px){
 body.portal-design .site-header #nav.open{max-height:min(78svh,720px);overflow-y:auto}
 body.portal-design .site-header #nav.open .nav-group>summary{min-height:48px}
 body.portal-design .xp-hero-inner{width:calc(100% - 56px)}
 body.portal-design .xp-hero h1{font-size:clamp(49px,5.5vw,70px)}
}
@media(max-width:760px){
 html{scroll-padding-top:78px}
 body.portal-design .notice{font-size:8px;letter-spacing:.04em;padding:5px 10px}
 body.portal-design .site-header .brand>span{font-size:15px!important}
 body.portal-design .xp-section{padding-block:67px}
 body.portal-design .xp-section-title{font-size:clamp(30px,7.8vw,43px)}
 body.portal-design .xp-hero{height:min(665px,calc(100svh - 74px));min-height:575px}
 body.portal-design .xp-hero-inner{width:calc(100% - 38px)}
 body.portal-design .xp-hero-copy{width:100%;transform:none}
 body.portal-design .xp-hero h1{font-size:clamp(40px,10.2vw,63px);letter-spacing:-.07em;line-height:1.16;margin:20px 0 23px}
 body.portal-design .xp-hero-copy>p{font-size:14px!important;line-height:1.75;margin-bottom:27px}
 body.portal-design .xp-hero-glow{background:linear-gradient(90deg,rgba(4,35,28,.89),rgba(4,35,28,.60) 75%,rgba(4,35,28,.27)),linear-gradient(0deg,rgba(4,30,23,.68),transparent 60%)}
 body.portal-design .xp-hero-actions .xp-btn{padding-inline:16px;min-height:48px}
 body.portal-design .xp-hero-caption{bottom:19px;right:0}
 body.portal-design .xp-hero-scroll{bottom:30px}
 body.portal-design .xp-shortcuts{border-radius:15px}
 body.portal-design .xp-shortcut{min-height:87px}
 body.portal-design .xp-shortcut strong{font-size:12px}
 body.portal-design .xp-shortcut small{font-size:10px}
 body.portal-design .xp-intro-media{height:390px;border-radius:23px 77px 23px 23px}
 body.portal-design .xp-intro .xp-section-title{font-size:clamp(30px,7.7vw,42px)}
 body.portal-design .xp-zi-section h2{font-size:clamp(33px,7.4vw,43px)}
 body.portal-design #layanan-digital{padding-top:70px;padding-bottom:64px}
 body.portal-design .mn-service-panel{padding:28px 23px 25px}
 body.portal-design .mn-service-links a{min-height:72px}
 body.portal-design .xp-news{padding-top:48px}
 .mn3-faq-layout{grid-template-columns:1fr;gap:24px}
 .mn3-faq-intro{position:static}
 .mn3-faq-intro .xp-section-title{font-size:clamp(31px,8vw,42px)}
 .mn3-faq-intro>p{font-size:14px;margin:17px 0 21px}
 .mn3-faq-item summary{font-size:14px;gap:10px;min-height:76px;grid-template-columns:25px minmax(0,1fr) 19px;padding:12px 2px}
 .mn3-faq-answer{padding:0 29px 20px}
 .mn3-faq-answer p{font-size:13px}
 body.portal-design .xp-zi-float{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:15px;padding:7px;width:47px;height:47px;border-radius:50%;z-index:76;display:grid;place-items:center}
 body.portal-design .xp-zi-float>span:first-child{width:31px;height:31px}
 body.portal-design .xp-zi-float-text{display:none}
 body.portal-design .mobile-dock a{min-height:56px;font-size:11px}
 body.portal-design .mobile-dock{box-shadow:0 -6px 21px rgba(8,42,26,.11)}
 body.portal-design .portal-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:390px){
 body.portal-design .xp-hero h1{font-size:clamp(35px,10vw,41px)}
 body.portal-design .xp-hero-copy>p{font-size:13px!important}
 body.portal-design .xp-shortcut strong{font-size:11px}
 body.portal-design .mn-service-panel{padding:23px 19px 21px}
 body.portal-design .mn-service-links strong{font-size:13px}
 body.portal-design .mn-service-links small{font-size:12px}
 body.portal-design .xp-hero-caption{right:0;bottom:18px}
}
@media(prefers-reduced-motion:reduce){
 html:focus-within{scroll-behavior:auto}
 body.portal-design .mn3-faq-cta,body.portal-design .xp-achievement-card,body.portal-design .mn-service-panel,body.portal-design .mn3-faq-item summary>b{transition:none!important}
}

/* Mobile ZI access lives in the header, not on top of the dock or shortcut tray. */
@media(max-width:760px){
 body.portal-design .site-header .header-actions{gap:3px}
 body.portal-design .header-actions #open-zi-info.xp-zi-float{position:static!important;inset:auto!important;z-index:auto;display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;min-height:37px;min-width:37px;padding:0!important;margin:0!important;border:1px solid #d5e3d8;border-radius:50%;background:#ecf3ed;box-shadow:none!important;transform:none!important}
 body.portal-design .header-actions #open-zi-info.xp-zi-float>span:first-child{width:29px;height:29px;background:#d7bd82;color:#163f2c;font-size:11px}
 body.portal-design .header-actions #open-zi-info.xp-zi-float:focus-visible{outline-offset:2px}
}
@media(max-width:390px){body.portal-design .site-header .header-actions{gap:0}body.portal-design .site-header .search-button{width:39px;min-width:39px}}


/* ===== service-integration-v4.css ===== */

/* MAN 9 V4 — layanan terintegrasi dan Buku Tamu pada website publik */
#buku-tamu{scroll-margin-top:100px;background:#eff4ec;border-top:1px solid #dde8de;border-bottom:1px solid #dde8de}
.mn4-guestbook-layout{display:grid;grid-template-columns:1.14fr .86fr;gap:clamp(40px,6vw,110px);align-items:center}
.mn4-guestbook-info{min-width:0}
.mn4-guestbook-info .xp-section-title{margin:15px 0 22px;font-size:clamp(35px,3.8vw,54px)!important;line-height:1.2}
.mn4-guestbook-info>p{max-width:520px;font-size:15px;line-height:1.9;color:#51695d}
.mn4-guide{list-style:none;counter-reset:gb;margin:27px 0 32px;padding:0;display:grid;gap:14px}
.mn4-guide li{counter-increment:gb;display:flex;align-items:center;gap:16px;color:#345043;font-weight:650;font-size:14px;line-height:1.6}
.mn4-guide li:before{content:counter(gb,decimal-leading-zero);font:800 12px/1 'Plus Jakarta Sans',sans-serif;color:#206044;display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:#dfeade}
.mn4-guestbook-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.mn4-guestbook-actions .xp-btn{min-height:54px;border-radius:999px;background:#103d30;color:#fff;padding:15px 24px;text-decoration:none;font:800 13px/1.3 'Plus Jakarta Sans',sans-serif}
.mn4-guestbook-actions .xp-btn:hover{background:#287453}
.mn4-outline-link{font:800 13px/1.4 'Plus Jakarta Sans',sans-serif;color:#1d6347!important;text-decoration:none!important}
.mn4-guestbook-visual{display:flex;justify-content:center;position:relative;padding:20px;min-width:0}
.mn4-guestbook-visual:before{content:'';position:absolute;width:min(90%,440px);aspect-ratio:1;border:1px dashed #9cb69e;border-radius:50%;transform:rotate(24deg)}
.mn4-qr-card{z-index:1;background:white;border:1px solid #d5e4d7;border-radius:25px;box-shadow:0 28px 65px rgba(14,61,42,.11);padding:25px;max-width:360px;width:100%;text-align:center}
.mn4-qr-top{display:flex;align-items:center;justify-content:center;gap:7px;color:#174a34;font:800 10px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:.1em}
.mn4-qr-top small{border-left:1px solid #d7e7dd;padding-left:8px;color:#5c7867;font:750 9px/1.4 'DM Sans',sans-serif;letter-spacing:.045em}
.mn4-signal{font-size:22px;color:#287453;line-height:.6}
.mn4-qr-image{background:#fff;display:grid;place-items:center;min-height:235px;margin:17px auto 14px;padding:9px;border-radius:17px;border:1px solid #e4eee4}
.mn4-qr-image img{display:block;width:min(100%,248px);height:auto;aspect-ratio:1;object-fit:contain}
.mn4-qr-card>strong{display:block;color:#103d30;font:800 15px/1.45 'Plus Jakarta Sans',sans-serif}
.mn4-qr-card>p{font-size:12px;color:#688173;line-height:1.6;margin:8px 0 0}
.mn4-qr-status{display:flex;gap:9px;text-align:left;align-items:flex-start;background:#f6f8f2;border:1px solid #e6ebda;border-radius:12px;padding:12px 11px;margin-top:18px;color:#647265;font-size:10px;line-height:1.62}
.mn4-qr-status>span:first-child{display:grid;place-items:center;min-width:17px;height:17px;border-radius:50%;background:#dceadd;font:800 11px/1 'DM Sans',sans-serif;color:#265a3d}
.mn4-hub-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#eaf3e9;border-radius:21px;padding:34px;margin-bottom:24px}
.mn4-hub-intro h2{font:800 clamp(28px,3vw,39px)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;margin:10px 0;color:#1b3c2d}
.mn4-hub-intro p{line-height:1.85;color:#5a7262;max-width:650px;margin:0}
.mn4-hub-feature{flex:0 0 215px;display:grid;gap:5px;background:#103d30;color:white!important;text-decoration:none!important;border-radius:15px;padding:19px}
.mn4-hub-feature>span{color:#e9d3a4;font-size:26px}.mn4-hub-feature strong{font:800 15px/1.3 'Plus Jakarta Sans',sans-serif}.mn4-hub-feature small{font-size:11px;line-height:1.5;color:#dce9dc}
.mn4-hub-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mn4-hub-column{padding:32px 28px;background:#fff;border:1px solid #dbe6db;border-radius:22px;min-width:0}
.mn4-hub-kicker{display:flex;align-items:center;gap:10px;color:#2b7551;letter-spacing:.11em;font-size:10px;font-weight:800}
.mn4-hub-kicker>span{display:grid;place-items:center;color:#fff;background:#287453;border-radius:30px;width:29px;height:29px}
.mn4-hub-column>h2{font:800 27px/1.35 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;color:#1b3c2d;margin:20px 0 10px}
.mn4-hub-column>p{color:#65776a;font-size:13px;line-height:1.75;min-height:47px;margin:0 0 20px}
.mn4-hub-list{display:grid;gap:9px}
.mn4-hub-list a{display:grid;grid-template-columns:33px minmax(0,1fr) 15px;gap:10px;align-items:center;padding:15px 7px;color:#214735;text-decoration:none!important;border-top:1px solid #e7eee7;min-height:78px;transition:background .2s,padding .2s}
.mn4-hub-list a:hover{background:#f1f7f1;padding-inline:11px}.mn4-hub-list strong{display:block;font:800 13px/1.45 'Plus Jakarta Sans',sans-serif}.mn4-hub-list small{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:#718276}
.mn4-hub-icon{color:#287453;font-size:20px}.mn4-hub-list b{font-size:16px;color:#287453}
.mn4-hub-private{background:#103d30;border-color:#103d30}
.mn4-hub-private .mn4-hub-kicker{color:#e6c995}.mn4-hub-private .mn4-hub-kicker>span{background:#c7a567;color:#153d2e}
.mn4-hub-private>h2,.mn4-hub-private .mn4-hub-list a{color:#fff}
.mn4-hub-private>p,.mn4-hub-private .mn4-hub-list small{color:#d4e0d6}
.mn4-hub-private .mn4-hub-list a{border-color:#35634c}.mn4-hub-private .mn4-hub-list a:hover{background:#1e5640}
.mn4-hub-private .mn4-hub-list :is(b,.mn4-hub-icon){color:#e6c995}
.mn4-hub-bottom{display:flex;align-items:start;gap:20px;background:#f5f8f2;border:1px solid #e5eadf;border-radius:15px;padding:19px 22px;margin-top:20px}
.mn4-hub-bottom strong{min-width:150px;color:#174731;font-size:13px}.mn4-hub-bottom p{flex:1;color:#5c705f;font-size:12px;line-height:1.65;margin:0}.mn4-hub-bottom a{color:#1d694a;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
@media(max-width:850px){.mn4-guestbook-layout{grid-template-columns:1fr;gap:24px}.mn4-guestbook-info>p{max-width:660px}.mn4-hub-columns{grid-template-columns:1fr}.mn4-hub-intro{align-items:flex-start}}
@media(max-width:640px){.mn4-guestbook-layout{gap:17px}.mn4-guestbook-info .xp-section-title{font-size:clamp(32px,9vw,41px)!important}.mn4-guestbook-info>p{font-size:14px}.mn4-guestbook-actions{gap:15px}.mn4-guestbook-actions .xp-btn{width:100%;justify-content:center}.mn4-guestbook-visual{padding:10px 0}.mn4-guestbook-visual:before{width:85%}.mn4-qr-card{max-width:330px}.mn4-hub-intro{display:grid;padding:24px 20px}.mn4-hub-feature{width:100%;max-width:none}.mn4-hub-column{padding:26px 18px}.mn4-hub-column>h2{font-size:25px}.mn4-hub-bottom{display:block}.mn4-hub-bottom p{margin:10px 0}.mn4-hub-list a{min-height:80px}}
@media(prefers-reduced-motion:reduce){.mn4-hub-list a,.mn4-guestbook-actions .xp-btn{transition:none!important}}


/* ===== student-showcase-v4.css ===== */

/* Student Showcase — premium editorial cards. Does not impersonate photographs or claim unapproved published work. */
.mn5-showcase{background:#f8f7f1;padding:96px 0 82px;position:relative;overflow:hidden}
.mn5-showcase:before{content:"";position:absolute;top:0;right:-120px;width:470px;height:470px;background:radial-gradient(circle,rgba(199,165,103,.12),transparent 68%);pointer-events:none}
.mn5-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:29px}
.mn5-showcase-heading>div{max-width:800px}
.mn5-showcase-heading .xp-section-title{margin:16px 0 16px;font:800 clamp(35px,4.1vw,57px)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.055em;color:#103d30}
.mn5-showcase-heading .xp-section-title em{font-style:normal;color:#287453}
.mn5-showcase-heading p{margin:0;max-width:660px;color:#627268;font-size:15px;line-height:1.9}
.mn5-text-link{color:#164a34!important;font:800 12px 'Plus Jakarta Sans',sans-serif;white-space:nowrap;text-decoration:none!important;padding-bottom:8px;border-bottom:1px solid #c7a567;transition:letter-spacing .25s}
.mn5-text-link:hover{letter-spacing:.035em}
.mn5-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 27px}
.mn5-filter button{appearance:none;border:1px solid #dee5d9;background:#fff;padding:12px 19px;border-radius:50px;color:#536a5b;font:800 12px 'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:background .2s,color .2s,border .2s,transform .2s}
.mn5-filter button:hover{transform:translateY(-2px);border-color:#a8bea8}.mn5-filter button.active{background:#103d30;color:#fff;border-color:#103d30}
.mn5-filter button:focus-visible{outline:3px solid #c7a567;outline-offset:3px}
.mn5-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mn5-work-card{min-width:0;background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e3e8de;text-decoration:none!important;color:#1d3829!important;box-shadow:0 12px 34px rgba(20,53,37,.04);display:block;transition:box-shadow .25s,transform .25s}
.mn5-work-card:hover{transform:translateY(-5px);box-shadow:0 19px 42px rgba(16,61,48,.14)}.mn5-work-card:focus-visible{outline:3px solid #bc9e68;outline-offset:4px}
.mn5-work-cover{height:255px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:19px 22px;overflow:hidden;color:#fff;isolation:isolate}
.mn5-work-cover:before{content:"";position:absolute;z-index:-1;width:68%;aspect-ratio:1;right:-17%;top:18%;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.035),0 0 0 79px rgba(255,255,255,.045)}
.mn5-work-cover:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 72% 18%,rgba(255,255,255,.1),transparent 58%)}
.mn5-tone-forest{background:linear-gradient(130deg,#103d30,#2f7556)}.mn5-tone-gold{background:linear-gradient(130deg,#8d6b3b,#c7a567)}.mn5-tone-sage{background:linear-gradient(135deg,#4c6755,#a4b19c)}.mn5-tone-terracotta{background:linear-gradient(120deg,#87594e,#c89c82)}.mn5-tone-olive{background:linear-gradient(120deg,#435949,#7a966c)}.mn5-tone-ink{background:linear-gradient(135deg,#203b3f,#5b797e)}
.mn5-cover-top{display:flex;justify-content:space-between;align-items:center;font:800 10px 'Plus Jakarta Sans',sans-serif;letter-spacing:.1em;opacity:.89}
.mn5-cover-top span:last-child{font-size:19px}.mn5-cover-art{margin:auto 0;display:grid;justify-items:start;align-content:center;gap:6px;min-height:105px}
.mn5-mark{font:800 clamp(49px,6.5vw,94px)/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.08em;max-width:100%;overflow-wrap:anywhere;text-shadow:0 12px 25px rgba(0,0,0,.12)}
.mn5-cover-caption{display:inline-block;border-top:2px solid rgba(255,255,255,.8);padding-top:8px;font-size:11px;font-weight:800;letter-spacing:.16em}
.mn5-cover-bottom{font-size:9px;letter-spacing:.15em;opacity:.7;font-weight:800}
.mn5-work-copy{padding:20px 23px 24px}.mn5-work-label{display:block;font:800 10px 'Plus Jakarta Sans',sans-serif;color:#327453;letter-spacing:.12em;margin-bottom:8px}
.mn5-work-copy h3{margin:0 0 10px;font:800 clamp(17px,1.65vw,21px)/1.35 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;color:#183e32}
.mn5-work-copy p{font-size:12px;line-height:1.75;color:#68796c;margin:0 0 14px;min-height:43px}.mn5-work-more{display:inline-flex;align-items:center;gap:7px;color:#216747;font-weight:800;font-size:11px}
.mn5-showcase-footer{display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid #dfe7dd;margin:30px 0 0;padding:25px 0}
.mn5-showcase-footer>div{display:flex;align-items:center;gap:15px}.mn5-showcase-footer strong{display:block;color:#164935;font:800 14px 'Plus Jakarta Sans',sans-serif}.mn5-showcase-footer small{display:block;color:#697a6d;font-size:12px;line-height:1.65;margin-top:4px}.mn5-showcase-spark{font-size:28px;color:#b19460}
.mn5-showcase-footer>a{font:800 12px 'Plus Jakarta Sans',sans-serif;color:#196042;text-decoration:none;border-bottom:1px solid #c7a567;padding-bottom:8px;white-space:nowrap}
.mn5-social-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#e7f0e6;border-radius:18px;padding:23px 27px}
.mn5-social-strip>div{display:flex;align-items:center;gap:18px;min-width:0}.mn5-social-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:#103d30;color:#e6ca90;font-size:27px}
.mn5-social-strip strong{font:800 14px 'Plus Jakarta Sans',sans-serif;color:#1e5138}.mn5-social-strip p{font-size:12px;line-height:1.65;color:#5e7864;margin:5px 0 0;max-width:580px}
.mn5-social-strip>a{white-space:nowrap;font:800 12px 'Plus Jakarta Sans',sans-serif;color:#15543a;text-decoration:none!important;border-bottom:1px solid #c7a567;padding-bottom:8px}
.mn5-detail-intro{background:#eaf2e7;border-radius:22px;padding:32px 36px;margin-bottom:25px}.mn5-detail-intro h2{color:#174732;font:800 clamp(29px,4vw,44px)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.045em;margin:13px 0}.mn5-detail-intro p{color:#597062;line-height:1.8;max-width:800px}
.mn5-detail-filter{margin:22px 0}.mn5-detail-grid{margin-bottom:46px}
.mn5-publish-guide{padding:36px 36px 27px;border-radius:22px;background:#103d30;color:#fff;margin-bottom:22px}.mn5-publish-title h2{color:#fff;font:800 clamp(28px,3vw,40px)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;margin:12px 0}.mn5-publish-title p{max-width:710px;color:#d4e1d6;line-height:1.7;font-size:14px}
.mn5-publish-guide ol{counter-reset:karya;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;list-style:none;margin:26px 0 0;padding:0}
.mn5-publish-guide li{counter-increment:karya;position:relative;padding:20px 18px 20px 65px;border:1px solid #386a50;border-radius:15px}
.mn5-publish-guide li:before{content:counter(karya,decimal-leading-zero);position:absolute;top:21px;left:19px;font-size:18px;font-weight:800;color:#d4b57d}.mn5-publish-guide li b{display:block;font:800 14px 'Plus Jakarta Sans',sans-serif}.mn5-publish-guide li span{display:block;margin-top:6px;font-size:12px;line-height:1.7;color:#d1dfd5}
.mn5-publish-social{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #e1e9df;border-radius:20px;padding:30px}.mn5-publish-social h2{color:#103d30;font:800 26px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;margin:10px 0}.mn5-publish-social p{color:#67796a;font-size:13px;line-height:1.75;max-width:740px}.mn5-publish-social a{white-space:nowrap}
.mn5-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mn5-reel-card{min-height:150px;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;background:#103d30;color:#fff!important;text-decoration:none!important}.mn5-reel-card>span{font-size:27px;color:#c7a567}
@media(max-width:940px){.mn5-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mn5-showcase-heading{align-items:start;flex-direction:column}.mn5-work-cover{height:230px}.mn5-publish-social{align-items:start;flex-direction:column}}
@media(max-width:640px){.mn5-showcase{padding:66px 0 56px}.mn5-showcase-heading .xp-section-title{font-size:clamp(32px,8.9vw,41px)}.mn5-showcase-heading p{font-size:13px}.mn5-filter{gap:6px}.mn5-filter button{font-size:10px;padding:10px 13px}.mn5-showcase-grid{grid-template-columns:1fr;gap:15px}.mn5-work-cover{height:213px}.mn5-mark{font-size:73px}.mn5-showcase-footer{align-items:start;flex-direction:column}.mn5-social-strip{flex-direction:column;align-items:start;padding:19px}.mn5-social-strip>div{align-items:flex-start}.mn5-social-strip>a{margin-left:62px}.mn5-detail-intro{padding:24px 21px}.mn5-publish-guide{padding:25px 19px}.mn5-publish-guide ol{grid-template-columns:1fr;gap:12px}.mn5-publish-social{padding:23px}.mn5-reels{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mn5-work-card,.mn5-filter button,.mn5-text-link{transition:none!important}.mn5-work-card:hover,.mn5-filter button:hover{transform:none}}

/* Gallery of editorial story-cards; not live Instagram Stories. */
.mn5-storyline{margin-top:42px}.mn5-storyline-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:19px}.mn5-storyline-head h3{font:800 clamp(24px,2.6vw,33px)/1.22 'Plus Jakarta Sans',sans-serif;letter-spacing:-.045em;color:#153e2f;margin:11px 0 0}.mn5-storyline-sub{font-size:11px;color:#677d6b;white-space:nowrap}
.mn5-stories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.mn5-story{aspect-ratio:9/11.5;position:relative;padding:20px;isolation:isolate;overflow:hidden;border-radius:19px;color:#fff!important;text-decoration:none!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;gap:8px;transition:transform .28s,box-shadow .28s}
.mn5-story:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(15,52,36,.2)}.mn5-story:focus-visible{outline:3px solid #c7a567;outline-offset:3px}
.mn5-story:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.75;background:radial-gradient(circle at 70% 21%,rgba(255,255,255,.27),transparent 29%),linear-gradient(12deg,rgba(0,0,0,.29),transparent 60%)}
.mn5-story:after{content:"";position:absolute;inset:auto -22% 22% auto;z-index:-1;width:82%;aspect-ratio:1;border:1px solid rgba(255,255,255,.27);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.06),0 0 0 78px rgba(255,255,255,.035)}
.mn5-story-a{background:#567e69}.mn5-story-b{background:#8f7860}.mn5-story-c{background:#405b62}.mn5-story-d{background:#81695c}
.mn5-story-meta{position:absolute;left:20px;top:20px;font:800 9px 'Plus Jakarta Sans',sans-serif;letter-spacing:.13em;opacity:.87}.mn5-story-shape{font:800 clamp(56px,7vw,95px)/1 'Plus Jakarta Sans',sans-serif;position:absolute;top:26%;left:50%;transform:translateX(-50%);text-shadow:0 12px 26px rgba(0,0,0,.11)}
.mn5-story-label{font:800 clamp(18px,2vw,24px)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em}.mn5-story small{font-size:11px;color:rgba(255,255,255,.85)}
.mn5-inquiry-box{margin:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #e1e7dc;background:#f3f7f0;border-radius:16px;padding:25px}.mn5-inquiry-box strong{font:800 15px 'Plus Jakarta Sans',sans-serif;color:#18432e}.mn5-inquiry-box p{font-size:12px;color:#5b7562;line-height:1.7;max-width:700px;margin:8px 0 0}.mn5-inquiry-box a{white-space:nowrap}
@media(max-width:940px){.mn5-stories{grid-template-columns:repeat(2,minmax(0,1fr))}.mn5-story{aspect-ratio:9/11}.mn5-inquiry-box{align-items:start;flex-direction:column}}
@media(max-width:640px){.mn5-storyline-head{align-items:start;flex-direction:column}.mn5-storyline-sub{white-space:normal}.mn5-stories{gap:11px}.mn5-story{padding:13px;border-radius:13px;aspect-ratio:9/13}.mn5-story-meta{left:13px;top:14px;font-size:8px}.mn5-story-shape{font-size:64px}.mn5-story-label{font-size:18px}.mn5-story small{font-size:9px}.mn5-inquiry-box{padding:19px}}
@media(prefers-reduced-motion:reduce){.mn5-story{transition:none}.mn5-story:hover{transform:none}}


/* ===== instagram-slider-v5.css ===== */
/* V5 | Editorial carousels and official Instagram account, without third-party script. */
#mn5-showcase-grid.mn5-showcase-grid{
 display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;
 gap:22px;padding:8px 3px 22px;scrollbar-width:thin;scrollbar-color:#bdcdbd transparent;
}
#mn5-showcase-grid .mn5-work-card{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;min-width:0}
.mn5-detail-grid.mn5-showcase-grid{display:grid!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important}
.mn5-detail-grid .mn5-work-card{flex:auto}
.mn5-stories.mn5-stories{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;gap:15px;padding:6px 2px 15px;scrollbar-width:thin;scrollbar-color:#bdcdbd transparent}
.mn5-stories .mn5-story{flex:0 0 calc((100% - 45px)/4);min-width:0;scroll-snap-align:start}
.mn5-slider-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px;min-height:42px}
.mn5-slider-controls[hidden]{display:none!important}
.mn5-slider-copy{display:flex;align-items:center;gap:10px}
.mn5-slider-kicker{font:800 10px 'Plus Jakarta Sans',sans-serif;letter-spacing:.1em;color:#39664f}
.mn5-slider-position{font:700 12px 'DM Sans',sans-serif;letter-spacing:.12em;color:#567963}
.mn5-slider-buttons{display:flex;align-items:center;gap:8px}
.mn5-slider-buttons button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #c9d7cd;color:#174534;cursor:pointer;font:700 15px 'Plus Jakarta Sans',sans-serif;transition:background .2s,transform .2s,border-color .2s}
.mn5-slider-buttons button:hover{background:#e7f0e6;transform:translateY(-1px);border-color:#759880}
.mn5-slider-buttons button:focus-visible{outline:3px solid #c7a567;outline-offset:2px}
.mn5-slider-buttons button[data-slider-action="toggle"]{font-size:11px;background:#103d30;color:#fff;border-color:#103d30}
.mn5-social-strip strong strong{color:#174d34}
/* Controls added for the existing story rail; don't disturb its card sizes. */
.xp-stories .mn5-slider-controls{margin:0 0 5px}
#story-rail{overscroll-behavior-inline:contain}
@media(max-width:940px){#mn5-showcase-grid .mn5-work-card{flex-basis:calc((100% - 22px)/2)}.mn5-stories .mn5-story{flex-basis:calc((100% - 30px)/3)}}
@media(max-width:640px){#mn5-showcase-grid.mn5-showcase-grid{gap:13px;padding-bottom:16px}#mn5-showcase-grid .mn5-work-card{flex-basis:88%}.mn5-stories.mn5-stories{gap:10px}.mn5-stories .mn5-story{flex-basis:calc((100% - 10px)/2)}.mn5-slider-controls{margin-bottom:9px}.mn5-slider-kicker{font-size:9px}.mn5-slider-buttons button{width:36px;height:36px}.mn5-social-strip>a{white-space:normal!important;max-width:fit-content}}
@media(prefers-reduced-motion:reduce){#mn5-showcase-grid,.mn5-stories,#story-rail{scroll-behavior:auto!important}.mn5-slider-buttons button{transition:none!important}.mn5-slider-buttons button:hover{transform:none}}


/* ===== public-services-v51.css ===== */
/* V5.1 | Direktori layanan publik. Warna institusional, responsif, tidak menyimpan form. */
#formulir-publik{scroll-margin-top:106px;background:#f8f7f1;padding-block:clamp(58px,7vw,104px)}
.mn6-public-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}
.mn6-public-heading .xp-section-title{font-size:clamp(32px,3.7vw,52px);line-height:1.18;margin:12px 0}
.mn6-public-heading p{font-size:14px;line-height:1.85;max-width:680px;color:#526f60;margin:0}
.mn6-all-services{color:#1e6148;font:800 12px/1.5 'Plus Jakarta Sans',sans-serif;white-space:nowrap;text-decoration:none!important;padding:10px 0}
.mn6-public-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mn6-public-card{display:flex;flex-direction:column;gap:0;min-width:0;min-height:285px;text-decoration:none!important;color:#1b3e2e!important;background:#fff;border:1px solid #dce8dd;border-radius:20px;padding:25px 22px;box-shadow:0 8px 27px rgba(16,61,48,.035);transition:transform .22s,box-shadow .22s,border-color .22s}
.mn6-public-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(16,61,48,.10);border-color:#a6c1ae}
.mn6-public-type{font:800 9px/1.5 'Plus Jakarta Sans',sans-serif;letter-spacing:.095em;color:#3e7859}
.mn6-public-symbol{font:700 34px/1 'Plus Jakarta Sans',sans-serif;color:#2e7a53;margin:25px 0 13px}
.mn6-public-card>strong{font:800 16px/1.42 'Plus Jakarta Sans',sans-serif;letter-spacing:-.025em}
.mn6-public-card>small{color:#62796b;font:500 12px/1.75 'DM Sans',sans-serif;margin:9px 0 18px}
.mn6-public-cta{font:800 12px/1.45 'Plus Jakarta Sans',sans-serif;color:#216947;margin-top:auto}
.mn6-public-feature{background:#103d30;color:white!important;border-color:#103d30}
.mn6-public-feature :is(.mn6-public-type,.mn6-public-symbol,.mn6-public-cta){color:#e4c98e}
.mn6-public-feature>small{color:#d2e4d8}
.mn6-public-card:focus-visible{outline:3px solid #c7a567;outline-offset:3px}
.mn6-public-note{display:flex;align-items:start;gap:10px;color:#54705e;font-size:12px;line-height:1.75;margin-top:21px}
.mn6-public-note span{font-size:17px;color:#287453}.mn6-public-note p{margin:0}
.mn6-hub-note{display:flex;align-items:start;gap:16px;background:#eaf2e9;border:1px solid #d9e7db;border-radius:15px;padding:20px 22px;margin-top:20px}
.mn6-hub-note strong{min-width:128px;color:#154a35;font-size:13px}.mn6-hub-note p{flex:1;margin:0;color:#526b5d;font-size:12px;line-height:1.8}.mn6-hub-note a{font-weight:800;font-size:12px;line-height:1.6;color:#1d6548;white-space:nowrap;text-decoration:none}
@media(max-width:1050px){.mn6-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mn6-public-card{min-height:246px}}
@media(max-width:660px){.mn6-public-heading{align-items:start;flex-direction:column;gap:9px}.mn6-public-grid{grid-template-columns:1fr 1fr;gap:10px}.mn6-public-card{padding:20px 15px;border-radius:16px;min-height:252px}.mn6-public-symbol{font-size:29px;margin:15px 0 10px}.mn6-public-card>strong{font-size:14px}.mn6-public-card>small{font-size:11px;line-height:1.6}.mn6-public-type{font-size:8px}.mn6-hub-note{display:block}.mn6-hub-note p{margin:9px 0}.mn6-hub-note a{white-space:normal}.mn6-all-services{white-space:normal}}
@media(max-width:370px){.mn6-public-grid{grid-template-columns:1fr}.mn6-public-card{min-height:185px}.mn6-public-symbol{margin:12px 0}.mn6-public-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mn6-public-card{transition:none!important}.mn6-public-card:hover{transform:none}}


/* ===== zi-services-v52.css ===== */
/* MAN 9 V5.2 - Kanal pengaduan & survei Zona Integritas */
.mn6-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mn6-public-card{min-height:250px}
.mn7-zi-actions{background:#fff;padding-block:clamp(52px,6vw,86px);scroll-margin-top:100px}
.mn7-zi-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(26px,6vw,100px);align-items:center}
.mn7-zi-intro h2{font:800 clamp(30px,3.5vw,52px)/1.19 'Plus Jakarta Sans',sans-serif;letter-spacing:-.045em;color:#123b2b;margin:16px 0}
.mn7-zi-intro h2 em{color:#277451;font-style:normal}
.mn7-zi-intro p{font:500 15px/1.84 'DM Sans',sans-serif;max-width:610px;color:#63786b}
.mn7-zi-links{display:grid;gap:12px}
.mn7-zi-card{border:1px solid #d9e7de;display:grid;grid-template-columns:56px 1fr 20px;align-items:center;gap:13px;color:#123d2c!important;text-decoration:none!important;background:#f8f7f1;border-radius:18px;padding:19px 18px;transition:transform .22s,background .22s}
.mn7-zi-card:hover{background:#eff5ec;transform:translateX(3px)}
.mn7-zi-card-icon{font:800 25px/1 'Plus Jakarta Sans',sans-serif;color:#277451;display:grid;place-items:center;height:50px;width:50px;background:#e0ecdd;border-radius:14px}
.mn7-zi-card>span:nth-child(2){display:grid;gap:4px}
.mn7-zi-card small{font:800 9px/1.4 'Plus Jakarta Sans',sans-serif;color:#277451;letter-spacing:.12em}
.mn7-zi-card strong{font:800 16px/1.45 'Plus Jakarta Sans',sans-serif}
.mn7-zi-card>span:nth-child(2)>span{font:500 12px/1.65 'DM Sans',sans-serif;color:#667d6c}
.mn7-zi-card>b{font-size:17px;color:#277451}
.mn7-zi-popup-links{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.mn7-zi-popup-links a{font:800 11px/1.5 'Plus Jakarta Sans',sans-serif;color:#195238!important;text-decoration:underline;text-underline-offset:3px}
.mn7-direct-service{padding:clamp(24px,4vw,44px);border-radius:20px;background:#f3f7ee;max-width:960px;border:1px solid #dbe8dc}
.mn7-direct-service h2{font:800 clamp(24px,3vw,38px)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;color:#133e2f;margin:14px 0}
.mn7-direct-service p{font-size:15px;line-height:1.8;color:#506d5a;max-width:720px}
.mn7-main-action{display:inline-flex;padding:15px 24px;gap:18px;background:#103d30;color:#fff!important;border-radius:8px;font-weight:800;text-decoration:none!important;margin:17px 0 6px}
.mn7-safe-note{font-size:12px!important}
.mn7-main-action:focus-visible,.mn7-zi-card:focus-visible{outline:3px solid #c7a567;outline-offset:3px}
@media(max-width:1050px){.mn6-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mn7-zi-wrap{grid-template-columns:1fr;gap:20px}}
@media(max-width:660px){.mn7-zi-card{grid-template-columns:44px minmax(0,1fr) 16px;padding:14px;gap:10px}.mn7-zi-card-icon{width:42px;height:42px}.mn7-zi-intro p{font-size:14px}.mn6-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.mn6-public-grid{grid-template-columns:1fr}.mn7-zi-card strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mn7-zi-card{transition:none}.mn7-zi-card:hover{transform:none}}


/* ===== instagram-embed-v53.css ===== */
/* V5.3 | native Meta embeds inside editorial frame */
.mn8-instagram-section{background:#f5f7f1;padding:clamp(58px,7vw,100px) 0;scroll-margin-top:90px}
.mn8-instagram-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:27px}
.mn8-instagram-heading p{color:#62746b;max-width:650px;line-height:1.75;font-size:14px;margin:14px 0 0}
.mn8-instagram-link{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:#103d30;color:white!important;text-decoration:none!important;padding:13px 19px;border-radius:9px;white-space:nowrap;font:800 12px 'Plus Jakarta Sans',sans-serif;min-height:46px}
.mn8-embed-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.75fr);gap:22px;align-items:stretch}
.mn8-embed-panel{background:white;border:1px solid #e1e8df;border-radius:21px;min-width:0;overflow:hidden;box-shadow:0 17px 44px rgba(14,48,32,.045)}
.mn8-embed-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid #e5ece6;padding:15px 21px;font:800 12px 'Plus Jakarta Sans',sans-serif;color:#163e2d}
.mn8-instagram-dot{width:10px;height:10px;flex:0 0 10px;background:#2b805c;border-radius:50%;box-shadow:0 0 0 4px #dcefe4}
.mn8-embed-tag{font-size:11px;color:#73857a;font-weight:600;margin-left:auto}
.mn8-instagram-content{min-height:385px;display:grid;place-items:center;padding:17px;min-width:0}
.mn8-instagram-placeholder{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;max-width:450px;padding:25px;color:#41624f}
.mn8-instagram-glyph{width:75px;height:75px;border-radius:22px;display:grid;place-items:center;background:#e9f2e9;color:#175e46;font-size:42px;line-height:1}
.mn8-instagram-placeholder p{font-size:14px;line-height:1.65;margin:0;color:#5d7162}
.mn8-instagram-placeholder>span:not(.mn8-instagram-glyph){font-size:13px;line-height:1.7;color:#6c8071}
.mn8-instagram-placeholder a{margin-top:7px;color:#16684c!important;font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.mn8-live-embeds{display:flex;gap:18px;max-width:100%;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;align-items:start;justify-content:flex-start}
.mn8-live-card{flex:0 0 min(100%,480px);width:min(100%,480px);scroll-snap-align:start;min-width:0;display:grid;place-items:center;min-height:320px}
.mn8-live-card iframe{max-width:100%!important}
.mn8-embed-notice{font:500 11px/1.65 'DM Sans',sans-serif;color:#738578;margin:0;padding:12px 19px 17px}
.mn8-instagram-aside{border-radius:21px;background:#103d30;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(26px,4vw,47px);position:relative;overflow:hidden;isolation:isolate}
.mn8-instagram-aside:before{content:'';position:absolute;z-index:-1;width:290px;height:290px;border:1px solid #ffffff16;border-radius:50%;right:-130px;top:-120px;box-shadow:0 0 0 54px #ffffff08,0 0 0 108px #ffffff05}
.mn8-aside-number{font:800 clamp(76px,8vw,135px)/1 'Plus Jakarta Sans',sans-serif;color:#c7a567;letter-spacing:-.09em;margin-bottom:25px}
.mn8-aside-number span{font-size:38px;vertical-align:top;margin-left:11px}
.mn8-aside-kicker{color:#ddc48c;font:800 10px/1.6 'Plus Jakarta Sans',sans-serif;letter-spacing:.14em}
.mn8-instagram-aside h3{font:800 clamp(22px,2.4vw,31px)/1.32 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;margin:14px 0;color:#fff}
.mn8-instagram-aside p{font:500 13px/1.85 'DM Sans',sans-serif;color:#d5e5d7;margin:0 0 19px}
.mn8-instagram-aside a{color:#e9cd93!important;text-decoration:none!important;font:800 12px 'Plus Jakarta Sans',sans-serif;border-bottom:1px solid #ddb97d;padding-bottom:5px}
.mn8-instagram-aside small{font:500 10px/1.7 'DM Sans',sans-serif;color:#c6d7c9;margin-top:30px}
@media(max-width:900px){.mn8-embed-layout{grid-template-columns:1fr}.mn8-instagram-aside{min-height:280px}.mn8-aside-number{margin-bottom:9px}.mn8-instagram-heading{align-items:start}}
@media(max-width:640px){.mn8-instagram-heading{flex-direction:column;align-items:stretch;gap:18px}.mn8-instagram-link{width:max-content}.mn8-instagram-content{min-height:340px;padding:10px}.mn8-embed-head{padding:12px 15px}.mn8-instagram-aside{padding:25px;border-radius:16px;min-height:0}.mn8-live-card{flex-basis:100%;width:100%}}
@media(prefers-reduced-motion:reduce){.mn8-live-embeds{scroll-behavior:auto!important}}

.mn8-instagram-heading{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important}
.mn8-live-embeds{position:relative;min-height:385px}
.mn8-loading-state{position:absolute;inset:0;display:grid;place-items:center;min-height:280px;padding:35px;background:#fff;color:#5b7664;text-align:center;font:700 13px/1.6 'Plus Jakarta Sans',sans-serif;pointer-events:none}

/* V5.4: actual Reel collection from authorized school account. */
.mn8-instagram-section .mn8-embed-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr)}
.mn8-instagram-content{display:block;min-height:345px;padding:18px 0 20px}
.mn8-embed-head{gap:10px}
.mn9-reels-controls{display:flex;gap:7px;margin-left:auto}
.mn9-reels-controls button{background:#f2f6f0;border:1px solid #dce9de;color:#103d30;min-width:33px;min-height:33px;border-radius:8px;cursor:pointer;font-size:18px}
.mn9-reels-controls button:hover,.mn9-reels-controls button:focus-visible{background:#deebe0;outline:2px solid #c7a567;outline-offset:1px}
.mn9-reels-controls button[hidden],.mn9-reels-more[hidden]{display:none!important}
.mn9-reels-wrapper{min-width:0;width:100%;overflow:hidden;padding:0 18px}
.mn9-reels-rail{display:flex;gap:18px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a4b9ab transparent;padding:2px 2px 14px;-webkit-overflow-scrolling:touch}
.mn9-reel-card{flex:0 0 min(245px,73vw);scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;border:1px solid #e5eae3;border-radius:16px;overflow:hidden;background:#fbfcfa;box-shadow:0 8px 20px rgba(13,57,32,.05)}
.mn9-reel-play{border:0;padding:0;display:block;position:relative;width:100%;aspect-ratio:9/13;background:linear-gradient(150deg,#22513e,#112f27);overflow:hidden;cursor:pointer;color:#fff}
.mn9-reel-play img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .4s ease}
.mn9-reel-play:hover img,.mn9-reel-play:focus-visible img{transform:scale(1.04)}
.mn9-reel-play:focus-visible{outline:3px solid #c7a567;outline-offset:-3px}
.mn9-reel-cover-placeholder{font:900 35px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;color:#fff;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}
.mn9-reel-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#ffffffed;color:#16422f;display:grid;place-items:center;box-shadow:0 5px 24px #0004;font-size:23px;padding-left:3px}
.mn9-reel-meta{padding:16px 14px 17px;display:flex;flex-direction:column;gap:8px;min-height:132px}
.mn9-reel-label{font:800 10px 'Plus Jakarta Sans',sans-serif;letter-spacing:.08em;color:#267b58}
.mn9-reel-caption{font:750 13px/1.5 'Plus Jakarta Sans',sans-serif;color:#24332b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}
.mn9-reel-meta a{font:700 11px 'DM Sans',sans-serif;text-decoration:none;color:#196447;align-self:flex-start}
.mn9-reel-meta a:hover{text-decoration:underline}
.mn9-reels-more{font:800 12px 'Plus Jakarta Sans',sans-serif;display:block;min-height:38px;background:#eff5f0;border:1px solid #d4e5d8;color:#15523b;border-radius:9px;padding:10px 16px;margin:0 18px 12px auto;cursor:pointer}
.mn9-reels-placeholder{min-height:310px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;text-align:center;color:#103d30}
.mn9-reels-placeholder-mark{font-size:58px;width:86px;height:86px;background:#eaf3eb;border-radius:25px;display:grid;place-items:center}
.mn9-reels-placeholder strong{font:800 22px 'Plus Jakarta Sans',sans-serif}
.mn9-reels-placeholder p{font:500 14px/1.65 'DM Sans',sans-serif;max-width:440px;margin:0;color:#5b7463}
.mn9-reels-placeholder a{font:800 12px 'Plus Jakarta Sans',sans-serif;color:#155b43;text-decoration:underline;text-underline-offset:4px}
.mn9-reel-dialog{border:0;border-radius:19px;padding:0;background:#fff;max-width:min(95vw,610px);max-height:90dvh;width:100%;box-shadow:0 24px 90px #0006;overflow-y:auto;color:#103d30}
.mn9-reel-dialog::backdrop{background:rgba(10,31,25,.77);backdrop-filter:blur(5px)}
.mn9-reel-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#103d30;color:#fff;padding:15px 20px;font:800 13px 'Plus Jakarta Sans',sans-serif}
.mn9-reel-dialog-close{border:1px solid #ffffff55;background:#ffffff18;color:#fff;border-radius:50%;height:36px;width:36px;font-size:21px;cursor:pointer}
.mn9-reel-dialog-content{min-height:270px;display:grid;place-items:center;padding:13px 10px;color:#3d5b46}
.mn9-reel-dialog-footer{display:flex;justify-content:center;padding:12px 12px 18px;border-top:1px solid #e8eee7}
.mn9-reel-dialog-footer a{background:#103d30;color:#fff!important;border-radius:9px;text-decoration:none;font:800 12px 'Plus Jakarta Sans',sans-serif;padding:13px 20px}
.mn9-embed-loading{font:500 13px/1.6 'DM Sans',sans-serif;text-align:center}
@media(max-width:900px){.mn8-instagram-section .mn8-embed-layout{grid-template-columns:1fr}.mn8-instagram-aside{min-height:240px}.mn9-reel-card{flex-basis:230px}}
@media(max-width:640px){.mn9-reel-card{flex-basis:min(235px,70vw)}.mn9-reels-wrapper{padding:0 12px}.mn9-reels-rail{gap:12px}.mn8-embed-head{padding:13px}.mn8-embed-tag{display:none}.mn9-reels-controls{margin-left:auto}.mn9-reel-dialog{width:95vw}}
@media(prefers-reduced-motion:reduce){.mn9-reel-play img{transition:none!important}}


/* ===== floating-actions-v53.css ===== */
/* V5.3 floating shortcuts. ZI info remains in its original header/popup position. */
.mn8-floating{position:fixed;right:23px;bottom:24px;z-index:105;display:flex;flex-direction:column;align-items:flex-end;gap:9px;font-family:'Plus Jakarta Sans',sans-serif;pointer-events:none}
.mn8-floating>*{pointer-events:auto}
.mn8-floating-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;transform-origin:right bottom;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.mn8-floating-link{min-width:214px;min-height:57px;display:flex;align-items:center;gap:12px;padding:12px 15px;background:#17775b;color:#fff!important;border:1px solid #ffffff55;border-radius:999px;text-decoration:none!important;box-shadow:0 10px 29px #103d3033;font:800 13px/1.3 'Plus Jakarta Sans',sans-serif;transition:transform .18s,filter .18s}
.mn8-floating-link:hover{transform:translateX(-4px);filter:brightness(1.07)}
.mn8-floating-link svg{flex:none}.mn8-link-arrow{margin-left:auto;opacity:.8;font-size:16px}
.mn8-floating-complaint{background:linear-gradient(110deg,#992d35,#df7552)}
.mn8-floating-survey{background:linear-gradient(110deg,#087457,#0eaa83)}
.mn8-floating-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border-radius:999px;border:1px solid #d9e5d8;background:#fff;color:#23543c;padding:6px 12px;box-shadow:0 8px 22px #1f4f3728;cursor:pointer;font:800 11px 'Plus Jakarta Sans',sans-serif}
.mn8-toggle-icon{font-size:21px;line-height:1}.mn8-floating-toggle[aria-expanded='false'] .mn8-toggle-icon{transform:rotate(45deg)}
.mn8-floating[data-open='false'] .mn8-floating-actions{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}
.mn8-floating[data-open='false'] .mn8-floating-actions>*{pointer-events:none}
.mn8-floating :is(a,button):focus-visible{outline:3px solid #c7a567;outline-offset:3px}
@media(max-width:700px){.mn8-floating{bottom:calc(83px + env(safe-area-inset-bottom,0px));right:11px;gap:6px}.mn8-floating-link{min-height:52px;min-width:191px;padding:10px 14px;font-size:12px;gap:9px}.mn8-floating-toggle{min-height:45px;padding:9px 13px;border-color:#d1e7d7;font-size:12px;background:#103d30;color:#fff}.mn8-floating:not([data-open='true']) .mn8-floating-toggle{background:#103d30;color:#fff}}
@media(max-width:350px){.mn8-floating{right:7px}.mn8-floating-link{min-width:176px}}
@media(prefers-reduced-motion:reduce){.mn8-floating-actions,.mn8-floating-link{transition:none!important}}

/* Keep the old informative ZI trigger in the header so it cannot overlap the action drawer. */
body.portal-design .header-actions #open-zi-info.xp-zi-float{position:static!important;inset:auto!important;z-index:auto;display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;min-width:39px;min-height:39px;padding:0!important;margin:0 5px!important;border:1px solid #d7e2d6;border-radius:50%;background:#f0f4ed;box-shadow:none!important;transform:none!important}
body.portal-design .header-actions #open-zi-info.xp-zi-float>span:first-child{width:30px;height:30px;background:#d7bd82;color:#173f2e;font-size:11px}
body.portal-design .header-actions #open-zi-info.xp-zi-float .xp-zi-float-text{display:none!important}
@media(max-width:760px){body.portal-design .header-actions #open-zi-info.xp-zi-float{margin:0!important;flex-basis:37px;width:37px;height:37px;min-width:37px;min-height:37px}}


/* ===== refinement-v55.css ===== */
/* MAN 9 V5.5 - post-audit refinements */
.mn-overview-features{display:flex;flex-direction:column;gap:10px;margin:21px 0 22px}
.mn-overview-features span{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(28,84,57,.14);border-radius:11px;background:rgba(255,255,255,.67);color:#1c4b37;font:700 13px/1.45 'DM Sans',sans-serif}
.mn-overview-features span::before{content:'✓';display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#dcefe3;color:#15563c;font-weight:800}
.mn8-instagram-section .mn8-embed-layout{grid-template-columns:minmax(0,1fr)}
.mn8-instagram-section .mn8-embed-panel{width:100%}
.mn8-instagram-section .mn9-reel-card{flex-basis:min(250px,76vw)}
.mn5-slider-copy{min-width:56px}
.mn5-slider-controls{align-items:center}
.mn5-showcase .mn5-showcase-heading{margin-bottom:20px}
.mn5-showcase .mn5-showcase-grid{margin-top:8px}
@media(max-width:640px){.mn8-instagram-section .mn9-reel-card{flex-basis:min(234px,72vw)}.mn-overview-features{margin:16px 0}}


/* ===== v6-features.css ===== */
/* V6 — deliberately scoped: compact service finder + trustworthy event calendar. */
.mn9-finder,.mn9-calendar *{box-sizing:border-box}
.mn9-finder{position:relative;margin:27px 0 30px;padding:26px 30px 22px;border:1px solid #dce6e0;border-radius:22px;background:linear-gradient(120deg,#fff 0%,#f9fbf8 67%,#f1f7f2 100%);box-shadow:0 14px 42px rgba(19,56,42,.052)}
.mn9-finder-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}
.mn9-finder-heading h3{color:#103d30;font:800 clamp(20px,2vw,26px)/1.23 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;margin:4px 0 7px}
.mn9-finder-heading p{font:400 14px/1.65 'DM Sans',sans-serif;color:#536a5f;margin:0}
.mn9-finder-eyebrow{color:#267052;font-size:10px;font-weight:800;letter-spacing:.15em}
.mn9-finder-mark{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;background:#eaf5ee;color:#1b7957;border-radius:18px;font:400 37px/1 'DM Sans',sans-serif}
.mn9-finder-input-wrap{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #bfd8c9;background:#fff;border-radius:14px;padding:4px 17px;min-height:59px;transition:border-color .2s,box-shadow .2s;color:#146348}
.mn9-finder-input-wrap:focus-within{border-color:#20795b;box-shadow:0 0 0 4px rgba(40,116,83,.12)}
#mn9-service-query{display:block;width:100%;min-width:0;color:#153b2c;background:transparent;border:0;outline:0;font:500 15px/1.4 'DM Sans',sans-serif;padding:13px 0}
#mn9-service-query::placeholder{color:#7b8c81;opacity:1}
.mn9-shortcut-key{padding:5px 9px;border:1px solid #e4ebe6;border-radius:6px;font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.05em;color:#647b6c}
.mn9-search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mn9-search-suggestions button{cursor:pointer;background:#f1f8f3;color:#225b43;border:1px solid #d6e9dc;border-radius:99px;padding:7px 13px;font:700 12px/1.2 'DM Sans',sans-serif;transition:background .2s}
.mn9-search-suggestions button:hover,.mn9-search-suggestions button:focus-visible{background:#dfefe5;outline-color:#176849}
.mn9-finder-results{margin-top:0;max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .18s,margin-top .18s}
.mn9-finder.mn9-has-results .mn9-finder-results{margin-top:19px;max-height:none;opacity:1;visibility:visible;overflow:visible}
.mn9-finder-results-count{font:700 12px/1.4 'DM Sans',sans-serif;color:#5f7969;margin:0 0 10px}
.mn9-finder-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mn9-finder-item{border:1px solid #dce9e0;background:#fff;padding:14px 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#174630!important;text-decoration:none!important;min-height:75px;transition:transform .18s,border-color .18s,box-shadow .18s}
.mn9-finder-item:hover,.mn9-finder-item:focus-visible{transform:translateY(-2px);border-color:#6da58b;box-shadow:0 6px 19px rgba(16,61,48,.07)}
.mn9-finder-item strong{display:block;font:800 13px/1.42 'Plus Jakarta Sans',sans-serif;color:#163e2f}
.mn9-finder-item small{display:block;font:500 11px/1.45 'DM Sans',sans-serif;color:#677d70;margin-top:3px}
.mn9-finder-item>span:last-child{flex:none;font-size:22px;color:#298261}
.mn9-finder-empty{padding:15px;color:#506b5b;background:#f0f6f1;border-radius:10px;font:500 13px/1.6 'DM Sans',sans-serif}
.mn9-calendar{background:#f8f7f1;padding:80px 0 85px;border-top:1px solid #e9eee7}
.mn9-calendar-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(34px,5.5vw,110px)}
.mn9-calendar-intro .xp-section-title{margin:16px 0 18px;max-width:530px}
.mn9-calendar-intro>p{max-width:440px;color:#52675d;font:400 16px/1.85 'DM Sans',sans-serif;margin:0 0 27px}
.mn9-calendar-summary{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e1e8df;padding:17px 18px;border-radius:15px;max-width:445px}
.mn9-calendar-summary-mark{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;background:#eaf3ec;color:#20664b}
.mn9-calendar-summary p{margin:2px 0;color:#4c6758;font:500 13px/1.6 'DM Sans',sans-serif}
.mn9-calendar-link{display:inline-flex;align-items:center;gap:9px;color:#166c4f!important;font:800 13px/1.4 'DM Sans',sans-serif;margin-top:20px;text-decoration:none;border-bottom:1px solid #90b9a3;padding:0 0 5px}
.mn9-calendar-card{background:#fff;border:1px solid #dfe9e1;border-radius:23px;padding:25px 27px 20px;box-shadow:0 20px 52px rgba(16,61,48,.065)}
.mn9-calendar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}
.mn9-calendar-label{display:block;font:800 10px/1.4 'DM Sans',sans-serif;letter-spacing:.15em;color:#368364;margin-bottom:5px}
.mn9-calendar-top h3{color:#103d30;font:800 clamp(20px,2vw,25px)/1.25 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;margin:0}
.mn9-calendar-nav{display:flex;gap:6px;align-items:center}
.mn9-calendar-nav button{display:grid;place-items:center;cursor:pointer;width:35px;height:35px;border:1px solid #ddeae1;border-radius:10px;background:#f8fbf8;color:#214c38;font:800 22px/1 'DM Sans',sans-serif;transition:background .2s}
.mn9-calendar-nav button:hover{background:#e4f3e8}
.mn9-calendar-nav #mn9-today{width:auto;padding:0 11px;font:700 11px/1 'DM Sans',sans-serif}
.mn9-calendar-nav button:disabled{opacity:.4;cursor:not-allowed}
.mn9-calendar-weekdays,.mn9-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.mn9-calendar-weekdays span{text-align:center;color:#7c8d83;font:700 11px/1.4 'DM Sans',sans-serif;padding:7px 0}
.mn9-calendar-days button,.mn9-calendar-days .mn9-blank{aspect-ratio:1.15;min-height:39px;border:1px solid transparent;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;color:#254636;font:700 12px/1 'DM Sans',sans-serif}
.mn9-calendar-days button{cursor:pointer}
.mn9-calendar-days button:hover{background:#edf6ef;border-color:#d2e8d8}
.mn9-calendar-days button.is-today{border-color:#a7c9b1}
.mn9-calendar-days button.is-selected{background:#124d38;color:white!important;border-color:#124d38}
.mn9-calendar-days button.has-event:after{content:'';width:4px;height:4px;border-radius:100%;background:#c19c51}
.mn9-calendar-days button.is-selected:after{background:#f8d9a1}
.mn9-calendar-detail{margin-top:13px;border-top:1px solid #e9eee8;padding-top:15px;min-height:64px;font:500 12px/1.6 'DM Sans',sans-serif;color:#697e70}
.mn9-calendar-detail strong{color:#2a5b41}
.mn9-event-item{margin:10px 0 0;border-left:3px solid #c7a567;padding-left:11px}
.mn9-event-item strong{display:block;color:#14462e;font:800 12px/1.35 'Plus Jakarta Sans',sans-serif}
.mn9-event-item a{color:#147454}
@media(max-width:900px){.mn9-calendar-layout{grid-template-columns:1fr;gap:26px}.mn9-calendar{padding:64px 0}.mn9-calendar-intro .xp-section-title{max-width:none}.mn9-calendar-intro>p{max-width:650px}.mn9-calendar-summary{max-width:none}.mn9-calendar-card{max-width:690px;width:100%;margin:auto}}
@media(max-width:560px){.mn9-finder{padding:22px 18px 18px;margin:22px 0 25px;border-radius:17px}.mn9-finder-heading{align-items:flex-start}.mn9-finder-heading h3{font-size:20px}.mn9-finder-mark{width:42px;height:42px;flex-basis:42px;font-size:30px;border-radius:12px}.mn9-finder-input-wrap{min-height:53px;padding:3px 11px;gap:9px}.mn9-shortcut-key{display:none}#mn9-service-query{font-size:13px}.mn9-finder-items{grid-template-columns:1fr}.mn9-calendar{padding:50px 0 55px}.mn9-calendar-intro>p{font-size:14px;line-height:1.7}.mn9-calendar-card{padding:17px 14px 15px;border-radius:18px}.mn9-calendar-top h3{font-size:19px}.mn9-calendar-weekdays span{font-size:10px}.mn9-calendar-days button,.mn9-calendar-days .mn9-blank{min-height:34px;font-size:11px}.mn9-calendar-nav button{width:31px;height:31px}.mn9-calendar-nav #mn9-today{padding:0 7px}}
@media(prefers-reduced-motion:reduce){.mn9-finder-input-wrap,.mn9-finder-item,.mn9-calendar-nav button,.mn9-search-suggestions button{transition:none}.mn9-finder-item:hover{transform:none}}


/* ===== v61-polish.css ===== */
/* V6.1: round controls with invariant geometry (never stretched by global button styles). */
body.portal-design .mn5-slider-buttons>button,
body.portal-design .mn9-reels-controls>button,
body.portal-design .story-prev,
body.portal-design .story-next {
  box-sizing:border-box!important;
  aspect-ratio:1 / 1!important;
  flex:0 0 auto!important;
  padding:0!important;
  border-radius:50%!important;
  line-height:1!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transform-origin:center center;
}
body.portal-design .mn5-slider-buttons>button {
  width:44px!important; height:44px!important;
  min-width:44px!important; max-width:44px!important;
  min-height:44px!important; max-height:44px!important;
  display:grid!important;place-items:center!important;
}
body.portal-design .mn9-reels-controls>button {
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  max-width:36px!important;max-height:36px!important;display:grid!important;place-items:center!important;
}
body.portal-design .story-prev,body.portal-design .story-next{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  max-width:44px!important;max-height:44px!important;
}
.mn9-calendar-demo-banner{margin:0 0 17px;padding:11px 13px;color:#6a4c12;background:#fff8e6;border:1px solid #f0dba6;border-radius:10px;font:700 11px/1.65 'DM Sans',sans-serif}
.mn9-calendar-demo-marker{display:inline-flex;font:800 9px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:.08em;color:#805b13;background:#fff3d3;border-radius:999px;margin:6px 0 0;padding:5px 9px}
.mn9-event-item.is-demo{border-left-color:#c7a567}
.mn9-featured{margin:0 18px 21px;padding:15px 17px;border:1px solid #dbe7de;background:#f6faf6;border-radius:16px}
.mn9-featured-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.mn9-featured-heading small{display:block;font:800 9px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;color:#33785a}
.mn9-featured-heading strong{display:block;font:800 14px/1.5 'Plus Jakarta Sans',sans-serif;color:#153d2f;margin-top:3px}
.mn9-featured-heading a{color:#17674a!important;text-decoration:underline;text-underline-offset:3px;font:700 11px/1.4 'DM Sans',sans-serif;white-space:nowrap}
.mn9-featured-video{min-height:260px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #e4eae5;border-radius:12px;background:#fff;padding:10px;isolation:isolate}
.mn9-featured-video iframe{max-width:100%!important}
.mn9-featured-status{padding:14px;color:#5f7568;font:600 12px/1.6 'DM Sans',sans-serif;text-align:center;max-width:360px}
.mn9-featured-video:has(iframe) .mn9-featured-status{display:none}
@media(max-width:560px){
 body.portal-design .mn5-slider-buttons>button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important}
 .mn9-featured{margin:0 12px 16px;padding:12px}
 .mn9-featured-heading{align-items:flex-start;flex-wrap:wrap}
 .mn9-featured-heading strong{font-size:13px}
 .mn9-featured-video{min-height:240px}
}
@media(prefers-reduced-motion:reduce){.mn9-featured *{scroll-behavior:auto!important}}


/* --- v62-refine.css --- */
/* MAN 9 Jakarta V6.2 — refinement for inline Instagram and cleaner arrows */
.reference-story b,.portal-arrow,.xp-arrow,.mn8-link-arrow{display:none!important}
.xp-stories .xp-section-head{margin-bottom:18px}
.mn62-instagram-inline{margin-top:26px;padding-top:18px;border-top:1px solid #d8e3da}
.mn62-instagram-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}
.mn62-instagram-head h3{font:700 clamp(24px,2.7vw,34px)/1.18 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;color:#183d30;margin:6px 0 8px}
.mn62-instagram-head h3 em{font-style:normal;color:#1d7d56}
.mn62-instagram-head p{margin:0;max-width:760px;color:#5b7463;font:500 15px/1.7 'DM Sans',sans-serif}
.mn62-instagram-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #d1ddd3;border-radius:999px;background:#fff;color:#173d2d;text-decoration:none;font:700 13px 'Plus Jakarta Sans',sans-serif;white-space:nowrap}
.mn62-instagram-link:hover{text-decoration:none;background:#f4f7f2}
.mn62-instagram-row{display:flex;gap:16px;align-items:flex-start}
.mn62-instagram-controls{display:flex;gap:10px;flex-shrink:0}
.mn62-instagram-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #cad9ce;background:#fff;color:#173d2d;display:grid;place-items:center;font:800 18px/1 'Plus Jakarta Sans',sans-serif;cursor:pointer;box-shadow:0 4px 16px rgba(12,41,28,.04)}
.mn62-instagram-controls button:hover,.mn62-instagram-controls button:focus-visible{background:#eef4ef;outline:2px solid #caa35f;outline-offset:2px}
.mn62-instagram-content{flex:1;min-width:0;min-height:0!important;padding:0!important;display:block!important}
.mn62-instagram-content .mn9-reels-wrapper{padding:0!important}
.mn62-instagram-content .mn9-reels-rail{padding:2px 2px 12px!important;gap:16px}
.mn62-instagram-content .mn9-reel-card{flex-basis:min(248px,72vw);border-radius:22px;overflow:hidden;box-shadow:none;border:1px solid #dfe8e0;background:#fbfcfa}
.mn62-instagram-content .mn9-reel-play{aspect-ratio:4/5;border-bottom:1px solid #ecf1ed}
.mn62-instagram-content .mn9-reel-meta{min-height:122px;padding:14px 14px 16px}
.mn62-instagram-content .mn9-reel-caption{min-height:0;-webkit-line-clamp:3}
.mn62-instagram-content .mn9-reel-meta a{display:none}
.mn62-instagram-content .mn9-featured{display:none!important}
.mn62-instagram-note{margin:10px 0 0;color:#67806f;font:500 13px/1.7 'DM Sans',sans-serif}
#mn8-embed-notice:empty{display:none}
@media (max-width:900px){.mn62-instagram-row{flex-direction:column}.mn62-instagram-controls{order:2;align-self:flex-end}.mn62-instagram-head{flex-direction:column;align-items:flex-start}.mn62-instagram-link{width:max-content}}
@media (max-width:640px){.mn62-instagram-controls button{width:42px;height:42px}.mn62-instagram-content .mn9-reel-card{flex-basis:min(230px,74vw)}.mn62-instagram-head h3{font-size:26px}.mn62-instagram-head p{font-size:14px}}


/* --- v63-forest-glow.css --- */
/* MAN 9 Jakarta | V6.3 — Forest Glow
   Layered gradients and subtle elevation, retaining original identity and content.
   Purposefully restrained: use color and depth instead of decorative clutter. */
:root{
  --v63-forest:#103d30;
  --v63-deep:#092d24;
  --v63-emerald:#287453;
  --v63-gold:#c7a567;
  --v63-ivory:#f8f7f1;
  --v63-ink:#24332b;
  --v63-outline:rgba(41,92,69,.12);
  --v63-elevate:0 15px 36px rgba(15,56,38,.075),0 3px 10px rgba(15,56,38,.025);
}

/* Consistent page atmosphere; no saturated gradient bands behind long reading. */
body.portal-design #home{
  background:linear-gradient(180deg,#f8f7f1 0%,#fbfbf8 24%,#f8f7f1 62%,#fbfaf6 100%)!important;
}
body.portal-design .site-header{
  background:linear-gradient(112deg,rgba(255,255,252,.975),rgba(248,251,247,.96) 70%,rgba(244,249,243,.96));
  border-bottom-color:rgba(40,95,65,.12);
  box-shadow:0 7px 26px rgba(18,51,35,.055);
}

/* Hero: readable dark-green veil with ambient light over original school photo. */
body.portal-design .xp-hero{background:#0b3529}
body.portal-design .xp-hero-glow{
  background:
    radial-gradient(ellipse 43% 86% at 87% 25%,rgba(213,186,119,.17),transparent 68%),
    radial-gradient(ellipse 55% 105% at 65% 88%,rgba(41,133,91,.27),transparent 68%),
    linear-gradient(90deg,rgba(5,33,26,.97) 0%,rgba(6,43,31,.93) 24%,rgba(8,48,36,.78) 49%,rgba(7,42,32,.37) 72%,rgba(7,35,29,.15) 100%),
    linear-gradient(0deg,rgba(3,30,23,.7),transparent 36%);
}
body.portal-design .xp-hero h1{text-shadow:0 5px 30px rgba(5,25,20,.18)}
body.portal-design .xp-hero-line-accent{
  color:#eedbb2;
  background-image:linear-gradient(95deg,#f1dfb6 0%,#e2c68c 60%,#fff0c8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.portal-design .xp-hero .xp-btn-gold,
body.portal-design .xp-btn-gold{
  background:linear-gradient(112deg,#e7d3a5 0%,#c9a769 70%,#bd9858 100%);
  box-shadow:0 9px 26px rgba(6,34,23,.17),inset 0 1px 0 rgba(255,255,255,.34);
  color:#163b2e!important;
}
body.portal-design .xp-btn-gold:hover{background:linear-gradient(112deg,#f0dfb7,#d5b678 72%,#c5a15d);box-shadow:0 13px 30px rgba(6,34,23,.2)}
body.portal-design .xp-hero .xp-btn-outline{
  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.045));
  border-color:rgba(255,255,255,.53);
  backdrop-filter:blur(7px);
}
body.portal-design .xp-hero-caption{
  background:linear-gradient(135deg,rgba(27,78,55,.82),rgba(8,42,32,.64));
  border-color:rgba(242,229,197,.21);
  box-shadow:0 11px 30px rgba(4,22,14,.12);
}

/* Quick links: nuanced raised material, rather than flat white slab. */
body.portal-design .xp-shortcuts{
  background:linear-gradient(135deg,#ffffff,#f7faf5 68%,#edf4ed);
  border-color:rgba(59,109,75,.17);
  box-shadow:0 22px 58px rgba(12,57,37,.125),0 4px 18px rgba(17,62,35,.045);
}
body.portal-design .xp-shortcut{transition:background .25s ease,transform .25s ease}
body.portal-design .xp-shortcut:hover{background:linear-gradient(135deg,#f5fbf5,#e8f4ea)}
body.portal-design .xp-shortcut-icon{
  background:linear-gradient(145deg,#eaf5eb,#dbece0);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 12px rgba(24,83,51,.045);
}

/* Light surfaces: alternating ivory gradients with small neutral light blooms. */
body.portal-design .xp-intro{
  background:radial-gradient(ellipse 56% 58% at 14% 15%,rgba(187,215,184,.13),transparent 70%);
}
body.portal-design .xp-zi-section{
  background:
    radial-gradient(ellipse 40% 100% at 89% 14%,rgba(104,173,123,.21),transparent 75%),
    radial-gradient(ellipse 52% 80% at 8% 92%,rgba(197,164,94,.13),transparent 70%),
    linear-gradient(120deg,#092e26 0%,#13513b 57%,#103c30 100%);
}
body.portal-design .xp-zi-values{
  background:linear-gradient(100deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
  backdrop-filter:blur(5px);
}
body.portal-design .xp-digital{
  background:radial-gradient(ellipse 38% 68% at 96% 24%,rgba(178,210,179,.14),transparent 80%);
}
body.portal-design .mn-service-public{
  background:linear-gradient(142deg,#fff 0%,#fbfdf9 62%,#f3f8f2 100%);
  border-color:var(--v63-outline);
  box-shadow:var(--v63-elevate);
}
body.portal-design .mn-service-internal{
  background:radial-gradient(ellipse 86% 67% at 94% 5%,rgba(87,167,123,.23),transparent 65%),linear-gradient(139deg,#24694f,#123f33 66%,#092f27);
  box-shadow:0 18px 46px rgba(5,42,28,.18);
}
body.portal-design .mn-service-action-light,
body.portal-design .mn4-guestbook-actions .xp-btn,
body.portal-design .mn3-faq-cta{
  background:linear-gradient(120deg,#1f7051,#103d30 80%,#092f26);
  box-shadow:0 8px 17px rgba(21,77,49,.13);
}
body.portal-design .mn-service-action-light:hover,
body.portal-design .mn4-guestbook-actions .xp-btn:hover,
body.portal-design .mn3-faq-cta:hover{
  background:linear-gradient(120deg,#29835f,#155342 80%,#0d4130);
}
body.portal-design .mn6-public-services{
  background:radial-gradient(ellipse 40% 66% at 95% 3%,rgba(195,218,195,.16),transparent 77%),linear-gradient(180deg,#fbfcf9,#f7f9f6);
}
body.portal-design .mn6-public-card{
  background:linear-gradient(147deg,#fff,#fbfdf9 69%,#f3f8f3);
  border-color:rgba(56,110,79,.15);
  box-shadow:0 8px 25px rgba(20,67,46,.05);
}
body.portal-design .mn6-public-card:hover{
  box-shadow:0 17px 32px rgba(20,67,46,.13);
  border-color:rgba(61,136,87,.34);
}
body.portal-design .mn6-public-feature{
  background:radial-gradient(ellipse 100% 77% at 100% 0%,rgba(84,162,115,.3),transparent 72%),linear-gradient(140deg,#1d6449,#103d30 74%,#0a3027);
  border-color:#1c5d45;
}
body.portal-design .mn4-guestbook{
  background:radial-gradient(ellipse 46% 72% at 85% 39%,rgba(219,200,148,.15),transparent 74%),linear-gradient(180deg,#fafaf5,#f8f7f1);
}
body.portal-design .mn4-qr-card{
  background:linear-gradient(140deg,#fff,#fbfdf9);
  border-color:rgba(37,104,66,.17);
  box-shadow:0 24px 50px rgba(14,61,42,.12),inset 0 1px 0 rgba(255,255,255,.9);
}

/* Prestige cards use low-contrast ambient gradients; keep numerical highlights legible. */
body.portal-design .xp-achievements{
  background:radial-gradient(ellipse 65% 82% at 7% 13%,rgba(173,206,175,.31),transparent 75%),linear-gradient(120deg,#f0f5ed,#f8faf4 55%,#edf3ea);
}
body.portal-design .xp-achievement-card:not(.xp-achievement-feature){
  background:linear-gradient(145deg,#fff 4%,#f9fbf7 64%,#f0f6ef 100%);
  box-shadow:0 9px 23px rgba(10,53,32,.045);
}
body.portal-design .xp-achievement-feature{
  background:radial-gradient(ellipse 100% 85% at 100% 0%,rgba(56,132,89,.33),transparent 70%),linear-gradient(135deg,#205a43,#103d30 70%,#092f27);
  box-shadow:0 14px 34px rgba(7,42,27,.14);
}
body.portal-design .mn5-showcase{
  background:radial-gradient(ellipse 40% 50% at 97% 8%,rgba(217,192,132,.14),transparent 80%),linear-gradient(180deg,#fbfaf6,#f7f8f3);
}
body.portal-design .mn5-work-card{
  box-shadow:0 9px 24px rgba(19,57,36,.055);
  transition:transform .3s ease,box-shadow .3s ease;
}
body.portal-design .mn5-work-card:hover{
  box-shadow:0 19px 37px rgba(18,66,43,.12);
}

/* Editorial stories: no extra standalone Instagram section. Soft light wash inside same flow. */
body.portal-design .xp-stories{
  background:radial-gradient(ellipse 40% 50% at 83% 8%,rgba(163,196,166,.095),transparent 78%);
}
body.portal-design .xp-stories .reference-story{
  box-shadow:0 12px 29px rgba(18,51,37,.065);
}
body.portal-design .mn62-instagram-inline{
  background:radial-gradient(ellipse 54% 100% at 100% 0%,rgba(177,210,174,.18),transparent 73%),linear-gradient(135deg,rgba(255,255,255,.76),rgba(246,251,244,.86));
  border:1px solid rgba(45,102,70,.1);
  border-radius:23px;
  padding:25px;
  box-shadow:0 10px 31px rgba(15,56,36,.045);
}
body.portal-design .mn62-instagram-content .mn9-reel-card{
  background:linear-gradient(180deg,#fff,#f7faf6);
  box-shadow:0 7px 18px rgba(15,55,38,.055);
}
body.portal-design .mn62-instagram-controls button{
  background:linear-gradient(140deg,#fff,#eff5ef);
  border-color:rgba(47,110,73,.21);
  box-shadow:0 3px 9px rgba(16,61,48,.055);
}

/* Calendar and FAQ: warm/cool alternation; card readability stays high. */
body.portal-design .mn9-calendar{
  background:radial-gradient(ellipse 41% 80% at 7% 20%,rgba(199,165,103,.12),transparent 78%),linear-gradient(135deg,#f9f8f3,#f1f6f0 83%);
}
body.portal-design .mn9-calendar-card{
  background:linear-gradient(145deg,#fff,#fbfdfb);
  border-color:rgba(40,96,61,.14);
  box-shadow:0 20px 46px rgba(20,65,41,.09);
}
body.portal-design .mn9-calendar-summary{
  background:linear-gradient(135deg,#fff,#f4faf5);
}
body.portal-design .xp-bottom{
  background:linear-gradient(165deg,#fffefa,#f6f9f4 100%);
}
body.portal-design .mn3-faq{
  background:radial-gradient(ellipse 50% 65% at 100% 0%,rgba(185,208,178,.2),transparent 72%),linear-gradient(130deg,#f1f5ed,#fafbf8 65%,#f0f4ef);
}
body.portal-design .xp-cta{
  background:radial-gradient(ellipse 45% 125% at 94% 0%,rgba(63,137,89,.26),transparent 78%),linear-gradient(112deg,#092d24,#14553e 60%,#103d30);
}
body.portal-design .portal-footer{
  background:linear-gradient(130deg,#072820,#0c392c 74%,#103d30)!important;
}

/* ZI popup adds subtle depth without compromising long-form reading. */
body.portal-design .xp-zi-dialog{
  background:linear-gradient(138deg,#fffefa,#f6f8f3);
}
body.portal-design .xp-popup-content{
  background:radial-gradient(ellipse 70% 51% at 100% 0%,rgba(194,210,171,.16),transparent 83%);
}

@media(max-width:760px){
  body.portal-design .xp-hero-glow{
    background:
      radial-gradient(ellipse 62% 53% at 88% 16%,rgba(213,185,120,.14),transparent 78%),
      linear-gradient(90deg,rgba(4,33,25,.94),rgba(6,44,33,.78) 65%,rgba(8,42,32,.5)),
      linear-gradient(0deg,rgba(4,32,25,.72),transparent 75%);
  }
  body.portal-design .mn62-instagram-inline{padding:16px;border-radius:19px}
  body.portal-design .xp-shortcuts{box-shadow:0 12px 28px rgba(15,56,38,.11)}
  body.portal-design .mn6-public-card{box-shadow:0 5px 17px rgba(13,56,34,.045)}
}
@media(prefers-reduced-motion:reduce){
  body.portal-design .mn5-work-card,
  body.portal-design .xp-shortcut{transition:none!important}
}


/* --- org-directory.css --- */
/* V6.4 — structure directory: premium forest/ivory leadership and committee */
.orgx{--ox-green:#123d31;--ox-emerald:#247a57;--ox-muted:#60756c;--ox-ivory:#f7f7f1;--ox-border:#d9e5dc;color:#23392f;font-family:'DM Sans',sans-serif;margin:14px auto 40px;max-width:1240px;isolation:isolate}
.orgx *, .orgx *::before,.orgx *::after{box-sizing:border-box}
.orgx a,.orgx button{touch-action:manipulation}
.orgx-intro{position:relative;overflow:hidden;background:radial-gradient(circle at 97% -15%,rgba(202,170,100,.18),transparent 36%),linear-gradient(125deg,#f8faf5,#f0f6ef 55%,#fcfaf3);border:1px solid var(--ox-border);border-radius:24px;padding:clamp(24px,4.5vw,54px);margin-bottom:22px}
.orgx-kicker,.orgx-eyebrow{display:block;margin:0 0 9px;color:var(--ox-emerald);font-size:11px;font-weight:800;letter-spacing:.15em}
.orgx-intro h2{font:800 clamp(28px,4vw,49px)/1.16 'Plus Jakarta Sans',sans-serif;letter-spacing:-.055em;max-width:780px;color:var(--ox-green);margin:0 0 15px}
.orgx-intro h2 em{font-style:normal;color:var(--ox-emerald)}
.orgx-intro>p{max-width:780px;margin:0;color:#567164;line-height:1.8;font-size:15px}
.orgx-caution{display:flex;align-items:flex-start;gap:12px;margin-top:27px;border-left:3px solid #c3a160;padding:11px 18px;background:rgba(255,255,255,.62);border-radius:0 10px 10px 0;font-size:12px;line-height:1.65;color:#617468}
.orgx-caution strong{color:#164938;white-space:nowrap;font-size:12px}
.orgx-tablist{display:flex;flex-wrap:wrap;gap:8px;padding:7px;background:#eaf2eb;border:1px solid var(--ox-border);border-radius:15px;margin:0 0 24px}
.orgx-tablist button{border:0;background:transparent;border-radius:10px;color:#47665a;padding:13px 18px;min-height:45px;font:750 13px/1.2 'Plus Jakarta Sans',sans-serif;cursor:pointer;flex:1}
.orgx-tablist button[aria-selected="true"]{background:linear-gradient(120deg,#133f32,#246c50);color:#fff;box-shadow:0 4px 14px rgba(12,63,42,.15)}
.orgx button:focus-visible,.orgx a:focus-visible{outline:3px solid #c7a466;outline-offset:3px}
.orgx-panel[hidden]{display:none!important}
.orgx-stage{border:1px solid var(--ox-border);border-radius:26px;padding:clamp(20px,3vw,38px);background:radial-gradient(circle at 97% 3%,rgba(220,235,220,.45),transparent 35%),#fff;box-shadow:0 17px 55px rgba(16,56,34,.035)}
.orgx-stage>h2,.orgx-committee-header h2{font:800 clamp(24px,3vw,34px)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;color:var(--ox-green);margin:3px 0 10px}
.orgx-stage>p:not(.orgx-eyebrow),.orgx-committee-header p:not(.orgx-eyebrow){color:#668174;line-height:1.75;font-size:14px;max-width:800px;margin:0 0 26px}
.orgx-top{display:flex;justify-content:center;margin:20px auto 0}
.orgx-connector{height:42px;width:1px;margin:auto;background:linear-gradient(#338367,#93bca2);position:relative}
.orgx-connector::after{content:"";position:absolute;bottom:-2px;left:-4px;width:9px;height:9px;border-radius:50%;background:#8cb89e;border:2px solid white}
.orgx-connector.is-committee{background:repeating-linear-gradient(to bottom,#729b83 0 5px,transparent 5px 10px)}
.orgx-coordination{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 auto 33px;max-width:850px}
.orgx-coord-col{border-top:2px solid #8fb4a0;padding-top:13px}
.orgx-coord-partner{border-top:2px dashed #b59b6c}
.orgx-rail-label{font:800 10px/1.5 'Plus Jakarta Sans',sans-serif;letter-spacing:.07em;color:#607969;display:block;margin:0 0 10px}
.orgx-profile{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left;border:1px solid #e1e9e0;background:linear-gradient(150deg,#fff,#f8fbf7);border-radius:18px;padding:0;overflow:hidden;min-width:0;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;color:#273c30;width:100%;box-shadow:0 6px 19px rgba(14,59,33,.045)}
.orgx-profile:hover{transform:translateY(-4px);border-color:#92bba2;box-shadow:0 18px 32px rgba(14,59,33,.11)}
.orgx-photo{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;height:152px;min-width:0;background:radial-gradient(circle at 50% 32%,#eaf5ed,transparent 40%),linear-gradient(160deg,#e4eee3,#cbded0);color:#58876f;overflow:hidden}
.orgx-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.orgx-photo svg{width:78px;height:103px;max-height:75%;transition:transform .25s ease}
.orgx-photo small{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;background:rgba(255,255,255,.82);padding:4px 9px;border-radius:8px;color:#56806a;font-size:9px;letter-spacing:.06em;font-weight:800}
.orgx-photo:has(img) small{display:none}
.orgx-profile-copy{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px;flex:1}
.orgx-profile-copy small{font:800 10px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:.09em;color:#438168}
.orgx-profile-copy strong{font:800 15px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;color:#213d30}
.orgx-profile-copy>span:not(.orgx-profile-detail){font-size:12px;line-height:1.5;color:#61796c}
.orgx-profile-detail{margin-top:auto;padding-top:7px;font-size:11px;color:#317454;font-weight:700}
.orgx-profile-feature{max-width:540px;display:grid;grid-template-columns:155px minmax(0,1fr);background:linear-gradient(110deg,#123d31,#256b50);color:#fff;border-color:#266c52;min-height:182px}
.orgx-profile-feature .orgx-photo{height:100%;min-height:182px;background:linear-gradient(160deg,#326b53,#194838);color:#c2d8c6}
.orgx-profile-feature .orgx-photo small{background:#ffffffdb;color:#24684e}
.orgx-profile-feature .orgx-profile-copy{padding:25px 22px;justify-content:center}
.orgx-profile-feature .orgx-profile-copy small{color:#d2b47e}
.orgx-profile-feature .orgx-profile-copy strong{font-size:19px;color:#fff}
.orgx-profile-feature .orgx-profile-copy>span:not(.orgx-profile-detail){color:#d6e8db}
.orgx-profile-feature .orgx-profile-detail{color:#deca9d}
.orgx-profile-compact{display:grid;grid-template-columns:90px minmax(0,1fr);min-height:140px}
.orgx-profile-compact .orgx-photo{height:100%;min-height:140px}
.orgx-profile-compact .orgx-photo svg{width:57px;height:75px}
.orgx-profile-compact .orgx-photo small{font-size:7px}
.orgx-profile-compact .orgx-profile-copy{justify-content:center;padding:12px 14px}
.orgx-profile-compact .orgx-profile-copy strong{font-size:14px}
.orgx-soft-link{display:inline-block;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;color:#287354;font:700 12px 'DM Sans',sans-serif;padding:10px 0;cursor:pointer}
.orgx-section-heading{margin:12px 0 15px}
.orgx-section-heading h3{margin:0;font:800 23px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;color:#183f30}
.orgx-grid{display:grid;gap:15px}.orgx-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.orgx-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin:0 auto}
.orgx-explainer{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;margin:15px 0 27px;color:#748879;font-size:12px}
.orgx-line-key{display:inline-flex;align-items:center;gap:7px}.orgx-line-key i{width:24px;height:2px;background:#7cac90}.orgx-line-key i.is-dashed{background:repeating-linear-gradient(90deg,#bba16c 0 5px,transparent 5px 9px)}
.orgx-committee-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.orgx-partner-chip{white-space:nowrap;border-radius:999px;border:1px dashed #bda272;background:#f8f5ea;color:#796336;padding:9px 13px;font:750 11px 'Plus Jakarta Sans',sans-serif}
.orgx-member-unconfirmed{display:flex;gap:15px;align-items:center;max-width:720px;margin:20px auto 0;padding:19px;border:1px dashed #c6d6c8;border-radius:14px;background:#f7faf6}
.orgx-member-symbol{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;background:#e6f0e7;border-radius:12px;color:#5e9577;font-size:24px}
.orgx-member-unconfirmed strong{font:800 14px 'Plus Jakarta Sans',sans-serif;color:#224b37}.orgx-member-unconfirmed p{font:500 12px/1.7 'DM Sans',sans-serif;color:#6c8174;margin:6px 0 0}
.orgx-lower{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:20px;background:linear-gradient(125deg,#eff6ef,#f8f9f1);padding:27px;border:1px solid var(--ox-border);border-radius:18px}
.orgx-lower h3{margin:0 0 8px;font:800 21px/1.3 'Plus Jakarta Sans',sans-serif;color:#19412f}.orgx-lower p{font-size:13px;line-height:1.8;color:#637b6a;margin:0;max-width:720px}
.orgx-secondary-link{white-space:nowrap;text-decoration:none;font:750 12px 'Plus Jakarta Sans',sans-serif;padding:13px 18px;background:#153f31;color:#fff!important;border-radius:10px}
.orgx-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.orgx-units article{padding:25px;border-radius:15px;background:linear-gradient(145deg,#f7faf6,#edf4eb);border:1px solid #dceadd}.orgx-units article span{font:800 11px 'Plus Jakarta Sans',sans-serif;color:#489070}.orgx-units article h3{margin:12px 0 7px;color:#194734;font:800 18px 'Plus Jakarta Sans',sans-serif}.orgx-units article p{font-size:13px;color:#6a8273;line-height:1.7;margin:0}
.orgx-bottom{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:18px;padding:17px 2px;color:#657f6e;font:500 12px/1.7 'DM Sans',sans-serif}.orgx-bottom p{margin:0;max-width:700px}.orgx-bottom strong{color:#285c44}.orgx-source{display:flex;gap:12px;flex-wrap:wrap}.orgx-source a{text-decoration:underline;text-underline-offset:3px;color:#226e4c;white-space:nowrap}
.orgx-dialog{width:min(680px,calc(100vw - 25px));max-height:min(680px,90dvh);padding:0;border:0;border-radius:22px;background:#fff;color:#173b2c;overflow-y:auto;box-shadow:0 28px 95px #061e1499}.orgx-dialog::backdrop{background:#081b15c9;backdrop-filter:blur(5px)}.orgx-dialog:not([open]){display:none}
.orgx-dialog>#orgx-dialog-content{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:310px}.orgx-dialog-photo{height:100%;min-height:310px}.orgx-dialog-photo svg{height:135px;width:110px}.orgx-dialog-copy{padding:45px 32px 35px}.orgx-dialog-copy h2{font:800 clamp(21px,3vw,28px)/1.25 'Plus Jakarta Sans',sans-serif;color:#173f30;letter-spacing:-.035em;margin:0 0 9px}.orgx-dialog-copy strong{color:#277c58;font-size:13px}.orgx-dialog-copy p{font-size:14px;line-height:1.8;color:#587364;margin:24px 0}.orgx-dialog-copy small{font-size:11px;line-height:1.6;color:#899b8e}.orgx-dialog-close{position:absolute;right:12px;top:12px;width:36px;height:36px;display:grid;place-items:center;background:#f1f6f0;color:#28513a;border-radius:50%;border:0;font-size:24px;cursor:pointer;z-index:3}
/* Remove only decorative diagonal arrows, not slider controls or back navigation. */
body.portal-design .xp-arrow,body.portal-design .portal-arrow,body.portal-design .mn8-link-arrow,body.portal-design .ui-icon-arrow{display:none!important}
@media(max-width:1080px){.orgx-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.orgx-intro{padding:24px;border-radius:18px}.orgx-caution{flex-direction:column;gap:4px}.orgx-tablist{gap:4px}.orgx-tablist button{font-size:11px;padding:11px 8px;min-width:0}.orgx-stage{padding:18px;border-radius:18px}.orgx-coordination,.orgx-grid-two{grid-template-columns:1fr}.orgx-profile-feature{grid-template-columns:120px minmax(0,1fr)}.orgx-profile-feature .orgx-photo{min-height:168px}.orgx-profile-feature .orgx-profile-copy{padding:15px 12px}.orgx-profile-feature .orgx-profile-copy strong{font-size:15px}.orgx-photo{height:132px}.orgx-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.orgx-profile-copy{padding:13px}.orgx-profile-copy strong{font-size:12px}.orgx-profile-copy small{font-size:9px}.orgx-profile-detail{font-size:10px}.orgx-profile-compact .orgx-profile-copy strong{font-size:13px}.orgx-lower{flex-direction:column;align-items:flex-start;padding:20px}.orgx-secondary-link{white-space:normal}.orgx-committee-header{flex-direction:column;align-items:flex-start}.orgx-partner-chip{align-self:flex-start}.orgx-bottom{flex-direction:column;align-items:flex-start}.orgx-explainer{justify-content:flex-start}.orgx-units{grid-template-columns:1fr}.orgx-dialog>#orgx-dialog-content{display:block}.orgx-dialog-photo{height:230px;min-height:230px}.orgx-dialog-copy{padding:25px 22px 30px}}
@media(max-width:360px){.orgx-tablist button{font-size:10px;padding:10px 5px}.orgx-photo{height:114px}.orgx-grid-four{gap:8px}.orgx-profile-copy{padding:10px}.orgx-profile-copy strong{font-size:11px}.orgx-profile-copy>span:not(.orgx-profile-detail){font-size:10px}}
@media(prefers-reduced-motion:reduce){.orgx-profile,.orgx-photo svg{transition:none!important}}


/* --- v65-editorial-pages.css --- */
/* MAN 9 Jakarta V6.5 — unified interior pages. Last-loaded override. */
body.portal-design{--mn65-forest:#103d30;--mn65-ink:#153c2e;--mn65-emerald:#287453;--mn65-ivory:#faf9f3;--mn65-gold:#c5a464}
body.portal-design .detail{padding-top:45px;padding-bottom:82px;position:relative}
body.portal-design .detail .breadcrumb{margin:0 0 17px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:600 12px/1.5 'DM Sans',sans-serif;color:#567263}
body.portal-design .detail .breadcrumb a{color:#265943;text-underline-offset:4px}
body.portal-design .detail .page-heading{position:relative;isolation:isolate;margin:0 0 40px;padding:clamp(33px,5vw,72px);border-radius:28px;overflow:hidden;border:1px solid rgba(16,61,48,.10);background:radial-gradient(ellipse at 96% 8%,rgba(199,165,103,.19),transparent 35%),radial-gradient(ellipse at 8% 95%,rgba(40,116,83,.09),transparent 55%),linear-gradient(120deg,#f2f7f0,#fffdf7);box-shadow:0 14px 42px rgba(15,55,36,.05)}
body.portal-design .detail .page-heading::before{content:'';position:absolute;top:24px;right:24px;width:min(24vw,270px);aspect-ratio:1;border:1px solid rgba(40,116,83,.11);border-radius:50%;box-shadow:0 0 0 40px rgba(40,116,83,.035),0 0 0 90px rgba(40,116,83,.025);pointer-events:none;z-index:-1}
body.portal-design .detail .page-heading::after{content:'';display:block;width:72px;height:3px;background:linear-gradient(90deg,#c7a567,rgba(199,165,103,.06));margin-top:26px;border-radius:9px}
body.portal-design .detail .page-heading .eyebrow{display:inline-block;font:800 11px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;color:#227454;margin-bottom:19px}
body.portal-design .detail .page-heading h1{color:#133a2e;font:800 clamp(34px,4vw,58px)/1.12 'Plus Jakarta Sans',sans-serif;letter-spacing:-.055em;max-width:860px;margin:0 0 20px}
body.portal-design .detail .page-heading h1 em{font-style:normal;color:#2a7c59}
body.portal-design .detail .page-heading .page-intro{font:500 clamp(15px,1.4vw,18px)/1.75 'DM Sans',sans-serif;color:#557063;max-width:700px;margin:0}
body.portal-design .detail[data-family='learning'] .page-heading{background:radial-gradient(ellipse at 90% 10%,rgba(188,219,184,.28),transparent 40%),linear-gradient(120deg,#f0f7ee,#f9fbf4 58%,#fffdfa)}
body.portal-design .detail[data-family='stories'] .page-heading{background:radial-gradient(ellipse at 90% 10%,rgba(197,164,100,.24),transparent 45%),linear-gradient(120deg,#fbf6e9,#f6faf1 70%,#fff)}
body.portal-design .detail[data-family='transparency'] .page-heading{background:radial-gradient(ellipse at 95% 0%,rgba(198,165,101,.24),transparent 50%),linear-gradient(115deg,#edf5f0,#fbfbf7)}
body.portal-design .detail[data-family='service'] .page-heading{background:radial-gradient(ellipse at 85% 15%,rgba(45,143,107,.18),transparent 35%),linear-gradient(115deg,#ecf5ef,#f7fbf8 80%)}
body.portal-design .detail[data-family='admission'] .page-heading{background:radial-gradient(ellipse at 85% 15%,rgba(207,172,110,.24),transparent 40%),linear-gradient(110deg,#f8f5e8,#f2f8ee)}
body.portal-design .school-reading-layout{grid-template-columns:minmax(0,1fr) minmax(215px,260px);gap:clamp(24px,4vw,62px);align-items:start;margin:0 auto 30px}
body.portal-design .school-prose{max-width:none;min-width:0;font:500 16px/1.8 'DM Sans',sans-serif;color:#405b4d}
body.portal-design .school-story-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:32px}
body.portal-design .school-story-card{position:relative;padding:32px 28px 30px;border:1px solid #dce8dc;border-radius:22px;background:linear-gradient(150deg,#fff,#f5f9f4);box-shadow:0 10px 28px rgba(17,54,36,.045);min-width:0;transition:transform .2s ease,box-shadow .2s ease}
body.portal-design .school-story-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(17,54,36,.085)}
body.portal-design .school-story-card.is-feature{grid-column:1/-1;display:grid;grid-template-columns:70px 1fr;gap:18px;background:radial-gradient(circle at 95% 0%,rgba(197,164,100,.12),transparent 40%),linear-gradient(125deg,#f0f7ed,#fff)}
body.portal-design .school-story-index{font:800 12px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:.11em;color:#2e865d;display:block;margin-bottom:18px}
body.portal-design .school-story-card.is-feature .school-story-index{font:800 31px/1 'Plus Jakarta Sans',sans-serif;color:#b9cfc0;margin:0}
body.portal-design .school-story-body h2{font:800 clamp(20px,2vw,28px)/1.25 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;color:#173e31;margin:0 0 14px}
body.portal-design .school-story-body p{font-size:15px;line-height:1.8;color:#526c5d;margin:0 0 14px}
body.portal-design .school-story-body p:last-child{margin:0}
body.portal-design .school-story-body ul{margin:13px 0 0;padding:0;list-style:none}
body.portal-design .school-story-body li{margin:0;padding:9px 0 9px 22px;position:relative;border-bottom:1px solid #dfe9df;font-size:14px;line-height:1.6;color:#466050}
body.portal-design .school-story-body li::before{content:'';position:absolute;left:2px;top:17px;width:7px;height:7px;background:#bfa466;border-radius:50%}
body.portal-design .school-story-body li:last-child{border:0}
body.portal-design .school-story-modules.is-process .school-story-card{background:linear-gradient(135deg,#fff,#f5f9f4)}
body.portal-design .school-story-modules.is-process .school-story-card.is-feature{background:linear-gradient(125deg,#103d30,#28674e);border-color:transparent}
body.portal-design .school-story-modules.is-process .school-story-card.is-feature :is(h2,p){color:#fff}
body.portal-design .school-story-modules.is-process .school-story-card.is-feature .school-story-index{color:#c6a66d}
body.portal-design .school-story-modules.is-vision .school-story-card.is-feature{background:linear-gradient(115deg,#163f30,#32775a);border:0}
body.portal-design .school-story-modules.is-vision .school-story-card.is-feature :is(h2,p){color:#fff}
body.portal-design .school-story-modules.is-vision .school-story-card.is-feature .school-story-index{color:#d6b578}
body.portal-design .school-sidebar{position:sticky;top:30px;background:linear-gradient(155deg,#f3f7f0,#eaf1e8);border:1px solid #d8e5d7;padding:28px 23px;border-radius:23px;box-shadow:0 8px 24px rgba(15,57,35,.045)}
body.portal-design .school-sidebar .eyebrow{font-size:10px;color:#39805b;letter-spacing:.12em}
body.portal-design .school-sidebar h2{font:800 19px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;color:#153d2f;margin:10px 0 8px}
body.portal-design .school-sidebar-lead{font:500 12px/1.6 'DM Sans',sans-serif;color:#657b6a;margin:0 0 15px}
body.portal-design .school-sidebar nav a{display:block;padding:12px 0;color:#2a503b;text-decoration:none;border-bottom:1px solid #d7e2d7;font:600 13px/1.5 'DM Sans',sans-serif}
body.portal-design .school-sidebar nav a:hover{color:#0b8559}
body.portal-design .school-sidebar-support{margin-top:24px;padding:20px;background:linear-gradient(135deg,#133e2e,#2d7052);color:#fff;border-radius:15px;display:grid;gap:10px}
body.portal-design .school-sidebar-support span{font:800 10px 'Plus Jakarta Sans',sans-serif;letter-spacing:.11em;color:#dfc58c}
body.portal-design .school-sidebar-support strong{font:700 14px/1.5 'Plus Jakarta Sans',sans-serif;color:#fff}
body.portal-design .school-sidebar-support a{display:inline-flex;width:fit-content;border-bottom:1px solid #c5a667;color:#f9e2b2;font-size:12px;text-decoration:none;padding-bottom:4px}
body.portal-design .mn65-achievements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
body.portal-design .mn65-achievement{display:flex;flex-direction:column;min-height:310px;padding:28px;border:1px solid #d8e6da;border-radius:22px;background:radial-gradient(circle at top right,rgba(203,179,119,.2),transparent 55%),linear-gradient(135deg,#fff,#f4f8f2);text-decoration:none;color:#153d2e}
body.portal-design .mn65-achievement:hover{transform:translateY(-3px);box-shadow:0 12px 38px #133d2a18}
body.portal-design .mn65-achievement-category{font:800 10px 'Plus Jakarta Sans',sans-serif;color:#3c805f;letter-spacing:.08em;text-transform:uppercase}
body.portal-design .mn65-achievement-number{font:800 clamp(66px,7vw,105px)/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.075em;color:#19503a;margin:22px 0 4px}
body.portal-design .mn65-achievement h2{font:800 19px/1.35 'Plus Jakarta Sans',sans-serif;color:#153c30;margin:0 0 10px}
body.portal-design .mn65-achievement p{font-size:13px;line-height:1.7;color:#566f60;margin:0 0 20px}
body.portal-design .mn65-achievement-cta{margin-top:auto;font:800 12px 'Plus Jakarta Sans',sans-serif;color:#276c4c;text-decoration:underline;text-underline-offset:5px}
body.portal-design .mn65-feature-panel{display:grid;gap:10px;align-items:center;margin:27px 0;padding:32px;border-radius:22px;background:linear-gradient(115deg,#103d30,#287453);color:#fff}
body.portal-design .mn65-feature-panel :is(h2,p){color:#fff;margin:0}
body.portal-design .mn65-feature-panel h2{font:800 26px/1.2 'Plus Jakarta Sans',sans-serif}
body.portal-design .mn65-feature-panel p{max-width:720px;opacity:.87;font:500 14px/1.8 'DM Sans',sans-serif}
body.portal-design .mn65-quick-links{display:flex;gap:16px;margin-top:7px;flex-wrap:wrap}
body.portal-design .mn65-quick-links a{display:inline-block;color:#e8d7ac;font:700 12px 'Plus Jakarta Sans',sans-serif;text-decoration:underline;text-underline-offset:4px}
body.portal-design .mn65-lead{font:500 16px/1.8 'DM Sans',sans-serif;max-width:720px;color:#516c5f;margin:0 0 26px}
body.portal-design .school-document-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
body.portal-design .school-document-list article{display:flex;gap:18px;background:linear-gradient(125deg,#fff,#f5f9f3);border:1px solid #dce8dc;padding:26px;min-height:182px;margin:0}
body.portal-design .mn65-doc-mark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#e1eee4;color:#267351;font:800 15px 'Plus Jakarta Sans',sans-serif}
body.portal-design .school-document-list h2{font:800 19px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;margin:6px 0 10px;color:#173f31}
body.portal-design .school-document-list p{font-size:13px;line-height:1.7;color:#5e7466}
body.portal-design .mn65-archive-cta{display:flex;gap:18px;justify-content:space-between;align-items:center;margin:25px 0;padding:30px;border-radius:23px;background:linear-gradient(120deg,#e8f2e8,#f5f7eb)}
body.portal-design .mn65-archive-cta h2{font:800 22px 'Plus Jakarta Sans',sans-serif;margin:8px 0 6px;color:#173e31}
body.portal-design .mn65-archive-cta p{max-width:510px;font-size:13px;color:#526d5d;margin:0}
body.portal-design .mn65-archive-cta a{flex-shrink:0}
body.portal-design .detail .page-return{margin-top:54px;padding-top:25px;border-color:#dce7dd}
body.portal-design .detail .page-return a{font:700 13px 'Plus Jakarta Sans',sans-serif;color:#286447}
body.portal-design .detail .school-gallery-card{border-radius:20px;background:#fff;box-shadow:0 8px 27px rgba(17,56,35,.04)}
body.portal-design .detail .school-gallery-card b{font:800 21px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em}
body.portal-design .detail .school-gallery-card em{font-style:normal;text-decoration:none;font:700 12px 'DM Sans',sans-serif}
body.portal-design .detail .team-card{border:1px solid #dbe7dc;background:linear-gradient(160deg,#fff,#f5f9f3);box-shadow:0 8px 26px rgba(17,57,37,.045)}
body.portal-design .detail .team-card h3{font:800 22px/1.32 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em}
body.portal-design .detail :is(.article-body,.school-prose) > p{font:500 16px/1.85 'DM Sans',sans-serif;color:#4d6759}
body.portal-design .detail :is(.news-card,.announcement,.info-panel){border-radius:18px}
body.portal-design .detail .ui-icon-arrow{display:none!important}
body.portal-design.man9-detail-active .mn8-floating{right:18px;bottom:18px}
body.portal-design.man9-detail-active .mn8-floating-toggle{min-height:44px;padding:9px 15px;font-size:12px}
@media(max-width:1000px){body.portal-design .school-reading-layout{grid-template-columns:1fr}body.portal-design .school-sidebar{position:static}body.portal-design .school-story-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.portal-design .detail{padding-top:24px;padding-bottom:76px}body.portal-design .detail .page-heading{padding:29px 25px;margin-bottom:27px;border-radius:22px}body.portal-design .detail .page-heading h1{font-size:clamp(29px,7vw,42px)}body.portal-design .detail .page-heading .page-intro{font-size:14px}body.portal-design .school-story-modules{grid-template-columns:1fr}body.portal-design .school-story-card{padding:24px 22px}body.portal-design .school-story-card.is-feature{display:block;grid-column:auto}body.portal-design .school-story-card.is-feature .school-story-index{font-size:13px;margin-bottom:13px}body.portal-design .mn65-achievements-grid{grid-template-columns:1fr}body.portal-design .mn65-achievement{min-height:260px}body.portal-design .mn65-achievement-number{font-size:75px}body.portal-design .school-document-list{grid-template-columns:1fr}body.portal-design .mn65-archive-cta{flex-direction:column;align-items:flex-start}body.portal-design.man9-detail-active .mn8-floating{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:10px}}
@media(prefers-reduced-motion:reduce){body.portal-design .school-story-card,body.portal-design .mn65-achievement{transition:none!important}}
/* Contrast correction and refined chapter motif after visual QA. */
body.portal-design .detail .school-story-modules.is-vision .school-story-card.is-feature .school-story-body h2,
body.portal-design .detail .school-story-modules.is-process .school-story-card.is-feature .school-story-body h2{color:#fff!important}
body.portal-design .detail .page-heading::before{content:'09';display:flex;align-items:center;justify-content:center;font:800 clamp(72px,11vw,156px)/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.10em;color:rgba(40,116,83,.12);padding-right:14px}
body.portal-design .detail[data-route='struktur-organisasi'] .orgx-intro{padding-top:35px;padding-bottom:35px}
body.portal-design .detail[data-route='struktur-organisasi'] .orgx-intro h2{font-size:clamp(22px,2.2vw,30px)}
@media(max-width:760px){body.portal-design .detail .page-heading::before{width:110px;top:12px;right:0;font-size:72px;opacity:.55}}


/* --- v66-inline.css --- */
/* V6.6 — Cerita + Reels menyatu dalam satu rail, dan kontrol benar-benar bulat. */
body.portal-design .mn5-slider-buttons>button,
body.portal-design .story-prev,
body.portal-design .story-next,
body.portal-design .mn62-instagram-controls>button,
body.portal-design .mn9-reels-controls>button{
  box-sizing:border-box!important;
  inline-size:44px!important;
  block-size:44px!important;
  width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  max-width:44px!important;max-height:44px!important;
  flex:0 0 44px!important;
  aspect-ratio:1 / 1!important;
  border-radius:999px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
}
body.portal-design .mn5-slider-buttons>button{font-size:16px!important}
body.portal-design .mn5-slider-buttons>button[data-slider-action="toggle"]{font-size:12px!important}
body.portal-design .story-prev,body.portal-design .story-next{display:grid!important;place-items:center!important}
#instagram-man9{display:none!important}
.reference-story.is-reel .reference-story-play{
  position:absolute;left:14px;top:14px;z-index:2;
  width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.9);color:#124132;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  font-size:18px;font-weight:800;
}
.reference-story.is-reel:before{
  content:"REEL";position:absolute;right:14px;top:14px;z-index:2;
  padding:7px 10px;border-radius:999px;
  background:rgba(14,56,39,.82);backdrop-filter:blur(8px);
  color:#fff;font:800 10px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;
}
.reference-story.is-reel span{color:#cfe9cb}
.reference-story.is-reel h2{max-width:95%}
@media(max-width:760px){
  body.portal-design .mn5-slider-buttons>button,
  body.portal-design .story-prev,
  body.portal-design .story-next,
  body.portal-design .mn62-instagram-controls>button,
  body.portal-design .mn9-reels-controls>button{
    inline-size:42px!important;block-size:42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;flex-basis:42px!important;
  }
  .reference-story.is-reel .reference-story-play{width:40px;height:40px;left:10px;top:10px;font-size:16px}
  .reference-story.is-reel:before{top:10px;right:10px;padding:6px 8px;font-size:9px}
}


/* --- v67-controls-popup.css --- */
/* V6.7 — circular controls share fixed physical dimensions on all viewports. */
body.portal-design :is(
  .mn5-slider-buttons>button,
  .story-prev,.story-next,
  .mn62-instagram-controls>button,
  .mn9-reels-controls>button,
  .mn9-calendar-nav>#mn9-prev,
  .mn9-calendar-nav>#mn9-next,
  .xp-popup-close,
  .mn9-reel-dialog-close,
  .orgx-dialog-close
){
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 44px!important;
  inline-size:44px!important;block-size:44px!important;
  width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  max-width:44px!important;max-height:44px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  padding:0!important;
  line-height:1!important;
  transform:translateZ(0);
}
body.portal-design .mn5-slider-buttons>button[data-slider-action=toggle]{font-size:14px!important}
body.portal-design .mn9-reel-dialog{width:min(92vw,560px);max-height:90dvh;border-radius:22px;overflow-y:auto;overscroll-behavior:contain}
body.portal-design .mn9-reel-dialog-content{width:100%;min-height:340px;padding:14px 14px 22px;overflow-x:hidden}
body.portal-design .mn9-reel-dialog-content iframe{max-width:100%!important}
body.portal-design .mn67-reel-message{font:500 14px/1.65 'DM Sans',sans-serif;text-align:center;color:#466956;max-width:390px;margin:34px auto}
body.portal-design .mn9-reel-dialog-footer{position:sticky;bottom:0;background:#fff}
body.portal-design #story-rail .reference-story.is-reel:focus-visible{outline:3px solid #c7a567;outline-offset:-4px}
@media(max-width:640px){
  body.portal-design :is(.mn5-slider-buttons>button,.story-prev,.story-next,.mn62-instagram-controls>button,.mn9-reels-controls>button,.mn9-calendar-nav>#mn9-prev,.mn9-calendar-nav>#mn9-next){
    flex-basis:42px!important;inline-size:42px!important;block-size:42px!important;
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;
  }
  body.portal-design .mn9-reel-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);}
  body.portal-design .mn9-reel-dialog-content{min-height:240px;padding:8px 6px 12px}
}
@media(prefers-reduced-motion:reduce){body.portal-design .mn9-reel-dialog *{scroll-behavior:auto!important}}


/* --- v68-editorial-refinement.css --- */
/* MAN 9 Jakarta V6.8 — editorial interior design-system */
body.portal-design{--mn68-forest:#103d30;--mn68-emerald:#287453;--mn68-gold:#c5a464;--mn68-ink:#213a30}
body.portal-design .detail .page-heading{padding:clamp(31px,4.5vw,60px);margin-bottom:34px;min-height:258px;display:flex;flex-direction:column;justify-content:center}
body.portal-design .detail .page-heading::before{content:'';position:absolute;right:-10px;top:-55px;width:310px;height:310px;border-radius:44% 56% 65% 35%;background:radial-gradient(circle at 45% 35%,rgba(39,114,80,.12),transparent 62%);box-shadow:none;border:1px solid rgba(31,114,77,.09);transform:rotate(-19deg);font-size:0;pointer-events:none}
body.portal-design .detail .page-heading::after{margin-top:23px}
body.portal-design .detail .page-heading h1{max-width:950px;font-size:clamp(34px,3.6vw,53px);line-height:1.14;letter-spacing:-.047em;margin-bottom:13px}
body.portal-design .detail .page-heading .eyebrow{margin-bottom:13px}
body.portal-design .detail .page-heading .page-intro{max-width:680px;font-size:clamp(14px,1.28vw,17px);line-height:1.72}
body.portal-design .detail[data-family="identity"] .page-heading::before{content:'09';font:800 120px/1 'Plus Jakarta Sans',sans-serif;display:grid;place-items:center;color:rgba(36,109,74,.10);background:none;border:1px solid rgba(38,105,76,.08);transform:none;right:26px;top:10px}
body.portal-design .detail[data-family="learning"] .page-heading{background:radial-gradient(circle at 96% 0%,rgba(197,165,100,.15),transparent 40%),linear-gradient(117deg,#ebf4eb,#f7faf4 60%,#fffdf8)}
body.portal-design .detail[data-family="stories"] .page-heading{background:radial-gradient(circle at 95% 0%,rgba(200,166,110,.20),transparent 43%),linear-gradient(117deg,#f9f5e9,#f5f8f0)}
body.portal-design .detail[data-family="transparency"] .page-heading{background:radial-gradient(circle at 96% 2%,rgba(57,135,99,.11),transparent 43%),linear-gradient(115deg,#e9f3ec,#fdfbf6)}
body.portal-design .detail[data-family="service"] .page-heading{background:radial-gradient(circle at 96% 2%,rgba(47,120,84,.16),transparent 38%),linear-gradient(115deg,#eaf5ee,#f6faf6)}
body.portal-design .mn68-school-page{min-width:0}
body.portal-design .mn68-feature-split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);border-radius:25px;overflow:hidden;margin:0 0 30px;min-height:320px;background:linear-gradient(125deg,#103d30,#286f51 74%,#3b7c5d);color:#fff;box-shadow:0 16px 40px rgba(16,60,45,.10)}
body.portal-design .mn68-editorial-media{margin:0;position:relative;min-height:320px;overflow:hidden}
body.portal-design .mn68-editorial-media img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
body.portal-design .mn68-editorial-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,32,23,.55),transparent 54%);pointer-events:none}
body.portal-design .mn68-editorial-media figcaption{position:absolute;bottom:16px;left:18px;right:18px;z-index:1;color:#fff;font:600 11px/1.5 'DM Sans',sans-serif}
body.portal-design .mn68-feature-copy{padding:clamp(24px,4vw,55px);display:flex;flex-direction:column;justify-content:center;min-width:0}
body.portal-design .mn68-feature-kicker{color:#e5d9ad;letter-spacing:.15em;text-transform:uppercase;font:800 11px/1.3 'Plus Jakarta Sans',sans-serif}
body.portal-design .mn68-feature-copy h2{color:#fff!important;font:800 clamp(24px,2.65vw,35px)/1.22 'Plus Jakarta Sans',sans-serif;letter-spacing:-.042em;margin:18px 0}
body.portal-design .mn68-feature-copy p,body.portal-design .mn68-feature-copy li{color:#e5f0e9;font:500 15px/1.75 'DM Sans',sans-serif}
body.portal-design .mn68-feature-copy ul{margin-top:10px;padding-left:19px}
body.portal-design .mn68-reading{margin-top:25px}
body.portal-design .mn68-reading .mn68-story-grid.has-feature-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.portal-design .mn68-reading .mn68-story-grid.has-feature-media .school-story-card{grid-column:auto;display:block;background:linear-gradient(142deg,#fff,#f2f7f1);min-height:245px}
body.portal-design .mn68-reading .mn68-story-grid.has-feature-media .school-story-index{font:800 13px 'Plus Jakarta Sans',sans-serif;color:#3c9264;margin-bottom:20px}
body.portal-design .mn68-reading .school-story-card h2{font:800 clamp(21px,1.7vw,26px)/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;margin:0 0 13px}
body.portal-design .mn68-reading .school-story-card p,body.portal-design .mn68-reading .school-story-card li{font:500 15px/1.76 'DM Sans',sans-serif}
body.portal-design .mn68-reading .school-story-card{border:1px solid #e0e9df;border-radius:22px;box-shadow:0 7px 27px rgba(16,61,40,.035);padding:clamp(24px,2.7vw,36px)}
body.portal-design .mn68-reading .school-story-card.is-feature{min-height:215px}
body.portal-design .mn68-reading .school-story-card.is-feature h2{color:#fff!important}
body.portal-design .mn68-reading .school-story-card.is-feature p,body.portal-design .mn68-reading .school-story-card.is-feature li{color:#f0f7ee!important}
body.portal-design .mn68-timeline-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:22px 0 14px}
body.portal-design .mn68-timeline-heading .eyebrow{color:#2b7d56;font:800 10px 'Plus Jakarta Sans',sans-serif;letter-spacing:.13em;margin:0}
body.portal-design .mn68-timeline-heading h2{font:800 clamp(18px,2vw,27px)/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;margin:0;color:#153c2e}
body.portal-design .school-timeline.mn68-timeline{margin:0 0 27px;gap:12px}
body.portal-design .school-timeline.mn68-timeline li{background:linear-gradient(135deg,#163d2f,#2a7352);border:1px solid #3f765b;padding:24px;border-radius:19px}
body.portal-design .school-timeline.mn68-timeline b{font:800 34px/1.2 'Plus Jakarta Sans',sans-serif;color:#f0dfa7;margin-bottom:9px}
body.portal-design .school-timeline.mn68-timeline span{font:500 13px/1.65 'DM Sans',sans-serif;color:#e8efe8}
body.portal-design .mn68-reading .school-sidebar{border-radius:20px;background:linear-gradient(160deg,#f0f7f0,#fcfaf4);border:1px solid #e0e8df;box-shadow:none;padding:25px}
body.portal-design .mn68-reading .school-sidebar h2{font:800 20px/1.38 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;color:#133c30;margin:12px 0}
body.portal-design .mn68-reading .school-sidebar nav a{padding:12px 0;border-bottom:1px solid #d9e5dc;font:650 13px/1.45 'DM Sans',sans-serif}
body.portal-design .mn68-reading .school-sidebar .school-sidebar-support{border-radius:15px}
body.portal-design .mn68-context-note{display:flex;align-items:flex-start;gap:13px;padding:18px 20px;border:1px solid #dee9df;background:#f6f9f4;border-radius:17px;margin:27px 0 8px}
body.portal-design .mn68-context-note p{font:500 13px/1.7 'DM Sans',sans-serif;margin:0;color:#5b7163}
body.portal-design .mn68-context-mark{display:grid;place-items:center;flex:0 0 23px;border:1px solid #b9d9c4;width:23px;height:23px;border-radius:50%;font:800 12px 'Plus Jakarta Sans',sans-serif;color:#1d704b;background:#e7f2e7}
body.portal-design .detail[data-route="artikel"] .page-heading{max-width:990px;margin-left:auto;margin-right:auto;background:linear-gradient(130deg,#f3f7f0,#fffaf0)}
body.portal-design .detail[data-route="artikel"] .page-heading h1{font-size:clamp(29px,3.5vw,49px)}
body.portal-design .detail[data-route="artikel"] .article-body{max-width:780px;font:500 17px/1.9 'DM Sans',sans-serif}
body.portal-design .detail[data-route="artikel"] .detail-image{max-width:990px;margin:25px auto;border-radius:22px}
body.portal-design .detail[data-route="artikel"] .article-toolbar{max-width:990px;margin-left:auto;margin-right:auto}
body.portal-design .detail[data-route="artikel"] .article-note{max-width:990px;margin-left:auto;margin-right:auto}
body.portal-design .detail .page-return{margin-top:44px}
@media(max-width:1000px){body.portal-design .mn68-feature-split{grid-template-columns:1fr 1fr}body.portal-design .mn68-reading .school-sidebar{position:static}}
@media(max-width:760px){body.portal-design .detail .page-heading{min-height:0;padding:28px 24px;margin-bottom:25px}body.portal-design .detail .page-heading::before{width:135px;height:135px;top:-8px;right:-20px}body.portal-design .detail[data-family="identity"] .page-heading::before{right:0;top:10px;font-size:65px}body.portal-design .mn68-feature-split{grid-template-columns:1fr;gap:0;border-radius:20px}body.portal-design .mn68-editorial-media{height:215px;min-height:215px}body.portal-design .mn68-feature-copy{padding:28px 25px 32px}body.portal-design .mn68-feature-copy h2{font-size:25px}body.portal-design .mn68-feature-copy p,body.portal-design .mn68-feature-copy li{font-size:14px}body.portal-design .mn68-reading .mn68-story-grid.has-feature-media{grid-template-columns:1fr}body.portal-design .mn68-reading .school-story-card{padding:23px}body.portal-design .mn68-timeline-heading{display:block}body.portal-design .mn68-timeline-heading h2{margin-top:9px}body.portal-design .school-timeline.mn68-timeline li{padding:17px}body.portal-design .school-timeline.mn68-timeline b{font-size:24px}}
@media(prefers-reduced-motion:reduce){body.portal-design .mn68-feature-split *{transition:none!important}}
/* Visual QA corrections: headings align consistently and feature cards remain readable. */
body.portal-design .detail .page-heading{text-align:left!important;align-items:flex-start!important}
body.portal-design .detail .page-heading .eyebrow,body.portal-design .detail .page-heading .page-intro{margin-left:0;margin-right:0;text-align:left}
body.portal-design .mn68-reading .school-story-modules.is-editorial.no-feature-media .school-story-card.is-feature{background:linear-gradient(125deg,#103d30 0%,#287453 95%)!important;border-color:#256f51!important}
body.portal-design .mn68-reading .school-story-modules.no-feature-media .school-story-card.is-feature .school-story-index{color:#e2c989!important}
body.portal-design .mn68-reading .school-story-modules.no-feature-media .school-story-card.is-feature h2,
body.portal-design .mn68-reading .school-story-modules.no-feature-media .school-story-card.is-feature p,
body.portal-design .mn68-reading .school-story-modules.no-feature-media .school-story-card.is-feature li{color:#fff!important}
body.portal-design .detail[data-family="transparency"] .mn68-context-note{background:#f5f8f3}
@media(max-width:760px){body.portal-design .detail .page-heading{text-align:left!important;align-items:flex-start!important}body.portal-design .detail .breadcrumb{margin-bottom:13px}body.portal-design .detail{padding-top:19px}}
/* Compact action control on mobile interior pages; opening still shows both real services. */
@media(max-width:760px){
 body.portal-design.man9-detail-active .mn8-floating-toggle{
  box-sizing:border-box!important;width:46px!important;height:46px!important;
  min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;
  flex:0 0 46px!important;aspect-ratio:1/1!important;border-radius:50%!important;
  padding:0!important;gap:0!important;display:grid!important;place-items:center!important;
 }
 body.portal-design.man9-detail-active .mn8-toggle-label{display:none!important}
 body.portal-design.man9-detail-active .mn8-toggle-icon{font-size:24px!important}
}


/* --- revisi-man9.css --- */
/* Revisi identitas, slogan, dan direktori dokumen */
body.portal-design .brand .school-logo, body.portal-design footer .brand .school-logo{background:transparent!important;border-radius:0!important;padding:0!important;object-fit:contain}
.xp-hero-copy .man9-slogan{color:#e5c487;font-weight:800;font-size:clamp(15px,1.35vw,19px);line-height:1.45;max-width:670px;margin:20px 0 8px}
.man9-doc-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 44px}
.man9-doc-links a,.man9-file{display:flex;gap:16px;align-items:center;position:relative;padding:20px 22px;border:1px solid rgba(66,108,87,.22);border-radius:16px;color:inherit;background:rgba(119,160,136,.08);text-decoration:none}
.man9-doc-links a{flex-direction:column;align-items:flex-start;padding-right:44px}.man9-doc-links a strong,.man9-file strong{font-size:17px}.man9-doc-links a span,.man9-file small{opacity:.76;font-size:14px}.man9-doc-links a b{position:absolute;right:22px;top:20px}.man9-doc-links a:hover,.man9-file:hover{border-color:#86c5a6;background:rgba(119,160,136,.16)}
.man9-document-page{max-width:980px}.man9-doc-lead{font-size:18px;opacity:.8}.man9-document-results{margin:32px 0 48px}.man9-empty-panel,.man9-quarter{border:1px solid rgba(66,108,87,.25);border-radius:16px;padding:24px;margin:0 0 14px;background:rgba(119,160,136,.07)}.man9-empty-panel p,.man9-empty{margin:8px 0 0;opacity:.75}.man9-quarter h2{margin:0;font-size:21px}.man9-quarter .man9-file{margin-top:12px}.man9-file>span:nth-child(2){display:flex;flex-direction:column;flex:1}.man9-file-mark{font-size:26px}.man9-document-contact{border-top:1px solid rgba(66,108,87,.3);border-bottom:1px solid rgba(66,108,87,.3);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0;margin-bottom:30px}.man9-document-contact h2{margin:8px 0}.man9-document-contact p{margin:0;opacity:.8}
@media(max-width:600px){.man9-doc-links{grid-template-columns:1fr}.man9-document-contact{align-items:flex-start;flex-direction:column}.xp-hero-copy .man9-slogan{font-size:15px}.site-header .brand>span{font-size:clamp(12px,3.7vw,17px)!important;white-space:nowrap}}
/* Identitas madrasah selalu menggunakan angka 9 */
body.portal-design .detail .page-heading::before,body.portal-design .detail[data-family="identity"] .page-heading::before,.mn-service-internal::after,.xp-cta::after{content:'9'}

/* Revisi sambutan Ibu Tinia */
body.portal-design .xp-hero h1.man9-hero-slogan{font-size:clamp(42px,5.5vw,76px);line-height:1.08;letter-spacing:-.045em}
.man9-hero-slogan .xp-hero-line:nth-child(2) .xp-hero-line-inner{animation-delay:.29s}
.xp-zi-watermark,.xp-popup-monogram,.xp-zi-detail-mark{letter-spacing:.08em!important;font-kerning:none}
body.portal-design .xp-zi-float>span:first-child{letter-spacing:.08em;font-kerning:none}
@media(max-width:760px){body.portal-design .xp-hero h1.man9-hero-slogan{font-size:clamp(32px,8.1vw,53px);line-height:1.12;letter-spacing:-.035em}}
@media(max-width:360px){body.portal-design .xp-hero h1.man9-hero-slogan{font-size:clamp(29px,7.8vw,34px)}}
#zi-popup-title em{margin-left:.14em}
body.portal-design .xp-hero h1.man9-hero-slogan{letter-spacing:-.015em}
@media(max-width:760px){body.portal-design .xp-hero h1.man9-hero-slogan{letter-spacing:-.015em}}


/* --- motion-man9-extra.css --- */
/* Preserve the existing motion system and add restrained interaction feedback. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine){
  .portal-design .nav-group[open]>.nav-submenu{animation:man9-menu-in .18s ease-out both;max-height:min(70vh,600px);overflow-y:auto;overscroll-behavior:contain}
  @keyframes man9-menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
  body.portal-design .xp-shortcut,body.portal-design .mn6-public-card{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}
  body.portal-design .xp-shortcut:hover,body.portal-design .mn6-public-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #123e3020;z-index:1}
  body.portal-design :is(.xp-btn,.portal-link,.button){transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease}
  body.portal-design :is(.xp-btn,.portal-link,.button):hover{box-shadow:0 8px 20px #092e2224}
  body.portal-design :is(.xp-btn,.portal-link,.button) .ui-icon-arrow{transition:transform .2s ease}
  body.portal-design :is(.xp-btn,.portal-link,.button):hover .ui-icon-arrow{transform:translate(3px,-3px)}
}
@media (pointer:coarse){body.portal-design :is(.xp-shortcut,.mn6-public-card,.xp-btn,.portal-link):active{filter:brightness(.93)}}
body.portal-design .xp-zi-dialog.is-closing{animation:man9-dialog-out .18s ease-in both!important;pointer-events:none}
body.portal-design .xp-zi-dialog.is-closing::backdrop{animation:man9-backdrop-out .18s ease-in both}
@keyframes man9-dialog-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(7px)}}
@keyframes man9-backdrop-out{from{opacity:1}to{opacity:0}}
@media (prefers-reduced-motion:reduce){
 body.portal-design .nav-group[open]>.nav-submenu,body.portal-design .xp-zi-dialog.is-closing{animation:none!important}
 body.portal-design :is(.xp-shortcut,.mn6-public-card,.xp-btn,.portal-link,.button){transition:none!important}
}


/* --- nav-responsive.css --- */
/* Medium viewports: retain the existing colors and controls with a second navigation row. */
@media (min-width:761px) and (max-width:1280px) {
 body.portal-design .site-header,body.portal-design .site-header.xp-scrolled{
   display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;
   height:auto!important;min-height:0!important;gap:0 12px;padding:8px 24px 0!important;align-items:center;
 }
 body.portal-design .site-header>.brand{grid-column:1;grid-row:1;min-width:0}
 body.portal-design .site-header>.header-actions{grid-column:2;grid-row:1;display:flex;align-items:center}
 body.portal-design .site-header #nav,body.portal-design .site-header #nav:not(.open),body.portal-design .site-header #nav.open{
   grid-column:1 / -1;grid-row:2;position:static!important;display:block!important;visibility:visible!important;opacity:1!important;
   transform:none!important;max-height:none!important;max-width:none!important;width:100%!important;
   overflow:visible!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;
 }
 body.portal-design .site-header .menu{display:none!important}
 body.portal-design .site-header #nav .school-menu-groups,body.portal-design .site-header #nav.open .school-menu-groups{
   display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;flex-wrap:nowrap;
   max-width:none;margin:0;gap:clamp(4px,1.6vw,20px);padding:0;
 }
 body.portal-design .site-header #nav .nav-group{position:relative;border:0;margin:0;flex:0 0 auto}
 body.portal-design .site-header #nav .nav-group>summary{font-size:13px!important;min-height:44px!important;padding:8px 7px;gap:5px;white-space:nowrap}
 body.portal-design .site-header #nav .nav-submenu,body.portal-design .site-header #nav.open .nav-submenu{
   position:absolute;left:0;top:100%;width:270px!important;max-width:min(320px,90vw)!important;max-height:min(65dvh,600px)!important;
   overflow:auto;overscroll-behavior:contain;z-index:100;margin:0;padding:10px;background:#fffdf8;border:1px solid #e1e9e0;
   border-radius:0 0 15px 15px;box-shadow:0 20px 45px #09261f1d;
 }
 body.portal-design .site-header #nav .nav-group:last-of-type .nav-submenu{left:auto;right:0}
 body.portal-design .site-header #nav .nav-submenu>a,body.portal-design .site-header #nav .nav-branch>summary{font-size:14px;min-height:44px}
 body.portal-design .site-header #nav .school-nav-portal,body.portal-design .site-header #nav .school-nav-admissions{display:none!important}
}
@media (min-width:761px) and (max-width:850px){
 body.portal-design .site-header,body.portal-design .site-header.xp-scrolled{padding-inline:14px!important}
 body.portal-design .site-header #nav .school-menu-groups{gap:3px}
 body.portal-design .site-header #nav .nav-group>summary{font-size:12px!important;padding-inline:5px}
}


/* --- v70-hardening.css --- */
/* MAN 9 Jakarta — hardening sebelum CMS, 3 Nov 2026 */
:root{--man9-green:#103d30;--man9-emerald:#267657;--man9-cream:#f8f7f1;--man9-gold:#c6a46b}
.man9-verified-article{max-width:1000px;margin:0 auto 54px}
.man9-news-sourcing,.man9-service-intro,.man9-guide-action,.man9-ppid-help,.man9-admission-status{border-radius:25px;padding:clamp(22px,3.5vw,42px);border:1px solid #d4e2d7;background:linear-gradient(145deg,#fff,#f1f8f2);box-shadow:0 16px 38px #103d3009}
.man9-news-sourcing h2,.man9-service-intro h2,.man9-ppid-help h2{font:800 clamp(24px,3vw,35px)/1.23 'Plus Jakarta Sans',sans-serif;letter-spacing:-.045em;color:#123d2e;margin:10px 0 17px}
.man9-news-sourcing p,.man9-service-intro p,.man9-ppid-help p,.man9-admission-status p{font:500 15px/1.85 'DM Sans',sans-serif;color:#435b4e}
.man9-action,.man9-secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #103d30;border-radius:12px;font:800 13px/1.4 'Plus Jakarta Sans',sans-serif;text-align:center;transition:transform .2s,box-shadow .2s;text-decoration:none}
.man9-action{background:#103d30!important;color:#fff!important}
.man9-secondary-action{background:#fff!important;color:#103d30!important}
.man9-action:hover,.man9-secondary-action:hover{transform:translateY(-2px);box-shadow:0 8px 20px #102c1c18}
.man9-guidance-notice,.man9-calendar-public-status{border:1px solid #cbded0;border-radius:16px;background:#f3f8f3;color:#315942;padding:19px 22px;font:500 14px/1.75 'DM Sans',sans-serif;margin:0 0 22px}
.man9-guidance-notice strong{color:#163e30}
.man9-guidance-notice a{color:#0d674a;text-decoration:underline}
.man9-subheading{font:800 clamp(24px,3vw,32px)/1.28 'Plus Jakarta Sans',sans-serif;color:#163e30;margin:26px 0}
.man9-admission-status{background:linear-gradient(125deg,#103d30,#1b694e);color:#fff!important;border:0;margin-bottom:28px}
.man9-admission-status strong{display:block;font:800 clamp(18px,2.3vw,26px)/1.35 'Plus Jakarta Sans',sans-serif;color:#fff;margin:12px 0}
.man9-admission-status p{color:#e2f3e6}
.man9-admission-status a{display:inline-flex;padding:12px 17px;background:#fff;color:#103d30;border-radius:10px;font-weight:800;text-decoration:none}
.man9-status-pill{display:inline-block;border:1px solid #ffffff55;background:#ffffff18;padding:6px 11px;border-radius:99px;font:800 11px 'Plus Jakarta Sans',sans-serif}
.man9-service-detail{margin:0 auto;max-width:1140px;padding:0 0 50px}
.man9-service-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}
.man9-service-steps>section{padding:28px;border:1px solid #d7e4da;background:#fff;border-radius:22px}
.man9-service-steps h2{font:800 clamp(21px,2vw,29px)/1.35 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;color:#143c2f}
.man9-service-steps li{margin:12px 0;padding-left:5px;line-height:1.7;color:#3b5b4b}
.man9-guide-action{background:linear-gradient(160deg,#eaf5ed,#fff)!important;display:flex;flex-direction:column;align-items:start;gap:14px}
.man9-guide-action p{margin:0;font:500 14px/1.75 'DM Sans',sans-serif}
.man9-guide-meta{display:flex;flex-wrap:wrap;gap:10px}.man9-guide-meta span{padding:7px 12px;background:#e9f1eb;color:#1f6446;font:700 12px 'Plus Jakarta Sans',sans-serif;border-radius:50px}
.man9-help-line{margin:20px 0 15px;padding:18px 20px;border-left:4px solid #c6a46b;background:#f7f7f2;color:#345743}
.man9-help-line a{text-decoration:underline;font-weight:800}
.man9-ppid-help{margin:25px 0}.man9-ppid-actions{display:flex;gap:12px;flex-wrap:wrap}
.man9-doc-availability{display:inline-block;font:700 11px/1.5 'DM Sans',sans-serif;color:#707b6e;border:1px solid #e4e9df;border-radius:100px;padding:3px 10px;margin-top:9px}
.man9-reel-neutral{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(ellipse at 70% 20%,#2b7c5d 0%,transparent 50%),linear-gradient(150deg,#154c3a,#09291f);color:#fff;text-align:center;isolation:isolate}
.man9-reel-neutral::before{content:'';position:absolute;inset:18px;border:1px solid #ffffff26;border-radius:18px;z-index:-1}
.man9-reel-neutral span{font:800 10px 'Plus Jakarta Sans',sans-serif;letter-spacing:.25em;color:#d3b576}
.man9-reel-neutral b{font:800 clamp(27px,3vw,39px)/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.07em;color:#fff}
.man9-reel-neutral small{font:600 12px 'DM Sans',sans-serif;color:#d6eee0}
body.portal-design .mn5-slider-buttons>button,body.portal-design .mn62-instagram-controls>button,body.portal-design .story-prev,body.portal-design .story-next,body.portal-design .mn9-calendar-nav>button:not(#mn9-today){box-sizing:border-box!important;inline-size:44px!important;block-size:44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;flex:0 0 44px!important;aspect-ratio:1/1!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b78735!important;outline-offset:3px!important}
@media(max-width:760px){.man9-service-steps{grid-template-columns:1fr}.man9-ppid-actions{flex-direction:column}.man9-ppid-actions a{width:100%}body.portal-design .mn5-slider-buttons>button,body.portal-design .mn62-instagram-controls>button,body.portal-design .story-prev,body.portal-design .story-next,body.portal-design .mn9-calendar-nav>button:not(#mn9-today){inline-size:42px!important;block-size:42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;flex-basis:42px!important}}
@media(prefers-reduced-motion:reduce){.man9-action,.man9-secondary-action{transition:none!important}.man9-action:hover,.man9-secondary-action:hover{transform:none!important}}


/* V7 editorial news covers + public service catalog */
.man9-service-catalog{margin:34px 0;padding:clamp(22px,3vw,42px);border-radius:25px;background:linear-gradient(135deg,#f4f8f2,#eaf3ec);border:1px solid #d9e6da}
.man9-service-catalog-head{margin-bottom:22px}
.man9-service-catalog-head h2{font:800 clamp(24px,3vw,35px)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.045em;color:#133d30;margin:8px 0 12px}
.man9-service-catalog-head p{font:500 14px/1.8 'DM Sans',sans-serif;color:#566e60;max-width:700px}
.man9-service-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.man9-service-catalog-grid a{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px;border-radius:17px;border:1px solid #dce6dc;background:#fff;transition:box-shadow .2s,transform .2s;text-decoration:none}
.man9-service-catalog-grid a:hover,.man9-service-catalog-grid a:focus-visible{box-shadow:0 15px 30px #0e432116;transform:translateY(-2px)}
.man9-service-index{font:800 12px 'Plus Jakarta Sans',sans-serif;letter-spacing:.09em;color:#b18d53}
.man9-service-catalog-grid strong{font:800 16px/1.4 'Plus Jakarta Sans',sans-serif;color:#163f30;letter-spacing:-.03em}
.man9-service-catalog-grid small{font:500 13px/1.55 'DM Sans',sans-serif;color:#5b7063}
@media(max-width:860px){.man9-service-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.man9-service-catalog-grid{grid-template-columns:1fr}.man9-service-catalog{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){.man9-service-catalog-grid a{transition:none!important}.man9-service-catalog-grid a:hover{transform:none!important}}

/* V7.1: menu Informasi dipulihkan dan ditata secara terkelompok tanpa menyembunyikan halaman arsip. */
body.portal-design #nav .nav-group:not([open])>.man9-info-menu { display:none!important; }
body.portal-design #nav .nav-group[open]>.man9-info-menu { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;align-content:start;box-sizing:border-box; padding:14px!important; width:min(530px,calc(100vw - 36px))!important; max-width:min(530px,calc(100vw - 36px))!important; max-height:min(74dvh,680px)!important; overflow-y:auto!important;overscroll-behavior:contain; left:auto!important;right:0!important; }
body.portal-design #nav .man9-info-menu .man9-info-menu-heading { grid-column:1 / -1; padding:12px 8px 7px; font:800 10px/1.4 'Plus Jakarta Sans',sans-serif; letter-spacing:.10em; color:#306e55; text-transform:uppercase; border-top:1px solid #e0ebe2; }
body.portal-design #nav .man9-info-menu .man9-info-menu-heading:first-child {border-top:0;padding-top:2px}
body.portal-design #nav .man9-info-menu>a { display:flex; align-items:center; text-decoration:none; min-width:0; min-height:44px; padding:10px 12px!important; border-radius:9px; font:600 13px/1.45 'DM Sans',sans-serif; color:#1b4334; }
body.portal-design #nav .man9-info-menu>a:hover, body.portal-design #nav .man9-info-menu>a:focus-visible { color:#0f4e33;background:#edf6ef;outline-offset:1px; }
@media(max-width:760px){
 body.portal-design #nav .nav-group[open]>.man9-info-menu { display:grid!important; grid-template-columns:minmax(0,1fr); position:static!important; left:auto!important;right:auto!important;transform:none!important; width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important; box-shadow:none!important; padding:3px 5px 10px!important; }
 body.portal-design #nav .man9-info-menu>a { min-height:44px; padding:11px 14px!important; font-size:14px; }
 body.portal-design #nav .man9-info-menu .man9-info-menu-heading {padding-top:14px}
}
@media(min-width:761px) and (max-width:920px){
 body.portal-design #nav .nav-group[open]>.man9-info-menu { width:min(510px,calc(100vw - 48px))!important;max-width:min(510px,calc(100vw - 48px))!important; }
}

/* Saat menu HP dibuka, shortcut mengambang tidak boleh menutupi daftar informasi. */
@media (max-width:760px) {
  body.portal-design:has(#nav.open) .mn8-floating,
  body.portal-design:has(#nav.open) .xp-zi-float {
    visibility:hidden!important;
    pointer-events:none!important;
    opacity:0!important;
  }
}