:root{--navy:#062542;--blue:#06477d;--teal:#14a6a5;--light:#f4f8fb;--line:#d9e6ef;--text:#0b1f35}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.topbar{background:var(--navy);color:white;padding:10px 28px;font-weight:700}.nav{display:flex;align-items:center;gap:14px;padding:16px 30px;border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:10;flex-wrap:nowrap;overflow:visible}.brand{font-size:25px;font-weight:900;color:var(--blue);margin-right:auto;white-space:nowrap;line-height:1.1}.nav-item{position:relative;font-weight:700;font-size:14px;white-space:nowrap;line-height:1.15}.dropdown{display:none;position:absolute;top:100%;left:0;background:white;border:1px solid var(--line);box-shadow:0 14px 40px #0001;border-radius:14px;padding:10px;min-width:250px}.nav-item:hover .dropdown{display:block}.dropdown a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;white-space:nowrap}.dropdown a:hover{background:#effafa}.btn{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer;white-space:nowrap;font-size:14px}.btn.secondary{background:var(--blue)}.hero{background:linear-gradient(120deg,#073660,#11aaa5);color:#fff;padding:72px 10%;}.hero h1{font-size:44px;line-height:1.1;max-width:900px}.hero p{font-size:20px;max-width:900px}.section{padding:56px 10%}.section.alt{background:#f3f8fc}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#008681;font-weight:900}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 40px #00000008}.card h3{color:var(--blue);margin-top:0}.footer{background:var(--navy);color:#dff2ff;padding:44px 10%;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:30px}.footer h3{color:white}.admin{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.side{background:var(--navy);color:white;padding:30px;position:sticky;top:0;height:100vh;overflow:auto}.side a{display:block;padding:12px 16px;border-radius:9px;margin:6px 0;font-weight:800}.side a.active,.side a:hover{background:var(--teal)}.main{padding:34px;background:#f4f8fb}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:22px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{font-weight:800;display:block;margin-bottom:6px}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}textarea{min-height:110px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.pill{display:inline-block;padding:6px 12px;border-radius:999px;background:#e9fbf5;color:#007868;font-weight:800}.small{font-size:13px;color:#5a7087}.notice{background:#fff8dc;border:1px solid #eac84d;border-radius:12px;padding:14px;margin:16px 0}@media(max-width:1100px){.nav{gap:10px;padding:14px 18px}.brand{font-size:22px}.nav-item{font-size:13px}.btn{font-size:13px;padding:9px 13px}}@media(max-width:900px){.nav{flex-wrap:wrap}.admin{grid-template-columns:1fr}.side{height:auto;position:relative}.formgrid{grid-template-columns:1fr}}
.btn.danger{background:#b42318;color:#fff}.pill.muted{background:#eef2f7;color:#475467}.small{font-size:.9rem;color:#5b6b84}


/* Device-friendly navigation update: larger desktop menu, spaced dropdowns, mobile hamburger */
.nav{
  min-height:88px;
  gap:22px;
  padding:18px 34px;
  align-items:center;
}
.brand{
  font-size:28px;
  line-height:1.05;
  padding-right:10px;
}
.nav-toggle{
  display:none;
  margin-left:auto;
  background:var(--blue);
  color:#fff;
  border:0;
  border-radius:10px;
  padding:10px 13px;
  font-size:24px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.nav-links{
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:nowrap;
}
.nav-item{
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}
.nav-item>a{
  display:block;
  padding:12px 4px;
}
.dropdown{
  min-width:290px;
  padding:12px;
  border-radius:14px;
}
.dropdown a{
  font-size:16px;
  padding:13px 18px;
  line-height:1.25;
}
@media(max-width:1380px){
  .nav{gap:16px;padding:16px 24px;min-height:84px}
  .brand{font-size:25px}
  .nav-links{gap:16px}
  .nav-item{font-size:16px}
  .dropdown{min-width:270px}
  .dropdown a{font-size:15px}
}
@media(max-width:1120px){
  .nav{gap:12px;padding:14px 18px}
  .brand{font-size:24px}
  .nav-links{gap:12px}
  .nav-item{font-size:15px}
  .nav-item>a{padding:10px 2px}
}
@media(max-width:980px){
  .nav{flex-wrap:wrap;min-height:auto;padding:14px 18px}
  .brand{font-size:24px;margin-right:0;max-width:calc(100% - 64px)}
  .nav-toggle{display:block}
  .nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:10px;border-top:1px solid var(--line);margin-top:10px}
  .nav.open .nav-links{display:flex}
  .nav-item{font-size:18px;border-bottom:1px solid #edf3f7}
  .nav-item>a{padding:14px 4px}
  .dropdown{position:static;display:block;box-shadow:none;border:0;border-left:4px solid var(--teal);border-radius:0;min-width:0;padding:4px 0 8px 12px;background:#f7fbfd}
  .nav-item:hover .dropdown{display:block}
  .dropdown a{font-size:16px;padding:12px 14px;white-space:normal}
}
@media(max-width:560px){
  .topbar{font-size:13px;padding:8px 14px}
  .nav{padding:12px 14px}
  .brand{font-size:22px}
  .hero{padding:54px 7%}
  .hero h1{font-size:34px}
  .hero p{font-size:18px}
  .section{padding:42px 7%}
}

/* Menu fit update: keep full desktop menu inside available width */
.nav{
  min-height:82px;
  padding:16px 24px;
  gap:18px;
  width:100%;
  overflow:visible;
}
.brand{
  flex:0 0 auto;
  font-size:26px;
  max-width:190px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-right:8px;
}
.nav-links{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(8px,1vw,18px);
  flex-wrap:nowrap;
}
.nav-item{
  font-size:clamp(13px,0.92vw,16px);
  font-weight:700;
  line-height:1.15;
  flex:0 1 auto;
}
.nav-item>a{
  padding:10px 2px;
  white-space:nowrap;
}
.dropdown{
  min-width:260px;
  padding:10px;
}
.dropdown a{
  font-size:15px;
  padding:11px 16px;
}
body{overflow-x:hidden;}
@media(max-width:1280px){
  .nav{padding:14px 18px;gap:12px;min-height:76px;}
  .brand{font-size:24px;max-width:170px;margin-right:4px;}
  .nav-links{gap:8px;}
  .nav-item{font-size:13.5px;}
  .nav-item>a{padding:8px 1px;}
  .dropdown{min-width:245px;}
  .dropdown a{font-size:14px;padding:10px 14px;}
}
@media(max-width:1100px){
  .nav{flex-wrap:wrap;min-height:auto;}
  .brand{max-width:calc(100% - 60px);}
  .nav-toggle{display:block;}
  .nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;justify-content:flex-start;padding-top:10px;border-top:1px solid var(--line);margin-top:10px;}
  .nav.open .nav-links{display:flex;}
  .nav-item{font-size:17px;border-bottom:1px solid #edf3f7;}
  .nav-item>a{padding:14px 4px;}
  .dropdown{position:static;display:block;box-shadow:none;border:0;border-left:4px solid var(--teal);border-radius:0;min-width:0;padding:4px 0 8px 12px;background:#f7fbfd;}
  .dropdown a{font-size:16px;padding:12px 14px;white-space:normal;}
}

/* Easier admin page builder controls */
.section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.section-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:800}.section-tabs button.active{background:var(--teal);color:#fff}.edit-block{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;margin:18px 0}.edit-block h2{margin-top:0;color:var(--blue)}.admin-card-row{border:1px solid #cfe0ec;background:#f8fbfe;border-radius:14px;padding:16px;margin:14px 0}.row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.inline-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;border:1px solid #cfe0ec;background:#f8fbfe;border-radius:14px;padding:12px;margin:10px 0}.smallbtn{padding:8px 12px;font-size:13px}.sticky-actions{position:sticky;bottom:0;background:#f4f8fb;padding:14px 0;border-top:1px solid var(--line);z-index:5}
@media(max-width:720px){.inline-row{grid-template-columns:1fr}.row-head{align-items:flex-start;flex-direction:column}.section-tabs button{width:100%;}}