html{margin:0;padding:0}.student-portal,.public-portal{margin:0!important;padding:0!important;width:100%;min-height:100%;overflow-x:hidden}.mugr-public-header{position:relative;z-index:100;width:100%;margin:0;color:#18213a;background:rgba(255,255,255,.96);border-bottom:1px solid #e5e9f2;font-family:"Noto Sans Thai",sans-serif}.mugr-public-container{width:min(1180px,calc(100% - 40px));margin:auto}.mugr-public-top{border-bottom:1px solid #e8ebf3;color:#566179;font-size:13px}.mugr-public-top .mugr-public-container{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mugr-account-nav{display:flex;align-items:center;gap:8px}.mugr-system-name{margin-right:4px;color:#17255f;font-weight:800}.mugr-public-header a{text-decoration:none}.mugr-account-nav>a{padding:8px 13px;border-radius:10px;color:#28324b;background:#f1f4fb;font-weight:700}.mugr-account-nav>a:hover{color:#3154db;background:#e9eeff}.mugr-account-nav .logout{color:#cf4a38;background:#fff0ed}.mugr-account-nav .logout:hover{color:#b63828;background:#ffe5df}.mugr-public-guide{padding:8px 15px!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(100deg,#3154db,#914be6)!important;box-shadow:0 7px 18px rgba(70,73,198,.18)}
.mugr-public-main{background:#fff}.mugr-public-main .mugr-public-container{min-height:88px;display:flex;align-items:center;gap:34px}.mugr-public-logo{flex:0 0 auto}.mugr-public-logo img{display:block;width:430px;max-width:100%}.mugr-primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0;margin-left:auto}.mugr-primary-nav a{position:relative;padding:13px 10px;border-radius:10px;color:#28324b;font-size:13px;font-weight:700;white-space:nowrap;transition:color .18s ease,background .18s ease,transform .18s ease}.mugr-primary-nav a:hover{color:#3154db;background:#f2f5ff}.mugr-primary-nav a.active{color:#fff;background:linear-gradient(100deg,#3154db,#914be6);box-shadow:0 7px 18px rgba(66,72,196,.2)}
@media(max-width:1100px){.mugr-public-main .mugr-public-container{align-items:flex-start;flex-direction:column;gap:10px;padding:17px 0}.mugr-primary-nav{justify-content:flex-start;width:100%;margin-left:0;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}.mugr-primary-nav a{flex:0 0 auto}.mugr-public-logo img{width:215px}}
@media(max-width:720px){.mugr-public-container{width:min(100% - 24px,1180px)}.mugr-public-top .mugr-public-container{min-height:45px;justify-content:flex-end}.mugr-public-phone,.mugr-system-name{display:none}.mugr-account-nav{width:100%;justify-content:flex-end;gap:5px}.mugr-account-nav>a{padding:7px 9px;font-size:11px}.mugr-public-guide{padding:7px 10px!important}.mugr-public-main .mugr-public-container{padding:13px 0 10px}.mugr-public-logo img{width:195px}.mugr-primary-nav{gap:3px}.mugr-primary-nav a{padding:9px 10px;font-size:12px}}

/* Header language, appearance and account controls */
.mugr-header-tools{display:flex;align-items:center;gap:7px;margin-right:2px}.mugr-language-switch,.mugr-theme-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #dfe5f0;border-radius:12px;background:#edf1f8}.mugr-header-tools button{display:grid;place-items:center;min-width:34px;height:32px;margin:0;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#566179;font:700 12px "Noto Sans Thai",sans-serif;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.mugr-header-tools button:hover{color:#263a88;background:rgba(255,255,255,.72)}.mugr-header-tools button.is-active{color:#17255f;background:#fff;box-shadow:0 2px 7px rgba(33,48,94,.12)}.mugr-theme-switch button{min-width:31px;padding:0;font-size:15px}.mugr-font-toggle{min-width:38px!important;border:1px solid transparent!important;background:#fff!important;color:#26324c!important}.mugr-font-toggle[data-level="1"],.mugr-font-toggle[data-level="2"]{color:#fff!important;background:linear-gradient(100deg,#3154db,#914be6)!important}.mugr-sign-in{border:1px solid #d9e0ed!important;background:#fff!important}.mugr-sign-up{color:#fff!important;background:linear-gradient(100deg,#3154db,#914be6)!important;box-shadow:0 7px 18px rgba(70,73,198,.2)}

/* Persisted text-size choices */
body.mugr-font-large .mugr-public-header,body.mugr-font-large main{font-size:1.06em}body.mugr-font-larger .mugr-public-header,body.mugr-font-larger main{font-size:1.12em}body.mugr-font-large .mugr-primary-nav a,body.mugr-font-large .mugr-account-nav a{font-size:14px}body.mugr-font-larger .mugr-primary-nav a,body.mugr-font-larger .mugr-account-nav a{font-size:15px}

/* Dark mode shared by public and student portals */
html[data-mugr-theme="dark"] body{color:#e8ecf6!important;background:#0d1422!important}html[data-mugr-theme="dark"] .mugr-public-header,html[data-mugr-theme="dark"] .mugr-public-top,html[data-mugr-theme="dark"] .mugr-public-main{color:#e8ecf6;background:#111827!important;border-color:#2a3448}html[data-mugr-theme="dark"] .mugr-system-name,html[data-mugr-theme="dark"] .mugr-public-phone{color:#dbe3f4}html[data-mugr-theme="dark"] .mugr-primary-nav a{color:#dbe3f4}html[data-mugr-theme="dark"] .mugr-primary-nav a:hover{color:#fff;background:#26324a}html[data-mugr-theme="dark"] .mugr-account-nav>a,html[data-mugr-theme="dark"] .mugr-sign-in{color:#e6ebf6!important;background:#1d2739!important;border-color:#334057!important}html[data-mugr-theme="dark"] .mugr-account-nav .logout{color:#ffb3a9!important;background:#3a2427!important}html[data-mugr-theme="dark"] .mugr-language-switch,html[data-mugr-theme="dark"] .mugr-theme-switch{border-color:#344057;background:#1b2536}html[data-mugr-theme="dark"] .mugr-header-tools button{color:#c8d1e3}html[data-mugr-theme="dark"] .mugr-header-tools button.is-active{color:#fff;background:#303c52}html[data-mugr-theme="dark"] .student-main,html[data-mugr-theme="dark"] .public-main,html[data-mugr-theme="dark"] .page,html[data-mugr-theme="dark"] .mugr-form-page{background:#0d1422!important}html[data-mugr-theme="dark"] .student-page-card,html[data-mugr-theme="dark"] .art-Block-body,html[data-mugr-theme="dark"] .public-profile-card,html[data-mugr-theme="dark"] .mugr-form-shell,html[data-mugr-theme="dark"] .card{color:#e8ecf6!important;background:#151e2e!important;border-color:#2d394d!important}html[data-mugr-theme="dark"] input,html[data-mugr-theme="dark"] select,html[data-mugr-theme="dark"] textarea{color:#eef2fb!important;background:#111827!important;border-color:#39465d!important}

@media(max-width:1100px){.mugr-account-nav{flex-wrap:wrap;padding:7px 0}.mugr-header-tools{order:2}.mugr-public-guide{order:3}}
@media(max-width:720px){.mugr-public-top .mugr-public-container{width:100%;padding:6px 10px}.mugr-account-nav{justify-content:center;gap:5px}.mugr-header-tools{width:100%;justify-content:center;order:0}.mugr-language-switch,.mugr-theme-switch{flex:0 0 auto}.mugr-account-nav>a{min-height:34px;display:inline-flex;align-items:center;justify-content:center}.mugr-public-guide{max-width:44px;overflow:hidden;white-space:nowrap}.mugr-font-toggle{min-width:34px!important}}

/* Dark-mode contrast polish: content panels, legacy tables, logo and footer */
html[data-mugr-theme="dark"] .mugr-public-logo{padding:8px 13px;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.18)}
html[data-mugr-theme="dark"] .mugr-header-tools .mugr-font-toggle{color:#e8edf8!important;background:#1d2739!important;border-color:#334057!important}
html[data-mugr-theme="dark"] .mugr-header-tools .mugr-font-toggle[data-level="1"],html[data-mugr-theme="dark"] .mugr-header-tools .mugr-font-toggle[data-level="2"]{color:#fff!important;background:linear-gradient(100deg,#3154db,#914be6)!important;border-color:transparent!important}
html[data-mugr-theme="dark"] .student-main h1,html[data-mugr-theme="dark"] .student-main h2,html[data-mugr-theme="dark"] .student-main h3,html[data-mugr-theme="dark"] .public-main h1,html[data-mugr-theme="dark"] .public-main h2,html[data-mugr-theme="dark"] .public-main h3{color:#f3f6ff}
html[data-mugr-theme="dark"] .student-content>h1,html[data-mugr-theme="dark"] .student-content>h2,html[data-mugr-theme="dark"] .student-content>h3,html[data-mugr-theme="dark"] .student-content>p,html[data-mugr-theme="dark"] .public-content>h1,html[data-mugr-theme="dark"] .public-content>h2,html[data-mugr-theme="dark"] .public-content>h3,html[data-mugr-theme="dark"] .public-content>p{color:#dbe4f4!important}
html[data-mugr-theme="dark"] .student-page-heading h1,html[data-mugr-theme="dark"] .student-page-heading p,html[data-mugr-theme="dark"] .public-page-heading h1,html[data-mugr-theme="dark"] .public-page-heading p{color:#fff}
html[data-mugr-theme="dark"] .student-page-card,html[data-mugr-theme="dark"] .student-profile-card,html[data-mugr-theme="dark"] .public-profile-card,html[data-mugr-theme="dark"] .art-Block-body,html[data-mugr-theme="dark"] .art-BlockContent,html[data-mugr-theme="dark"] .mugr-form-shell{color:#e9eef8!important;background:#151e2e!important;border-color:#334158!important}
html[data-mugr-theme="dark"] .public-profile-details{background:#151e2e!important}
html[data-mugr-theme="dark"] .public-profile-details h3,html[data-mugr-theme="dark"] .public-profile-details dd{color:#eef3ff!important}
html[data-mugr-theme="dark"] .public-profile-details dt{color:#a9b5c9!important}
html[data-mugr-theme="dark"] .public-profile-details dl>div{border-color:#334158!important}
html[data-mugr-theme="dark"] .student-main table,html[data-mugr-theme="dark"] .public-main table,html[data-mugr-theme="dark"] .art-BlockContent table{color:#e9eef8!important;background:#172132!important;border-color:#334158!important}
html[data-mugr-theme="dark"] .student-main table td,html[data-mugr-theme="dark"] .student-main table th,html[data-mugr-theme="dark"] .public-main table td,html[data-mugr-theme="dark"] .public-main table th,html[data-mugr-theme="dark"] .art-BlockContent table td,html[data-mugr-theme="dark"] .art-BlockContent table th{color:#e9eef8!important;background:#172132!important;border-color:#334158!important}
html[data-mugr-theme="dark"] .student-main table tr:first-child td[colspan],html[data-mugr-theme="dark"] .public-main table tr:first-child td[colspan],html[data-mugr-theme="dark"] .art-BlockContent table tr:first-child td[colspan]{color:#eef3ff!important;background:#202c42!important}
html[data-mugr-theme="dark"] .student-main table tr[bgcolor] td,html[data-mugr-theme="dark"] .student-main table td[bgcolor],html[data-mugr-theme="dark"] .public-main table tr[bgcolor] td,html[data-mugr-theme="dark"] .public-main table td[bgcolor],html[data-mugr-theme="dark"] .art-BlockContent table tr[bgcolor] td,html[data-mugr-theme="dark"] .art-BlockContent table td[bgcolor]{color:#dbe5f6!important;background:#1c273a!important}
html[data-mugr-theme="dark"] .student-main table font,html[data-mugr-theme="dark"] .public-main table font,html[data-mugr-theme="dark"] .art-BlockContent table font{color:inherit!important}
html[data-mugr-theme="dark"] .student-main table tr:hover td,html[data-mugr-theme="dark"] .public-main table tr:hover td,html[data-mugr-theme="dark"] .art-BlockContent table tr:hover td{background:#202c42!important}
html[data-mugr-theme="dark"] .announcement-card,html[data-mugr-theme="dark"] .announcement-panel,html[data-mugr-theme="dark"] .announcement-group,html[data-mugr-theme="dark"] .exam-card,html[data-mugr-theme="dark"] .exam-choice-card,html[data-mugr-theme="dark"] .placement-card,html[data-mugr-theme="dark"] .accordion-item,html[data-mugr-theme="dark"] .accordion-header,html[data-mugr-theme="dark"] .accordion-body{color:#e8eef9!important;background:#172132!important;border-color:#334158!important}
html[data-mugr-theme="dark"] .announcement-card *,html[data-mugr-theme="dark"] .announcement-panel *,html[data-mugr-theme="dark"] .announcement-group *,html[data-mugr-theme="dark"] .accordion-item *{color:inherit}
html[data-mugr-theme="dark"] .announcement-card a,html[data-mugr-theme="dark"] .announcement-panel a,html[data-mugr-theme="dark"] .announcement-group a,html[data-mugr-theme="dark"] .accordion-item a{color:#b8c9ff!important}
html[data-mugr-theme="dark"] .student-main .seat-detail-btn,html[data-mugr-theme="dark"] .public-main .seat-detail-btn{border:0!important;color:#fff!important;background:linear-gradient(100deg,#3154db,#914be6)!important;box-shadow:0 8px 20px rgba(49,84,219,.24)!important}
html[data-mugr-theme="dark"] .student-footer,html[data-mugr-theme="dark"] .public-footer,html[data-mugr-theme="dark"] footer{color:#aeb9cc!important;background:#111827!important;border-color:#2a3448!important}
html[data-mugr-theme="dark"] .student-footer *,html[data-mugr-theme="dark"] .public-footer *,html[data-mugr-theme="dark"] footer *{color:inherit}

@media(max-width:1100px){html[data-mugr-theme="dark"] .mugr-public-logo{padding:7px 11px}}

/* Keep the seat action consistent with the other portal buttons in both themes. */
.student-main .seat-detail-btn,.public-main .seat-detail-btn{border:0!important;outline:0!important}

/* Dark-mode follow-up: nested announcement links and examination selector heading */
html[data-mugr-theme="dark"] .page-annouce-en .student-content ul ul,
html[data-mugr-theme="dark"] .page-annouce-en .student-content ol ol,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .announcement-sublist,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .announcement-detail-list,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .announcement-items,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .announcement-links,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .accordion-content,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .accordion-panel,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .collapse.in,
html[data-mugr-theme="dark"] .page-annouce-en .student-content details[open]>div{color:#e8eef9!important;background:#202b3e!important;border-color:#3a485f!important}
html[data-mugr-theme="dark"] .page-annouce-en .student-content ul ul *,
html[data-mugr-theme="dark"] .page-annouce-en .student-content ol ol *,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .announcement-sublist *,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .announcement-detail-list *,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .announcement-items *,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .announcement-links *,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .accordion-content *,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .accordion-panel *,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .collapse.in *{color:#e8eef9!important}
html[data-mugr-theme="dark"] .page-annouce-en .student-content ul ul a:hover,
html[data-mugr-theme="dark"] .page-annouce-en .student-content ol ol a:hover,
html[data-mugr-theme="dark"] .page-annouce-en .student-content .announcement-links a:hover{color:#fff!important}
html[data-mugr-theme="dark"] .page-schedule .exam-section-title,
html[data-mugr-theme="dark"] .page-schedule .exam-selector-title,
html[data-mugr-theme="dark"] .page-schedule .exam-options-title,
html[data-mugr-theme="dark"] .page-schedule .schedule-section-title,
html[data-mugr-theme="dark"] .page-schedule .schedule-intro h2,
html[data-mugr-theme="dark"] .page-schedule .exam-chooser h2,
html[data-mugr-theme="dark"] .page-schedule .exam-selection h2{color:#eef3ff!important;text-shadow:0 1px 1px rgba(0,0,0,.15)}
html[data-mugr-theme="dark"] .page-schedule .exam-section-title+p,
html[data-mugr-theme="dark"] .page-schedule .exam-selector-title+p,
html[data-mugr-theme="dark"] .page-schedule .exam-options-title+p,
html[data-mugr-theme="dark"] .page-schedule .schedule-section-title+p,
html[data-mugr-theme="dark"] .page-schedule .schedule-intro p,
html[data-mugr-theme="dark"] .page-schedule .exam-chooser p,
html[data-mugr-theme="dark"] .page-schedule .exam-selection p{color:#aebbd0!important}
html[data-mugr-theme="dark"] .mugr-dark-auto-contrast{color:#17213b!important}
html[data-mugr-theme="dark"] .mugr-dark-section-title{color:#eef3ff!important;text-shadow:0 1px 1px rgba(0,0,0,.16)}

/* Dedicated transparent logo for dark mode */
.mugr-public-logo .mugr-logo-dark{display:none}
html[data-mugr-theme="dark"] .mugr-public-logo{padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html[data-mugr-theme="dark"] .mugr-public-logo .mugr-logo-light{display:none}
html[data-mugr-theme="dark"] .mugr-public-logo .mugr-logo-dark{display:block}

/* Capsule-shaped active navigation, matching the User Guide control */
.mugr-primary-nav a.active{padding:8px 15px;border-radius:999px}
@media(max-width:720px){.mugr-primary-nav a.active{padding:7px 13px}}
/* Thai navigation needs a larger reading size than compact English labels. */
[lang="th"] .mugr-primary-nav a{padding-right:8px;padding-left:8px;font-size:16px;font-weight:700}
@media(max-width:1180px) and (min-width:721px){[lang="th"] .mugr-primary-nav a{padding-right:6px;padding-left:6px;font-size:15px}}
@media(max-width:720px){[lang="th"] .mugr-primary-nav a{font-size:15px}}
/* Give enlarged Thai labels room to breathe without increasing capsule height. */
[lang="th"] .mugr-primary-nav{gap:6px}
[lang="th"] .mugr-primary-nav a{padding-right:11px;padding-left:11px}
[lang="th"] .mugr-primary-nav a.active{padding-right:19px;padding-left:19px}
@media(max-width:1180px) and (min-width:721px){[lang="th"] .mugr-primary-nav{gap:3px}[lang="th"] .mugr-primary-nav a{padding-right:8px;padding-left:8px}[lang="th"] .mugr-primary-nav a.active{padding-right:15px;padding-left:15px}}
@media(max-width:720px){[lang="th"] .mugr-primary-nav{gap:4px}[lang="th"] .mugr-primary-nav a{padding-right:10px;padding-left:10px}[lang="th"] .mugr-primary-nav a.active{padding-right:16px;padding-left:16px}}
/* Mobile header: one compact utility row and invisible swipe scrollbar. */
@media(max-width:720px){
  .mugr-public-top .mugr-public-container{padding:5px 8px!important;overflow:hidden}
  .mugr-account-nav{width:100%;flex-wrap:nowrap!important;justify-content:center!important;gap:3px!important;padding:0!important;overflow-x:auto;scrollbar-width:none}
  .mugr-account-nav::-webkit-scrollbar,.mugr-primary-nav::-webkit-scrollbar{display:none;width:0;height:0}
  .mugr-header-tools{order:0!important;flex:0 0 auto;width:auto!important;gap:3px!important;margin:0!important}
  .mugr-language-switch,.mugr-theme-switch{padding:2px!important;border-radius:10px!important}
  .mugr-header-tools button{min-width:29px!important;height:28px!important;padding:0 6px!important;border-radius:8px!important;font-size:11px!important}
  .mugr-theme-switch button{min-width:27px!important;padding:0!important;font-size:13px!important}
  .mugr-font-toggle{min-width:30px!important}
  .mugr-account-nav>a{flex:0 0 auto;min-height:30px!important;padding:6px 8px!important;border-radius:9px!important;font-size:10px!important;line-height:1!important}
  .mugr-public-guide{max-width:39px!important;padding-right:8px!important;padding-left:8px!important}
  .mugr-primary-nav{padding-bottom:3px!important;scrollbar-width:none!important;-ms-overflow-style:none}
}
/* v2.2: use the Mainpage canvas width throughout the portal. */
.mugr-public-container{width:min(1340px,calc(100% - 40px))!important}
@media(max-width:720px){.mugr-public-container{width:min(100% - 24px,1340px)!important}}

/* v2.4: keep the complete User Guide label and capsule padding on mobile. */
@media(max-width:720px){
  .mugr-account-nav .mugr-public-guide{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;padding-right:12px!important;padding-left:12px!important;overflow:visible!important;white-space:nowrap!important}
}
.mugr-public-phone a{color:inherit;text-decoration:none}.mugr-public-phone a:hover{text-decoration:underline;text-underline-offset:2px}