article {
font-family: "Helvetica Neue", Arial, sans-serif;
line-height: 1.7;
color: #333;
background-color: rgba(255, 255, 255, 0.3); padding: 2em;
border-radius: 8px;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
} article.tag-aem_faq {
font-family: "Helvetica Neue", Arial, sans-serif;
line-height: 1.7;
color: #333;
background-color: rgba(255, 255, 255, 0.3); padding: 2em;
border-radius: 8px;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
} article.tag-aem_faq h1,
article.tag-aem_faq h2,
article.tag-aem_faq h3,
article.tag-aem_faq h4 {
color: #003366;
margin-top: 1.5em;
} article.tag-aem_faq p {
margin: 1em 0;
} article.tag-aem_faq ul.wp-block-list,
article.tag-aem_faq ol.wp-block-list {
margin-left: 1.5em;
padding-left: 1em;
}
article.tag-aem_faq ul.wp-block-list li::marker {
color: #003366;
}
article.tag-aem_faq ol.wp-block-list li {
list-style-type: decimal;
} article.tag-aem_faq hr.wp-block-separator {
border: none;
border-top: 2px dashed #ccc;
margin: 2em 0;
} article.tag-aem_faq .wp-block-separator.has-alpha-channel-opacity.is-style-dots {
border: none;
text-align: center;
margin: 0.5em auto;
position: relative;
}
article.tag-aem_faq .wp-block-separator.has-alpha-channel-opacity.is-style-dots::before {
content: "";
font-size: 1.5em;
letter-spacing: 0.5em;
color: #999;
display: inline-block;
} article.tag-aem_faq table {
width: 100%;
border-collapse: collapse;
margin: 1.5em 0;
border: 1px solid #ddd;
}
article.tag-aem_faq table th,
article.tag-aem_faq table td {
border: 1px solid #ccc;
padding: 0.8em;
text-align: left;
}
article.tag-aem_faq table th {
background-color: #e8f0ff;
font-weight: bold;
} article.tag-aem_faq a {
color: #005a9c;
text-decoration: underline;
}
article.tag-aem_faq a:hover {
color: #002c5c;
text-decoration: none;
} article.tag-aem_faq strong {
color: #003366;
} article.tag-aem_faq .wp-block-group {
border: 1px solid #ccd5e0;
background-color: rgba(243, 246, 251, 0.3); padding: 1.5em;
margin: 2em 0;
border-left: 5px solid #003366;
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
} article.tag-aem_faq .wp-block-group__inner-container {
margin: 0;
padding: 0;
} article.tag-aem_faq .wp-block-group h3.wp-block-heading {
margin-top: 0;
color: #003366;
font-weight: 600;
border-bottom: 2px dashed #99badd;
padding-bottom: 0.3em;
}
.faq-float-nav {
position: fixed;
margin-top:50px;
top: 1em;
right: 1em;
width: 240px;
max-height: 80vh;
overflow-y: auto;
padding: 1em;
background: #ffffffdd;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 0.9em;
z-index: 9999;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
transition: all 0.3s ease;
backdrop-filter: blur(4px);
}
.faq-float-nav.collapsed {
height: auto;
max-height: none;
padding: 0.5em;
}
.faq-float-nav.collapsed ul,
.faq-float-nav.collapsed .faq-float-nav-title {
display: none;
}
.faq-float-nav-title {
font-weight: bold;
margin-bottom: 0.5em;
border-bottom: 1px solid #ccc;
}
.faq-float-toggle {
position: absolute;
top: 4px;
right: 6px;
border: none;
background: transparent;
font-size: 1.2em;
cursor: pointer;
color: #666;
}
.faq-float-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.faq-float-nav li {
margin: 0.4em 0;
}
.faq-float-nav li.nav-h1 { font-weight: bold; padding-left: 0em; }
.faq-float-nav li.nav-h2 { padding-left: 1em; }
.faq-float-nav li.nav-h3 { padding-left: 2em; font-size: 0.85em; }
.faq-float-nav li.nav-h4 { padding-left: 3em; font-size: 0.8em; }
.faq-float-nav li.nav-h5 { padding-left: 4em; font-size: 0.75em; }
.faq-float-nav li.nav-h6 { padding-left: 5em; font-size: 0.7em; }
.faq-float-nav a {
color: #0073aa;
text-decoration: none;
}
.faq-float-nav a:hover {
text-decoration: underline;
}
body.dark-mode .faq-float-nav {
background: #222c;
border-color: #555;
color: #eee;
}
body.dark-mode .faq-float-nav a {
color: #4ab8ff;
}