/* Kinship care consultation page */

.kinship-hero {
    padding: calc(var(--nav-height) + var(--space-xl)) 0 var(--space-xl);
    background:
        radial-gradient(circle at 88% 16%, rgba(212, 237, 218, 0.9), transparent 22rem),
        linear-gradient(145deg, var(--color-bg-card), var(--color-bg));
}

.kinship-hero__grid,
.kinship-split,
.kinship-legal,
.kinship-resources {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(18rem, 0.7fr);
    gap: clamp(2rem, 6vw, 6rem);
    align-items: center;
}

.kinship-hero h1 {
    margin: var(--space-sm) 0 var(--space-md);
}

.kinship-hero h1 em {
    color: var(--color-accent);
}

.kinship-hero__intro {
    max-width: 42rem;
    font-size: clamp(1.15rem, 2vw, 1.4rem);
    line-height: 1.55;
    color: var(--color-text-secondary);
}

.kinship-hero__actions {
    margin-top: var(--space-lg);
}

.kinship-hero__external-note {
    max-width: 34rem;
    margin-top: var(--space-sm);
    color: var(--color-text-tertiary);
    font-size: 0.9rem;
}

.kinship-deadline {
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: var(--color-accent-deep);
    color: var(--color-on-dark);
    box-shadow: var(--shadow-lifted);
    border-radius: var(--radius-lg);
}

.kinship-deadline .label,
.kinship-deadline p {
    color: var(--color-on-dark-soft);
}

.kinship-deadline h2 {
    margin: var(--space-xs) 0 var(--space-sm);
    color: var(--color-on-dark);
    font-size: clamp(2rem, 4vw, 3.25rem);
}

.kinship-deadline__closed {
    display: grid;
    gap: 0.3rem;
    margin-top: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--color-on-dark-border);
    color: var(--color-on-dark);
    font-size: 0.95rem;
}

[data-kinship-closed][hidden] {
    display: none !important;
}

.kinship-section {
    padding: clamp(4rem, 9vw, 8rem) 0;
}

.kinship-section--tinted {
    background: var(--color-bg-warm);
}

.kinship-section__intro h2,
.kinship-heading h2 {
    margin: var(--space-xs) 0 var(--space-md);
}

.kinship-section__intro p + p {
    margin-top: var(--space-sm);
}

.kinship-section__intro .btn {
    margin-top: var(--space-lg);
}

.kinship-language-note {
    margin-top: var(--space-lg);
    padding: var(--space-sm) var(--space-md);
    border-left: 3px solid var(--color-warm);
    background: var(--color-warm-light);
    color: var(--color-text-secondary);
    font-size: 0.95rem;
}

.kinship-video {
    max-width: 24rem;
    width: 100%;
    justify-self: center;
    background: var(--color-accent-deep);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-lifted);
}

.kinship-video video {
    display: block;
    width: 100%;
    aspect-ratio: 9 / 16;
    background: #000;
}

.kinship-video figcaption {
    display: grid;
    gap: 0.35rem;
    padding: var(--space-md);
    color: var(--color-on-dark-soft);
    font-size: 0.92rem;
    line-height: 1.55;
}

.kinship-video figcaption strong {
    color: var(--color-on-dark);
}

.kinship-split--reverse {
    grid-template-columns: minmax(18rem, 0.7fr) minmax(0, 1.3fr);
}

.kinship-step-list {
    display: grid;
    gap: var(--space-sm);
}

.kinship-step {
    display: grid;
    grid-template-columns: 2.8rem 1fr;
    gap: var(--space-sm);
    align-items: start;
    padding: var(--space-md);
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

.kinship-step span {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--color-accent);
    color: #fff;
    font-weight: 700;
}

.kinship-step p {
    color: var(--color-text-secondary);
    line-height: 1.55;
}

.kinship-step strong {
    color: var(--color-text);
}

.kinship-heading {
    max-width: 45rem;
    margin-bottom: var(--space-lg);
}

.kinship-heading > p:last-child {
    color: var(--color-text-secondary);
}

.kinship-question-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    background: var(--color-border);
    border-radius: var(--radius-lg);
    list-style-position: inside;
    counter-reset: questions;
}

.kinship-question-grid li {
    counter-increment: questions;
    min-height: 7rem;
    padding: var(--space-md);
    background: var(--color-bg-card);
    color: var(--color-text-secondary);
    list-style: none;
}

