/* BICOM — FAQ */

/* =========================================================
   BICOM FAQ
   ONLY PAGE-SPECIFIC LAYOUT
   Shared components remain in global BICOM CSS.
   ========================================================= */

.bicom-page--faq section[id]{
    scroll-margin-top:110px;
}


/* =========================================================
   INTRO
   ========================================================= */

.bicom-faq-page__intro-inner{
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(380px,.67fr);
    gap:clamp(70px,8vw,135px);
    align-items:end;
}

.bicom-faq-page__intro-inner > div:first-child{
    max-width:760px;
}

.bicom-faq-page__intro-copy{
    max-width:540px;
    padding-bottom:4px;
}

.bicom-faq-page__intro-copy .bicom-copy{
    margin:0;
}

.bicom-faq-page__intro-copy .bicom-copy + .bicom-copy{
    margin-top:14px;
}

.bicom-faq-page__intro-copy .bicom-link{
    margin-top:26px;
}


/* =========================================================
   CATEGORY NAV
   ========================================================= */

.bicom-faq-page__index{
    width:100%;
    background:var(--bicom-white);
    border-top:1px solid var(--bicom-line);
    border-bottom:1px solid var(--bicom-line);
}

.bicom-faq-page__index-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.bicom-faq-page__index-item,
.bicom-faq-page__index-item:visited,
.bicom-faq-page__index-item:hover,
.bicom-faq-page__index-item:focus,
.bicom-faq-page__index-item:focus-visible,
.bicom-faq-page__index-item:active{
    position:relative;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 18px;
    gap:14px;
    align-items:center;
    min-height:92px;
    padding:20px 26px;
    color:var(--bicom-navy);
    font-size:17px;
    line-height:1.3;
    font-weight:900;
    text-decoration:none;
}

.bicom-faq-page__index-item:nth-child(2),
.bicom-faq-page__index-item:nth-child(3),
.bicom-faq-page__index-item:nth-child(5),
.bicom-faq-page__index-item:nth-child(6){
    border-left:1px solid var(--bicom-line);
}

.bicom-faq-page__index-item:nth-child(n+4){
    border-top:1px solid var(--bicom-line);
}

.bicom-faq-page__index-item > span:first-child{
    color:var(--bicom-green);
    font-size:16px;
    line-height:1;
    font-weight:900;
}

.bicom-faq-page__index-item:after{
    content:"→";
    justify-self:end;
    color:var(--bicom-green);
    font-size:18px;
    line-height:1;
    font-weight:700;
    transition:transform .25s ease;
}

@media(hover:hover){

    .bicom-faq-page__index-item:hover{
        color:var(--bicom-blue);
    }

    .bicom-faq-page__index-item:hover:after{
        transform:translateX(3px);
    }
}


/* =========================================================
   FAQ CATEGORY SECTIONS
   ========================================================= */

.bicom-faq-page__section{
    background:var(--bicom-white);
}

.bicom-faq-page__section--surface{
    background:var(--bicom-surface);
}

.bicom-faq-page__section-grid{
    display:grid;
    grid-template-columns:minmax(300px,.58fr) minmax(0,1.42fr);
    gap:clamp(70px,8vw,135px);
    align-items:start;
}

.bicom-faq-page__section-intro{
    max-width:430px;
}

.bicom-faq-page__section-intro .bicom-heading{
    max-width:430px;
}

.bicom-faq-page__section-intro > .bicom-copy{
    max-width:390px;
    margin-top:22px;
}

.bicom-faq-page__section-intro > .bicom-link{
    margin-top:24px;
}


/* =========================================================
   SHARED ACCORDION – LOCAL LAYOUT ONLY
   ========================================================= */

.bicom-faq-page__section .bicom-accordion{
    width:100%;
    min-width:0;
}

.bicom-faq-page__section .bicom-accordion__item{
    width:100%;
}

.bicom-faq-page__section .bicom-accordion__item summary{
    width:100%;
}

.bicom-faq-page__section .bicom-accordion__content{
    max-width:820px;
}

.bicom-faq-page__section .bicom-accordion__content .bicom-link{
    margin-top:18px;
}


/* =========================================================
   IMPORTANT NOTE
   ========================================================= */

.bicom-faq-page__note{
    width:100%;
    padding:32px 0;
    background:var(--bicom-dark);
}

.bicom-faq-page__note-inner{
    display:grid;
    grid-template-columns:140px minmax(0,1fr);
    gap:40px;
    align-items:start;
}

.bicom-faq-page__note strong{
    color:var(--bicom-green);
    font-size:16px;
    line-height:1.3;
    font-weight:900;
}

