@charset "utf-8";

/* PROJECT / FAQ / NOTICE / INSIGHT LIST shared shell and title system */
:is(#bo_gall,#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page {
    width: min(1560px, calc(100% - 96px));
    max-width: 1560px;
    margin-inline: auto;
    box-sizing: border-box;
}

.aha-subpage-editorial__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 36px;
}

.aha-subpage-editorial__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

:is(#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page .aha-sub-search__button {
    width: auto;
    min-width: 92px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid var(--aha-color-line);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #222;
    background: #fff;
    font-family: var(--aha-font-family-base);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    cursor: pointer;
    transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

:is(#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page .aha-sub-search__button i {
    margin: 0;
    font-size: 14px;
    line-height: 1;
}

:is(#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page .aha-sub-search__button:hover,
:is(#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page .aha-sub-search__button:focus-visible {
    color: var(--aha-primary);
    border-color: var(--aha-primary);
    background: var(--aha-primary-soft);
    outline: none;
}

:is(#aha_faq,#aha_webzine).aha-editorial-list-page .aha-subpage-editorial__actions > :is(.aha-faq-write-btn,.aha-wz-write-btn) {
    min-height: 44px !important;
    height: 44px !important;
    padding-inline: 20px !important;
    font-family: var(--aha-font-family-base) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.aha-editorial-list-page .aha-sub-title-stage {
    margin-bottom: 76px !important;
}

:is(#bo_gall,#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page .aha-sub-title__eyebrow {
    margin: 0 0 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

:is(#bo_gall,#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page .aha-sub-title__heading {
    margin: 0 !important;
    font-size: clamp(64px, 4.4vw, 76px) !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

:is(#bo_gall,#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page .aha-sub-title__description {
    margin-top: 24px !important;
}

@media (min-width: 769px) and (max-width: 1100px) {
    :is(#bo_gall,#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page { width: calc(100% - 48px); max-width: none; }
    .aha-editorial-list-page .aha-sub-title-stage { margin-bottom: 68px !important; }
    :is(#bo_gall,#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page .aha-sub-title__heading { font-size: clamp(56px, 6vw, 62px) !important; }
}

@media (max-width: 768px) {
    :is(#bo_gall,#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page { width: calc(100% - 32px); max-width: none; }
    .aha-subpage-editorial__header { display: block !important; }
    .aha-subpage-editorial__actions { justify-content: flex-start; margin-top: 22px; }
    .aha-subpage-editorial__header > .aha-sub-search__button { margin-top: 22px; }
    .aha-editorial-list-page .aha-sub-title-stage { margin-bottom: 52px !important; }
    .aha-editorial-list-page .aha-sub-title__eyebrow { margin-bottom: 14px !important; }
    :is(#bo_gall,#aha_faq,#aha_board,#aha_webzine).aha-editorial-list-page .aha-sub-title__heading { font-size: clamp(42px, 12vw, 48px) !important; line-height: 1.08 !important; }
    .aha-editorial-list-page .aha-sub-title__description { margin-top: 18px !important; }
}

/* JS is loaded in the head, so the prepared state exists before the first body paint. */
.aha-editorial-motion-enabled .aha-editorial-list-page .aha-sub-title__eyebrow,
.aha-editorial-motion-enabled .aha-editorial-list-page .aha-sub-title__heading,
.aha-editorial-motion-enabled .aha-editorial-list-page .aha-sub-title__description,
.aha-editorial-motion-enabled .aha-editorial-list-page [data-aha-editorial-reveal] {
    opacity: 0;
    transform: translate3d(0, 26px, 0);
}

.aha-editorial-list-page [data-aha-editorial-reveal].is-aha-editorial-prepared {
    opacity: 0;
    transform: translate3d(0, 26px, 0);
}

.aha-editorial-list-page .aha-sub-title__eyebrow,
.aha-editorial-list-page .aha-sub-title__heading,
.aha-editorial-list-page .aha-sub-title__description,
.aha-editorial-list-page [data-aha-editorial-reveal] {
    transition: opacity 780ms cubic-bezier(.16,1,.3,1), transform 780ms cubic-bezier(.16,1,.3,1);
}

.aha-editorial-list-page .aha-sub-title__heading { transition-delay: 80ms; }
.aha-editorial-list-page .aha-sub-title__description { transition-delay: 160ms; }
.aha-editorial-list-page .is-aha-editorial-revealed {
    opacity: 1 !important;
    transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .aha-editorial-motion-enabled .aha-editorial-list-page .aha-sub-title__eyebrow,
    .aha-editorial-motion-enabled .aha-editorial-list-page .aha-sub-title__heading,
    .aha-editorial-motion-enabled .aha-editorial-list-page .aha-sub-title__description,
    .aha-editorial-motion-enabled .aha-editorial-list-page [data-aha-editorial-reveal] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .aha-editorial-list-page [data-aha-editorial-reveal].is-aha-editorial-prepared {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}