/* Elegant depth system — shared by public, editorial, portals, admin and auth. */
:root{--depth-shadow:0 3px 0 color-mix(in srgb,var(--brand,#087d70) 9%,transparent),0 12px 28px #183d3610;--depth-shadow-raised:0 5px 0 color-mix(in srgb,var(--brand,#087d70) 12%,transparent),0 18px 38px #183d361b;--depth-ease:cubic-bezier(.2,.8,.2,1);--depth-line:color-mix(in srgb,var(--brand,#087d70) 12%,var(--line,#dce5e3))}
body{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--brand,#087d70) 7%,transparent),transparent 48%),var(--surface-2,#f3f7f6)}
.icon{flex-shrink:0}.icon-3d{overflow:visible;filter:drop-shadow(0 2px 1px #173c3524)}.icon-whatsapp{color:#168b4f}.icon-facebook{color:#2563c7}.icon-instagram{color:#b74286}.icon-youtube{color:#cf263b}.icon-telegram{color:#2285b0}.icon-linkedin{color:#1b73a3}
:where(.institution-promo-card,.program-card,.service-card,.digital-service-card,.app-card,.stat-card,.guide-card,.portal-feature-card,.dashboard-card,.account-card,.event-card,.content-card,.external-news-card,.school-profile-card,.professional-staff-card,.notification-card,.admin-card,.aside-card,.prose-card,.download-card,.principal-followup-card,.gallery-tile,.tinta-story-card,.tinta-related article){border-color:var(--depth-line);box-shadow:var(--depth-shadow);border-radius:20px;transition:box-shadow 220ms var(--depth-ease),border-color 220ms ease,background-color 220ms ease}
:where(.institution-promo-card,.service-card,.digital-service-card,.app-card,.stat-card,.guide-card,.portal-feature-card,.dashboard-card,.account-card,.school-profile-card,.professional-staff-card,.aside-card,.download-card){background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#fff) 97%,#fff),var(--surface,#fff));border:1px solid var(--depth-line)}
:where(.institution-promo-card,.service-card,.digital-service-card,.app-card,.guide-card,.portal-feature-card)>span:first-child{background:transparent;box-shadow:none;border:0;width:52px;height:52px;display:grid;place-items:center}
:where(.institution-promo-card,.program-card,.service-card,.digital-service-card,.app-card,.stat-card,.guide-card,.portal-feature-card,.dashboard-card,.account-card,.premium-value-bar) .icon-3d{width:42px;height:42px}
:where(.institution-promo-card,.program-card,.service-card,.app-card) h3{letter-spacing:-.018em;line-height:1.4}.section-heading h2{letter-spacing:-.025em;line-height:1.25}.section-kicker{letter-spacing:.1em}
:where(.button,.premium-action,.premium-action--primary){box-shadow:inset 0 1px 0 #ffffff50,0 3px 0 #073d3828,0 7px 15px #073d3812;transition:box-shadow 180ms ease,background-color 180ms ease,transform 180ms var(--depth-ease)}
.button .icon-3d,.premium-action .icon-3d{width:25px;height:25px}.button:active,.premium-action:active{box-shadow:inset 0 2px 4px #073d3820,0 1px 0 #073d3820;transform:translateY(2px)}
.site-header,.portal-header,.tinta-site-header{border-bottom:1px solid var(--depth-line);box-shadow:0 4px 20px #153c3510}.site-header{background:var(--surface,#fff)}.nav-item>a{display:flex;gap:7px;align-items:center;font-weight:700}.nav-item>a>.icon-3d{width:26px;height:26px}.nav-item.is-current>a{background:color-mix(in srgb,var(--brand) 9%,var(--surface));border-radius:12px}.submenu{border:1px solid var(--depth-line);border-radius:18px;box-shadow:var(--depth-shadow-raised)}.submenu a{display:flex;gap:10px;align-items:center;min-height:44px}.submenu .icon-3d{width:28px;height:28px}.submenu a>span:first-of-type{flex:1}.mega-service-links>a>span{background:transparent!important}.mega-service-links .icon-3d{width:32px;height:32px}.desktop-nav>ul{flex-wrap:wrap}.site-header .header-inner{height:auto;min-height:var(--header-height)}
.drawer-panel{background:linear-gradient(165deg,var(--surface,#fff),var(--surface-2,#f1f6f4));border-radius:24px 0 0 24px;box-shadow:-18px 0 60px #123d3529}.drawer-nav{padding:8px 16px}.drawer-nav>details{border:1px solid var(--depth-line);border-radius:14px;background:var(--surface,#fff);margin-bottom:10px;box-shadow:0 3px 0 #123d3508}.drawer-nav>details>summary{gap:12px;padding:12px;min-height:60px}.drawer-nav>details>summary>.icon-3d{width:34px;height:34px}.drawer-nav summary>a{font-size:.95rem}.drawer-nav li>a,.drawer-subgroup summary>a{gap:10px;min-height:48px;align-items:center}.drawer-nav li .icon-3d{width:28px;height:28px}.drawer-nav details[open]>summary{background:color-mix(in srgb,var(--brand) 5%,var(--surface));border-radius:14px}.drawer-footer{gap:10px}.drawer-header{padding:20px 18px}
.premium-home-hero{background:radial-gradient(ellipse at 20% 0,#e6f5ef,transparent 55%),var(--surface,#fff)}.premium-hero-shell{border:1px solid var(--depth-line);border-radius:30px;background:linear-gradient(125deg,color-mix(in srgb,var(--surface,#fff) 90%,#edf9f4),var(--surface,#fff));box-shadow:0 4px 0 #badace45,0 22px 60px #143c3515}.premium-hero-copy h1{letter-spacing:-.035em}.premium-hero-image-wrap{border:6px solid var(--surface,#fff);border-radius:24px;box-shadow:0 5px 0 #113c3520,0 18px 30px #123c3525}.premium-hero-identity-card,.premium-hero-floating-chip{box-shadow:inset 0 1px 0 #ffffff8a,0 3px 0 #123c3514,0 12px 24px #123c3515;border:1px solid #ffffff65}.premium-home-aura{background:radial-gradient(circle at 30% 25%,#fff9,#86cdb855 35%,#45977b33 65%,transparent 70%);filter:none;opacity:.55}.premium-value-bar{border:1px solid var(--depth-line);background:var(--surface,#fff);box-shadow:var(--depth-shadow);border-radius:22px}.premium-value-bar .value-icon{background:transparent!important;border:0;box-shadow:none}.premium-hero-microstats>div{border-radius:14px;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #143c350b}.page-hero,.article-hero,.module-hero,.portal-hero{position:relative;background:linear-gradient(125deg,var(--brand-900,#103e37),color-mix(in srgb,var(--brand,#087d70) 75%,#367bb2));border-bottom:3px solid #123c3518}.page-hero h1,.article-hero h1{letter-spacing:-.025em}.page-hero p,.article-hero p{line-height:1.65}.page-aside .icon-3d{width:30px;height:30px}.institution-grid>article{box-shadow:var(--depth-shadow);border-radius:20px}.institution-icon{box-shadow:inset 0 1px 0 #ffffffa0,0 3px 0 #173c3518;background:linear-gradient(145deg,#e8faf2,#b9dfcf)!important;color:#24634e!important}
.portal-header-row,.portal-header .container{gap:12px}.portal-brand .icon-3d{width:32px;height:32px}.portal-nav a,.portal-sidebar a,.module-side-nav a{border-radius:12px;min-height:44px}.portal-card,.portal-panel,.module-card,.request-card{border:1px solid var(--depth-line);border-radius:20px;box-shadow:var(--depth-shadow);background:var(--surface,#fff)}
.tinta-article-page{background:var(--surface,#fff)}.tinta-article-header{background:linear-gradient(135deg,#eff5f7,#fff 70%)}.tinta-share-bar .share-chip{box-shadow:inset 0 1px 0 #fff9,0 2px 0 #173c3510;border-radius:12px}.tinta-category-nav{border-bottom:1px solid var(--depth-line)}.tinta-category-nav a{border-radius:10px}.tinta-category-nav a.is-active{background:#f5e9eb}.tinta-article-cover{box-shadow:var(--depth-shadow);border:1px solid #e2e9e7}.article-prose{filter:none!important;text-shadow:none}.tinta-drawer__panel{border-radius:24px 0 0 24px;box-shadow:-18px 0 60px #173c3530}.tinta-drawer nav a{min-height:46px;border-radius:10px}.tinta-feather .icon-3d{width:34px;height:34px}.tinta-site-logo .icon-3d{width:30px;height:30px}
.auth-shell{background:var(--surface,#fff);border:1px solid var(--depth-line);box-shadow:0 5px 0 #123d3510,0 26px 60px #123d3517;border-radius:26px}.auth-visual{background:linear-gradient(140deg,#103c36,#157d6f)}.auth-card,.login-card{border-radius:22px}.auth-body .button{min-height:46px}.auth-body input{border-radius:12px}
.admin-body .admin-card,.admin-body .notification-card{box-shadow:var(--depth-shadow);border-radius:18px}.admin-body .admin-sidebar{background:linear-gradient(175deg,#112e2d,#163e39 70%,#102b2d);box-shadow:8px 0 32px #123c3512}.admin-body .admin-brand{border-bottom:1px solid #ffffff12}.admin-body .admin-nav-group{border:1px solid #ffffff10;border-radius:14px;margin-bottom:10px;background:#ffffff03;overflow:hidden}.admin-body .admin-nav-group>summary{min-height:56px;gap:11px;padding:12px}.admin-body .admin-nav-group>summary>.icon-3d,.admin-body .admin-nav-primary>.icon-3d{width:30px;height:30px}.admin-body .admin-nav-group>div{padding:4px 8px 10px}.admin-body .admin-nav-group>div>a>.icon-3d{width:26px;height:26px}.admin-body .admin-sidebar nav a{gap:10px;min-height:48px;border-radius:11px;font-size:.84rem}.admin-body .admin-sidebar nav a.is-active{background:linear-gradient(135deg,#286d5e,#1b594d);box-shadow:inset 0 1px 0 #ffffff22,0 3px 0 #0002}.admin-body .admin-topbar{background:var(--surface,#fff);box-shadow:0 4px 18px #123c350b;border-bottom:1px solid var(--depth-line)}.admin-body .settings-page-nav a.is-active{box-shadow:inset 0 1px 0 #ffffff55,0 3px 0 #07514735}.admin-body .admin-welcome{box-shadow:0 4px 0 #123c351c,0 16px 30px #123c3513}.admin-body .admin-topbar .icon-3d{width:27px;height:27px}.notification-heading .icon-3d{width:30px;height:30px}.admin-body .notification-icon{background:transparent}.admin-body .notification-card{border-left-width:4px}.admin-body .notification-filters a.active{box-shadow:0 2px 0 #07514735}
.depth-press-target{position:relative;isolation:isolate}.depth-ripple{position:absolute;pointer-events:none;z-index:4;width:var(--ripple-size);height:var(--ripple-size);left:var(--ripple-left);top:var(--ripple-top);border-radius:50%;background:radial-gradient(circle,#83c8b64d,transparent 70%);transform:scale(0);animation:depth-ripple 550ms var(--depth-ease) forwards}.depth-press-target{overflow:clip}@keyframes depth-ripple{to{transform:scale(1);opacity:0}}
@media(hover:hover) and (pointer:fine){:where(a.institution-promo-card,a.program-card,a.service-card,a.digital-service-card,a.app-card,a.guide-card,.content-card,.event-card):hover{box-shadow:var(--depth-shadow-raised);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.depth-tilt .icon-3d{transition:transform 220ms var(--depth-ease)}.depth-tilt:hover .icon-3d{transform:perspective(300px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateY(-2px)}.button:hover{box-shadow:inset 0 1px 0 #ffffff60,0 4px 0 #073d3828,0 10px 22px #073d381c}}
@media(max-width:760px){body.public-site-body{padding-bottom:96px}.public-site-body .mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;border:1px solid var(--depth-line);border-radius:22px;padding:8px 6px;background:var(--surface,#fff);box-shadow:0 3px 0 #123c3510,0 12px 36px #123c3524;min-height:66px}.mobile-bottom-nav__item{min-height:48px;gap:4px;border-radius:14px}.mobile-bottom-nav__item .icon-3d{width:29px;height:29px}.mobile-bottom-nav__item.is-active{background:color-mix(in srgb,var(--brand) 10%,var(--surface));box-shadow:inset 0 1px 0 #ffffff7a}.mobile-bottom-nav__item span{font-size:.65rem;font-weight:700}.premium-hero-shell{border-radius:22px}.premium-hero-image-wrap{border-width:4px;border-radius:20px}.premium-value-bar{border-radius:18px}.institution-promo-card{padding:18px;gap:14px}.institution-promo-card h3{font-size:1rem}.institution-promo-card .icon-3d{width:40px;height:40px}.page-hero h1{font-size:clamp(1.8rem,7vw,2.6rem)}.program-card{padding:22px}.drawer-panel{width:min(420px,94vw)}.auth-shell{border-radius:20px}.site-header .brand{max-width:calc(100% - 8px)!important}.site-header .brand span{display:grid!important}.site-header .brand strong{font-size:.72rem;line-height:1.25}.site-header .header-inner{grid-template-columns:minmax(0,1fr) auto!important}.site-header .brand img{width:34px!important;height:42px!important}.site-header .brand{gap:8px}.whatsapp-float,.back-to-top{bottom:calc(100px + env(safe-area-inset-bottom))}.prose-card,.aside-card,.portal-card,.module-card{border-radius:18px}}
@media(max-width:380px){.site-header .brand strong{font-size:.67rem}.public-site-body .mobile-bottom-nav{left:8px;right:8px}.mobile-bottom-nav__item span{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.depth-ripple{display:none}.icon-3d{transform:none!important}.button:active,.premium-action:active{transform:none!important}.depth-tilt .icon-3d{transition:none!important}}
html.reduce-motion .depth-ripple{display:none}html.reduce-motion .depth-tilt .icon-3d{transform:none!important}
@media print{body{background:#fff}.icon-3d{filter:none}.depth-ripple{display:none}:where(.admin-card,.prose-card,.content-card,.notification-card,.tinta-article-cover){box-shadow:none;border-radius:0}.public-site-body .mobile-bottom-nav{display:none!important}}
/* Readable headings over the new deep hero surface. */
:where(.page-hero,.article-hero,.module-hero,.portal-hero){color:#fff}
:where(.page-hero,.article-hero,.module-hero,.portal-hero) :where(h1,h2,h3){color:#fff}
:where(.page-hero,.article-hero,.module-hero,.portal-hero) :where(p,.breadcrumbs,.breadcrumbs a,.section-kicker){color:#d4ece6}
:where(.page-hero,.article-hero,.module-hero,.portal-hero) .button-outline{color:#fff;border-color:#ffffff60;background:#ffffff12}
.article-hero .content-badge{color:#d4ece6;background:#ffffff15}.premium-home-hero{background:radial-gradient(ellipse at 20% 0,color-mix(in srgb,var(--brand,#087d70) 8%,var(--surface,#fff)),transparent 55%),var(--surface,#fff)}
.site-header .brand span{min-width:0}.site-header .brand{min-width:0}.site-header.navigation-expanded .desktop-nav{display:none!important}.site-header.navigation-expanded .mobile-menu-toggle{display:grid!important}.site-header.navigation-expanded .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto}.desktop-nav>ul{flex-wrap:nowrap}

.header-actions .icon-3d,.tinta-header-button .icon-3d{width:26px;height:26px}.drawer-close-button{box-shadow:inset 0 1px 0 #fff7,0 2px 0 #173c3510}.portal-nav .icon-3d{width:28px;height:28px}

.share-message-example{padding:20px;margin:20px 0;background:var(--surface-2,#f3f7f6);border:1px solid var(--depth-line);border-radius:14px}.share-message-example p{overflow-wrap:anywhere;font-size:.9rem;line-height:1.6}.share-message-example p+p{margin-top:24px}

/* V2.21: navigasi publikasi yang terlihat, editor dan kategori ringkas. */
.tinta-return-row{padding-top:10px;padding-bottom:10px}.tinta-return-row a{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.4 system-ui;color:#18304b;text-decoration:none;padding:8px 12px;border-radius:12px;background:#edf5f5}
.editor-image-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid #dde6e5}.editor-image-actions small{font-size:12px;color:#607573}
.content-editor-form .rich-toolbar{display:flex;flex-wrap:wrap!important;overflow-x:visible!important;gap:4px;padding:8px;position:static}.content-editor-form .rich-toolbar select{max-width:160px;min-height:36px}.content-editor-form .rich-toolbar button{min-height:36px;padding:5px 8px;flex:0 0 auto}
.content-editor-form .tinta-category-picker{border:0;padding:0;box-shadow:none;background:none}.content-editor-form .tinta-category-picker>p{font-size:12px;margin:4px 0 8px}.content-editor-form .tinta-category-select{border-radius:12px;box-shadow:none}.content-editor-form .tinta-category-select summary{padding:10px 12px}.content-editor-form .tinta-category-select__panel{padding:10px}.content-editor-form .tinta-category-options{grid-template-columns:1fr;max-height:240px;gap:5px}.content-editor-form .tinta-category-option{grid-template-columns:minmax(0,1fr) auto!important;padding:8px 10px;border-radius:8px;box-shadow:none}.content-editor-form .tinta-category-option__check strong{font-size:13px}.content-editor-form .tinta-category-primary{padding:5px 8px!important;min-height:32px;font-size:12px;display:flex;gap:5px;align-items:center}.content-editor-form .tinta-category-primary input{width:16px!important;height:16px!important;margin:0!important}.content-editor-form .tinta-category-select__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.content-editor-form .tinta-category-select__footer .button{width:auto;min-height:36px;padding:6px 14px}
.share-image-status{max-width:900px;margin:12px auto;color:#52676d;font:14px/1.5 system-ui}.article-inline-image{margin:24px 0;clear:both}.article-inline-image img{display:block;max-width:100%;height:auto;border-radius:12px}.article-inline-image figcaption{font-size:13px;color:#627276;margin-top:8px;text-align:center}
@media(max-width:600px){.content-editor-form .editor-main-card{padding:14px}.content-editor-form .professional-editor{border-radius:12px}.editor-image-actions .button{font-size:13px;min-height:38px}.content-editor-form .rich-editor-surface{padding:14px;font-size:16px;line-height:1.8}.content-editor-form .tinta-category-select__footer small{font-size:11px}.tinta-return-row{padding-top:6px;padding-bottom:6px}}

.content-editor-form .tinta-category-primary{margin-left:0;justify-self:end}.content-editor-form .tinta-category-search input{min-height:38px;font-size:14px}.content-editor-form .tinta-category-search{padding:6px 10px}.content-editor-form .tinta-category-chips{margin:6px 0}.content-editor-form .tinta-category-select summary small{font-size:11px}

.editor-preview-note{font-size:12px;line-height:1.5;color:#647574;margin:6px 0 10px}

.share-format-example{margin:12px 0}.share-format-example summary{cursor:pointer;font:600 13px/1.5 system-ui}.settings-share-hint{font-size:13px;line-height:1.5;color:#617675}

.pagination{flex-wrap:wrap;gap:6px}.pagination-gap{display:inline-flex;align-items:center;justify-content:center;padding:0 4px;color:#758583}

.management-cards,.facility-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.management-links{display:grid;gap:3px}.management-links a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:#155955;text-decoration:none;border-bottom:1px solid #e1eeeb}.management-photo{display:block;width:100%;max-height:280px;object-fit:contain;border-radius:12px;margin:12px 0}.facility-public-card img{width:100%;height:auto;border-radius:12px}.facility-public-card{min-width:0;padding:16px;border:1px solid #e0ece9;border-radius:16px}.facility-public-card p{overflow-wrap:anywhere}.student-photo-preview{width:100px;height:120px;object-fit:cover;border-radius:12px;margin-top:10px}.student-photo-thumb{width:36px;height:42px;object-fit:cover;border-radius:8px;vertical-align:middle;margin-right:8px}.inbox-list{display:grid;gap:14px}.inbox-message{min-width:0}.inbox-message header{display:flex;gap:12px;justify-content:space-between;align-items:start}.inbox-message header>div{min-width:0}.inbox-message h2{font-size:18px;overflow-wrap:anywhere}.inbox-message p{overflow-wrap:anywhere}.inbox-message time{font-size:12px;color:#667974}.inbox-message-body{margin:16px 0;line-height:1.75;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.inbox-message .form-actions{display:flex;flex-wrap:wrap;gap:8px}.ticker-edit-row{display:flex;gap:8px;margin:8px 0}.ticker-edit-row input{flex:1;min-width:0}.configurable-ticker{background:var(--ticker-bg)!important;color:var(--ticker-color)!important}.configurable-ticker .ticker-label,.configurable-ticker .ticker-item,.configurable-ticker button{background:transparent!important;color:var(--ticker-color)!important}.configurable-ticker .ticker-track{animation-duration:var(--ticker-duration)!important}.contact-honeypot{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}.settings-page-nav{flex-wrap:wrap;overflow:visible}

.settings-compact-navigation{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0 18px}.settings-compact-navigation label{display:grid;gap:6px;min-width:220px;max-width:100%}.settings-compact-navigation select{max-width:100%;min-height:42px;padding:8px 12px;border:1px solid #caddd8;border-radius:10px;background:#fff}.inbox-message .status{flex-shrink:0}

/* V2.24: readable hero surfaces, compact PTK, stable nested scrolling. */
.page-hero.service-hub-hero{color:#fff}
.service-hub-hero :is(p,.breadcrumbs,.breadcrumbs a){color:#e4f4f3!important}
.service-hub-hero .section-kicker{color:#9ce9d6!important}
.service-hub-summary>span{background:#fff!important;color:#173c3c!important}
.service-hub-summary>span strong{color:#173c3c!important}
.staff-ordered-directory,.ordered-appointment-sections{display:flex!important;flex-direction:column;gap:20px;align-items:stretch}
.staff-ordered-directory :is(.staff-profile-group,.staff-appointment-group){height:auto!important;min-height:0!important;align-content:start;opacity:1!important;transform:none!important;visibility:visible!important}
.staff-ordered-directory .professional-staff-card{opacity:1!important;visibility:visible!important;transform:none!important}
.admin-sidebar,.admin-sidebar nav,.drawer-nav,.drawer-panel{overscroll-behavior-y:contain;touch-action:pan-y;scroll-behavior:auto}
.admin-sidebar nav{min-height:0}
.service-custom-icon{object-fit:contain;border-radius:14px;max-width:100%;display:inline-block}
.digital-service-icon{background:var(--service-accent,#e4f5f0)!important;box-shadow:inset 0 2px 2px #fff9,0 5px 0 #153d3d20,0 8px 15px #153d3d16;border-radius:18px}
.digital-service-icon .service-custom-icon{width:40px;height:40px}
@media(max-width:700px){.staff-ordered-directory,.ordered-appointment-sections{gap:14px}.appointment-group-heading{margin-bottom:4px}}

/* V2.25: compact authentication and full text on mobile content lists. */
.two-factor-page{min-height:100svh;display:grid!important;place-items:center;padding:16px!important}
.two-factor-page .auth-shell{display:block!important;width:min(100%,460px)!important;max-width:460px!important;min-height:0!important;border-radius:24px!important;overflow:visible!important}
.two-factor-page .auth-visual{display:none!important}
.two-factor-page .auth-form-wrap{min-height:0!important;padding:24px!important;display:flex!important;gap:20px;align-items:stretch;justify-content:center!important}
.two-factor-page .auth-mobile-brand{display:flex!important;gap:14px;align-items:center;margin:0!important;padding:0 0 16px!important}
.two-factor-page .auth-mobile-brand img{flex:none;width:52px;height:52px;object-fit:contain}
.two-factor-card{width:100%;min-width:0;display:grid;gap:16px}
.two-factor-card h1{font-size:clamp(1.4rem,5vw,1.9rem);line-height:1.2;margin:0}
.two-factor-card p{margin:0;line-height:1.6}
.two-factor-form{display:grid;gap:12px;justify-items:center;margin:0}
.two-factor-form label,.two-factor-form small{display:block;text-align:center;margin:0}
.two-factor-form #two-factor-code{width:min(100%,230px)!important;max-width:230px!important;text-align:center;font-size:1.35rem;letter-spacing:.12em;min-height:50px;margin:0;box-sizing:border-box}
.two-factor-form button{width:100%;margin:4px 0 0}
.two-factor-card>.text-link{text-align:center;line-height:1.5}
.admin-body .table-title{min-width:0;align-items:flex-start}
.admin-body .table-title>div{min-width:0}
.admin-body .table-title strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;display:block!important;max-width:none!important;overflow-wrap:anywhere}
.admin-body .table-title small,.admin-body .table-subtext{white-space:normal;overflow-wrap:anywhere}
.admin-body .form-grid>*{min-width:0}
.editor-image-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px}
.editor-image-actions .button{white-space:normal;max-width:100%;min-height:44px}
.editor-image-actions small{flex:1 1 180px;line-height:1.5}
.rich-editor-surface figure.article-inline-image{display:block;float:none;max-width:100%;margin:20px 0;clear:both}
.rich-editor-surface figure.article-inline-image img{display:block;max-width:100%;height:auto;margin:auto}
@media(max-width:760px){
.admin-body .content-performance-table,.admin-body .content-performance-table :is(tbody,tr,td){min-width:0!important;max-width:100%;width:100%!important}
.admin-body .content-performance-table{display:block}
.admin-body .content-performance-table thead{display:none}
.admin-body .content-performance-table tbody{display:grid;gap:12px}
.admin-body .content-performance-table tr{display:grid;gap:0;padding:12px;border:1px solid var(--line);border-radius:16px;box-sizing:border-box}
.admin-body .content-performance-table td{display:block!important;padding:8px!important;box-sizing:border-box;border:0!important;white-space:normal!important;overflow:visible!important}
.admin-body .content-performance-table td::before{display:block!important;float:none!important;position:static!important;width:auto!important;margin-bottom:6px;color:var(--muted)}
.admin-body .content-performance-table .table-actions{display:flex!important;flex-wrap:wrap;gap:8px}
.admin-body .content-performance-table .content-row-metrics{display:flex;flex-wrap:wrap;gap:10px}
.two-factor-page .auth-form-wrap{padding:20px!important}
}

/* V2.26: flatter facilities layout and visible home navigation. */
.facilities-content .prose-card{padding:12px!important}
.facilities-content .prose{padding:0!important;max-width:none!important;margin:0!important}
.facilities-content .showcase-intro{padding:16px!important;margin:0 0 16px!important}
.facilities-content .institution-grid{gap:16px!important}
.facilities-content .institution-grid>article{padding:16px!important}
.facilities-content .institution-card-image{margin:-16px -16px 12px!important}
.facilities-content :is(.showcase-intro p,.institution-grid p,.facility-public-card p){text-align:left!important;word-spacing:normal;line-height:1.65}
.facilities-content .institution-card-image img{margin:0!important;border-radius:0!important}
.article-home-navigation{width:min(1200px,100%);margin:0 auto;padding:14px 18px;box-sizing:border-box}
.article-home-navigation a,.tinta-return-row a{display:inline-flex!important;align-items:center;gap:8px;background:#eaf5f3;color:#173c36!important;border:1px solid #bfdcd5;padding:10px 14px;border-radius:12px;text-decoration:none;font:600 14px/1.4 system-ui;min-height:44px;box-sizing:border-box}
.tinta-return-row{display:block!important;visibility:visible!important;opacity:1!important}
.editor-image-description{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 12px}
.editor-image-description label{min-width:0;font-size:13px}
.editor-image-description input{width:100%;box-sizing:border-box}
@media(max-width:640px){
.facilities-content>.container{width:100%!important;max-width:none!important;padding:0 10px!important;box-sizing:border-box}
.facilities-content .prose-card{padding:10px!important;border-radius:16px}
.facilities-content .institution-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
.facilities-content .institution-grid h3{font-size:1.1rem!important}
.facilities-content .showcase-intro h2{font-size:1.35rem;line-height:1.35}
.editor-image-description{grid-template-columns:1fr}
}

/* V2.27: immediate content, small top arrow and economical mobile effects. */
.tinta-navigation-controls{display:flex;align-items:center;gap:8px}
.tinta-navigation-controls .compact-home-arrow{width:40px;height:40px;min-width:40px;padding:8px;border-radius:12px}
.tinta-navigation-controls .tinta-header-button{flex:none}
.click-sound-control{font:500 12px/1.4 system-ui;border:1px solid #a4bcb9;background:#f0f6f5;color:#173c36;padding:8px 12px;border-radius:10px;margin:12px;cursor:pointer}
.interaction-pulse{animation:quick-click 140ms ease-out}
@keyframes quick-click{50%{filter:brightness(1.08)}}
.reveal,.tinta-reveal,[data-motion-item]{opacity:1!important;visibility:visible!important}
[data-motion-item]{--motion-delay:0ms!important}
body.motion-page-enter{animation:none!important}
@media(pointer:coarse){
.effects-ambient::before,.effects-ambient::after,.ambient-effects,.fluid-canvas,.motion-media-layer{display:none!important}
[data-motion-item],.reveal,.tinta-reveal{transform:none!important;animation:none!important;transition:none!important}
[data-fit-single-line]{white-space:normal!important;overflow-wrap:anywhere;line-height:1.4!important}
.tinta-site-header,.site-header,.mobile-bottom-nav,.admin-topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.tinta-brandbar__inner{gap:8px!important}
.tinta-navigation-controls{gap:5px}
.tinta-navigation-controls .tinta-header-button{width:36px;height:36px;min-width:36px;padding:6px}
.tinta-site-logo{min-width:0}
}
@media(prefers-reduced-motion:reduce){.interaction-pulse{animation:none}}

.tinta-brandbar__inner{grid-template-columns:auto minmax(0,1fr) auto!important}
@media(max-width:760px){.tinta-site-logo{font-size:clamp(28px,8vw,44px)!important}.tinta-site-logo b,.tinta-site-logo i{font-size:inherit!important}.tinta-brandbar__inner{min-height:76px!important}}

/* V2.30: consistent submenu icon layout at every nesting level. */
.drawer-nav li>a,.drawer-subgroup>summary>a,.submenu li>a{display:flex!important;align-items:center;gap:12px!important;min-height:44px}
.drawer-nav li>a>svg,.drawer-subgroup>summary>a>svg,.submenu li>a>svg{flex:0 0 26px!important;width:26px!important;height:26px!important;display:block}
.drawer-nav li>a>span,.drawer-subgroup>summary>a>span,.submenu li>a>span{min-width:0;overflow-wrap:anywhere;line-height:1.45}
.drawer-subgroup>summary{gap:10px}
.drawer-mega-menu li>a{gap:12px!important;min-height:44px}
.drawer-mega-menu li>a>svg,.drawer-mega-menu li>a>.service-custom-icon{flex:0 0 26px;width:26px;height:26px}

/* V2.31: compact, padded homepage on phones. */
@media(max-width:640px){
.premium-home-hero .premium-hero-shell{gap:18px;min-height:0;border-radius:20px;overflow:hidden}
.premium-home-hero .premium-hero-copy{padding:20px 18px 8px;min-width:0;box-sizing:border-box}
.premium-home-hero .premium-hero-kicker{font-size:11px;letter-spacing:.12em;gap:8px;line-height:1.5;margin-bottom:14px;max-width:100%;flex-wrap:wrap}
.premium-home-hero .premium-hero-copy h1{gap:8px;margin:0 0 16px;line-height:1.12;overflow-wrap:break-word}
.premium-home-hero .premium-hero-copy h1 span{font-size:clamp(28px,8vw,36px);line-height:1.12}
.premium-home-hero .premium-hero-copy h1 strong{font-size:clamp(22px,6vw,28px);line-height:1.2}
.premium-home-hero .premium-hero-lead{font-size:15px;line-height:1.65;margin:0 0 14px;text-align:left}
.premium-home-hero .premium-hero-motto{font-size:12px;line-height:1.5;padding:9px 12px;margin:0 0 18px;max-width:100%;box-sizing:border-box;white-space:normal}
.premium-home-hero .premium-hero-actions{gap:10px;margin:0}
.premium-home-hero .premium-action{font-size:14px;line-height:1.4;min-height:46px;height:auto;padding:11px 14px;width:100%;box-sizing:border-box;white-space:normal;border-radius:12px}
.premium-home-hero .premium-hero-microstats{margin-top:18px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
.premium-home-hero .premium-hero-microstats span{padding:9px 5px;min-width:0;box-sizing:border-box}
.premium-home-hero .premium-hero-microstats b{font-size:13px;overflow-wrap:anywhere}
.premium-home-hero .premium-hero-microstats small{font-size:11px}
.premium-home-hero .premium-hero-visual{min-width:0;padding:0 12px 12px;box-sizing:border-box}
}

/* V2.32: one consistent screen gutter and independent card padding. */
@media screen and (max-width:820px){
body:not(.admin-body) .container{width:calc(100% - 28px)!important;max-width:var(--container,1440px)!important;margin-inline:auto;box-sizing:border-box}
body:not(.admin-body) .container .container{width:100%!important;max-width:100%!important}
body:not(.admin-body) :is(.tinta-container,.tinta-article-container){width:calc(100% - 28px)!important;margin-inline:auto;box-sizing:border-box}
body .facilities-content>.container,body .staff-directory-section>.container{width:calc(100% - 28px)!important;padding-inline:0!important}
:is(.premium-hero-shell,.student-character-card,.welcome-grid,.student-preview-card,.cta-card,.school-profile-card,.content-panel,.module-hero-card,.public-form,.tracking-form,.tracking-result,.declaration-card,.principal-letter-card,.prose-card){min-width:0;box-sizing:border-box}
.student-character-card{padding:20px 18px!important;gap:18px;min-height:0}
.student-character-copy{padding:0;min-width:0}
.student-character-copy h2{font-size:clamp(24px,6vw,30px);line-height:1.3;margin:12px 0 16px;overflow-wrap:break-word}
.student-character-copy p{font-size:15px;line-height:1.7;text-align:left!important;word-spacing:normal;letter-spacing:normal}
.student-character-values{display:flex;flex-wrap:wrap;gap:8px}
.student-character-values span{font-size:12px;padding:8px 10px}
.student-character-actions{gap:14px;margin-top:18px}
.student-character-actions .button{font-size:14px;min-height:46px;padding:11px 14px;box-sizing:border-box;white-space:normal}
:is(.welcome-grid,.cta-card,.school-profile-card,.content-panel,.module-hero-card,.public-form,.tracking-form,.tracking-result,.declaration-card,.principal-letter-card){padding:18px!important}
body .prose-card{padding:18px!important}
body .prose-card>.prose{padding:0!important}
body .facilities-content .prose-card{padding:12px!important}
body .facilities-content .showcase-intro{padding:16px!important}
.admin-body .admin-content{padding-inline:14px!important;box-sizing:border-box;min-width:0}
:is(.section-heading,.section-copy,.student-character-copy,.premium-hero-copy,.tinta-article-header,.form-grid)>*{max-width:100%;box-sizing:border-box}
:is(.section-heading,.section-copy,.student-character-copy,.tinta-article-header) :is(h1,h2,h3,p){overflow-wrap:break-word}
:is(.form-grid,.article-layout,.split-layout)>*{min-width:0}
}

/* V2.47 interaction polish: immediate tactile feedback without layout animation. */
button,a,summary,[role="button"],[data-action]{-webkit-tap-highlight-color:transparent}
button.is-pressing,a.is-pressing,summary.is-pressing,[role="button"].is-pressing,[data-action].is-pressing{transform:translateY(1px) scale(.995)}
@media(prefers-reduced-motion:reduce){button.is-pressing,a.is-pressing,summary.is-pressing,[role="button"].is-pressing,[data-action].is-pressing{transform:none}}