/* Strony /alternatywa/* - oparte na komponentach landing.css/seo-page.css/legal.css, minimalne dodatki wlasne */

.aw-alt-category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.aw-alt-category-grid .aw-legal-card-body { padding: 24px; }
.aw-alt-category-grid .aw-eyebrow { margin-bottom: 14px; }
.aw-alt-category-grid .aw-legal-list { margin-left: 0; margin-top: 0; }

.aw-alt-fit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.aw-alt-fit-item { display: flex; align-items: flex-start; gap: 14px; padding: 20px; border: 1px solid var(--aw-border); border-radius: 14px; background: white; }
.aw-alt-fit-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; background: rgba(var(--aw-accent-rgb),.1); color: var(--aw-accent); }
.aw-alt-fit-icon svg { width: 17px; height: 17px; }
.aw-alt-fit-item p { font-size: 14px; line-height: 1.6; color: var(--aw-ink); }

.aw-alt-quote { margin-top: 24px; font-size: 13px; font-style: italic; color: var(--aw-muted); }

.aw-alt-category-grid-4 { grid-template-columns: repeat(4, 1fr); }

.aw-alt-criteria { border: 1px solid var(--aw-border); border-radius: 18px; background: white; overflow: hidden; }
.aw-alt-criteria-item { display: flex; align-items: flex-start; gap: 14px; padding: 18px 24px; }
.aw-alt-criteria-item + .aw-alt-criteria-item { border-top: 1px solid var(--aw-border); }
.aw-alt-criteria-check { display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; width: 24px; height: 24px; border-radius: 999px; background: rgba(var(--aw-accent-rgb),.12); color: var(--aw-accent); }
.aw-alt-criteria-check svg { width: 13px; height: 13px; }
.aw-alt-criteria-item h3 { font-size: 14px; font-weight: 700; color: var(--aw-ink); }
.aw-alt-criteria-item p { margin-top: 3px; font-size: 12px; line-height: 1.5; color: var(--aw-muted); }

.aw-alt-related-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.aw-alt-related-link { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid var(--aw-border); background: var(--aw-soft); font-size: 13px; font-weight: 650; color: var(--aw-ink); transition: border-color 150ms ease, color 150ms ease; }
.aw-alt-related-link:hover { border-color: var(--aw-accent); color: var(--aw-accent); }
.aw-alt-related-link svg { width: 14px; height: 14px; color: var(--aw-muted); }

.aw-alt-map-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.aw-alt-map-card { padding: 16px; border: 1px solid var(--aw-border); border-radius: 14px; background: white; }
.aw-alt-map-icon { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(var(--aw-accent-rgb),.1); color: var(--aw-accent); margin-bottom: 10px; }
.aw-alt-map-icon svg { width: 16px; height: 16px; }
.aw-alt-map-from { font-family: ui-monospace, monospace; font-size: 10px; line-height: 1.4; color: var(--aw-muted); }
.aw-alt-map-arrow { width: 12px; height: 12px; margin-block: 6px; color: var(--aw-accent); }
.aw-alt-map-to { font-size: 13px; font-weight: 700; color: var(--aw-ink); }

@media (max-width: 1150px) {
    .aw-alt-map-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
    .aw-alt-map-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aw-alt-map-card { min-width: 0; overflow-wrap: anywhere; }
}

.aw-alt-timeline-card { border: 1px solid var(--aw-border); border-radius: 18px; background: white; padding: 28px; box-shadow: 0 20px 48px -28px rgba(15,23,42,.18); }
.aw-alt-timeline { position: relative; display: flex; flex-direction: column; gap: 18px; }
.aw-alt-timeline::before { content: ''; position: absolute; left: 17px; top: 6px; bottom: 6px; width: 2px; background: linear-gradient(to bottom, rgba(var(--aw-accent-rgb),.5), rgba(var(--aw-accent-rgb),.1)); }
.aw-alt-timeline-item { position: relative; display: flex; align-items: flex-start; gap: 14px; }
.aw-alt-timeline-icon { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: 999px; background: var(--aw-soft); border: 1px solid var(--aw-border); color: var(--aw-accent); }
.aw-alt-timeline-icon svg { width: 15px; height: 15px; }
.aw-alt-timeline-meta { display: flex; flex-wrap: wrap; gap: 8px; font-family: ui-monospace, monospace; font-size: 11px; color: var(--aw-muted); }
.aw-alt-timeline-title { margin-top: 3px; font-size: 13px; font-weight: 650; color: var(--aw-ink); }
.aw-alt-timeline-sub { margin-top: 2px; font-size: 12px; color: var(--aw-muted); }

@media (max-width: 900px) {
    .aw-alt-timeline-card { padding: 20px; }
}

@media (max-width: 1150px) {
    .aw-alt-category-grid { grid-template-columns: 1fr 1fr; }
    .aw-alt-category-grid-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .aw-alt-category-grid { grid-template-columns: 1fr; }
    .aw-alt-category-grid-4 { grid-template-columns: 1fr; }
    .aw-alt-fit-grid { grid-template-columns: 1fr; }
}