:root { color-scheme: light; }
* { box-sizing: border-box; }

body{
  margin:0;
  background:#ffffff;
  color:#1d1d1f;
  font-family:Arial, Helvetica, sans-serif;
}

/* Container structure (similar to old portal "Pagewrapper/MainContent") */
.container{
  max-width: 900px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Skip link */
.one95-skip{
  position:absolute;
  left:-999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.one95-skip:focus{
  left:16px;
  top:12px;
  width:auto;
  height:auto;
  padding:10px 12px;
  background:#ffffff;
  border:2px solid #069DD0;
  border-radius:10px;
  z-index:9999;
}

/* Header modeled after old portal: logo left, top-nav right */
.site-header{
  background:#ffffff;
  border-bottom: 1px solid #CFCECE; /* Gray */
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 0;
  gap: 16px;
}
.brand{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
.logo{
  height: 42px;
  width:auto;
}

/* Top nav */
.top-nav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap: 16px;
}
.top-nav a{
  color:#1C4A59; /* Navy */
  text-decoration:none;
  font-weight:800;
  font-size:14px;
}
.top-nav a:hover{
  text-decoration:underline;
}

/* Main page */
.page{
  padding: 18px 0 22px;
}

h1{
  font-size:30px;
  line-height:1.2;
  margin: 0 0 8px;
  color:#1C4A59; /* Navy */
}

.intro{
  font-size:16px;
  line-height:1.6;
  margin: 0 0 14px;
}

/* Card */
.card{
  border:1px solid #CFCECE; /* Gray */
  border-radius:14px;
  padding:18px;
  background:#ffffff;
  margin: 0 0 12px;
  box-shadow:0 1px 2px rgba(0,0,0,0.06);
}
.card--primary{
  border:2px solid rgba(6,157,208,0.35); /* 95 Blue */
  background:#F4FCFF;
}

.card h2{
  font-size:18px;
  margin:0 0 6px;
  color:#1C4A59;
}

.subtitle{
  font-size:14px;
  line-height:1.45;
  color:#4b5563;
  margin:0 0 12px;
}
.meta{
  margin:10px 0 0;
  font-size:13px;
  line-height:1.45;
  color:#4b5563;
}
.link{
  color:#069DD0;
  text-decoration:underline;
  font-weight:800;
}

/* Help topics */
.help-topics-title{
  font-size:13px;
  font-weight:900;
  color:#1C4A59;
  margin:14px 0 8px;
  letter-spacing:0.2px;
  text-transform:uppercase;
}
.details{
  border:1px solid #CFCECE;
  border-radius:12px;
  background:#ffffff;
  padding:12px 12px;
  margin:10px 0 0;
}
.details--warning{
  border:2px solid #F5C530; /* Sunshine */
  background:#FFFBEB;
}
.details summary{
  cursor:pointer;
  font-weight:900;
  color:#1C4A59;
  font-size:14px;
  outline:none;
  list-style:none;
}
.details summary::-webkit-details-marker{ display:none; }
.details summary:before{
  content:"▸";
  display:inline-block;
  margin-right:8px;
  color:#1C4A59;
  transform: translateY(-1px);
}
.details[open] summary:before{ content:"▾"; }
.details summary span{
  font-weight:600;
  color:#4b5563;
  margin-left:6px;
}
.helptext{
  font-size:13px;
  line-height:1.45;
  color:#4b5563;
  margin:10px 0 0;
}
.list{
  margin:8px 0 0;
  padding-left:18px;
  font-size:14px;
  line-height:1.6;
}
.list li{ margin:6px 0; }

/* Info bar */
.infobar{
  border:1px solid #CFCECE;
  border-radius:12px;
  background:#ffffff;
  padding:12px 14px;
  margin: 0;
}
.infobar-title{
  font-size:14px;
  font-weight:900;
  color:#1C4A59;
  margin:0 0 2px;
}
.infobar-text{
  font-size:13px;
  line-height:1.45;
  color:#4b5563;
  margin:0;
}

/* FormAssembly restyle */
.one95-form-host{ margin-top:6px; }

.one95-form-host #tfaContent,
.one95-form-host .wFormContainer,
.one95-form-host .wForm,
.one95-form-host .wFormHeader,
.one95-form-host .wFormFooter,
.one95-form-host fieldset{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.one95-form-host .wFormContainer,
.one95-form-host .wForm{
  padding:0 !important;
  margin:0 !important;
}

.one95-form-host form{ margin:0 !important; }
.one95-form-host .oneField{ margin:0 0 10px !important; }

.one95-form-host label.label{
  font-weight:800 !important;
  color:#1C4A59 !important;
  margin-bottom:6px !important;
  display:inline-block !important;
}
.one95-form-host label + br{ display:none !important; }

.one95-form-host .inputWrapper{ max-width:520px; }

.one95-form-host input[type="text"],
.one95-form-host input[type="email"]{
  width:100% !important;
  max-width:520px !important;
  padding:12px 12px !important;
  border-radius:10px !important;
  border:1px solid #CFCECE !important;
  font-size:15px !important;
  outline:none !important;
  background:#ffffff !important;
}
.one95-form-host input[type="text"]:focus,
.one95-form-host input[type="email"]:focus{
  border-color:#069DD0 !important;
  box-shadow:0 0 0 3px rgba(6,157,208,0.22) !important;
}

.one95-form-host .actions{
  margin:12px 0 0 !important;
  padding:0 !important;
  border:0 !important;
}

.one95-form-host input.primaryAction,
.one95-form-host input[type="submit"],
.one95-form-host button[type="submit"]{
  background:#069DD0 !important;
  border:2px solid #069DD0 !important;
  color:#ffffff !important;
  font-weight:900 !important;
  border-radius:10px !important;
  padding:10px 14px !important;
  cursor:pointer !important;
  font-size:15px !important;
  line-height:1.2 !important;
  transition:filter 0.15s ease, transform 0.05s ease, box-shadow 0.15s ease !important;
  box-shadow:0 6px 14px rgba(28,74,89,0.12) !important;
}
.one95-form-host input.primaryAction:hover,
.one95-form-host input[type="submit"]:hover,
.one95-form-host button[type="submit"]:hover{ filter:brightness(0.97); }
.one95-form-host input.primaryAction:active,
.one95-form-host input[type="submit"]:active,
.one95-form-host button[type="submit"]:active{
  transform: translateY(1px);
  box-shadow:0 2px 6px rgba(28,74,89,0.14) !important;
}
.one95-form-host .supportInfo{ display:none !important; }

/* Footer modeled after old portal footer */
.site-footer{
  border-top:1px solid #CFCECE;
  background:#ffffff;
  margin-top: 18px;
}
.footer-inner{
  padding: 14px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.footer-links ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap: 16px;
}
.footer-links a{
  color:#1C4A59;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}
.footer-links a:hover{ text-decoration:underline; }
.footer-copy{
  font-size:13px;
  color:#4b5563;
}
/* Main body container (similar to old .mainContent wrapper) */
.main-body{
  background: #ffffff;
  border: 1px solid #CFCECE; /* Gray */
  border-radius: 14px;
  padding: 18px;
}

/* Keep cards visually distinct inside main-body */
.main-body .card{
  box-shadow: none; /* optional: reduces stacked shadow look inside container */
}

/* Responsive */
@media (max-width: 560px){
  .logo{ height:36px; }
  .card{ padding:14px; }
  .container{ padding:0 12px; }
  .one95-form-host .inputWrapper{ max-width:100%; }
  .one95-form-host input[type="text"],
  .one95-form-host input[type="email"]{ max-width:100% !important; }
  .main-body{ padding: 14px; }
}