@media(max-width:700px){.container{width:90%}.top{height:76px}.brand{max-width:75%;width:300px}.utility{display:none}.menu-toggle{display:block;border:0;background:#08776f;color:#fff;font-size:22px;border-radius:3px;padding:5px 9px}nav{height:auto}nav .container{overflow-x:auto}nav a{flex:0 0 auto;padding:13px 15px;font-size:13px}.hero{height:170px}.hero .carousel{width:100%}.hero .slide{object-position:center}.carousel-prev,.carousel-next{width:30px;height:52px;font-size:34px;line-height:47px}.section{padding:30px 0}.section-title{gap:10px;margin-bottom:20px}.section-title h2{font-size:21px}.section-title a{font-size:10px}.news-panel{grid-template-columns:1fr;gap:25px;padding:0}.news-feature h3{font-size:14px;padding-right:70px;line-height:1.5}.news-feature > img{height:auto;aspect-ratio:2/1}.news-feature li{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-feature em{display:none}.notice-grid{grid-template-columns:1fr;gap:10px}.notice{height:75px}.notice:nth-child(n+5){display:none}.notice p{font-size:13px;line-height:21px}.notice span{max-width:230px}.academic-grid{grid-template-columns:1fr}.academic-main{grid-row:auto;min-height:270px;padding:25px}.academic-card{min-height:145px}.academic-card:nth-child(n+4){display:none}.link-grid{grid-template-columns:repeat(2,1fr);gap:13px}.link-grid a{height:105px;font-size:36px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>img{grid-column:1/-1;width:270px}.qrs{grid-column:1/-1}.qrs img{width:75px}.copyright{font-size:10px;padding:10px 15px}.notices{background-size:auto 100%}}
@media(max-width:700px){nav .container{display:block;overflow:visible;height:auto}.nav-item{border-bottom:1px solid #168e84}.nav-link{height:42px;padding:0 15px;display:flex}.submenu{position:static;width:100%;box-shadow:none;background:#00665d}nav{display:none}nav.is-open{display:block}.carousel-dots{bottom:8px}}

@media(max-width:700px){
	.top{height:76px}
	.nav-link{font-size:15px}
	.news .section-title h2{font-size:21px;letter-spacing:0}
	.news-panel{padding:0}
	.news-feature{min-width:0;padding:13px}
	.notices.section{padding-top:30px;padding-bottom:35px}
	.notices .section-title h2{font-size:21px;letter-spacing:0}
	.notice-grid{gap:10px}
	.notice{height:92px;padding:10px;gap:12px}
	.notice b{flex-basis:68px;width:68px;height:68px;padding-top:9px;font-size:28px;line-height:29px}
	.notice b small{font-size:12px;line-height:16px}
	.notice p{font-size:14px;line-height:1.45}
	.notice span{font-size:11px;line-height:1.4}
	.submenu-item>.submenu{display:none;position:static;padding:0;background:#00574f}
	.submenu-item.is-open>.submenu{display:block}
	.submenu-link{padding:9px 28px;font-size:13px}
	.submenu-item .submenu .submenu-link{padding-left:43px}
	.academic.section{padding:30px 5% 40px}
	.academic .section-title h2{font-size:21px;letter-spacing:0}
	.academic .section-title{margin-bottom:30px}
	.academic-grid{grid-template-columns:1fr;gap:24px}
	.academic-main{grid-column:auto;height:auto;min-height:270px;padding:25px}
	.academic-main::before{width:180px;background-size:180px auto}
	.academic-main::before{width:180px;background-size:180px auto}
	.academic-main h3{font-size:20px}
	.academic-main p{font-size:14px}
	.academic-card{height:320px;min-height:0;padding:84px 28px 16px}
	.academic-card:nth-child(2),.academic-card:nth-child(3){margin-top:0}
	.academic-card b{left:28px;top:-17px}
	.academic-card:nth-child(2) b,.academic-card:nth-child(3) b{top:-17px}
	.academic-card:nth-child(n + 4) b{top:-17px}
	.academic-card h3{font-size:18px;line-height:1.45;margin-bottom:21px}
	.academic-card p{margin:12px 0;font-size:16px;line-height:1.5}
	.links{padding:30px 0 42px}
	.links .section-title{margin-bottom:30px}
	.links .section-title h2{font-size:21px;letter-spacing:0}
	.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
	.link-grid a{height:130px;padding:14px 8px 10px}
	.link-grid a img{height:52px;max-width:62px}
	.link-grid span{margin-top:8px;font-size:13px}
}

@media(max-width:700px){
	footer{padding-top:28px}
	.footer-grid{grid-template-columns:1fr 1fr;gap:22px;min-height:0}
	.footer-grid>img{grid-column:1/-1;width:270px;margin-top:0}
	.footer-grid>div{min-height:0;padding-left:0;border-left:0}
	.footer-grid h4{font-size:15px;margin-bottom:10px}
	.footer-grid p{font-size:11px;line-height:1.9}
	.qrs{grid-column:1/-1;padding-left:0!important}
	.qr-list{gap:14px}
	.qr-list img{width:75px;height:76px}
	.qr-list figcaption{font-size:11px}
	.copyright{min-height:54px;padding:12px 15px;font-size:10px}
	.copyright .site-mark{width:28px;margin-left:5px}
}

/* Final mobile layout pass */
@media (max-width:700px) {
	.site-header { position: relative; z-index: 20; }
	nav { position: absolute; top: 100%; left: 0; width: 100%; height: auto; }
	nav.is-open {
		display: block;
		max-height: calc(100vh - 68px);
		overflow-y: auto;
		box-shadow: 0 8px 18px rgba(0, 74, 67, .24);
	}
	nav:not(.is-open) { display: none; }
	nav .container { overflow: visible; }

	body { min-width: 320px; font-size: 14px; }
	.container,
	main > .news.container,
	.notices > .container,
	.links > .container,
	footer > .container { width: 90%; }

	.top { height: 68px; }
	.brand { width: 285px; max-width: 78%; }
	.menu-toggle { min-width: 42px; min-height: 38px; padding: 3px 9px; }
	nav .container { width: 100%; }
	.nav-link { min-height: 44px; padding: 0 5%; font-size: 15px; }
	.submenu a { min-height: 40px; padding: 10px 8%; font-size: 14px; }

	.hero { height: 185px; }
	.carousel-dots { bottom: 10px; }
	.carousel-dots button { width: 8px; height: 8px; }

	.section { padding: 34px 0; }
	.section-title { margin-bottom: 22px; }
	.section-title h2,
	.news .section-title h2,
	.notices .section-title h2,
	.academic .section-title h2,
	.links .section-title h2 { font-size: 23px; }
	.section-title a { font-size: 11px; }

	.news-feature { padding: 16px; }
	.news-feature h3 { padding-right: 0; font-size: 15px; white-space: normal; }
	.news-feature time { position: static; margin: 0 0 12px; font-size: 12px; }
	.news-feature li { min-height: auto; padding: 13px 0; font-size: 13px; }
	.news-feature li:before { width: 9px; height: 9px; margin-right: 9px; }

	.notices.section { padding-bottom: 40px; }
	.notice-grid { gap: 12px; }
	.notice,
	.notice:nth-child(n + 5) { display: flex; height: 96px; }
	.notice b { flex-basis: 68px; width: 68px; height: 68px; font-size: 27px; }
	.notice p { font-size: 14px; }
	.notice span { font-size: 11px; }

	.academic.section { width: 100%; padding: 34px 5% 42px; }
	.academic-grid { gap: 28px; }
	.academic-main { min-height: 280px; padding: 24px 22px; border-radius: 12px; }
	.academic-main h3 { margin: 20px 0 15px; font-size: 20px; }
	.academic-main time { font-size: 15px; }
	.academic-main button { margin-top: 14px; font-size: 14px; }
	.academic-card,
	.academic-card:nth-child(n + 4) { display: block; height: 285px; min-height: 0; margin-top: 0; padding: 70px 22px 16px; }
	.academic-card b,
	.academic-card:nth-child(2) b,
	.academic-card:nth-child(3) b,
	.academic-card:nth-child(n + 4) b { top: -12px; left: 25px; }
	.academic-card h3 { margin-bottom: 17px; font-size: 16px; }
	.academic-card p { margin: 10px 0; font-size: 14px; }

	.links { padding: 34px 0 44px; }
	.links .section-title { margin-bottom: 28px; }
	.link-grid { gap: 14px; }
	.link-grid a { height: 125px; }
	.link-grid span { font-size: 13px; }

	footer { padding-top: 30px; }
	.footer-grid { gap: 20px; }
	.footer-grid > img { width: min(285px, 100%); }
	footer h4 { font-size: 15px; }
	footer p { font-size: 11px; }
	.qr-list img { width: 78px; height: 80px; }
}