.site-main { overflow: clip; }

.abk-section { padding-block: var(--abk-space-section); }
.abk-section--faq { padding-bottom: clamp(2.25rem, 4vw, 4rem); }
.abk-section--compact { padding-block: clamp(2.25rem, 4vw, 3.75rem); }
.abk-section--quick-path { padding-top: clamp(2.75rem, 5vw, 4.5rem); }
.abk-section--mist { background: var(--abk-color-mist); }
.abk-section--champagne { background: var(--abk-color-champagne); }
.abk-section--plum { background: var(--abk-color-plum); color: var(--abk-color-white); }

.eyebrow {
    margin: 0 0 var(--abk-space-4);
    color: var(--abk-color-jade);
    font-size: var(--abk-text-xs);
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.eyebrow--light { color: var(--abk-color-champagne); }

.section-heading { max-width: 42rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.section-heading--center { margin-inline: auto; text-align: center; }
.section-heading h2,
.split-content h2,
.transparency-card h2,
.disclaimer-cta h2 {
    margin: 0;
    color: var(--abk-color-plum);
    font-family: var(--abk-font-display);
    font-size: var(--abk-text-2xl);
    letter-spacing: -0.045em;
    line-height: var(--abk-leading-tight);
}

.section-heading > p:last-child,
.split-content__copy > p:not(.eyebrow),
.transparency-card p,
.disclaimer-cta p { margin: var(--abk-space-5) 0 0; color: var(--abk-color-muted); }
.abk-section--plum .section-heading h2,
.abk-section--plum .section-heading > p:last-child { color: var(--abk-color-white); }
.abk-section--plum .section-heading > p:last-child { opacity: 0.76; }
.section-heading--row { display: flex; max-width: none; align-items: flex-end; justify-content: space-between; gap: var(--abk-space-6); }
.section-heading--row .text-link { margin-bottom: var(--abk-space-1); }

.abk-hero { position: relative; background: var(--abk-color-plum); color: var(--abk-color-white); }
.abk-hero::before { position: absolute; width: 30rem; height: 30rem; border-radius: 50%; top: -19rem; left: -11rem; background: rgba(247, 232, 204, 0.12); content: ""; filter: blur(4px); }
.abk-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.07fr) minmax(20rem, 0.93fr); align-items: center; gap: clamp(2.5rem, 7vw, 8rem); min-height: clamp(35rem, 49vw, 43rem); padding-block: clamp(4.5rem, 8vw, 7.5rem); }
.abk-hero__content { max-width: 41rem; }
.abk-hero h1 { max-width: 42rem; margin: 0; color: var(--abk-color-white); font-family: var(--abk-font-display); font-size: var(--abk-text-3xl); font-weight: 700; letter-spacing: -0.055em; line-height: 0.99; }
.abk-hero__lead { max-width: 36rem; margin: var(--abk-space-6) 0 0; color: rgba(255, 255, 255, 0.78); font-size: clamp(1rem, 1.5vw, 1.13rem); }
.abk-hero__actions { display: flex; flex-wrap: wrap; gap: var(--abk-space-3); margin-top: var(--abk-space-8); }
.abk-hero__badges { display: flex; flex-wrap: wrap; gap: var(--abk-space-2); padding: 0; margin: var(--abk-space-8) 0 0; list-style: none; }
.abk-hero__badges li { border: 1px solid rgba(255, 255, 255, 0.22); border-radius: var(--abk-radius-pill); color: rgba(255, 255, 255, 0.8); padding: 0.35rem 0.72rem; font-size: var(--abk-text-xs); font-weight: 700; }

.abk-button { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 3rem; border: 1px solid transparent; border-radius: var(--abk-radius-pill); padding: 0.75rem 1.1rem; font-size: var(--abk-text-sm); font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; transition: transform var(--abk-transition), background-color var(--abk-transition), border-color var(--abk-transition), color var(--abk-transition); }
.abk-button:hover { transform: translateY(-2px); }
.abk-button--primary { background: var(--abk-color-jade); color: var(--abk-color-white); }
.abk-button--primary:hover { background: var(--abk-color-focus); color: var(--abk-color-white); }
.abk-button--secondary { border-color: rgba(255, 255, 255, 0.32); background: transparent; color: var(--abk-color-white); }
.abk-button--secondary:hover { border-color: var(--abk-color-champagne); background: rgba(255, 255, 255, 0.08); color: var(--abk-color-white); }
.abk-button--light { background: var(--abk-color-champagne); color: var(--abk-color-plum); }
.abk-button--light:hover { background: var(--abk-color-white); color: var(--abk-color-plum); }