.kinship-question-grid li::before {
    content: counter(questions, decimal-leading-zero);
    display: block;
    margin-bottom: var(--space-xs);
    color: var(--color-accent);
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.kinship-section--dark {
    background: linear-gradient(135deg, #101f18, var(--color-accent-deep));
    color: var(--color-on-dark);
}

.kinship-section--dark .kinship-heading h2 {
    color: var(--color-on-dark);
}

.kinship-section--dark .kinship-heading > p:last-child {
    color: var(--color-on-dark-soft);
}

.kinship-glossary {
    display: grid;
    gap: 0;
    border-top: 1px solid var(--color-on-dark-border);
}

.kinship-glossary div {
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--color-on-dark-border);
}

.kinship-glossary dt {
    color: var(--color-on-dark);
    font-weight: 700;
}

.kinship-glossary dd {
    margin-top: 0.2rem;
    color: var(--color-on-dark-soft);
    font-size: 0.95rem;
    line-height: 1.55;
}

.kinship-section--resources {
    padding-block: clamp(3rem, 6vw, 5rem);
}

.kinship-resources {
    padding: clamp(1.5rem, 4vw, 3rem);
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
}

.kinship-resources h2 {
    margin: var(--space-xs) 0 var(--space-sm);
}

.kinship-resources p {
    color: var(--color-text-secondary);
    max-width: 44rem;
}

.kinship-resources__links {
    display: grid;
    justify-items: start;
    gap: var(--space-md);
}

.kinship-text-link {
    font-weight: 600;
}

[data-theme="dark"] .kinship-hero {
    background: radial-gradient(circle at 88% 16%, rgba(45, 106, 79, 0.45), transparent 22rem), var(--color-bg);
}

[data-theme="dark"] .kinship-language-note {
    background: rgba(224, 122, 58, 0.13);
}

[data-theme="dark"] .kinship-step,
[data-theme="dark"] .kinship-question-grid li,
[data-theme="dark"] .kinship-resources {
    background: var(--color-bg-card);
}

@media (max-width: 860px) {
    .kinship-hero__grid,
    .kinship-split,
    .kinship-split--reverse,
    .kinship-legal,
    .kinship-resources {
        grid-template-columns: 1fr;
    }

    .kinship-hero {
        padding-top: calc(var(--nav-height) + var(--space-lg));
    }

    .kinship-video {
        justify-self: start;
    }

    .kinship-resources__links {
        justify-items: start;
    }
}

@media (max-width: 640px) {
    .kinship-section {
        padding: var(--space-xl) 0;
    }

    .kinship-question-grid {
        grid-template-columns: 1fr;
    }

    .kinship-question-grid li {
        min-height: auto;
    }

    .kinship-hero__actions .btn,
    .kinship-resources__links .btn {
        width: 100%;
        justify-content: center;
    }
}

/* Compact homepage consultation feature */
.kinship-home { padding: 2rem 0; scroll-margin-top: calc(var(--nav-height) + 1rem); }
.kinship-home__card { display: grid; grid-template-columns: 144px minmax(0, 1fr); grid-template-areas: "video intro" "video details" "video actions"; gap: .8rem 1.8rem; padding: 1.5rem; max-width: 1080px; margin-inline: auto; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg-card); }
.kinship-home__video { grid-area: video; margin: 0; align-self: start; }
.kinship-home__video video { width: 100%; display: block; aspect-ratio: 9 / 16; border-radius: var(--radius-md); background: #000; }
.kinship-home__video figcaption { margin-top: .5rem; font-size: .75rem; line-height: 1.4; color: var(--color-text-secondary); }
.kinship-home__intro { grid-area: intro; }
.kinship-home__intro h2 { font-size: clamp(1.6rem, 3vw, 2.25rem); margin: .25rem 0 .65rem; }
.kinship-home__intro p:not(.label) { font-size: 1rem; line-height: 1.5; margin-top: .4rem; }
.kinship-home__deadline { color: var(--color-accent); font-weight: 700; }
.kinship-home__details { grid-area: details; font-size: .9rem; line-height: 1.5; color: var(--color-text-secondary); max-width: 70ch; }
.kinship-home__actions { grid-area: actions; display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1.25rem; }
.kinship-home__more { font-size: .9rem; font-weight: 600; }
.kinship-home [hidden] { display: none !important; }
@media (max-width: 640px) {
 .kinship-home { padding: 1.25rem 0; }
 .kinship-home__card { grid-template-columns: 100px minmax(0, 1fr); grid-template-areas: "video intro" "details details" "actions actions"; padding: 1rem; gap: 1rem; }
 .kinship-home__intro h2 { font-size: 1.55rem; }
 .kinship-home__intro .label { font-size: .65rem; }
 .kinship-home__intro p:not(.label) { font-size: .9rem; }
 .kinship-home__actions .btn { width: 100%; justify-content: center; }
}