a { color: #355C8C; text-decoration: none; }
a:visited { color: #355C8C; }
a:hover { color: #20344F; text-decoration: underline; }
a.weblink { color: #355C8C; text-decoration: underline; }
a.weblink:visited { color: #355C8C; }
a.weblink:hover { color: #20344F; }
a.popuplink { color: #355C8C; text-decoration: none; }
a.popuplink:visited { color: #355C8C; }
a.popuplink:hover { color: #20344F; text-decoration: underline; }
a.filelink { color: #355C8C; text-decoration: none; }
a.filelink:visited { color: #355C8C; }
a.filelink:hover { color: #20344F; text-decoration: underline; }
a.inline-toggle { color: #355C8C; text-decoration: none; font-weight: bold; font-family: Segoe UI, Tahoma, sans-serif; }
a.inline-toggle:visited { color: #355C8C; }
a.inline-toggle:hover { text-decoration: underline; }
.fsmall {
  font-size: 10px;
  font-family: Segoe UI, Tahoma, Arial, sans-serif;
  text-align: center;
  margin: 10px 0 0 0;
}
.crumbs { font-size: 8pt; margin-bottom: 3px; margin-top: 0; color: #FFFFFF; }
.crumbs a, .crumbs a:visited { text-decoration: underline; color: #FFFFFF; }
.crumbs a:hover { color: #F4F8FF; }

@media screen {
  #idcontent {
    width: 100%;
    padding: 18px 20px 22px 20px !important;
    box-sizing: border-box;
    position: relative;
    background: #FFFFFF;
  }
  #innerdiv {
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
  .topichead { padding: 10px 16px; }
  .navlinks { font-size: 10pt; }
  .navlinks a, .navlinks a:visited { text-decoration: none; color: #355C8C; }
  .navlinks a:hover { text-decoration: underline; color: #20344F; }
  html.nonscroll { overflow:hidden; }
  body.nonscroll { overflow:hidden; height:100%; }
  div.nonscroll { overflow-x:auto; overflow-y:scroll; }
  #idheader table { background: linear-gradient(180deg, #7D9CCB 0%, #6083B7 100%) !important; }
  #hmheadbox { background: linear-gradient(180deg, #7D9CCB 0%, #6083B7 100%) !important; }
  #navbar { background: linear-gradient(180deg, #7D9CCB 0%, #6083B7 100%) !important; }
  #hmnavbox, #hmnavframe { background: linear-gradient(180deg, #EEF4FB 0%, #E6EEF9 100%) !important; }
  #hmcontentwrapper, #hmcontentslider { background: linear-gradient(180deg, #F8FBFF 0%, #F1F6FD 100%) !important; }
}

/* v4 unified TOC */
#hmnavbox, #hmnavframe{background:#F3F7FC !important;}
#hmcontentwrapper{background:#F7FAFE !important;}
#toc, #toc ul{background:transparent !important;}
#toc a:hover{background:rgba(96,131,183,0.08) !important;}


/* v5 requested fixes */
.sync-toc{display:none !important;}
#hmcontentslider,#hmcontentwrapper,#hmcontentbox{background:#FFFFFF !important;}
#idcontent{background:#FFFFFF !important;}


/* v6 full white topic area + hide sync toc */
html, body { background:#FFFFFF !important; min-height:100% !important; }
#idcontent, #innerdiv { background:#FFFFFF !important; min-height:100vh !important; }
.sync-toc { display:none !important; visibility:hidden !important; height:0 !important; overflow:hidden !important; }


/* v7 responsive topic images */
@media screen {
  #idcontent img,
  #innerdiv img {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  #idcontent figure,
  #innerdiv figure,
  #idcontent .image,
  #innerdiv .image {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #idcontent table,
  #innerdiv table {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  #idcontent,
  #innerdiv {
    overflow-x: auto !important;
  }
}

/* v8 compact Symfonia-like layout */
:root { --ktdesk-topbar:#003B4C; --ktdesk-border:#D8DDE3; --ktdesk-page:#E9EAEC; }
@media screen {
  html, body { background:#FFFFFF !important; }
  #idheader table { background:#FFFFFF !important; min-height:50px !important; box-shadow:none !important; border-bottom:1px solid var(--ktdesk-border) !important; }
  .crumbs { display:none !important; }
  #idheader h1, #idheader h1 span { color:#202124 !important; font-size:20px !important; font-weight:600 !important; }
  #idcontent { padding:22px 28px 28px 28px !important; max-width:1120px; margin-right:auto; }
  .topichead { padding:8px 16px !important; }
  #hmheadbox { height:52px !important; background:var(--ktdesk-topbar) !important; box-shadow:none !important; }
  #hmcontentslider { top:52px !important; left:0 !important; right:0 !important; bottom:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:var(--ktdesk-page) !important; }
  #hmcontentwrapper, #hmcontentbox { background:var(--ktdesk-page) !important; }
  #hmnavbox, #hmnavframe { background:#FFFFFF !important; }
  #navbar { height:48px !important; background:#E6E6E6 !important; border-bottom:1px solid #D0D4D8 !important; }
}


/* v9 blue header + no right logo + refined TOC tabs */
:root { --ktdesk-topbar-start:#7D9CCB; --ktdesk-topbar-end:#6083B7; }
@media screen {
  #hmheadbox { background: linear-gradient(180deg, var(--ktdesk-topbar-start) 0%, var(--ktdesk-topbar-end) 100%) !important; }
  #idheader table { background: linear-gradient(180deg, var(--ktdesk-topbar-start) 0%, var(--ktdesk-topbar-end) 100%) !important; }
  #hmheadbox a.ktsoftlogo { display:none !important; }
  #navbar {
    height:48px !important;
    background:#EEF2F7 !important;
    border-bottom:1px solid #D6DDE8 !important;
    padding:0 8px !important;
    display:flex !important;
    align-items:flex-end !important;
    gap:6px !important;
  }
  #navbar a {
    flex:0 0 auto !important;
    width:auto !important;
    height:42px !important;
    margin:5px 0 0 0 !important;
    padding:0 14px !important;
    border-radius:8px 8px 0 0 !important;
    background:transparent !important;
    border:1px solid transparent !important;
    border-bottom:none !important;
    color:#415469 !important;
    font-weight:600 !important;
  }
  #navbar a.current {
    background:#FFFFFF !important;
    border-color:#D6DDE8 !important;
    border-top:3px solid #6083B7 !important;
    color:#243B53 !important;
  }
  #navbar a:hover { background:rgba(255,255,255,0.75) !important; color:#243B53 !important; }
  #hmnavbox, #hmnavframe { background:#F7F9FC !important; }
}


/* v10 requested tune: solid #6083B7 header and more TOC item padding */
@media screen {
  #hmheadbox { background:#6083B7 !important; }
  #idheader table { background:#6083B7 !important; }
  #toc a { padding:8px 12px !important; border-radius:10px !important; }
  .hilight1, .hilight2, .hilight3, .hilight4, .hilight5, .hilight6 {
    display:inline-block !important;
    padding:4px 9px !important;
    border-radius:10px !important;
    background:#6083B7 !important;
  }
}


/* v11 requested TOC padding */
@media screen {
  #toc a { padding:0px 12px !important; }
  .hilight1, .hilight2, .hilight3, .hilight4, .hilight5, .hilight6 {
    padding:0px 10px !important;
  }
}


/* v12 white topic header + stable TOC alignment */
@media screen {
  /* Keep global top bar blue, but make topic header white */
  #hmheadbox { background:#6083B7 !important; }
  #idheader table {
    background:#FFFFFF !important;
    border-bottom:1px solid #D8DDE3 !important;
    box-shadow:none !important;
  }
  #idheader h1, #idheader h1 span { color:#202124 !important; }

  /* TOC spacing without left-right jumping */
  #toc li { padding:2px 0 !important; }
  #toc a {
    padding:0px 12px !important;
    min-height:24px !important;
    display:flex !important;
    align-items:center !important;
    box-sizing:border-box !important;
    border-radius:10px !important;
  }
  #toc img {
    margin-right:8px !important;
    flex:0 0 auto !important;
  }
  .hilight1, .hilight2, .hilight3, .hilight4, .hilight5, .hilight6 {
    display:inline-block !important;
    padding:0px 10px !important;
    line-height:20px !important;
    min-height:20px !important;
    border-radius:10px !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
  }
}


/* v13 menu tune: less rounding, smaller active padding, tighter icon gap, even spacing */
@media screen {
  #toc li {
    margin-top:0 !important;
    margin-bottom:6px !important;
    padding:0 !important;
  }
  #toc a {
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    width:100% !important;
    padding:0px 12px !important;
    min-height:24px !important;
    box-sizing:border-box !important;
  }
  #toc img {
    margin-right:4px !important;
    flex:0 0 auto !important;
    vertical-align:middle !important;
  }
  .hilight1, .hilight2, .hilight3, .hilight4, .hilight5, .hilight6 {
    padding:0px 5px !important;
    border-radius:0 !important;
    line-height:20px !important;
    min-height:20px !important;
    box-sizing:border-box !important;
  }
}


/* v15 TOC spacing reset + prettier prev/next topic buttons */
@media screen {
  #toc ul {
    padding-left: 0px !important;
    margin-left: 0px !important;
  }
  #toc li {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
  }
  #toc a {
    padding: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
  }

  #idnav span {
    width: 28px !important;
    height: 28px !important;
    margin-left: 6px !important;
    border-radius: 6px !important;
    background-color: #F1F5FA !important;
    border: 1px solid #D4DCE7 !important;
    box-shadow: none !important;
  }
  #idnav a span {
    background-color: #FFFFFF !important;
    border-color: #C8D3E2 !important;
  }
  #idnav a span:hover {
    background-color: #EDF3FB !important;
    border-color: #AFC2DF !important;
  }
}


/* v16 search page polish + lighter topic nav buttons */
@media screen {
  #idnav span {
    width:26px !important;
    height:26px !important;
    margin-left:6px !important;
    border-radius:4px !important;
    background-color:#F7F9FC !important;
    border:1px solid #D7E0EB !important;
    box-shadow:none !important;
  }
  #idnav a span {
    background-color:#FFFFFF !important;
    border-color:#C9D6E6 !important;
  }
  #idnav a span:hover {
    background-color:#F3F7FC !important;
    border-color:#B7CAE1 !important;
  }
}