.hero-visual { position: relative; padding: 0; margin: 0; }
.hero-visual__panel { aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.23); border-radius: min(4rem, 8vw) min(4rem, 8vw) min(4rem, 8vw) 1rem; background: #E8F3EF; box-shadow: 1.25rem 1.25rem 0 rgba(23, 107, 98, 0.42); }
.hero-visual__image { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }

.topic-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--abk-space-4); }
.topic-card { position: relative; min-height: 16.25rem; border: 1px solid var(--abk-color-border); border-radius: var(--abk-radius-md); background: var(--abk-color-white); padding: var(--abk-space-6); box-shadow: var(--abk-shadow-sm); transition: transform var(--abk-transition), box-shadow var(--abk-transition); }
.topic-card:hover { transform: translateY(-4px); box-shadow: var(--abk-shadow-md); }
.topic-card__number { display: block; color: var(--abk-color-jade); font-size: var(--abk-text-sm); font-weight: 800; letter-spacing: 0.1em; }
.topic-card h3 { margin: var(--abk-space-6) 0 0; color: var(--abk-color-plum); font-family: var(--abk-font-display); font-size: 1.45rem; letter-spacing: -0.035em; line-height: 1.15; }
.topic-card p { margin: var(--abk-space-3) 0 var(--abk-space-5); color: var(--abk-color-muted); font-size: var(--abk-text-sm); }
.text-link { display: inline-flex; align-items: center; gap: 0.35rem; font-weight: 800; text-decoration: none; }
.text-link--dark { color: var(--abk-color-jade); font-size: var(--abk-text-sm); }
.text-link--dark:hover { color: var(--abk-color-plum); }

.verification-layout { display: grid; grid-template-columns: minmax(15rem, 0.82fr) minmax(25rem, 1.18fr); gap: clamp(2rem, 8vw, 9rem); }
.verification-list { display: grid; gap: var(--abk-space-3); padding: 0; margin: 0; list-style: none; }
.verification-list li { display: grid; grid-template-columns: 2.75rem 1fr; gap: var(--abk-space-4); border-bottom: 1px solid rgba(23, 107, 98, 0.2); padding: 0 0 var(--abk-space-5); }
.verification-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.verification-list__number { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: 50%; background: var(--abk-color-plum); color: var(--abk-color-champagne); font-size: var(--abk-text-xs); font-weight: 800; }
.verification-list h3 { margin: 0; color: var(--abk-color-plum); font-size: 1rem; }
.verification-list p { margin: var(--abk-space-1) 0 0; color: var(--abk-color-muted); font-size: var(--abk-text-sm); }

.split-content { display: grid; grid-template-columns: minmax(18rem, 1fr) minmax(20rem, 0.9fr); align-items: center; gap: clamp(2.5rem, 9vw, 10rem); }
.split-content--reverse { grid-template-columns: minmax(20rem, 0.9fr) minmax(18rem, 1fr); }
.split-content--reverse .content-visual { grid-column: 2; grid-row: 1; }
.split-content--reverse .split-content__copy { grid-column: 1; grid-row: 1; }
.split-content__copy { max-width: 34rem; }
.check-list { display: grid; gap: var(--abk-space-3); padding: 0; margin: var(--abk-space-6) 0 var(--abk-space-8); list-style: none; }
.check-list li { position: relative; padding-left: 1.8rem; color: var(--abk-color-text); font-size: var(--abk-text-sm); }
.check-list li::before { position: absolute; top: 0.23rem; left: 0; display: grid; width: 1.1rem; height: 1.1rem; place-items: center; border-radius: 50%; background: var(--abk-color-jade); color: var(--abk-color-white); content: "✓"; font-size: 0.65rem; font-weight: 900; }
.content-visual { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--abk-radius-lg) var(--abk-radius-lg) var(--abk-radius-lg) 1rem; background: var(--abk-color-mist); }
.content-visual__image { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }

