/* Native WordPress interactions alongside the shared approved mockup styles. */
.wp-content .button { background: var(--acid); color: var(--ink); text-decoration: none; font-size: 16px; }
.wp-content .button:disabled { opacity: .5; cursor: not-allowed; }
.wp-content .card { background: #191f14; }
.wp-content .card .mono { color: var(--acid); font-size: 15px; }
.wp-content .card h3 { font-size: 38px; line-height: 1.2; letter-spacing: -.04em; }
.wp-content .card-grid { margin-bottom: 35px; }
.wp-content .card-grid .button { white-space: normal; line-height: 1.6; }
.wp-content .card ul { margin-bottom: 25px; }
.wp-content .card li { margin-bottom: 8px; }
.article-body { min-width: 0; }
.article-toc > p { color: #adbe9a; font-size: 16px; line-height: 1.8; margin-bottom: 20px; }
.article-body .nav-links { display: flex; justify-content: space-between; gap: 30px; font-size: 16px; border-top: 1px solid var(--line); padding-top: 25px; }
.article-body .nav-next { text-align: right; }
.legal-layout.legal-content { padding-top: 50px; }
.legal-layout.wp-content h2 { font-size: 27px; }
.legal-layout .legal-identity { display: block; }
.wp-content .contact-form textarea { min-height: 160px; }
.contact-form .form-note a { color: var(--acid); text-decoration: underline; }
.interior-hero h1 { overflow-wrap: break-word; }
.service-index-link { min-width: 0; }
.service-index-link > div { min-width: 0; }
.service-index-link h3 { overflow-wrap: break-word; }
.service-index-link > svg { flex-shrink: 0; }
.service-index-link:focus-visible { outline-offset: 6px; }
.feben-native-faq details { border-bottom: 1px solid var(--line); }
.feben-native-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 24px 0; list-style: none; cursor: pointer; font-size: 22px; line-height: 1.5; font-weight: 400; color: var(--paper); }
.feben-native-faq summary::-webkit-details-marker,
.feben-service-flow summary::-webkit-details-marker { display: none; }
.feben-native-faq summary:focus-visible,
.feben-service-flow summary:focus-visible { outline: 2px solid var(--acid); outline-offset: 5px; }
.feben-native-faq .faq-plus { font-size: 29px; line-height: 1; color: var(--acid); flex-shrink: 0; transition: transform .2s ease; }
.feben-native-faq details[open] .faq-plus { transform: rotate(45deg); }
.feben-native-faq details > div { font-size: 17px; line-height: 1.85; color: #bbcaab; padding: 0 45px 28px 0; }
.feben-native-faq details[open] > div { animation: feben-detail-enter .2s ease; }
.feben-service-flow li { min-width: 0; }
.feben-service-flow summary { cursor: pointer; list-style: none; }
.feben-service-flow summary strong { min-height: 3em; }
.feben-service-flow .flow-detail-hint { margin-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; line-height: 1.7; color: #c4d4b3; }
.feben-service-flow .flow-detail-hint > span { color: var(--acid); font-size: 22px; line-height: 1; transition: transform .2s ease; }
.feben-service-flow details[open] .flow-detail-hint > span { transform: rotate(45deg); }
.feben-service-flow details > p { border-top: 1px solid #536b3e; padding-top: 17px; margin-top: 17px; font-size: 16px; line-height: 1.8; color: #c4d4b3; }
.feben-service-flow details[open] > p { animation: feben-detail-enter .2s ease; }
.feben-service-editor-content { max-width: 1000px; margin-left: auto; color: #c2ceb5; font-size: 18px; line-height: 1.85; }
.feben-service-editor-content p + p { margin-top: 20px; }
.method-page .method { border-bottom: 1px solid var(--line); }
@keyframes feben-detail-enter { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 760px) {
    .feben-native-faq summary { font-size: 19px; gap: 20px; padding: 21px 0; }
    .feben-native-faq details > div { font-size: 16px; padding: 0 25px 24px 0; }
    .feben-service-flow summary strong { min-height: 0; }
    .feben-service-flow .flow-detail-hint { margin-top: 13px; }
    .feben-service-flow details > p { font-size: 16px; }
    .service-index-link h3 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
    .feben-native-faq details[open] > div,
    .feben-service-flow details[open] > p { animation: none; }
    .feben-native-faq .faq-plus,
    .feben-service-flow .flow-detail-hint > span { transition: none; }
}