/* Alpine pass page: "Kurz gesagt" + the facts grid + the month strip (PASS-DESIGN.md 4.2). */

.pp-top__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
.pp-answer { margin: 0 0 18px; font-size: 17px; line-height: 1.7; color: rgba(17, 18, 20, .8); }
.pp-checked { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.6; color: var(--ap-muted); }
.pp-checked a { color: var(--ap-ink); text-decoration: underline; text-decoration-color: var(--ap-or); text-underline-offset: 3px; }

.pp-facts {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0;
    background: #fff; border: 1px solid var(--ap-line); border-radius: 6px; overflow: hidden;
}
/* Hairlines from the gaps: every cell paints its own right and bottom line, the frame hides the outer ones. */
.pp-f { margin: 0 -1px -1px 0; padding: 14px 16px; border-right: 1px solid var(--ap-line); border-bottom: 1px solid var(--ap-line); min-width: 0; }
.pp-facts--odd .pp-f:last-child { grid-column: 1 / -1; }
.pp-f dt { font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ap-muted); }
.pp-f dd { margin: 6px 0 0; font-size: 17px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.pp-strip { margin-top: 16px; }
.pp-strip .ap-strip__c { height: 28px; font-size: 11px; }
.pp-legend { margin-top: 10px; }

@media (min-width: 600px) {
    .pp-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pp-facts--odd .pp-f:last-child { grid-column: auto; }
    .pp-f dd { font-size: 19px; }
}

@media (min-width: 900px) {
    .pp-top__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 48px; align-items: start; }
    .pp-answer { font-size: 19px; }
}