/* Scope the new shell to inherited public pages, retaining their main content. */
.site-header,.one-footer{font-family:Manrope,"Noto Sans Thai",sans-serif;font-synthesis:none}
.site-header *,.one-footer *{box-sizing:border-box}.site-header{height:80px;background:#fff;position:relative;z-index:20;color:#0d0b25}
.site-header a,.one-footer a{text-decoration:none;color:inherit}.site-header button{font:inherit;cursor:pointer}
.site-header .header-inner{height:100%;width:calc(100% - 128px);max-width:1440px;margin:auto;display:flex;align-items:center;gap:48px}
.site-header .brand{flex-shrink:0;width:194px}.site-header .brand img{display:block;width:194px;height:auto}
.site-header .navigation{display:flex;align-items:center;gap:32px;margin-right:auto;white-space:nowrap}
.site-header .navigation a{padding:10px 0;font-size:14px;font-weight:600}.site-header .navigation a:hover{color:#a323a6}
.site-header .header-actions{display:flex;align-items:center;gap:20px}.site-header .languages{display:flex;gap:8px;align-items:center;font-size:12px;white-space:nowrap}
.site-header .languages button{border:0;padding:8px 0;background:none;font-weight:600;color:#302163}.site-header .languages span{color:#cbc5dc}.site-header .languages button[aria-pressed=true]{color:#d82b7e}
.site-header .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:14px;color:#fff;background:linear-gradient(115deg,#fa286a,#ed2e8d 60%,#ce2da4);font-size:13px;font-weight:700;padding:12px 20px;min-height:48px;white-space:nowrap}
.site-header .button span{font-size:19px;line-height:1}.site-header .icon-button{padding:10px;border:0;background:none;color:#302163;width:42px;height:42px;place-items:center}
.site-header .icon-button svg{width:21px;height:21px}.site-header .menu-button{display:none}
.site-header a:focus-visible,.site-header button:focus-visible,.one-footer a:focus-visible{outline:3px solid #7750c6;outline-offset:5px}
.one-footer img{display:block;max-width:100%}.one-footer h2,.one-footer p{padding:0}.one-footer .one-depa img{max-width:none}
.one-footer-light{background:#faf9f6;color:#302163;border-top:1px solid #deddec}
.one-footer-light .one-footer-statement,.one-footer-light .one-footer-contact h2{color:#302163}
.one-footer-light .one-footer-description{color:#69627f}.one-footer-light .one-footer-label{color:#817693}
.one-footer-light .one-footer-pages span{color:#9864b5}.one-footer-light .one-footer-contact-link{color:#302163;border-color:#b49cbf}
.one-footer-light .one-footer-login{color:#625477}.one-footer-light .one-footer-bottom{color:#81768f;border-color:#deddec}
.one-footer-light .one-footer-study{color:#9b90a6}.one-footer-light .one-depa{border:1px solid #e6e4ef;background:#fff}
.one-footer-light a:hover{color:#c42687}
@media(max-width:1270px){.site-header .header-inner{width:calc(100% - 70px);gap:30px}.site-header .brand,.site-header .brand img{width:170px}.site-header .navigation{gap:21px}.site-header .navigation a{font-size:12px}.site-header .header-actions{gap:13px}.site-header .button{font-size:12px;padding:12px 16px}}
@media(max-width:1100px){.site-header .header-inner{width:calc(100% - 50px);gap:20px}.site-header .navigation{display:none;position:absolute;left:20px;right:20px;top:75px;background:#fff;border:1px solid #e6dff0;border-radius:16px;padding:17px;flex-direction:column;align-items:stretch;gap:3px;box-shadow:0 10px 30px #3021631f}.site-header .navigation.open{display:flex}.site-header .navigation a{font-size:15px;padding:12px}.site-header .header-actions{margin-left:auto;gap:10px}.site-header .menu-button{display:grid}}
@media(max-width:700px){.site-header{height:72px}.site-header .header-inner{width:calc(100% - 44px);gap:5px}.site-header .brand,.site-header .brand img{width:160px}.site-header .expert-link{display:none}.site-header .header-actions{gap:8px}.site-header .menu-button{width:36px;padding:7px}.one-footer-light .one-footer-pages,.one-footer-light .one-footer-contact{border-color:#deddec}}
@media(max-width:360px){.site-header .header-inner{width:calc(100% - 36px)}.site-header .brand,.site-header .brand img{width:125px}.site-header .header-actions{gap:6px}.site-header .languages{gap:5px}.site-header .menu-button{width:32px}}