/* ===== Policies — uses global tokens from :root ===== */

.policies {
    margin-block: var(--space-32);
    padding: var(--space-32) 0;
}

.policies .section-title {
    font-size: var(--fs-24);
    margin: 0 0 var(--space-32);
    color: var(--ink);
}

/* 3-column grid */
.policies .grid {
    display: grid;
    gap: var(--space-18);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 980px) {
    .policies .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .policies .grid { grid-template-columns: 1fr; }
}

/* Reset .card inside policies — icon+text layout only */
.policies .card {
    all: unset;
    display: flex;
    gap: var(--space-16);
    align-items: flex-start;
}

.policies .card:hover {
    transform: none;
    box-shadow: none;
}

/* Icon */
.policy-icon { flex-shrink: 0; }

.policy-icon .icon {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-8);
    background-color: var(--bg);
    border: 1px solid var(--ring);
    display: flex;
}

.policy-icon .icon svg {
    width: 36px;
    height: 36px;
    margin: auto;
}

/* Text */
.policies .policy-details h3 {
    margin: 0 0 var(--space-12);
    font-size: var(--fs-18);
    font-weight: var(--weight-semibold);
    color: var(--ink);
}

.policies .policy-details ul strong {
    font-weight: var(--weight-regular);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.policies .policy-details ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.policies .policy-details li {
    font-size: var(--fs-14);
    line-height: var(--lh-normal);
    color: var(--ink);
}


@media (max-width: 768px) {
    .policies { padding: var(--space-32) 0; }

    .policies .card {
        align-items: flex-start;
        gap: var(--space-12);
    }

    .policy-icon .icon { width: 48px; height: 48px; }

    .policies .policy-details h3 { margin-bottom: var(--space-8); }

    .policies .policy-details li { max-width: none; }
}
