/* MSU modern section layout v2 */
:root {
  --blue:#6ba2cc;
  --blue-dark:#174f7c;
  --blue-soft:#eef6fb;
  --orange:#c85d00;
  --text:#202832;
  --muted:#667482;
  --line:#d7e1e8;
  --surface:#fff;
  --page:#f4f8fa;
  --radius:12px;
  --shadow:0 1px 2px rgba(20,50,70,.03);
}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--page);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.62}
a{color:var(--blue-dark);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

.site-header{background:var(--blue)}
.header-inner{max-width:1120px;margin:auto;min-height:90px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{display:block;max-width:min(520px,100%)}
.contact-link{color:#fff;font-weight:700;white-space:nowrap}

.topnav{background:#fff;border-bottom:1px solid var(--line)}
.topnav-inner{max-width:1120px;margin:auto;padding:0 22px}
.topnav-links{display:flex;align-items:stretch;gap:2px}
.topnav a{display:flex;align-items:center;padding:13px 14px;font-weight:700;border-bottom:3px solid transparent}
.topnav a:hover{background:var(--blue-soft);text-decoration:none}
.topnav a.active{color:var(--orange);border-bottom-color:var(--orange)}
.menu-toggle{display:none}
.mobile-contact-link{display:none!important}

.page{max-width:1120px;margin:26px auto 0;padding:0 22px}
.page-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 210px;gap:24px;align-items:start}
.page-grid.no-section-nav{grid-template-columns:minmax(0,1fr) 210px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.section-nav,.related{padding:17px}
.side-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 9px;font-weight:800}
.section-nav a{display:block;padding:7px 8px;border-radius:7px}
.section-nav a:hover{background:var(--blue-soft);text-decoration:none}
.section-nav a.current{background:var(--blue-soft);color:var(--orange);font-weight:700}

.article{padding:29px 32px}
.article time{display:block;color:var(--muted);font-size:.88rem;margin-bottom:8px}
.eyebrow{color:var(--orange);font-weight:700;margin:0 0 3px}
.article h1{font-size:clamp(1.85rem,3vw,2.35rem);line-height:1.15;color:#173d5b;margin:.08em 0 .7em}
.article p{margin:0 0 1.05em}
.important{border-left:4px solid var(--orange);background:#fff8ef;padding:15px 17px;font-weight:700;margin-top:22px}

.related .related-item{padding:10px 0;border-bottom:1px solid var(--line)}
.related .related-item:last-child{border-bottom:0}
.related strong{display:block;color:var(--orange);margin-bottom:2px}
.related a{display:inline-block}
.news-placeholder{margin-top:15px;padding-top:13px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}

.mobile-section{display:none}
footer{max-width:1120px;margin:30px auto 0;padding:20px 22px 38px;text-align:center;color:var(--muted);font-size:.88rem}

@media(max-width:900px){
  .page-grid{grid-template-columns:190px minmax(0,1fr)}
  .page-grid.no-section-nav{grid-template-columns:minmax(0,1fr)}
  .related{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .related .side-title,.related .news-placeholder{grid-column:1/-1}
}
@media(max-width:680px){
  .site-header{border-bottom:0}
  .header-inner{min-height:82px;padding:10px 18px}
  .brand img{max-width:100%}
  .contact-link{display:none}

  .topnav-inner{padding:0 18px}
  .menu-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:13px 0;border:0;background:#fff;font:inherit;font-weight:700;color:#111;cursor:pointer}
  .topnav-links{display:none;padding:0 0 10px}
  .topnav-links.open{display:block}
  .topnav-links .mobile-contact-link{display:block!important}
  .topnav a{display:block;padding:9px 0;border-bottom:1px solid var(--line)}
  .topnav a.active{border-bottom:1px solid var(--line);color:var(--orange)}

  .page{margin-top:17px;padding:0 14px}
  .page-grid{display:block}
  .section-nav{display:none}
  .mobile-section{display:block;margin-bottom:13px}
  .mobile-section summary{list-style:none;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-weight:700;color:var(--blue-dark)}
  .mobile-section summary::-webkit-details-marker{display:none}
  .mobile-section summary::before{content:"▶";font-size:.78em;margin-right:8px}
  .mobile-section[open] summary{border-radius:10px 10px 0 0}
  .mobile-section[open] summary::before{content:"▼"}
  .mobile-links{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;padding:7px 11px}
  .mobile-links a{display:block;padding:8px;border-bottom:1px solid #edf1f4}
  .mobile-links a:last-child{border-bottom:0}

  .article{padding:24px 22px}
  .article h1{font-size:1.8rem}
  .related{display:block;margin-top:14px;padding:19px 20px}
  .related .related-item{padding:11px 0}
}

/* Forms */
.msu-form{max-width:680px}
.form-section{margin:0 0 26px}
.form-section h2{margin:0 0 14px;font-size:1.15rem;color:var(--blue-dark)}
.form-field{margin:0 0 15px}
.form-field label,.form-label{display:block;margin:0 0 5px;font-weight:700}
.form-field input[type="text"],
.form-field input[type="email"],
.form-field input[type="tel"],
.form-field textarea,
.form-field select{
  display:block;
  width:100%;
  max-width:100%;
  padding:10px 11px;
  border:1px solid #aebdc8;
  border-radius:7px;
  background:#fff;
  color:var(--text);
  font:inherit;
}
.form-field textarea{min-height:130px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 2fr;gap:12px}
.form-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.form-options label{display:flex;align-items:center;gap:7px}
.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.form-actions input{
  padding:10px 16px;
  border:1px solid var(--blue-dark);
  border-radius:7px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.form-actions input[type="submit"]{background:var(--blue-dark);color:#fff}
.form-actions input[type="reset"]{background:#fff;color:var(--blue-dark)}

@media(max-width:680px){
  .form-row,.form-options{grid-template-columns:1fr}
}

/* Link tips */
.link-list{display:grid;gap:10px;margin-top:18px}
.link-item{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
}
.link-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
}
.link-logo img{
  display:block;
  max-width:100px;
  max-height:50px;
  width:auto;
  height:auto;
}
.link-title{font-weight:700}

@media(max-width:680px){
  .link-item{grid-template-columns:90px minmax(0,1fr);gap:12px}
  .link-logo img{max-width:80px}
}