.almaseo-faq-block {
max-width: 800px;
margin: 2em auto;
} .almaseo-faq-accordion details.almaseo-faq-pair {
border-bottom: 1px solid #e0e0e0;
}
.almaseo-faq-accordion details.almaseo-faq-pair:first-child {
border-top: 1px solid #e0e0e0;
}
.almaseo-faq-accordion summary {
cursor: pointer;
font-weight: 600;
font-size: 1.05em;
padding: 14px 16px;
list-style: none; transition: background-color 0.15s ease;
} .almaseo-faq-accordion summary::-webkit-details-marker {
display: none;
}
.almaseo-faq-accordion summary::before {
content: '\25B6'; display: inline-block;
margin-right: 10px;
font-size: 0.75em;
transition: transform 0.2s ease;
}
.almaseo-faq-accordion details[open] > summary::before {
transform: rotate(90deg);
}
.almaseo-faq-accordion summary:hover {
background-color: #f7f7f7;
}
.almaseo-faq-accordion .almaseo-faq-answer {
padding: 8px 16px 16px 32px;
line-height: 1.7;
color: #444;
} .almaseo-faq-list .almaseo-faq-item {
margin-bottom: 1.5em;
}
.almaseo-faq-list .almaseo-faq-question {
font-size: 1.1em;
font-weight: 600;
margin: 0 0 0.4em;
padding: 0;
}
.almaseo-faq-list .almaseo-faq-answer {
padding-left: 16px;
line-height: 1.7;
color: #444;
}.almaseo-toc-block {
background: #f8f9fa;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 24px 28px;
margin: 1.5em 0;
max-width: 100%;
box-sizing: border-box;
} .almaseo-toc-block .almaseo-toc-title {
font-weight: 600;
font-size: 1.1em;
margin: 0 0 12px;
color: #1e1e1e;
line-height: 1.4;
} .almaseo-toc-block ol,
.almaseo-toc-block ul {
margin: 0;
padding-left: 1.5em;
list-style-position: outside;
}
.almaseo-toc-block ol {
list-style-type: decimal;
}
.almaseo-toc-block ul {
list-style-type: disc;
} .almaseo-toc-block ol ol,
.almaseo-toc-block ul ul,
.almaseo-toc-block ol ul,
.almaseo-toc-block ul ol {
margin-top: 4px;
padding-left: 1.4em;
}
.almaseo-toc-block li {
margin-bottom: 6px;
line-height: 1.5;
}
.almaseo-toc-block li:last-child {
margin-bottom: 0;
} .almaseo-toc-block a {
color: #3858e9;
text-decoration: none;
transition: color 0.15s ease;
}
.almaseo-toc-block a:hover,
.almaseo-toc-block a:focus {
color: #1e3a8a;
text-decoration: underline;
} .almaseo-toc-block details {
margin: 0;
}
.almaseo-toc-block details summary {
font-weight: 600;
font-size: 1.1em;
color: #1e1e1e;
cursor: pointer;
padding: 0 0 12px;
line-height: 1.4;
list-style: revert;
user-select: none;
-webkit-user-select: none;
}
.almaseo-toc-block details summary:hover {
color: #3858e9;
}
.almaseo-toc-block details summary::-webkit-details-marker {
margin-right: 8px;
}
.almaseo-toc-block details[open] > ol,
.almaseo-toc-block details[open] > ul {
animation: almaseo-toc-fade-in 0.2s ease-out;
} @keyframes almaseo-toc-fade-in {
from {
opacity: 0;
transform: translateY(-4px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @media ( max-width: 600px ) {
.almaseo-toc-block {
padding: 16px 18px;
}
.almaseo-toc-block ol,
.almaseo-toc-block ul {
padding-left: 1.2em;
}
}.almaseo-howto-block {
max-width: 800px;
margin: 2em auto;
} .almaseo-howto-steps {
list-style: none;
counter-reset: howto-step;
padding: 0;
margin: 0;
}
.almaseo-howto-step {
counter-increment: howto-step;
margin-bottom: 1.5em;
padding-left: 0;
} .almaseo-howto-step-title {
font-size: 1.15em;
font-weight: 600;
margin: 0 0 0.5em;
padding: 0;
line-height: 1.4;
} .almaseo-howto-step-content {
padding-left: 16px;
line-height: 1.7;
color: #444;
} .almaseo-howto-step-image {
display: block;
max-width: 100%;
height: auto;
border-radius: 6px;
margin: 0.75em 0;
} .almaseo-howto-supplies,
.almaseo-howto-tools {
margin-bottom: 1.5em;
}
.almaseo-howto-section-title {
font-size: 1em;
font-weight: 600;
margin: 0 0 0.5em;
padding: 0;
color: #333;
}
.almaseo-howto-supplies ul,
.almaseo-howto-tools ul {
list-style: disc;
padding-left: 24px;
margin: 0;
}
.almaseo-howto-supplies li,
.almaseo-howto-tools li {
margin-bottom: 0.3em;
line-height: 1.6;
color: #444;
}