/* Generic layout stylesheet for wfx (layout5) pages.
   Original main.css/style.css/colorscheme.css were not preserved in the
   Wayback capture (live domain now serves a FASTPANEL stub), so this is a
   clean minimal reconstruction of the site's structure. */

* { margin: 0; padding: 0; box-sizing: border-box; }

body#main_body {
  font-family: "Segoe UI", Verdana, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #3a352e;
  background: #efe9dd;
}

#container {
  max-width: 1000px;
  margin: 20px auto;
  background: #ffffff;
  box-shadow: 0 1px 6px rgba(0,0,0,.12);
}

/* ---- Header ---- */
#header {
  position: relative;
  background: #6b4f2e;
  color: #f6efe1;
  padding: 26px 30px;
  text-align: center;
}
#slogan {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: .5px;
  color: #f6efe1;
}
#key_visual { min-height: 0; }
#logo { display: none; }

/* ---- Main navigation ---- */
#main_nav_container {
  background: #8c6239;
  border-top: 1px solid #a3794d;
}
ul#main_nav_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
}
ul#main_nav_list li { margin: 0; }
a.main_nav_item,
a.main_nav_active_item {
  display: block;
  padding: 12px 20px;
  color: #f6efe1;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
a.main_nav_item:hover { background: #6b4f2e; }
a.main_nav_active_item { background: #6b4f2e; }

/* ---- Body columns ---- */
#main_container {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 26px 30px 30px;
}
#left_column_container { flex: 0 0 210px; }
#sub_container2 { flex: 1 1 auto; min-width: 0; }

/* ---- Sub navigation (left column) ---- */
.sub_nav_container { margin-bottom: 20px; }
ul.sub_nav_list { list-style: none; border: 1px solid #e3dccb; }
ul.sub_nav_list li { border-bottom: 1px solid #e3dccb; }
ul.sub_nav_list li:last-child { border-bottom: none; }
a.sub_nav_item,
a.sub_nav_active_item {
  display: block;
  padding: 9px 14px;
  color: #6b4f2e;
  text-decoration: none;
  font-size: 14px;
}
a.sub_nav_item:hover { background: #f4efe3; }
a.sub_nav_active_item { background: #8c6239; color: #fff; font-weight: 600; }

/* ---- Content ---- */
.content, #content_container { color: #3a352e; }
#content_container p { margin: 0 0 14px; }
#content_container ul { margin: 0 0 14px 22px; }
#content_container img { max-width: 100%; height: auto; }
#content_container h1, #content_container h2 { color: #6b4f2e; margin: 0 0 14px; }
#content_container a { color: #8c6239; }

/* ---- Footer ---- */
#footer {
  background: #6b4f2e;
  color: #e9ddc6;
  padding: 16px 30px;
  text-align: center;
  font-size: 13px;
}
#footer_text { color: #e9ddc6; }
#footer a { color: #f6efe1; }

@media (max-width: 720px) {
  #main_container { flex-direction: column; }
  #left_column_container { flex-basis: auto; width: 100%; }
}