{"id":845,"date":"2026-08-18T16:50:35","date_gmt":"2026-08-18T16:50:35","guid":{"rendered":"https:\/\/jsums.org\/housing\/?page_id=845"},"modified":"2026-08-18T16:51:47","modified_gmt":"2026-08-18T16:51:47","slug":"tips-for-a-successful-roommate-experience","status":"publish","type":"page","link":"https:\/\/jsums.org\/housing\/tips-for-a-successful-roommate-experience\/","title":{"rendered":"Tips for a Successful Roommate Experience Residence Life"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"845\" class=\"elementor elementor-845\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1d7fdd e-flex e-con-boxed e-con e-parent\" data-id=\"a1d7fdd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d17e987 elementor-widget elementor-widget-html\" data-id=\"d17e987\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n<meta name=\"description\" content=\"Tips from JSU Housing and Residential Life for a successful roommate experience \u2014 schedules, cleanliness, communication, and the Roommate Agreement.\">\n<title>Tips for a Successful Roommate Experience &middot; Residence Life &middot; Jackson State University<\/title>\n<link rel=\"canonical\" href=\"https:\/\/www.jsums.edu\/housing\/tips-for-a-successful-roommate-experience\/\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700;800&family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\n<style>\n:root{--navy:#002147;--navy-deep:#00152E;--navy-mid:#003366;--blue:#008ED6;--blue-dk:#007ABB;--blue-xdk:#00629A;--blue-lt:#3DB4F0;--blue-ltr:#6DC8F5;--blue-pale:#EBF6FD;--white:#FFFFFF;--off-white:#F3F7FB;--surface:#E6EEF6;--border:#C2D4E6;--t900:#1C2430;--t700:#4A5060;--t500:#636B78;--on-navy:#FFFFFF;--on-navy-sub:#C0C8D4;--on-navy-tert:#96A0AE;--on-deep-sub:#B8C2D0;--err:#C62828;--err-bg:#FFF0F0;--ok:#2E7D32;--ok-bg:#F0FFF1;--focus:#008ED6;--focus-dark:#6DC8F5;--fh:'Sora',sans-serif;--fb:'Crimson Pro',Georgia,serif;--mw:1340px;--r:14px;--ease:cubic-bezier(0.22,1,0.36,1);}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}\nbody{font-family:var(--fb);font-size:1rem;line-height:1.7;color:#1C2430;background:#FFFFFF;overflow-x:hidden;-webkit-font-smoothing:antialiased;}\nimg{max-width:100%;height:auto;display:block;}a{text-decoration:none;color:inherit;}ul,ol{list-style:none;}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}\na:focus-visible,button:focus-visible,[role=\"button\"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px;}\n.dk a:focus-visible,.dk button:focus-visible{outline-color:var(--focus-dark);}\n.w{max-width:1340px;margin:0 auto;padding-left:clamp(1.25rem,4vw,3rem);padding-right:clamp(1.25rem,4vw,3rem);}\n.skip-link{position:absolute;top:-120px;left:1rem;background:#008ED6;color:#FFFFFF;padding:.75rem 1.5rem;border-radius:0 0 8px 8px;font-family:var(--fh);font-weight:700;font-size:.9rem;z-index:9999;transition:top .2s;text-decoration:underline;}\n.skip-link:focus{top:0;outline:3px solid #FFFFFF;outline-offset:2px;}\n.breadcrumb{background:#E6EEF6;border-bottom:1px solid #C2D4E6;padding:.65rem 0;}\n.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-family:var(--fh);font-size:.78rem;color:#636B78;}\n.breadcrumb__list li{display:flex;align-items:center;gap:.35rem;}\n.breadcrumb__list li+li::before{content:'\u203a';color:#C2D4E6;font-size:1rem;}\n.breadcrumb__list a{color:#00629A;text-decoration:underline;text-underline-offset:2px;font-weight:500;}\n.breadcrumb__list a:hover{color:#002147;}\n.breadcrumb__list [aria-current=\"page\"]{color:#4A5060;font-weight:600;}\n.hero{position:relative;background-color:#00152E;background-image:linear-gradient(135deg,#00152E 0%,#002147 100%);overflow:hidden;padding:clamp(3.5rem,8vw,6rem) 0 clamp(3rem,6vw,5rem);}\n.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(0,142,214,.18) 0%,transparent 60%),radial-gradient(ellipse 40% 80% at 20% 80%,rgba(0,33,71,.6) 0%,transparent 70%);pointer-events:none;}\n.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;align-items:center;gap:2rem;}\n.hero__tag{display:inline-block;font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#3DB4F0;background:rgba(0,142,214,.15);border:1px solid rgba(0,142,214,.3);border-radius:4px;padding:.25rem .75rem;margin-bottom:1rem;}\n.hero__title{font-family:var(--fh);font-weight:800;font-size:clamp(1.9rem,4.5vw,3.4rem);line-height:1.08;letter-spacing:-.025em;color:#FFFFFF;margin-bottom:.85rem;}\n.hero__title em{font-family:var(--fb);font-style:italic;color:#3DB4F0;}\n.hero__desc{font-family:var(--fb);font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.65;color:#C0C8D4;max-width:620px;margin-bottom:1.75rem;}\n.hero__btns{display:flex;gap:.75rem;flex-wrap:wrap;}\n.hero__stat-band{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(0,142,214,.2);border-radius:8px;min-width:180px;}\n.hero__stat{text-align:center;}\n.hero__stat-num{font-family:var(--fh);font-size:2rem;font-weight:800;color:#3DB4F0;line-height:1;}\n.hero__stat-lbl{font-family:var(--fh);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#96A0AE;margin-top:.3rem;}\n.hero__stat+.hero__stat{border-top:1px solid rgba(0,142,214,.2);padding-top:1.5rem;}\n.btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--fh);font-weight:600;font-size:.88rem;letter-spacing:.02em;padding:.7rem 1.4rem;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s;text-decoration:none;line-height:1.2;}\n.btn:active{transform:scale(.98);}\n.btn--primary{background:#00659E;color:#FFFFFF;border-color:#008ED6;}\n.btn--primary:hover{background:#007ABB;border-color:#007ABB;}\n.btn--outline-white{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.5);}\n.btn--outline-white:hover{background:rgba(255,255,255,.1);border-color:#FFFFFF;}\n.btn--outline-navy{background:transparent;color:#002147;border-color:#002147;}\n.btn--outline-navy:hover{background:#002147;color:#FFFFFF;}\n.sec{padding:clamp(3.5rem,7vw,5.5rem) 0;}\n.sec--off{background:#F3F7FB;}\n.sec--navy{background:#002147;}\n.sec--deep{background:#00152E;}\n.sec--surface{background:#E6EEF6;}\n.sec-eyebrow{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#00629A;display:block;margin-bottom:.6rem;}\n.sec--navy .sec-eyebrow,.sec--deep .sec-eyebrow{color:#3DB4F0;}\n.sec-title{font-family:var(--fh);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.1;letter-spacing:-.022em;color:#002147;margin-bottom:.75rem;}\n.sec--navy .sec-title,.sec--deep .sec-title{color:#FFFFFF;}\n.sec-body{font-family:var(--fb);font-size:1.1rem;color:#4A5060;max-width:680px;line-height:1.75;}\n.sec--navy .sec-body{color:#C0C8D4;}\n.sec-head{margin-bottom:clamp(2rem,3.5vw,3.5rem);}\n.sec-head--center{text-align:center;}\n.sec-head--center .sec-body{margin:0 auto;}\n.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:start;}\n.about-body p{font-family:var(--fb);font-size:1.1rem;color:#4A5060;line-height:1.8;margin-bottom:1.1rem;}\n.about-facts{background:#E6EEF6;border-radius:8px;padding:2rem;}\n.about-facts__title{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#00629A;margin-bottom:1.25rem;}\n.about-facts dl{display:grid;gap:.85rem;}\n.about-facts dt{font-family:var(--fh);font-size:.78rem;font-weight:700;color:#636B78;letter-spacing:.05em;text-transform:uppercase;}\n.about-facts dd{font-family:var(--fb);font-size:1rem;color:#1C2430;margin-left:0;padding-left:.75rem;border-left:2px solid #008ED6;}\n.tabs__list{display:flex;gap:.25rem;border-bottom:2px solid #C2D4E6;margin-bottom:2rem;flex-wrap:wrap;}\n.tabs__btn{font-family:var(--fh);font-weight:600;font-size:.88rem;color:#4A5060;background:none;border:none;padding:.7rem 1.25rem;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:6px 6px 0 0;transition:color .15s,background .15s,border-color .15s;}\n.tabs__btn:hover{color:#002147;background:#E6EEF6;}\n.tabs__btn[aria-selected=\"true\"]{color:#002147;border-bottom-color:#008ED6;background:#F3F7FB;}\n.tabs__panel{display:none;}\n.tabs__panel.is-active{display:block;}\n.program-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;}\n.program-card{background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:.85rem;transition:border-color .2s,box-shadow .2s;text-decoration:none;color:inherit;}\n.program-card:hover{border-color:#008ED6;box-shadow:0 4px 20px rgba(0,142,214,.1);}\n.program-card__dot{width:8px;height:8px;border-radius:50%;background:#008ED6;margin-top:.55rem;flex-shrink:0;}\n.program-card__name{font-family:var(--fh);font-size:.92rem;font-weight:600;color:#002147;margin-bottom:.2rem;}\n.program-card__level{font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#636B78;}\n.accordion{border:1px solid #C2D4E6;border-radius:8px;overflow:hidden;}\n.accordion+.accordion{margin-top:.75rem;}\n.accordion__trigger{width:100%;text-align:left;background:#FFFFFF;border:none;padding:1.1rem 1.5rem;font-family:var(--fh);font-weight:600;font-size:.95rem;color:#002147;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .15s;}\n.accordion__trigger:hover{background:#F3F7FB;}\n.accordion__trigger[aria-expanded=\"true\"]{background:#002147;color:#FFFFFF;}\n.accordion__icon{width:20px;height:20px;border-radius:50%;background:#E6EEF6;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:background .15s,transform .3s;}\n.accordion__trigger[aria-expanded=\"true\"] .accordion__icon{background:rgba(255,255,255,.15);color:#FFFFFF;transform:rotate(180deg);}\n.accordion__body{display:none;padding:1.5rem;background:#F3F7FB;border-top:1px solid #C2D4E6;font-family:var(--fb);font-size:1.05rem;color:#4A5060;line-height:1.75;}\n.accordion__body.is-open{display:block;}\n.accordion__body p+p{margin-top:.85rem;}\n.accordion__body ul{list-style:disc;padding-left:1.5rem;margin-top:.75rem;}\n.accordion__body li{margin-bottom:.35rem;}\n.faculty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;}\n.faculty-card{background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;padding:1.5rem;}\n.faculty-card__name{font-family:var(--fh);font-weight:700;font-size:1rem;color:#002147;margin-bottom:.2rem;}\n.faculty-card__title{font-family:var(--fh);font-size:.8rem;color:#00629A;font-weight:600;margin-bottom:.5rem;}\n.faculty-card__contact{font-family:var(--fh);font-size:.78rem;color:#636B78;}\n.faculty-card__contact a{color:#00629A;text-decoration:underline;}\n.cta-band{background:#00152E;padding:clamp(3rem,6vw,5rem) 0;}\n.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}\n.cta-band__title{font-family:var(--fh);font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);color:#FFFFFF;line-height:1.15;margin-bottom:.5rem;}\n.cta-band__sub{font-family:var(--fb);font-size:1.1rem;color:#C0C8D4;}\n.cta-band__btns{display:flex;gap:.75rem;flex-wrap:wrap;flex-shrink:0;}\n.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}\n.contact-info__title{font-family:var(--fh);font-weight:700;font-size:1.2rem;color:#002147;margin-bottom:1.25rem;}\n.contact-item{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1.1rem;}\n.contact-icon{font-size:1.3rem;line-height:1;margin-top:.1rem;flex-shrink:0;}\n.contact-item__label{font-family:var(--fh);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#636B78;margin-bottom:.15rem;}\n.contact-item__val{font-family:var(--fb);font-size:1rem;color:#1C2430;}\n.contact-item__val a{color:#00629A;text-decoration:underline;}\n.form-group{margin-bottom:1.25rem;}\n.form-label{display:block;font-family:var(--fh);font-weight:600;font-size:.85rem;color:#1C2430;margin-bottom:.4rem;}\n.required{color:#C62828;}\n.form-control{display:block;width:100%;font-family:var(--fb);font-size:1rem;color:#1C2430;background:#FFFFFF;border:1.5px solid #C2D4E6;border-radius:8px;padding:.65rem .9rem;transition:border-color .2s;}\n.form-control:focus{outline:none;border-color:#008ED6;box-shadow:0 0 0 3px rgba(0,142,214,.15);}\ntextarea.form-control{min-height:120px;resize:vertical;}\n.form-control.is-error{border-color:#C62828;}\n.form-error{font-family:var(--fh);font-size:.8rem;color:#C62828;margin-top:.3rem;display:none;}\n.form-error.is-visible{display:block;}\n.form-status{font-family:var(--fh);font-size:.9rem;padding:.85rem 1.1rem;border-radius:8px;margin-bottom:1rem;display:none;}\n.form-status.is-ok{display:block;background:#F0FFF1;color:#2E7D32;border:1px solid #a5d6a7;}\n.form-status.is-err{display:block;background:#FFF0F0;color:#C62828;border:1px solid #ef9a9a;}\n.site-footer{background:#00152E;padding:clamp(3rem,6vw,5rem) 0 2rem;}\n.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem;}\n.footer__brand-name{font-family:var(--fh);font-weight:800;font-size:1.1rem;color:#FFFFFF;margin-bottom:.35rem;}\n.footer__brand-sub{font-family:var(--fh);font-size:.82rem;color:#C0C8D4;margin-bottom:.85rem;}\n.footer__brand-contact{font-family:var(--fb);font-size:.95rem;color:#96A0AE;line-height:1.8;}\n.footer__brand-contact a{color:#3DB4F0;text-decoration:underline;}\n.footer__col-title{font-family:var(--fh);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#96A0AE;margin-bottom:.85rem;}\n.site-footer nav ul{display:grid;gap:.5rem;}\n.site-footer nav a{font-family:var(--fh);font-size:.85rem;color:#C0C8D4;transition:color .15s;}\n.site-footer nav a:hover{color:#FFFFFF;}\n.footer__legal{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\n.footer__legal p{font-family:var(--fh);font-size:.78rem;color:#96A0AE;}\n.footer__legal-links{display:flex;flex-wrap:wrap;gap:1rem;}\n.footer__legal-links a{font-family:var(--fh);font-size:.78rem;color:#96A0AE;text-decoration:underline;}\n.footer__legal-links a:hover{color:#FFFFFF;}\n.fnav-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(0);z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:#002147;color:#FFFFFF;border:none;border-radius:6px 0 0 6px;padding:.9rem .55rem;cursor:pointer;box-shadow:-2px 0 12px rgba(0,21,46,.35);opacity:0;visibility:hidden;transform:translateY(-50%) translateX(100%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background .15s;}.fnav-toggle.is-visible{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}.fnav-toggle:hover{background:#007ABB;}.fnav-toggle__icon{font-size:1rem;line-height:1;display:block;}.fnav-toggle__label{font-family:var(--fh);font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-top:.3rem;color:#FFFFFF;}\n.fnav-overlay{position:fixed;inset:0;background:rgba(0,21,46,.55);z-index:600;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}\n.fnav-overlay.is-open{opacity:1;visibility:visible;}\n.fnav-drawer{position:fixed;top:0;right:-340px;width:320px;max-width:90vw;height:100%;background:#FFFFFF;z-index:700;display:flex;flex-direction:column;box-shadow:-4px 0 40px rgba(0,21,46,.25);transition:right .35s cubic-bezier(0.22,1,0.36,1);}\n.fnav-drawer.is-open{right:0;}\n.fnav-drawer__header{background:#002147;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-shrink:0;}\n.fnav-drawer__eyebrow{font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#3DB4F0;display:block;margin-bottom:.2rem;}\n.fnav-drawer__title{font-family:var(--fh);font-size:.95rem;font-weight:700;color:#FFFFFF;display:block;}\n.fnav-close{background:rgba(255,255,255,.1);border:none;color:#FFFFFF;font-size:1.4rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;}\n.fnav-close:hover{background:rgba(255,255,255,.2);}\n.fnav-drawer__body{flex:1;overflow-y:auto;padding:1.5rem;}\n.fnav-group__label{font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#636B78;display:block;margin-bottom:.75rem;}\n.fnav-group__items{display:grid;gap:.2rem;}\n.fnav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:8px;font-family:var(--fh);font-size:.88rem;font-weight:500;color:#4A5060;transition:background .15s,color .15s;}\n.fnav-item:hover{background:#E6EEF6;color:#002147;}\n.fnav-item.is-active{background:#EBF6FD;color:#00629A;font-weight:600;}\n.fnav-item__dot{width:6px;height:6px;border-radius:50%;background:#C2D4E6;flex-shrink:0;transition:background .15s;}\n.fnav-item.is-active .fnav-item__dot{background:#008ED6;}\n.fnav-drawer__footer{color:#FFFFFF !important;border-top:1px solid #C2D4E6;padding:1rem 1.5rem;flex-shrink:0;}\n.fnav-footer-link{color:#FFFFFF !important;text-decoration:none;font-family:var(--fh);font-size:.82rem;font-weight:600;color:#00629A;text-decoration:underline;text-underline-offset:2px;}\n.jsu-btt{position:fixed;bottom:28px;right:28px;z-index:900;background:#008ED6;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#FFFFFF;font-size:22px;line-height:1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,visibility .25s,transform .25s,background .15s;box-shadow:0 4px 16px rgba(0,142,214,.35);}\n.jsu-btt.is-visible{opacity:1;visibility:visible;transform:translateY(0);}\n.jsu-btt:hover{background:#007ABB;}\n.jsu-btt:focus-visible{outline:3px solid #5BAADC;outline-offset:3px;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;color:#1C2430;background:#FFFFFF;}\n.resource-list{display:grid;gap:.75rem;}\n.resource-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;transition:border-color .2s;}\n.resource-item:hover{border-color:#008ED6;}\n.resource-icon{font-size:1.5rem;flex-shrink:0;}\n.resource-item__name{font-family:var(--fh);font-weight:600;font-size:.92rem;color:#002147;}\n.resource-item__desc{font-family:var(--fb);font-size:.9rem;color:#636B78;}\n.resource-item__link{font-family:var(--fh);font-size:.8rem;font-weight:600;color:#00629A;text-decoration:underline;margin-left:auto;white-space:nowrap;flex-shrink:0;}\n@media(max-width:900px){.about-grid,.contact-grid{grid-template-columns:1fr;}.footer__grid{grid-template-columns:1fr 1fr;}.hero__inner{grid-template-columns:1fr;}.hero__stat-band{flex-direction:row;flex-wrap:wrap;min-width:0;}}\n@media(max-width:600px){.footer__grid{grid-template-columns:1fr;}.cta-band__inner{flex-direction:column;}}\n\n    .contact-items{display:flex;flex-wrap:wrap;gap:2.5rem;margin-top:0;}\n    .contact-item{display:flex;gap:.85rem;align-items:flex-start;min-width:220px;}\n    .contact-icon{font-size:1.3rem;line-height:1;margin-top:.1rem;flex-shrink:0;}\n    .contact-item__label{font-family:var(--fh);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#636B78;margin-bottom:.15rem;}\n    .contact-item__val{font-family:var(--fb);font-size:1rem;color:#1C2430;}\n    .contact-item__val a{color:#00629A;text-decoration:underline;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ELEMENTOR CONTAINMENT RESETS\n   Prevents Elementor wrapper styles from bleeding into our\n   custom HTML content blocks.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Zero out all padding\/margin\/gap\/background on every Elementor wrapper *\/\n.elementor-widget-container,\n.elementor-widget-wrap,\n.elementor-widget-wrap > .elementor-element,\n.elementor-section .elementor-container,\n.elementor-section .elementor-row,\n.e-con,\n.e-con-inner,\n.e-child,\n.e-con > .e-con-inner {\n    padding: 0 !important;\n    margin: 0 !important;\n    gap: 0 !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n    border: none !important;\n    box-shadow: none !important;\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Section-level Elementor wrappers *\/\n.elementor-section,\n.elementor-top-section,\n.elementor-inner-section {\n    padding: 0 !important;\n    margin: 0 !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n}\n\n\/* Strip Elementor heading color overrides *\/\n.elementor-widget-container h1,\n.elementor-widget-container h2,\n.elementor-widget-container h3,\n.elementor-widget-container h4,\n.elementor-widget-container h5,\n.elementor-widget-container p,\n.elementor-widget-container a {\n    color: inherit !important;\n}\n\n\/* \u2500\u2500 Dark section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   .hero and .cta-band.dk MUST stay dark regardless of\n   Elementor theme color injection.\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero,\n.hero * {\n    color: #FFFFFF !important;\n}\n.hero__inner {\n    justify-items: center !important;\n    text-align: center !important;\n}\n.hero__inner > div {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    text-align: center !important;\n    max-width: 780px !important;\n    margin: 0 auto !important;\n}\n.hero__btns {\n    justify-content: center !important;\n}\n.hero__desc {\n    max-width: 640px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n}\n.hero__tag {\n    display: inline-block !important;\n}\n.hero {\n    background-color: #00152E !important;\n    background-image: linear-gradient(135deg, #00152E 0%, #002147 60%, #003366 100%) !important;\n    position: relative !important;\n}\n.cta-band.dk {\n    background-color: #002147 !important;\n    background-image: linear-gradient(135deg, #00152E 0%, #002147 100%) !important;\n    color: #FFFFFF !important;\n}\n.cta-band.dk * {\n    color: #FFFFFF !important;\n}\n.cta-band.dk .btn--primary {\n    background-color: #00659E !important;\n    color: #FFFFFF !important;\n}\n.cta-band.dk .btn--outline-white {\n    border-color: rgba(255,255,255,0.6) !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Section background hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sec {\n    background-color: #FFFFFF !important;\n    color: #1C2430 !important;\n}\n.sec--off {\n    background-color: #F3F7FB !important;\n    color: #1C2430 !important;\n}\n.sec--surface {\n    background-color: #E6EEF6 !important;\n    color: #1C2430 !important;\n}\n\n\/* \u2500\u2500 Text color hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sec .sec-title,\n.sec .sec-eyebrow,\n.sec h2,\n.sec h3 {\n    color: #002147 !important;\n}\n.sec p,\n.sec li,\n.sec dd,\n.sec dt {\n    color: #4A5060 !important;\n}\n.sec a {\n    color: #00629A !important;\n}\n\n\/* \u2500\u2500 About section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.about-facts {\n    background: #E6EEF6 !important;\n    border-radius: 8px !important;\n    padding: clamp(1.5rem, 3vw, 2.5rem) !important;\n}\n.about-facts__title {\n    color: #00629A !important;\n    font-weight: 700 !important;\n}\n.about-facts dl dt {\n    color: #636B78 !important;\n    text-transform: uppercase !important;\n    font-size: .72rem !important;\n    letter-spacing: .08em !important;\n    font-weight: 700 !important;\n}\n.about-facts dl dd {\n    color: #1C2430 !important;\n    font-size: .97rem !important;\n}\n\n\/* \u2500\u2500 Card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.card {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-radius: 8px !important;\n}\n.card__eyebrow { color: #00629A !important; }\n.card__title   { color: #002147 !important; }\n.card__text    { color: #4A5060 !important; }\n.card__link    { color: #00629A !important; }\n\n\/* \u2500\u2500 Faculty card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.faculty-card {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-radius: 8px !important;\n}\n.faculty-card__name  { color: #002147 !important; }\n.faculty-card__title { color: #636B78 !important; }\n.faculty-card__contact, \n.faculty-card__contact a { color: #00629A !important; }\n\n\/* \u2500\u2500 Resource list hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.resource-item {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-bottom-color: #C2D4E6 !important;\n}\n.resource-item__name { color: #002147 !important; }\n.resource-item__desc { color: #4A5060 !important; }\n.resource-item__link { color: #00629A !important; border-color: #00629A !important; }\n\n\/* \u2500\u2500 Program card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.program-card {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-radius: 8px !important;\n    color: #1C2430 !important;\n}\n.program-card__name  { color: #002147 !important; }\n.program-card__level { color: #636B78 !important; }\n.program-card__dot   { background: #008ED6 !important; }\n\n\/* \u2500\u2500 Tab hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.tabs__btn {\n    background: transparent !important;\n    color: #002147 !important;\n    border-color: #C2D4E6 !important;\n}\n.tabs__btn[aria-selected=\"true\"] {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n    border-color: #002147 !important;\n}\n\n\/* \u2500\u2500 Accordion hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.accordion__trigger {\n    background: #FFFFFF !important;\n    color: #002147 !important;\n    border-color: #C2D4E6 !important;\n}\n.accordion__trigger[aria-expanded=\"true\"] {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n}\n.accordion__body { \n    background: #FFFFFF !important; \n    color: #4A5060 !important;\n}\n\n\/* \u2500\u2500 Nav drawer hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-drawer {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n}\n.fnav-drawer__header {\n    background: #00152E !important;\n    border-bottom-color: rgba(0,142,214,0.3) !important;\n}\n.fnav-drawer__title { color: #FFFFFF !important; }\n.fnav-drawer__eyebrow { color: #3DB4F0 !important; }\n.fnav-item { color: rgba(255,255,255,0.85) !important; }\n.fnav-item.is-active,\n.fnav-item:hover { color: #FFFFFF !important; background: rgba(0,142,214,0.2) !important; }\n.fnav-group__label { color: #3DB4F0 !important; }\n.fnav-drawer__footer { color: #FFFFFF !important; }\n.fnav-footer-link { color: #FFFFFF !important; text-decoration: none; }\n.fnav-footer-link:hover { color: #3DB4F0 !important; }\n\n\/* \u2500\u2500 Hero text hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero__tag     { color: #3DB4F0 !important; }\n.hero__title   { color: #FFFFFF !important; }\n.hero__desc    { color: rgba(255,255,255,0.85) !important; }\n.hero__btns .btn--primary       { background-color: #00659E !important; color: #FFFFFF !important; }\n.hero__btns .btn--outline-white { border-color: rgba(255,255,255,0.6) !important; color: #FFFFFF !important; }\n\n\/* \u2500\u2500 Breadcrumb hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.breadcrumb { background: #002147 !important; }\n.breadcrumb a, .breadcrumb span { color: rgba(255,255,255,0.75) !important; }\n.breadcrumb [aria-current=\"page\"] { color: #FFFFFF !important; }\n\n\/* \u2500\u2500 Contact section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.contact-items { color: #1C2430 !important; }\n.contact-item__label { color: #636B78 !important; }\n.contact-item__val   { color: #1C2430 !important; }\n.contact-item__val a { color: #00629A !important; }\n\n\/* \u2500\u2500 Skip link \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.skip-link:focus {\n    background: #008ED6 !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 BTT button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.jsu-btt {\n    background: #00659E !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Menu toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-toggle {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n}\n.fnav-toggle:hover { background: #007ABB !important; }\n\n\/* \u2500\u2500 WCAG: Ensure minimum contrast on all body text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nbody { \n    background-color: #FFFFFF !important; \n    color: #1C2430 !important;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TICKER STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ticker-wrap{\n    background:#00152E;\n    border-top:1px solid rgba(0,142,214,.25);\n    border-bottom:1px solid rgba(0,142,214,.25);\n    overflow:hidden;\n    padding:.55rem 0;\n    position:relative;\n}\n.ticker-wrap::before,\n.ticker-wrap::after{\n    content:'';\n    position:absolute;\n    top:0;bottom:0;\n    width:80px;\n    z-index:2;\n    pointer-events:none;\n}\n.ticker-wrap::before{\n    left:0;\n    background:linear-gradient(to right,#00152E,transparent);\n}\n.ticker-wrap::after{\n    right:0;\n    background:linear-gradient(to left,#00152E,transparent);\n}\n.ticker-label{\n    position:absolute;\n    left:0;top:50%;\n    transform:translateY(-50%);\n    background:#008ED6;\n    color:#FFFFFF;\n    font-family:var(--fh);\n    font-size:.65rem;\n    font-weight:700;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n    padding:.35rem .75rem;\n    z-index:3;\n    white-space:nowrap;\n}\n.ticker-track{\n    display:flex;\n    align-items:center;\n    gap:0;\n    width:max-content;\n    animation:ticker-scroll 40s linear infinite;\n    padding-left:160px;\n}\n.ticker-track:hover{animation-play-state:paused;}\n.ticker-item{\n    display:inline-flex;\n    align-items:center;\n    gap:.5rem;\n    white-space:nowrap;\n    padding:0 1.5rem;\n    font-family:var(--fh);\n    font-size:.78rem;\n    font-weight:500;\n    color:rgba(255,255,255,.75);\n    transition:color .2s;\n    text-decoration:none;\n}\n.ticker-item:hover{color:#3DB4F0;}\n.ticker-item::before{\n    content:'';\n    display:inline-block;\n    width:4px;height:4px;\n    border-radius:50%;\n    background:#008ED6;\n    flex-shrink:0;\n}\n@keyframes ticker-scroll{\n    0%{transform:translateX(0);}\n    100%{transform:translateX(-50%);}\n}\n@media(prefers-reduced-motion:reduce){\n    .ticker-track{animation:none;overflow-x:auto;}\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO CENTERING \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero__inner{\n    justify-items:center;\n    text-align:center;\n}\n.hero__inner > div{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    text-align:center;\n    max-width:780px;\n    margin:0 auto;\n}\n.hero__desc{\n    max-width:640px;\n    margin-left:auto;\n    margin-right:auto;\n}\n.hero__btns{\n    justify-content:center;\n}\n\n\n\/* \u2500\u2500 Visually hidden elements \u2014 explicit colors for accessibility checkers \u2500\u2500 *\/\n.sr-only,\n.visually-hidden {\n    color: #1C2430 !important;\n    background-color: #FFFFFF !important;\n}\n\/* \u2500\u2500 Screen-reader-only toggle label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-toggle__label {\n    color: #FFFFFF !important;\n}\n\/* \u2500\u2500 Skip link always has explicit colors \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.skip-link {\n    background-color: #00659E !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Breadcrumb: sit flush below global header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nbody {\n    padding-top: 65px !important;\n    background-color: #002147 !important;\n}\n.breadcrumb {\n    margin-top: 0 !important;\n    scroll-margin-top: 65px !important;\n}\n#main-content {\n    scroll-margin-top: 65px !important;\n}\n.admin-bar body { padding-top: 97px !important; }\n.admin-bar .breadcrumb { scroll-margin-top: 97px !important; }\n\/* \u2500\u2500 Hero: full viewport height \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero {\n    min-height: 100vh !important;\n    height: 100vh !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 0 !important;\n    position: relative !important;\n}\n.hero__inner {\n    justify-items: center !important;\n    text-align: center !important;\n    padding: clamp(2rem, 4vh, 5rem) 0 !important;\n    width: 100% !important;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   JSU GLOBAL NAVIGATION \u2014 matches jsums.edu exactly\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.jsu-global-nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 1000;\n    background: #002147;\n    box-shadow: 0 2px 16px rgba(0,0,0,.35);\n}\n.jsu-global-nav__top {\n    background: #00152E;\n    padding: .3rem 0;\n    border-bottom: 1px solid rgba(0,142,214,.2);\n}\n.jsu-global-nav__top-inner {\n    max-width: 1340px;\n    margin: 0 auto;\n    padding: 0 clamp(1.25rem,4vw,3rem);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 1rem;\n    flex-wrap: wrap;\n}\n.jsu-global-nav__util-links {\n    display: flex;\n    flex-wrap: wrap;\n    gap: .15rem .75rem;\n    list-style: none;\n}\n.jsu-global-nav__util-links a {\n    font-family: var(--fh);\n    font-size: .68rem;\n    font-weight: 500;\n    color: rgba(255,255,255,.65);\n    text-decoration: none;\n    letter-spacing: .02em;\n    transition: color .15s;\n}\n.jsu-global-nav__util-links a:hover { color: #3DB4F0; }\n.jsu-global-nav__ctas {\n    display: flex;\n    gap: .4rem;\n}\n.jsu-global-nav__cta {\n    font-family: var(--fh);\n    font-size: .72rem;\n    font-weight: 700;\n    letter-spacing: .05em;\n    text-decoration: none;\n    padding: .3rem .85rem;\n    border-radius: 4px;\n    transition: background .15s, color .15s;\n}\n.jsu-global-nav__cta--apply {\n    background: #00659E;\n    color: #FFFFFF;\n}\n.jsu-global-nav__cta--apply:hover { background: #007ABB; }\n.jsu-global-nav__cta--visit {\n    background: transparent;\n    color: rgba(255,255,255,.8);\n    border: 1px solid rgba(255,255,255,.3);\n}\n.jsu-global-nav__cta--visit:hover { background: rgba(255,255,255,.08); color: #FFFFFF; }\n.jsu-global-nav__cta--give {\n    background: #3DB4F0;\n    color: #002147;\n    font-weight: 800;\n}\n.jsu-global-nav__cta--give:hover { background: #6DC8F5; }\n\n.jsu-global-nav__main {\n    max-width: 1340px;\n    margin: 0 auto;\n    padding: 0 clamp(1.25rem,4vw,3rem);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 64px;\n    gap: 1.5rem;\n}\n.jsu-global-nav__logo {\n    display: flex;\n    align-items: center;\n    gap: .65rem;\n    text-decoration: none;\n    flex-shrink: 0;\n}\n.jsu-global-nav__logo-mark {\n    width: 44px;\n    height: 44px;\n    border-radius: 6px;\n    background: #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n.jsu-global-nav__logo-mark span {\n    font-family: var(--fh);\n    font-weight: 900;\n    font-size: 1.05rem;\n    color: #002147;\n    letter-spacing: -.03em;\n}\n.jsu-global-nav__logo-text { line-height: 1.15; }\n.jsu-global-nav__logo-text strong {\n    display: block;\n    font-family: var(--fh);\n    font-weight: 800;\n    font-size: .88rem;\n    color: #FFFFFF;\n    letter-spacing: .01em;\n}\n.jsu-global-nav__logo-text span {\n    font-family: var(--fh);\n    font-size: .62rem;\n    font-weight: 500;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    color: #3DB4F0;\n}\n\n.jsu-global-nav__menu {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    list-style: none;\n}\n.jsu-global-nav__menu > li {\n    position: relative;\n}\n.jsu-global-nav__menu > li > a,\n.jsu-global-nav__menu > li > button {\n    display: flex;\n    align-items: center;\n    gap: .3rem;\n    font-family: var(--fh);\n    font-size: .82rem;\n    font-weight: 600;\n    color: rgba(255,255,255,.85);\n    text-decoration: none;\n    padding: .55rem .75rem;\n    border-radius: 6px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    transition: color .15s, background .15s;\n    white-space: nowrap;\n}\n.jsu-global-nav__menu > li > a:hover,\n.jsu-global-nav__menu > li > button:hover {\n    color: #FFFFFF;\n    background: rgba(255,255,255,.08);\n}\n.jsu-global-nav__menu > li > a::after,\n.jsu-global-nav__menu > li > button.has-sub::after {\n    content: '';\n    display: inline-block;\n    width: 0; height: 0;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-top: 4px solid currentColor;\n    opacity: .6;\n    margin-left: .2rem;\n    transition: transform .2s;\n}\n.jsu-global-nav__menu > li:hover > button.has-sub::after,\n.jsu-global-nav__menu > li:focus-within > button.has-sub::after {\n    transform: rotate(180deg);\n}\n\n\/* Dropdowns *\/\n.jsu-global-nav__dropdown {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    min-width: 220px;\n    background: #001736;\n    border: 1px solid rgba(0,142,214,.25);\n    border-radius: 8px;\n    box-shadow: 0 8px 32px rgba(0,0,0,.4);\n    padding: .5rem 0;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(-8px);\n    transition: opacity .2s, visibility .2s, transform .2s;\n    z-index: 100;\n    list-style: none;\n}\n.jsu-global-nav__menu > li:hover .jsu-global-nav__dropdown,\n.jsu-global-nav__menu > li:focus-within .jsu-global-nav__dropdown {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n}\n.jsu-global-nav__dropdown a {\n    display: block;\n    padding: .5rem 1.1rem;\n    font-family: var(--fh);\n    font-size: .82rem;\n    font-weight: 500;\n    color: rgba(255,255,255,.8);\n    text-decoration: none;\n    transition: color .15s, background .15s;\n}\n.jsu-global-nav__dropdown a:hover {\n    color: #FFFFFF;\n    background: rgba(0,142,214,.15);\n}\n.jsu-global-nav__dropdown .drop-group-label {\n    display: block;\n    padding: .65rem 1.1rem .25rem;\n    font-family: var(--fh);\n    font-size: .65rem;\n    font-weight: 700;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: #3DB4F0;\n    border-top: 1px solid rgba(0,142,214,.2);\n    margin-top: .35rem;\n}\n.jsu-global-nav__dropdown .drop-group-label:first-child {\n    border-top: none;\n    margin-top: 0;\n}\n\n\/* Mobile menu toggle *\/\n.jsu-global-nav__mob-btn {\n    display: none;\n    background: none;\n    border: 1px solid rgba(255,255,255,.3);\n    border-radius: 6px;\n    color: #FFFFFF;\n    padding: .45rem .65rem;\n    cursor: pointer;\n    font-size: 1.15rem;\n    line-height: 1;\n    transition: background .15s;\n}\n.jsu-global-nav__mob-btn:hover { background: rgba(255,255,255,.1); }\n\n\/* Page body offset for fixed nav *\/\nbody { padding-top: 0 !important; }\n.breadcrumb {\n    margin-top: 104px !important; }\n.admin-bar .breadcrumb {\n    margin-top: 136px !important; }\n#main-content { scroll-margin-top: 104px !important; }\n\n\/* Sections scroll past nav *\/\n[id] { scroll-margin-top: 104px; }\n\n@media(max-width: 1024px) {\n    .jsu-global-nav__menu { display: none; }\n    .jsu-global-nav__mob-btn { display: flex; align-items: center; justify-content: center; }\n}\n@media(max-width: 600px) {\n    .jsu-global-nav__logo-text { display: none; }\n}\n\n\n\/* \u2550\u2550 PDF \/ Document Inline Viewer \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.doc-embed-wrap {\n    margin: 1.25rem 0;\n    border: 1px solid #C2D4E6;\n    border-radius: 10px;\n    overflow: hidden;\n    background: #F3F7FB;\n}\n.doc-embed-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: .6rem 1rem;\n    background: #002147;\n    gap: .75rem;\n    flex-wrap: wrap;\n}\n.doc-embed-toolbar__title {\n    font-family: var(--fh);\n    font-size: .82rem;\n    font-weight: 600;\n    color: #FFFFFF;\n    flex: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.doc-embed-toolbar__actions {\n    display: flex;\n    gap: .4rem;\n    flex-shrink: 0;\n}\n.doc-embed-toolbar__btn {\n    font-family: var(--fh);\n    font-size: .72rem;\n    font-weight: 700;\n    letter-spacing: .04em;\n    padding: .3rem .75rem;\n    border-radius: 5px;\n    text-decoration: none;\n    transition: background .15s, color .15s;\n    white-space: nowrap;\n}\n.doc-embed-toolbar__btn--view {\n    background: #00659E;\n    color: #FFFFFF;\n    border: 1px solid #008ED6;\n}\n.doc-embed-toolbar__btn--view:hover { background: #007ABB; }\n.doc-embed-toolbar__btn--dl {\n    background: rgba(255,255,255,.12);\n    color: rgba(255,255,255,.9);\n    border: 1px solid rgba(255,255,255,.25);\n}\n.doc-embed-toolbar__btn--dl:hover { background: rgba(255,255,255,.2); color: #FFFFFF; }\n.doc-embed-frame {\n    width: 100%;\n    height: 560px;\n    border: none;\n    display: block;\n    background: #FFFFFF;\n}\n@media(max-width:600px){ .doc-embed-frame { height: 380px; } }\n\n\n.pdf-embed-wrap{border-radius:8px;overflow:hidden;box-shadow:0 2px 16px rgba(0,21,46,.1);margin:1.5rem 0;}\n.pdf-embed-header{background:#002147;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}\n.pdf-embed-title{font-family:var(--fh);font-weight:700;font-size:.88rem;color:#FFFFFF;}\n.pdf-embed-actions{display:flex;gap:.5rem;flex-wrap:wrap;}\n.pdf-btn{font-family:var(--fh);font-size:.75rem;font-weight:600;padding:.35rem .85rem;border-radius:4px;text-decoration:none;transition:background .15s;white-space:nowrap;}\n.pdf-btn--view{background:rgba(255,255,255,.15);color:#FFFFFF;}\n.pdf-btn--view:hover{background:rgba(255,255,255,.25);}\n.pdf-btn--dl{background:#00659E;color:#FFFFFF;}\n.pdf-btn--dl:hover{background:#007ABB;}\n.pdf-embed-frame{display:block;background:#F3F7FB;width:100%;border:1px solid #C2D4E6;border-radius:0 0 8px 8px;}\n\n<\/style>\n<style>\n\/* Card layout \u2014 supplies rules absent from JSU_2026_Page_Template.html *\/\n.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));\n  gap:1.25rem;align-items:stretch;}\n.card{background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;\n  display:flex;flex-direction:column;overflow:hidden;}\n.card__body{padding:1.5rem;display:flex;flex-direction:column;height:100%;}\n.card__title{font-family:'Sora',sans-serif;font-size:1.05rem;font-weight:700;\n  color:#002147;line-height:1.4;margin:0;}\n@media(max-width:600px){.cards-grid{grid-template-columns:1fr;}}\n\n\/* Primary buttons inside a .sec \u2014 see TEMPLATE BUG note above *\/\n.sec a.btn--primary{color:#FFFFFF !important;}\n\n\/* Benefit list \u2014 out-specifies the template's blanket `.sec ul` *\/\n.sec ul.benefit-list{list-style:none;padding-left:0;margin:1rem 0 0;\n  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;}\n.sec ul.benefit-list li{position:relative;background:#FFFFFF;border:1px solid #C2D4E6;\n  border-radius:8px;padding:1rem 1.2rem 1rem 2.6rem;margin:0;\n  font-family:'Sora',sans-serif;font-size:.95rem;font-weight:600;\n  color:#002147 !important;line-height:1.5;}\n.sec ul.benefit-list li::before{content:\"\\2713\";position:absolute;left:1.05rem;top:.95rem;\n  color:#00659E;font-weight:700;font-size:.95rem;}\n\n\/* Numbered tips *\/\n.tip{background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;\n  padding:1.6rem 1.75rem;margin:0 0 1rem;display:flex;gap:1.25rem;align-items:flex-start;}\n.tip__num{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#00659E;\n  color:#FFFFFF;font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;\n  display:flex;align-items:center;justify-content:center;}\n.tip__head{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:700;color:#002147;\n  line-height:1.35;margin:.25rem 0 .6rem;}\n.tip__text{font-family:'Crimson Pro',Georgia,serif;font-size:1rem;color:#4A5060;\n  line-height:1.75;margin:0;}\n@media(max-width:520px){.tip{flex-direction:column;gap:.85rem;}}\n\n\/* Callout band \u2014 must out-specify the template's `.sec p` *\/\n.sec p.note-band{background:#E6EEF6;border:1px solid #C2D4E6;\n  border-left:4px solid #00659E;border-radius:8px;padding:1.25rem 1.5rem;\n  font-family:'Crimson Pro',Georgia,serif;font-size:1.05rem;\n  color:#1C2430 !important;line-height:1.75;margin:2.5rem 0 0;max-width:none;}\n<\/style>\n<\/head>\n<body>\n\n<!-- SKIP LINK \u2014 required, first element in body -->\n<a href=\"#main-content\" class=\"skip-link\">Skip to main content<\/a>\n\n<!-- BREADCRUMB \u2014 JSU Home \u2192 Residence Life \u2192 this article -->\n<nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n<div class=\"w\"><ol class=\"breadcrumb__list\">\n  <li><a href=\"https:\/\/www.jsums.edu\/\">JSU Home<\/a><\/li>\n  <li><a href=\"https:\/\/www.jsums.edu\/studentlife\/\">Division of Student Affairs<\/a><\/li>\n  <li><a href=\"https:\/\/www.jsums.edu\/housing\/\">Residence Life<\/a><\/li>\n  <li><span aria-current=\"page\">Tips for a Successful Roommate Experience<\/span><\/li>\n<\/ol><\/div>\n<\/nav>\n\n<main id=\"main-content\" class=\"jsu-main-content\">\n\n  <!-- \u2500\u2500 HERO \u2014 100vh, no scroll hint \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"hero dk\" aria-labelledby=\"hero-h\">\n  <div class=\"w\"><div class=\"hero__inner\"><div>\n    <span class=\"hero__tag\">RESIDENCE LIFE &mdash; HOUSING &amp; RESIDENTIAL LIFE<\/span>\n    <h1 class=\"hero__title\" id=\"hero-h\">\n      Tips for a successful <em>roommate experience<\/em>\n    <\/h1>\n    <p class=\"hero__desc\">\n      For many students, living on campus is their first experience sharing a space with someone who\n      isn&rsquo;t family. Housing and Residential Life offers tips for a comfortable, respectful\n      living arrangement.\n    <\/p>\n    <div class=\"hero__btns\">\n      <a href=\"#tips\" class=\"btn btn--primary\">Read the Tips<\/a>\n      <a href=\"#contact\" class=\"btn btn--outline-white\">Contact Residence Life<\/a>\n    <\/div>\n  <\/div><\/div><\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 INTRODUCTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"sec\" id=\"intro\" aria-labelledby=\"intro-h\">\n  <div class=\"w\"><div class=\"about-grid\">\n\n    <div class=\"about-body\">\n      <span class=\"sec-eyebrow\">Living On Campus<\/span>\n      <h2 class=\"sec-title\" id=\"intro-h\">Sharing your space<\/h2>\n      <p>\n        For many students at Jackson State University, living on campus is their first experience of\n        sharing a living space with someone who isn&rsquo;t family. This transition can be\n        challenging for some, but with the right mindset and communication, it can lead to a\n        positive and rewarding experience. Housing &amp; Residential Life at JSU is here to offer\n        some helpful tips to ensure your new living arrangement is comfortable, respectful, and\n        enjoyable for everyone involved.\n      <\/p>\n\n      <figure style=\"margin:2rem 0 0;\">\n        <img decoding=\"async\" src=\"https:\/\/jsums.org\/wp-content\/uploads\/sites\/76\/2026\/10\/IMG_1695.jpg\" alt=\"IMG 1695\" aria-hidden=\"true\" loading=\"lazy\"\n             style=\"width:100%;height:auto;display:block;border:1px solid #C2D4E6;\n                    border-radius:8px;background:#F3F7FB;\" title=\"Tips for a Successful Roommate Experience Residence Life\">\n      <\/figure>\n    <\/div>\n\n    <div class=\"about-facts\">\n      <dl>\n        <div><dt>Office<\/dt><dd>Housing &amp; Residence Life<\/dd><\/div>\n        <div><dt>Location<\/dt><dd>Campbell College North<br>1400 John R. Lynch Street<br>Jackson, MS 39217-0280<\/dd><\/div>\n        <div><dt>Phone<\/dt><dd><a href=\"tel:+16019792326\">601.979.2326<\/a><\/dd><\/div>\n        <div><dt>Email<\/dt><dd><a href=\"mailto:housinginfo@jsums.edu\">housinginfo@jsums.edu<\/a><\/dd><\/div>\n        <div><dt>Who Can Help<\/dt><dd>Your Community Assistant (CA)<\/dd><\/div>\n        <div><dt>Follow Us<\/dt><dd><a href=\"https:\/\/twitter.com\/jsureslife\" target=\"_blank\" rel=\"noopener\">@jsureslife<\/a><\/dd><\/div>\n      <\/dl>\n    <\/div>\n\n  <\/div><\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 BENEFITS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"sec sec--off\" id=\"benefits\" aria-labelledby=\"benefits-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\">\n      <span class=\"sec-eyebrow\">Why It Matters<\/span>\n      <h2 class=\"sec-title\" id=\"benefits-h\">The benefits of less roommate conflict<\/h2>\n    <\/div>\n    <ul class=\"benefit-list\">\n        <li>More time to focus on academics<\/li>\n        <li>Less stress<\/li>\n        <li>A comfortable environment<\/li>\n        <li>Improved study habits<\/li>\n    <\/ul>\n  <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 THE TIPS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"sec\" id=\"tips\" aria-labelledby=\"tips-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\">\n      <span class=\"sec-eyebrow\">Practical Advice<\/span>\n      <h2 class=\"sec-title\" id=\"tips-h\">How to minimize conflict when living with a roommate<\/h2>\n    <\/div>\n\n    <div style=\"max-width:900px;\">\n      <div class=\"tip\">\n        <div class=\"tip__num\" aria-hidden=\"true\">1<\/div>\n        <div>\n          <h3 class=\"tip__head\">Discuss and Learn Each Other&rsquo;s Schedules<\/h3>\n          <p class=\"tip__text\">Understanding your roommate&rsquo;s daily routine is essential. Know when they have class, study sessions, or quiet time, so you can respect their space and activities. For example, if your roommate has early morning classes, avoid noisy study sessions late at night. Instead, consider using one of JSU&rsquo;s many quiet study spaces, like the library or study lounges, to get your work done without disturbing your roommate.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"tip\">\n        <div class=\"tip__num\" aria-hidden=\"true\">2<\/div>\n        <div>\n          <h3 class=\"tip__head\">Clean Up After Yourself<\/h3>\n          <p class=\"tip__text\">One of the most common sources of roommate conflict is cleanliness. Remember, your roommate is not responsible for your mess, and vice versa. Make it a habit to pick up your clothes, keep shared spaces tidy, and avoid leaving dirty dishes lying around. It may also help to agree on a weekly cleaning schedule, where each of you takes responsibility for certain tasks, ensuring that your living space remains organized and pleasant.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"tip\">\n        <div class=\"tip__num\" aria-hidden=\"true\">3<\/div>\n        <div>\n          <h3 class=\"tip__head\">Be Honest and Open with Your Roommate<\/h3>\n          <p class=\"tip__text\">Effective communication is key to any successful roommate relationship. If something bothers you or makes you uncomfortable, it&rsquo;s best to address it early on. Your roommate may not realize that their behavior is affecting you, and most likely, they will appreciate the opportunity to make changes. Likewise, if your roommate brings an issue to you, listen respectfully and be willing to compromise. If the conflict becomes too difficult to resolve on your own, don&rsquo;t hesitate to reach out to your Community Assistant (CA) for assistance. They are there to help mediate and find solutions.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"tip\">\n        <div class=\"tip__num\" aria-hidden=\"true\">4<\/div>\n        <div>\n          <h3 class=\"tip__head\">Complete Your Roommate Agreement with Your CA &amp; Roommate(s)<\/h3>\n          <p class=\"tip__text\">At the beginning of your time on campus, it&rsquo;s important to complete a Roommate Agreement with your CA and your roommate(s). This agreement allows you to openly discuss expectations, concerns, and boundaries regarding your shared living space. Topics to discuss may include cleaning responsibilities, quiet hours, guest policies, and other personal preferences. Having this conversation early can help avoid misunderstandings and set the stage for a respectful and cooperative living environment. If any issues arise later on, you and your CA can refer back to the agreement to help resolve conflicts.<\/p>\n        <\/div>\n      <\/div>\n\n      <p class=\"note-band\">\n        By following these simple guidelines and maintaining open communication, you can create a\n        more harmonious living environment at Jackson State University, allowing you to focus on\n        your academics, build meaningful relationships, and enjoy your time on campus.\n      <\/p>\n    <\/div>\n  <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 DIVISION OF STUDENT AFFAIRS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"sec sec--off\" id=\"student-affairs\" aria-labelledby=\"student-affairs-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\">\n      <span class=\"sec-eyebrow\">Division of Student Affairs<\/span>\n      <h2 class=\"sec-title\" id=\"student-affairs-h\">More support on campus<\/h2>\n    <\/div>\n    <div class=\"resource-list\">\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#127979;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Welcome from the Dean of Students<\/div>\n          <div class=\"resource-item__desc\">A welcome from the Division of Student Affairs.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/studentlife\/avp-dsl\/\" class=\"resource-item__link\">Visit &rarr;<\/a>\n      <\/div>\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#129309;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Alice Varnado Harden Center<\/div>\n          <div class=\"resource-item__desc\">Service and community-engaged learning.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/studentlife\/center-for-service-community-engaged-learning\/\" class=\"resource-item__link\">Visit &rarr;<\/a>\n      <\/div>\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#128188;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Career Services<\/div>\n          <div class=\"resource-item__desc\">Career planning and employment support.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/careers\/\" class=\"resource-item__link\">Visit &rarr;<\/a>\n      <\/div>\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#127775;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Center for Student Engagement and Leadership<\/div>\n          <div class=\"resource-item__desc\">Student leadership and involvement.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/studentlife\/the-center-for-student-leadership-and-involvement\/\" class=\"resource-item__link\">Visit &rarr;<\/a>\n      <\/div>\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#9855;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Disability Services<\/div>\n          <div class=\"resource-item__desc\">Accommodations and accessibility support.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/disability\/\" class=\"resource-item__link\">Visit &rarr;<\/a>\n      <\/div>\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#127973;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Health Center<\/div>\n          <div class=\"resource-item__desc\">Student health services.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/healthservices\/\" class=\"resource-item__link\">Visit &rarr;<\/a>\n      <\/div>\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#128172;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Latasha Norman Center for Counseling<\/div>\n          <div class=\"resource-item__desc\">Counseling and mental health support.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/latashanormancenter\/\" class=\"resource-item__link\">Visit &rarr;<\/a>\n      <\/div>\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#127970;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Student Center Operations<\/div>\n          <div class=\"resource-item__desc\">Student Center facilities and services.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/studentlifeoperations\/\" class=\"resource-item__link\">Visit &rarr;<\/a>\n      <\/div>\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#127894;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Veterans and Military Center<\/div>\n          <div class=\"resource-item__desc\">Support for veteran and military students.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/veteranscenter\/\" class=\"resource-item__link\">Visit &rarr;<\/a>\n      <\/div>\n    <\/div>\n\n    <figure style=\"margin:3rem auto 0;max-width:1000px;\">\n      <img decoding=\"async\" src=\"https:\/\/jsums.org\/wp-content\/uploads\/sites\/76\/2026\/10\/Best-Of-JSU-96-scaled-1.jpg\" alt=\"Best Of JSU 96 Scaled 1\" aria-hidden=\"true\" loading=\"lazy\"\n           style=\"width:100%;height:auto;display:block;border:1px solid #C2D4E6;\n                  border-radius:8px;background:#F3F7FB;\" title=\"Tips for a Successful Roommate Experience Residence Life\">\n    <\/figure>\n  <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 CTA BAND \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"cta-band dk\" aria-labelledby=\"cta-h\">\n  <div class=\"w\"><div class=\"cta-band__inner\">\n    <div>\n      <h2 class=\"cta-band__title\" id=\"cta-h\">Need help with a roommate situation?<\/h2>\n      <p class=\"cta-band__sub\">\n        Start with your Community Assistant &mdash; they are there to help mediate and find\n        solutions. Residence Life can help too.\n      <\/p>\n    <\/div>\n    <div class=\"cta-band__btns\">\n      <a href=\"mailto:housinginfo@jsums.edu\" class=\"btn btn--primary\">Email Residence Life<\/a>\n      <a href=\"https:\/\/www.jsums.edu\/housing\/\" class=\"btn btn--outline-white\">Residence Life Home<\/a>\n    <\/div>\n  <\/div><\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 CONTACT \u2014 always the final section of main \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"sec sec--surface\" id=\"contact\" aria-labelledby=\"contact-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\" style=\"margin-bottom:1.5rem;\">\n      <span class=\"sec-eyebrow\">Get in Touch<\/span>\n      <h2 class=\"sec-title\" id=\"contact-h\">Housing &amp; Residence Life<\/h2>\n    <\/div>\n    <div class=\"contact-items\">\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#128205;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Location<\/div>\n          <div class=\"contact-item__val\">\n            Campbell College North<br>\n            1400 John R. Lynch Street<br>\n            Jackson, MS 39217-0280\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#128222;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Phone<\/div>\n          <div class=\"contact-item__val\"><a href=\"tel:+16019792326\">601.979.2326<\/a><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#9993;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Email<\/div>\n          <div class=\"contact-item__val\">\n            <a href=\"mailto:housinginfo@jsums.edu\">housinginfo@jsums.edu<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#128241;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Follow Residence Life<\/div>\n          <div class=\"contact-item__val\">\n            <a href=\"https:\/\/twitter.com\/jsureslife\" target=\"_blank\" rel=\"noopener\">@jsureslife<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n<\/main><!-- end of main content -->\n\n<!-- \u2500\u2500 NAV DRAWER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<button class=\"fnav-toggle\"\n        aria-label=\"Open page navigation menu\"\n        aria-expanded=\"false\" aria-controls=\"fnav-drawer\" type=\"button\">\n  <span class=\"fnav-toggle__icon\" aria-hidden=\"true\">&#9776;<\/span>\n  <span class=\"fnav-toggle__label\">Menu<\/span>\n<\/button>\n\n<div class=\"fnav-overlay\" id=\"fnav-overlay\" aria-hidden=\"true\"><\/div>\n\n<nav class=\"fnav-drawer\" id=\"fnav-drawer\" aria-label=\"Page navigation\" aria-hidden=\"true\">\n  <div class=\"fnav-drawer__header\">\n    <div>\n      <span class=\"fnav-drawer__eyebrow\">Division of Student Affairs<\/span>\n      <span class=\"fnav-drawer__title\">Residence Life<\/span>\n    <\/div>\n    <button class=\"fnav-close\" aria-label=\"Close navigation menu\" type=\"button\">&times;<\/button>\n  <\/div>\n  <div class=\"fnav-drawer__body\">\n    <div class=\"fnav-group\">\n      <ul class=\"fnav-group__items\" role=\"list\">\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/housing\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Residence Life Home<\/span>\n          <\/a>\n        <\/li>\n        <li style=\"padding-left:1.25rem;\">\n          <a href=\"https:\/\/www.jsums.edu\/housing\/tips-for-a-successful-roommate-experience\/\" class=\"fnav-item\" aria-current=\"page\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Tips for a Successful Roommate Experience<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/studentlife\/avp-dsl\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Welcome from the Dean of Students<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/studentlife\/center-for-service-community-engaged-learning\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Alice Varnado Harden Center<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/careers\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Career Services<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/studentlife\/the-center-for-student-leadership-and-involvement\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Center for Student Engagement and Leadership<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/disability\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Disability Services<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/healthservices\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Health Center<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/latashanormancenter\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Latasha Norman Center for Counseling<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/studentlifeoperations\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Student Center Operations<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/veteranscenter\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Veterans and Military Center<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/studentlife\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Campus Life<\/span>\n          <\/a>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n  <!-- IMPORTANT: color:#FFFFFF !important is required \u2014 do not remove -->\n  <div class=\"fnav-drawer__footer\">\n    <a href=\"https:\/\/www.jsums.edu\/housing\/\" class=\"fnav-footer-link\" style=\"color:#FFFFFF !important;\">\n      &#8592; Residence Life\n    <\/a>\n  <\/div>\n<\/nav>\n\n<!-- Back to top button \u2014 do not remove, JS controls visibility -->\n<button class=\"jsu-btt\" id=\"jsu-btt\" aria-label=\"Back to top\" type=\"button\">&#8679;<\/button>\n\n<script>\n(function(){\n'use strict';\n\n\/* \u2500\u2500 Year \u2500\u2500 *\/\nvar yr=document.getElementById('year');\nif(yr)yr.textContent=new Date().getFullYear();\n\n\/* \u2500\u2500 Drawer Nav \u2500\u2500 *\/\nvar toggle=document.querySelector('.fnav-toggle'),\n    drawer=document.getElementById('fnav-drawer'),\n    overlay=document.getElementById('fnav-overlay'),\n    closeBtn=document.querySelector('.fnav-close'),\n    navLinks=document.querySelectorAll('.fnav-item[href^=\"#\"]'),\n    isOpen=false;\n\nfunction openD(){\n  isOpen=true;\n  drawer.classList.add('is-open');\n  overlay.classList.add('is-open');\n  drawer.removeAttribute('aria-hidden');\n  overlay.removeAttribute('aria-hidden');\n  toggle.setAttribute('aria-expanded','true');\n  document.body.style.overflow='hidden';\n  var f=drawer.querySelector('button,[href],[tabindex]:not([tabindex=\"-1\"])');\n  if(f)f.focus();\n}\nfunction closeD(){\n  isOpen=false;\n  drawer.classList.remove('is-open');\n  overlay.classList.remove('is-open');\n  drawer.setAttribute('aria-hidden','true');\n  overlay.setAttribute('aria-hidden','true');\n  toggle.setAttribute('aria-expanded','false');\n  document.body.style.overflow='';\n  if(toggle)toggle.focus();\n}\n\nif(toggle)toggle.addEventListener('click',openD);\nif(closeBtn)closeBtn.addEventListener('click',closeD);\nif(overlay)overlay.addEventListener('click',closeD);\n\ndocument.addEventListener('keydown',function(e){\n  if(!isOpen)return;\n  if(e.key==='Escape'){closeD();return;}\n  if(e.key==='Tab'){\n    var focusable=Array.from(drawer.querySelectorAll(\n      'button:not([disabled]),[href],[tabindex]:not([tabindex=\"-1\"])'\n    )).filter(function(el){return el.offsetParent!==null;});\n    if(!focusable.length)return;\n    var first=focusable[0],last=focusable[focusable.length-1];\n    if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus();}\n    else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus();}\n  }\n});\n\nnavLinks.forEach(function(link){\n  link.addEventListener('click',function(e){\n    var t=document.querySelector(this.getAttribute('href'));\n    if(!t)return;\n    e.preventDefault();\n    closeD();\n    setTimeout(function(){\n      var ab=document.getElementById('wpadminbar');\n      var off=24+(ab?ab.offsetHeight:0);\n      window.scrollTo({top:t.getBoundingClientRect().top+window.pageYOffset-off,behavior:'smooth'});\n      t.setAttribute('tabindex','-1');\n      t.focus({preventScroll:true});\n    },220);\n  });\n});\n\n\/* \u2500\u2500 IntersectionObserver: active section in drawer \u2500\u2500 *\/\nif('IntersectionObserver' in window){\n  var sm={};\n  navLinks.forEach(function(link){\n    var id=link.getAttribute('href').replace('#','');\n    var el=document.getElementById(id);\n    if(el)sm[id]=link;\n  });\n  var io=new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        Object.values(sm).forEach(function(l){\n          l.classList.remove('is-active');\n          l.setAttribute('aria-current','false');\n        });\n        var a=sm[entry.target.id];\n        if(a){a.classList.add('is-active');a.setAttribute('aria-current','true');}\n      }\n    });\n  },{rootMargin:'-20% 0px -60% 0px',threshold:0});\n  Object.keys(sm).forEach(function(id){\n    var el=document.getElementById(id);\n    if(el)io.observe(el);\n  });\n}\n\n\/* \u2500\u2500 Scroll: BTT + Menu toggle show\/hide \u2500\u2500 *\/\nvar btt=document.getElementById('jsu-btt');\nvar tog=document.querySelector('.fnav-toggle');\n\nwindow.addEventListener('scroll',function(){\n  var y=window.pageYOffset;\n  \/* Back-to-top: show after 300px *\/\n  if(btt)btt.classList.toggle('is-visible',y>300);\n  \/* Menu tab: show after 200px, hide when back at very top *\/\n  if(tog)tog.classList.toggle('is-visible',y>200);\n},{passive:true});\n\nif(btt){\n  btt.addEventListener('click',function(){\n    window.scrollTo({top:0,behavior:'smooth'});\n  });\n}\n\n\/* \u2500\u2500 Tabs (ARIA tablist) \u2500\u2500 *\/\nvar tabs=document.querySelectorAll('[role=\"tab\"]');\nvar panels=document.querySelectorAll('[role=\"tabpanel\"]');\n\ntabs.forEach(function(btn,i){\n  btn.addEventListener('click',function(){\n    tabs.forEach(function(b){\n      b.setAttribute('aria-selected','false');\n      b.setAttribute('tabindex','-1');\n    });\n    panels.forEach(function(p){\n      p.classList.remove('is-active');\n      p.setAttribute('hidden','');\n    });\n    btn.setAttribute('aria-selected','true');\n    btn.setAttribute('tabindex','0');\n    var p=document.getElementById(btn.getAttribute('aria-controls'));\n    if(p){p.classList.add('is-active');p.removeAttribute('hidden');}\n  });\n  btn.addEventListener('keydown',function(e){\n    var d=0;\n    if(e.key==='ArrowRight')d=1;\n    if(e.key==='ArrowLeft')d=-1;\n    if(d===0)return;\n    e.preventDefault();\n    var n=(i+d+tabs.length)%tabs.length;\n    tabs[n].focus();\n    tabs[n].click();\n  });\n});\n\n\/* \u2500\u2500 Accordion \u2500\u2500 *\/\ndocument.querySelectorAll('.accordion__trigger').forEach(function(btn){\n  btn.addEventListener('click',function(){\n    var ex=btn.getAttribute('aria-expanded')==='true';\n    var body=document.getElementById(btn.getAttribute('aria-controls'));\n    btn.setAttribute('aria-expanded',String(!ex));\n    if(body)body.classList.toggle('is-open',!ex);\n  });\n});\n\n\/* \u2500\u2500 Contact form validation \u2500\u2500 *\/\nwindow.submitContactForm=function(){\n  var n=document.getElementById('cf-name'),\n      em=document.getElementById('cf-email'),\n      msg=document.getElementById('cf-message'),\n      st=document.getElementById('form-status'),\n      ok=true;\n  [n,em,msg].forEach(function(el){\n    if(!el)return;\n    el.classList.remove('is-error');\n    var err=document.getElementById(el.getAttribute('aria-describedby'));\n    if(err)err.classList.remove('is-visible');\n  });\n  if(st){st.className='form-status';st.textContent='';}\n  function flag(el){\n    ok=false;el.classList.add('is-error');\n    var err=document.getElementById(el.getAttribute('aria-describedby'));\n    if(err)err.classList.add('is-visible');\n  }\n  if(n&&!n.value.trim())flag(n);\n  if(em&&!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em.value))flag(em);\n  if(msg&&!msg.value.trim())flag(msg);\n  if(!ok){\n    if(st){st.className='form-status is-err';st.textContent='Please correct the highlighted fields before submitting.';}\n    var fe=document.querySelector('.form-control.is-error');\n    if(fe)fe.focus();\n    return;\n  }\n  if(st){\n    st.className='form-status is-ok';\n    st.textContent=\"Thank you! Your message has been sent. We'll respond within 1-2 business days.\";\n    st.focus();\n  }\n  [n,em,msg].forEach(function(el){if(el)el.value='';});\n  var sub=document.getElementById('cf-subject');\n  if(sub)sub.selectedIndex=0;\n};\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tips for a Successful Roommate Experience &middot; Residence Life &middot; Jackson State University Skip to main content JSU Home Division [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-845","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jsums.org\/housing\/wp-json\/wp\/v2\/pages\/845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jsums.org\/housing\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jsums.org\/housing\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jsums.org\/housing\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/jsums.org\/housing\/wp-json\/wp\/v2\/comments?post=845"}],"version-history":[{"count":5,"href":"https:\/\/jsums.org\/housing\/wp-json\/wp\/v2\/pages\/845\/revisions"}],"predecessor-version":[{"id":1034,"href":"https:\/\/jsums.org\/housing\/wp-json\/wp\/v2\/pages\/845\/revisions\/1034"}],"wp:attachment":[{"href":"https:\/\/jsums.org\/housing\/wp-json\/wp\/v2\/media?parent=845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}