:root{
      --bg: #f6f8fb;
      --card: #ffffff;
      --muted:  #01010d;
      --text: #01010d;
      --accent: #2563eb;
      --radius: 12px;
    }
	
	body::before {
	  content: "";
	  position: fixed;
	  inset: 0;
	  background: rgba(255, 255, 255, 0.25);
	  pointer-events: none;
	}	
	
    * { box-sizing: border-box; }
    body{
      margin:0;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      background: linear-gradient(180deg,#f8fafc, var(--bg));
      color:var(--text);
      padding-top:60px; /* push below fixed nav */

	  position: relative;
	  /*background: url("images/background.jpg") center center / cover no-repeat fixed;*/
	  min-height: 100vh;	  
	  
    }

    /* Top Menu */
    nav.topbar{
      position:fixed;
      top:0; left:0; right:0;
      background:var(--card);
      box-shadow:0 2px 6px rgba(15,23,42,.1);
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:12px 24px;
      z-index:1000;
    }
    nav.topbar .logo{
      font-weight:600;
      font-size:1.1rem;
      color:#C84A1B;
    }
    nav.topbar ul{
      list-style:none;
      margin:0; padding:0;
      display:flex; gap:20px;
    }
    nav.topbar li{
      position:relative;
    }
    nav.topbar a, nav.topbar button{
      text-decoration:none;
      background:none;
      border:none;
      font:inherit;
      cursor:pointer;
      color:var(--text);
      font-size:.95rem;
    }
    nav.topbar a:hover,
    nav.topbar button:hover{ color:var(--accent); }

    /* Submenu */
    nav.topbar ul ul{
      display:none;
      position:absolute;
      top:100%;
      left:0;
      background:var(--card);
      box-shadow:0 4px 10px rgba(0,0,0,0.08);
      border-radius:var(--radius);
      padding:10px 0;
      min-width:160px;
      flex-direction:column;
    }
    nav.topbar ul ul li{
      padding:6px 16px;
    }
    nav.topbar ul ul li a{
      display:block;
      width:100%;
      color:var(--text);
    }
    nav.topbar ul ul li a:hover{ color:var(--accent); }

    nav.topbar li.open > ul{ display:flex; }

    @media(max-width:600px){
      nav.topbar{ flex-direction:column; align-items:flex-start; }
      nav.topbar ul{ flex-direction:column; gap:10px; margin-top:8px; }
      nav.topbar ul ul{ position:static; box-shadow:none; border-radius:0; padding:0; }
      nav.topbar li.open > ul{ display:flex; }
    }

    .wrap{ max-width:900px; margin:0 auto; display:grid; gap:20px; padding:32px; }
    header h1{ margin:0 0 6px; font-size:1.6rem; }
    header p{ margin:0; color:var(--muted); }

    /* Accordion styles */
    .card{ background:var(--card); border-radius:var(--radius); box-shadow: 0 6px 18px rgba(15,23,42,.06); padding:18px; }
    .accordion{ display:grid; gap:10px; margin-top:8px; }
    .acc-item{ border-radius:10px; overflow:hidden; border:1px solid rgba(15,23,42,.06); background:linear-gradient(180deg, #ffffff, #fbfdff); }
    .acc-trigger{
      width:100%;
      display:flex;
      align-items:center;
      gap:12px;
      padding:14px 16px;
      background:transparent;
      border:0;
      cursor:pointer;
      text-align:left;
      font-size:1rem;
      color:var(--text);
    }
    .acc-trigger:focus{ outline:2px solid rgba(37,99,235,.15); box-shadow:0 0 0 4px rgba(37,99,235,.08); }
    .acc-trigger .label{ flex:1; }
    .chev{ width:18px; height:18px; transition:transform .18s ease; opacity:.85; }
    .acc-trigger[aria-expanded="true"] .chev{ transform:rotate(90deg); }

    .acc-panel{ padding:0 16px 16px; color:var(--muted); line-height:1.5; }
    .acc-panel[hidden]{ display:none; }

    .controls{ display:flex; gap:8px; margin-top:6px; }
    .btn{ padding:8px 12px; border-radius:8px; border:1px solid rgba(15,23,42,.06); background:#fff; cursor:pointer; }
    .btn.primary{ background:var(--accent); color:white; border:1px solid rgba(15,23,42,.06); }
    footer{ margin-top:18px; color:var(--muted); font-size:.9rem; text-align:center; }
    @media (max-width:520px){ .wrap{ padding:18px } }
	
	.button {
	  border: none;
	  color: white;
	  padding: 8px 16px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  margin: 4px 2px;
	  transition-duration: 0.4s;
	  cursor: pointer;
	}

	.button1 {
	  background-color: #F15A22; 
	  color: white; 
	  border: 2px solid #F15A22;
	}	
	/*.button1:hover {
	  background-color: #0C2340;
	  color: white;
	}*/	
	.inline-content img {
      vertical-align: middle;
    }
	

	
	.responsive-image {
	  max-width: 100%;
	  height: auto;
	  display: block;
	}
	
/* Top navigation */
.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* Keep the logo fixed on the left */
.logo {
    flex-shrink: 0;
}

/* Push the menu to the right */
.topbar > ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;  /* Right-align menu items */
    margin-left: auto;          /* Push the entire menu to the right */
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    min-width: 0;
}

.topbar li {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

/* Search form */
.navbar-form {
    display: flex;
    align-items: center;
    min-width: 0;
    margin: 0;
}

/* Responsive search input */
.wo-search,
.navbar-form input[type="text"] {
    width: clamp(70px, 10vw, 130px);
    min-width: 70px;
    max-width: 130px;
    box-sizing: border-box;
}

/* Prevent the search button from shrinking */
.button1 {
    flex-shrink: 0;
}
	  
.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:9999;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
a:focus,button:focus,input:focus{outline:3px solid #2563eb;outline-offset:2px;}