.elementor-1260 .elementor-element.elementor-element-763f8db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-630f10a */.finoda-page-wrapper {
        max-width: 960px;
        margin: 0 auto;
        padding: 20px;
        color: #192c27; /* Text Color */
        line-height: 1.7;
        font-family: inherit; /* Uses default WordPress theme font */
        background: transparent;
        box-sizing: border-box;
    }
    
    .finoda-page-wrapper * {
        box-sizing: border-box;
    }

    .finoda-page-wrapper h1, 
    .finoda-page-wrapper h2, 
    .finoda-page-wrapper h3 {
        line-height: 1.3;
        margin-top: 0;
    }

    .finoda-page-wrapper h1 {
        color: #114268; /* Primary Color */
        font-size: 2.2rem;
        margin-bottom: 1.5rem;
        font-weight: 800;
    }

    .finoda-page-wrapper h2 {
        color: #114268; /* Primary Color */
        font-size: 1.8rem;
        margin-top: 2.5rem;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid rgba(121, 93, 38, 0.2); /* Secondary Color faint */
    }

    .finoda-page-wrapper h3 {
        color: #1b5379; /* Rare Color */
        font-size: 1.4rem;
        margin-top: 1.8rem;
        margin-bottom: 0.8rem;
    }

    .finoda-page-wrapper p {
        margin-bottom: 1.2rem;
        font-size: 1.05rem;
    }

    .finoda-page-wrapper a {
        color: #795d26; /* Secondary Color */
        text-decoration: none;
        font-weight: 600;
        transition: color 0.3s ease;
    }

    .finoda-page-wrapper a:hover {
        color: #114268; /* Primary Color */
        text-decoration: underline;
    }

    /* Images */
    .finoda-image-block {
        margin: 2rem 0;
        text-align: center;
    }

    .finoda-image-block img {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
        box-shadow: 0 8px 24px rgba(17, 66, 104, 0.08);
        border: 1px solid rgba(17, 66, 104, 0.05);
    }

    .finoda-image-block figcaption {
        font-size: 0.9rem;
        color: #1b5379;
        margin-top: 0.75rem;
        font-style: italic;
    }

    /* Table of Contents */
    .finoda-toc {
        background: linear-gradient(145deg, #ffffff 0%, #f4f7f9 100%);
        border: 1px solid rgba(17, 66, 104, 0.1);
        border-left: 5px solid #114268; /* Primary Color */
        border-radius: 8px;
        padding: 1.5rem 2rem;
        margin: 2.5rem 0;
        box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    }

    .finoda-toc-title {
        font-size: 1.2rem;
        font-weight: bold;
        color: #114268;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .finoda-toc ul {
        list-style-type: none;
        padding-left: 0;
        margin: 0;
    }

    .finoda-toc > ul > li {
        margin-bottom: 0.8rem;
    }

    .finoda-toc ul ul {
        padding-left: 1.5rem;
        margin-top: 0.5rem;
        border-left: 2px solid rgba(121, 93, 38, 0.3);
    }

    .finoda-toc a {
        color: #1b5379;
        font-weight: 500;
        text-decoration: none;
    }

    .finoda-toc a:hover {
        color: #795d26;
    }

    /* Placeholders for Video & Calculator */
    .finoda-placeholder {
        background: rgba(17, 66, 104, 0.03);
        border: 2px dashed rgba(17, 66, 104, 0.2);
        border-radius: 12px;
        padding: 3rem 1rem;
        text-align: center;
        margin: 2rem 0;
        color: #1b5379;
        font-weight: bold;
    }

    .finoda-video-placeholder {
        aspect-ratio: 16 / 9;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000;
        color: #fff;
        border-radius: 12px;
        margin: 2rem 0;
    }

    /* Blockquotes / Highlights */
    .finoda-page-wrapper blockquote {
        background: rgba(121, 93, 38, 0.05); /* Secondary faint */
        border-left: 4px solid #795d26; /* Secondary Color */
        margin: 2rem 0;
        padding: 1.2rem 1.5rem;
        border-radius: 0 8px 8px 0;
        font-style: normal;
    }
    
    .finoda-page-wrapper blockquote p {
        margin: 0;
    }

    /* FAQ Accordion */
    .finoda-faqs {
        margin-top: 2rem;
    }

    .finoda-faq-item {
        background: #ffffff;
        border: 1px solid rgba(17, 66, 104, 0.1);
        border-radius: 8px;
        margin-bottom: 1rem;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0,0,0,0.02);
    }

    .finoda-faq-question {
        width: 100%;
        text-align: left;
        background: rgba(17, 66, 104, 0.02);
        border: none;
        padding: 1.2rem 1.5rem;
        font-size: 1.1rem;
        font-weight: bold;
        color: #114268;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: inherit;
        transition: background 0.3s ease;
    }

    .finoda-faq-question:hover {
        background: rgba(17, 66, 104, 0.05);
    }

    .finoda-faq-question span {
        color: #795d26;
        font-size: 1.5rem;
        transition: transform 0.3s ease;
    }

    .finoda-faq-question.active span {
        transform: rotate(45deg);
    }

    .finoda-faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-out, padding 0.4s ease-out;
        background: #fff;
        padding: 0 1.5rem;
    }

    .finoda-faq-answer p {
        margin: 1.2rem 0;
        color: #192c27;
    }
    
    .finoda-faq-answer hr {
        display: none; /* Hide markdown generated HRs inside FAQs */
    }

    /* Sections */
    .finoda-section {
        margin-bottom: 3.5rem;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .finoda-page-wrapper h1 { font-size: 1.8rem; }
        .finoda-page-wrapper h2 { font-size: 1.5rem; }
        .finoda-toc { padding: 1.2rem; }
    }/* End custom CSS */