/* Nawa V8 — brand identity, differentiated light cards, distinct inner/outer background. */
.top{min-height:80px;height:auto!important;padding:9px 12px!important;gap:7px}
.top .brand-lockup{display:flex;align-items:center;gap:10px;min-width:0;flex:1;overflow:hidden}
.top .brand-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;max-width:100%}
.top .brandname{font-size:16px!important;line-height:1.3!important;font-weight:900!important;white-space:normal;overflow-wrap:anywhere;color:#17443e!important}
.top .brand-sub{font-size:10px!important;font-weight:800;color:#527970!important;opacity:1!important;letter-spacing:0;white-space:normal;line-height:1.2}
.top .nawa-mark{flex:0 0 48px;width:48px;height:48px;border-radius:16px}
.top .nawa-mark.nawa-school-emblem{transform:none;background:transparent;box-shadow:0 3px 11px #113c3a25;border:1px solid #accac3;overflow:hidden;border-radius:50%}
.top .nawa-mark.nawa-school-emblem img{width:100%;height:100%;object-fit:contain;display:block;background:#fff;border-radius:50%;padding:2px}
.dark .top .brandname{color:#e8fcf7!important}.dark .top .brand-sub{color:#b1d6ca!important}
.phone.nawa-inner-background{background-image:linear-gradient(rgba(249,253,251,.84),rgba(249,253,251,.89)),var(--nawa-inner-photo)!important;background-repeat:no-repeat!important;background-position:top center!important;background-size:cover!important}
.dark .phone.nawa-inner-background{background-image:linear-gradient(rgba(11,38,45,.83),rgba(11,38,45,.89)),var(--nawa-inner-photo)!important}
/* Keep the original sage/teal look, but distinguish section edges in white mode. */
body:not(.dark) .section{border:1px solid #d0e2dc!important;box-shadow:0 6px 21px #124f4920!important;background:#ffffffed!important}
body:not(.dark) .section::before{content:""!important;position:absolute!important;display:block!important;top:0!important;right:0!important;left:0!important;height:4px!important;border-radius:15px 15px 0 0!important;background:linear-gradient(90deg,#19a581,#63c4b1,#98d5ad)!important;opacity:1!important;z-index:2}
body:not(.dark) .section:nth-of-type(3n+2)::before{background:linear-gradient(90deg,#287e97,#7ab9a8)!important}
body:not(.dark) .section:nth-of-type(3n+3)::before{background:linear-gradient(90deg,#af8c4d,#64ad96)!important}
body:not(.dark) .section-heading{border-bottom:1px solid #dfece8!important;padding-top:2px}
body:not(.dark) .section-heading h2{color:#255d53!important}
body:not(.dark) .section-heading small{color:#238b70!important;opacity:1!important}
body:not(.dark) .section .heading-index{background:#e1f0eb!important;border:1px solid #d1e5dc!important;color:#286b5f!important}
body:not(.dark) .vision{border:1px solid #d1e4dc!important;background:#fff!important;box-shadow:0 5px 17px #164e4918!important}
body:not(.dark) .vision::before{background:linear-gradient(90deg,#27a680,#85bdaa)!important;opacity:1!important;height:4px!important}
body:not(.dark) .nawa-quick a,body:not(.dark) .small-card{border-color:#c4dfd5!important;box-shadow:0 3px 10px #14534a12!important}
body:not(.dark) .nawa-flex-card{border:1.5px solid #81b7a4!important;box-shadow:inset 0 3px #269b80,0 4px 14px #194c4915!important}
body:not(.dark) .nawa-flex-cover{box-shadow:none!important}
@media(max-width:390px){.top{padding:8px 9px!important}.top .brand-lockup{gap:7px}.top .nawa-mark{width:43px;height:43px;flex-basis:43px}.top .brandname{font-size:14px!important}.top .brand-sub{font-size:9px!important}.top .header-actions{gap:5px}.top .header-actions .iconbutton{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}}