.category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--abk-space-5); }
.category-card { min-height: 20rem; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: var(--abk-radius-md); background: rgba(255, 255, 255, 0.07); padding: var(--abk-space-8); color: var(--abk-color-white); text-decoration: none; transition: transform var(--abk-transition), background-color var(--abk-transition); }
.category-card:hover { background: rgba(255, 255, 255, 0.12); transform: translateY(-4px); color: var(--abk-color-white); }
.category-card__symbol { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: var(--abk-radius-sm); background: var(--abk-color-champagne); color: var(--abk-color-plum); font-size: 1.35rem; font-weight: 900; }
.category-card h3 { margin: var(--abk-space-8) 0 0; font-family: var(--abk-font-display); font-size: 1.55rem; letter-spacing: -0.035em; line-height: 1.15; }.category-card p { margin: var(--abk-space-4) 0 0; color: rgba(255, 255, 255, 0.75); font-size: var(--abk-text-sm); }.category-card__link { display: inline-flex; margin-top: var(--abk-space-8); color: var(--abk-color-champagne); font-size: var(--abk-text-sm); font-weight: 800; }

.situation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--abk-space-3); }
.situation-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--abk-space-3); min-height: 6.4rem; border: 1px solid rgba(52, 33, 61, 0.14); border-radius: var(--abk-radius-md); background: rgba(255, 255, 255, 0.48); padding: var(--abk-space-5); color: var(--abk-color-plum); font-size: var(--abk-text-sm); font-weight: 750; text-decoration: none; transition: transform var(--abk-transition), background-color var(--abk-transition); }.situation-card:hover { background: var(--abk-color-white); transform: translateY(-3px); color: var(--abk-color-jade); }.situation-card__number { color: var(--abk-color-jade); font-size: var(--abk-text-xs); font-weight: 900; }

.article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--abk-space-5); }.article-card { overflow: hidden; border: 1px solid var(--abk-color-border); border-radius: var(--abk-radius-md); background: var(--abk-color-white); box-shadow: var(--abk-shadow-sm); }.article-card__media { min-height: 12rem; background: var(--abk-color-mist); }.article-card__media--photo { aspect-ratio: 16 / 9; min-height: 0; overflow: hidden; background: var(--abk-color-mist); }.article-card__image { display: block; width: 100%; height: 100%; object-fit: cover; }.article-card__media--1 { background: radial-gradient(circle at 76% 24%, var(--abk-color-champagne) 0 12%, transparent 13%), linear-gradient(140deg, var(--abk-color-jade) 0 48%, var(--abk-color-mist) 49%); }.article-card__media--2 { background: linear-gradient(130deg, var(--abk-color-champagne) 0 45%, var(--abk-color-plum) 46% 70%, var(--abk-color-mist) 71%); }.article-card__media--3 { background: radial-gradient(circle at 30% 62%, var(--abk-color-jade) 0 22%, transparent 23%), linear-gradient(145deg, var(--abk-color-mist) 0 54%, var(--abk-color-champagne) 55%); }.article-card__body { padding: var(--abk-space-6); }.article-card__meta { margin: 0; color: var(--abk-color-jade); font-size: var(--abk-text-xs); font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }.article-card h2, .article-card h3 { margin: var(--abk-space-3) 0 0; color: var(--abk-color-plum); font-family: var(--abk-font-display); font-size: 1.4rem; letter-spacing: -0.04em; line-height: 1.12; }.article-card h2 a, .article-card h3 a { text-decoration: none; }.article-card h2 a:hover, .article-card h3 a:hover { color: var(--abk-color-jade); }.article-card__body > p:last-child { margin: var(--abk-space-3) 0 0; color: var(--abk-color-muted); font-size: var(--abk-text-sm); }

.transparency-card { display: grid; grid-template-columns: minmax(20rem, 1.1fr) minmax(17rem, 0.9fr); gap: clamp(2rem, 8vw, 9rem); align-items: start; border-left: 5px solid var(--abk-color-jade); padding: clamp(2rem, 5vw, 4rem); background: rgba(255, 255, 255, 0.55); }.transparency-card h2 { max-width: 37rem; }.transparency-card .text-link { margin-top: var(--abk-space-5); }