.bicom-faq-page__note p{
    max-width:920px;
    margin:0;
    color:var(--bicom-white);
    font-size:17px;
    line-height:1.6;
    font-weight:500;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .bicom-faq-page__intro-inner,
    .bicom-faq-page__section-grid{
        grid-template-columns:1fr;
        gap:42px;
    }

    .bicom-faq-page__intro-copy,
    .bicom-faq-page__section-intro{
        max-width:700px;
    }

    .bicom-faq-page__section-intro .bicom-heading,
    .bicom-faq-page__section-intro > .bicom-copy{
        max-width:650px;
    }

    .bicom-faq-page__index-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .bicom-faq-page__index-item:nth-child(3),
    .bicom-faq-page__index-item:nth-child(5){
        border-left:0;
    }

    .bicom-faq-page__index-item:nth-child(3){
        border-top:1px solid var(--bicom-line);
    }

    .bicom-faq-page__index-item:nth-child(4){
        border-left:1px solid var(--bicom-line);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .bicom-page--faq section[id]{
        scroll-margin-top:24px;
    }

    .bicom-faq-page__intro-inner,
    .bicom-faq-page__section-grid{
        gap:32px;
    }

    .bicom-faq-page__index-item{
        min-height:78px;
        padding:17px 16px;
        grid-template-columns:30px minmax(0,1fr) 16px;
        gap:10px;
        font-size:16px;
    }

    .bicom-faq-page__section-intro > .bicom-copy{
        margin-top:18px;
    }

    .bicom-faq-page__note-inner{
        grid-template-columns:1fr;
        gap:10px;
    }
}


@media(max-width:480px){

    .bicom-faq-page__index-grid{
        grid-template-columns:1fr;
    }

    .bicom-faq-page__index-item:nth-child(n){
        border-left:0;
    }

    .bicom-faq-page__index-item + .bicom-faq-page__index-item{
        border-top:1px solid var(--bicom-line);
    }
}

 border-left:0;
    }

    .bicom-faqhub-nav a:nth-child(3){
        border-top:1px solid var(--bicom-line);
    }

    .bicom-faqhub-nav a:after{
        left:14px;
        right:14px;
    }

    .bicom-faqhub-section{
        padding:66px 0 72px;
    }

    .bicom-faqhub-section__grid{
        gap:34px;
    }

    .bicom-faqhub-section__number{
        margin-bottom:18px;
        font-size:34px;
    }

    .bicom-faqhub-section__title{
        font-size:clamp(37px,10vw,48px);
        line-height:1;
    }

    .bicom-faqhub-section__intro > p{
        margin-top:18px;
        font-size:16px;
    }

    .bicom-faqhub-item summary{
        grid-template-columns:32px minmax(0,1fr) 34px;
        gap:11px;
        min-height:84px;
        padding:18px 0;
    }

    .bicom-faqhub-item summary strong{
        font-size:18px;
        line-height:1.32;
    }

    .bicom-faqhub-item__toggle{
        width:32px;
        height:32px;
    }

    .bicom-faqhub-answer{
        padding:0 42px 24px 43px;
    }

    .bicom-faqhub-answer p{
        font-size:16px;
        line-height:1.62;
    }

    .bicom-faqhub-notice__inner{
        min-height:0;
        grid-template-columns:1fr;
        gap:10px;
        padding-top:28px;
        padding-bottom:30px;
    }

    .bicom-faqhub-notice__inner p{
        font-size:17px;
    }
}

@media(max-width:480px){
    .bicom-faqhub-intro{
        padding:58px 0 52px;
    }

    .bicom-faqhub-title,
    .bicom-faqhub-section__title{
        font-size:38px;
    }

    .bicom-faqhub-nav__inner{
        width:100%;
    }

    .bicom-faqhub-nav a{
        gap:8px;
        min-height:58px;
        padding:0 10px;
        font-size:14px;
    }

    .bicom-faqhub-nav a:after{
        left:10px;
        right:10px;
    }

    .bicom-faqhub-section{
        padding:58px 0 64px;
    }

    .bicom-faqhub-item summary{
        grid-template-columns:25px minmax(0,1fr) 30px;
        gap:9px;
    }

    .bicom-faqhub-item__num{
        font-size:12px;
    }

    .bicom-faqhub-item__toggle{
        width:30px;
        height:30px;
    }

    .bicom-faqhub-answer{
        padding-left:34px;
        padding-right:30px;
    }
}

@media(prefers-reduced-motion:reduce){
    .bicom-faqhub-nav a:after,
    .bicom-faqhub-item__toggle,
    .bicom-faqhub-item__toggle:before