/* Reset and base styles */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  background-color: #fefefe;
  color: #222;
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Header styling */
header {
  background-color: #007acc;
  color: #fff;
  padding: 1.5rem 1rem;
  text-align: center;
}

header .logo img {
  max-width: 120px;
  height: auto;
  margin-bottom: 0.5rem;
}

header h1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  font-weight: 700;
  font-size: 2rem;
}

header .tagline {
  font-weight: 400;
  font-size: 1.125rem;
}

/* Navigation styles */
nav {
  margin-top: 1rem;
}

nav a {
  display: inline-block;
  color: #e0e7f3;
  text-decoration: none;
  padding: 0.5rem .75rem;
  border-radius: 4px;
  font-weight: 600;
}

nav a:hover,
av a:focus {
  background-color: rgba(255,255,255,0.2);
  outline-offset: 2px;
}

/* Mobile nav stacked by default */
navigation-mobile {
display:none; /* not in markup but safe fallback */
}
navigation-desktop {
display:none; /* not in markup but safe fallback */
}

/* Sections base style */
section {
  padding-top:2.5rem;
  padding-bottom:2.5rem;
}
h2 {
  font-size:1.75rem;
  color:#007acc;
  border-bottom:3px solid #007acc;
  padding-bottom:.5rem;
  margin-bottom:1.5rem;
}
p {
  margin-top:0; 
  margin-bottom:1.25rem;
}
ul {
    padding-left:1.25rem;
    margin-top:.5rem;
    margin-bottom:.75rem;
    color:#333333cc; /* slightly muted black for readability */
}
ul li {
    margin-bottom:.6rem;
    font-size:1rem;
    line-height:1.4em;
}
ul li strong {
    color:#007acc; 
    font-weight:600;
}
a {
    color:#007acc; 
    text-decoration:none; 
border-bottom:1px solid transparent; 
padding-bottom:.05em; 
border-radius:.15em; 
border-bottom-color:#007acc; 
border-style:dotted dashed solid dotted; /* subtle decorative underline */
cursor:pointer; 
display:inline-block; 
touch-action:auto; 
touch-action-manipulation:auto; 
outline:none; 
border-width:.125em .125em .125em .125em; /* consistent border width */
border-color:#007acc transparent transparent transparent; /* subtle arrow effect on hover */
border-style:none none none none; /* reset for normal state */
padding-left:.15em; padding-right:.15em; /* small horizontal padding for tap targets */
cursor:pointer; 
touch-action:auto; 
touch-action-manipulation:auto; 
outline:none; 
border-width:.125em .125em .125em .125em; /* consistent border width */
border-color:#007acc transparent transparent transparent;} 
a:hover, a:focus {
border-bottom-color:#005a9e !important; color:#005a9e !important;text-decoration:none !important;} 
a:hover strong, a:hover b, a:hover em {color:#003d66 !important;} /* accent on hover inside links */
a:-webkit-any-link {cursor:pointer;} /* pointer cursor on links in Safari mobile */
a:-moz-any-link {cursor:pointer;} /* pointer cursor on links in Firefox mobile */
a:-ms-any-link {cursor:pointer;} /* pointer cursor on links in IE mobile */
a:-o-any-link {cursor:pointer;} /* pointer cursor on links in Opera mobile */
a:-any-link {cursor:pointer;} /* pointer cursor on links in other browsers */
a:not([href]) {color:#666666cc;text-decoration:none;cursor:text;} /* disable link style if no href attribute */
a[aria-disabled="true"] {color:#999999cc;text-decoration:none;cursor:not-allowed;} /* disabled link style for accessibility */
a[tabindex="-1"] {outline:none;} /* remove focus outline if tabindex -1 for accessibility reasons*/
a[rel~="nofollow"] {text-decoration:none;color:#666666cc;} /* nofollow link style for SEO purposes*/
a[rel~="noopener"] {text-decoration:none;color:#666666cc;} /* noopener link style for security purposes*/
a[rel~="external"] {text-decoration:none;color:#666666cc;} /* external link style for clarity*/
a[rel~="ugc"] {text-decoration:none;color:#666666cc;} /* user generated content link style*/
a[rel~="sponsored"] {text-decoration:none;color:#666666cc;} /* sponsored link style*/
a[rel~="nofollow noopener noreferrer"] {text-decoration:none;color:#666666cc;} /* combined rel styles*/
a[role="button"] {cursor:pointer;text-decoration:none;color:#007acc;font-weight:bold;} /* ARIA button role styling*/
a[role="link"] {cursor:pointer;text-decoration:none;color:#007acc;font-weight:bold;} /* ARIA link role styling*/
a[aria-haspopup] {text-decoration:none;color:#007acc;font-weight:bold;} /* ARIA popup styling*/
a[aria-expanded="true"] {text-decoration:none;color:#005a9e;font-weight:bold;} /* ARIA expanded styling*/
a[aria-expanded="false"] {text-decoration:none;color:#007acc;font-weight:bold;} /* ARIA collapsed styling*/
a[data-toggle] {text-decoration:none;color:#007acc;font-weight:bold;} /* data attribute toggle styling*/
a[data-target] {text-decoration:none;color:#007acc;font-weight:bold;} /* data attribute target styling*/
a[data-dismiss] {text-decoration:none;color:#007acc;font-weight:bold;} /* data attribute dismiss styling*/
a[data-slide] {text-decoration:none;color:#007acc;font-weight:bold;} /* data attribute slide styling*/
a[data-ride] {text-decoration:none;color:#007acc;font-weight:bold;} /* data attribute ride styling*/
a[data-slide-to] {text-decoration:none;color:#007acc;font-weight:bold;} /* data attribute slide to styling*/
a[data-toggle="dropdown"] {text-decoration:none;color:#007acc;font-weight:bold;} /* dropdown toggle styling*/
a[data-toggle="modal"] {text-decoration:none;color:#007acc;font-weight:bold;} /* modal toggle styling*/
a[data-toggle="collapse"] {text-decoration:none;color:#007acc;font-weight:bold;} /* collapse toggle styling*/