.faq-layout { display: grid; grid-template-columns: minmax(16rem, 0.72fr) minmax(27rem, 1.28fr); gap: clamp(2rem, 8vw, 9rem); }.faq-item { border-top: 1px solid var(--abk-color-border); }.faq-item:last-child { border-bottom: 1px solid var(--abk-color-border); }.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: var(--abk-space-4); cursor: pointer; padding-block: var(--abk-space-5); color: var(--abk-color-plum); font-family: var(--abk-font-display); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 700; line-height: 1.25; list-style: none; }.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary span { display: grid; width: 1.7rem; height: 1.7rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--abk-color-mist); color: var(--abk-color-jade); font-family: var(--abk-font-family); font-size: 1.25rem; transition: transform var(--abk-transition), background-color var(--abk-transition); }.faq-item[open] summary span { transform: rotate(45deg); background: var(--abk-color-jade); color: var(--abk-color-white); }.faq-item__answer { max-width: 42rem; padding: 0 var(--abk-space-8) var(--abk-space-5) 0; }.faq-item__answer p { margin: 0; color: var(--abk-color-muted); font-size: var(--abk-text-sm); }

.disclaimer-cta { display: flex; align-items: center; justify-content: space-between; gap: var(--abk-space-8); border-radius: var(--abk-radius-lg); background: var(--abk-color-jade); padding: clamp(2rem, 5vw, 4.25rem); }.disclaimer-cta > div { max-width: 43rem; }.disclaimer-cta h2, .disclaimer-cta p { color: var(--abk-color-white); }.disclaimer-cta p:not(.eyebrow) { opacity: 0.8; }.disclaimer-cta .abk-button { flex: 0 0 auto; }

.quick-path-table__scroll { overflow-x: auto; border: 1px solid var(--abk-color-border); border-radius: var(--abk-radius-md); background: var(--abk-color-white); box-shadow: var(--abk-shadow-sm); }.quick-path-table { width: 100%; min-width: 37rem; border-collapse: collapse; }.quick-path-table th, .quick-path-table td { padding: var(--abk-space-5) var(--abk-space-6); text-align: left; }.quick-path-table th { border-bottom: 1px solid var(--abk-color-border); color: var(--abk-color-muted); font-size: var(--abk-text-xs); letter-spacing: 0.07em; text-transform: uppercase; }.quick-path-table td { border-bottom: 1px solid var(--abk-color-border); color: var(--abk-color-text); font-size: var(--abk-text-sm); }.quick-path-table tbody tr:last-child td { border-bottom: 0; }.quick-path-table td:nth-child(2) { color: var(--abk-color-plum); font-family: var(--abk-font-display); font-size: 1.08rem; font-weight: 700; }.quick-path-table td:last-child { width: 1%; white-space: nowrap; }.quick-path-table a { color: var(--abk-color-jade); font-size: var(--abk-text-sm); font-weight: 800; text-decoration: none; }.quick-path-table a:hover { color: var(--abk-color-plum); }

@media (max-width: 1023px) {
    .abk-hero__grid { grid-template-columns: 1fr; max-width: 44rem; gap: var(--abk-space-10); }.abk-hero__content { max-width: 42rem; }.hero-visual { max-width: 31rem; }.topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.verification-layout, .faq-layout { grid-template-columns: 1fr; gap: var(--abk-space-8); }.split-content, .split-content--reverse { grid-template-columns: 1fr; gap: var(--abk-space-8); }.split-content--reverse .content-visual, .split-content--reverse .split-content__copy { grid-column: auto; grid-row: auto; }.content-visual { max-width: 38rem; }.category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.article-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.transparency-card { grid-template-columns: 1fr; gap: var(--abk-space-6); }
}

@media (max-width: 767px) {
    .abk-section { padding-block: clamp(3.75rem, 16vw, 5rem); }.section-heading { margin-bottom: var(--abk-space-8); }.section-heading--row { align-items: flex-start; flex-direction: column; }.abk-hero__grid { min-height: 0; padding-block: 4rem; }.abk-hero h1 { font-size: clamp(2.55rem, 13vw, 3.5rem); }.abk-hero__actions .abk-button { width: 100%; }.hero-visual__panel, .content-visual { min-height: 0; }.topic-grid, .category-grid, .situation-grid, .article-grid { grid-template-columns: 1fr; }.topic-card { min-height: auto; }.category-card { min-height: 15.5rem; }.verification-list li { grid-template-columns: 2.5rem 1fr; }.article-card__media { min-height: 11rem; }.transparency-card { padding: var(--abk-space-6); }.faq-item__answer { padding-right: 0; }.disclaimer-cta { align-items: flex-start; flex-direction: column; padding: var(--abk-space-6); }.disclaimer-cta .abk-button { width: 100%; }.quick-path-table th, .quick-path-table td { padding: var(--abk-space-4); }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}