/* Short reading pages: /is-modphone-legit and /what-is-234-231-6622. */

.page-hero { padding: 64px 0 8px; }
.page-hero .display { font-size: clamp(36px, 4.6vw, 60px); max-width: 18ch; }
.page-hero .lede { margin-top: 18px; max-width: 62ch; }
.page-hero .row { margin-top: 26px; display: flex; gap: 10px; flex-wrap: wrap; }

.info-section { padding: 56px 0 0; }
.info-section h2 { font-family: var(--font-display); font-weight: 700; font-stretch: 106%; font-size: clamp(24px, 2.6vw, 32px); letter-spacing: -0.02em; line-height: 1.15; }
.info-section p, .info-section li { color: var(--ink-2); font-size: 17px; line-height: 1.7; max-width: 66ch; }
.info-section h2 + p, .info-section h2 + ul { margin-top: 12px; }
.info-section p + p, .info-section p + ul { margin-top: 12px; }
.info-section ul { padding-left: 22px; display: grid; gap: 10px; }
.info-section li { list-style: disc; }
.info-section li::marker { color: var(--accent); }
.info-section a, .page-hero .lede a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }

.faqs { margin-top: 16px; border-top: 1px solid var(--hair-2); }
.faq { border-bottom: 1px solid var(--hair-2); padding: 18px 0; }
.faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; font-weight: 600; font-size: 17px; color: var(--ink); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--accent); font-size: 22px; font-weight: 400; line-height: 1; flex-shrink: 0; }
.faq[open] summary::after { content: "\2212"; }
.faq p { margin-top: 10px; color: var(--ink-2); font-size: 16px; line-height: 1.65; max-width: 68ch; }
.faq a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }

.cta-section { padding: 80px 0 0; }
.cta-block { background: var(--accent); color: #fff; border-radius: var(--radius-lg); padding: 56px; }
.cta-block h2 { font-family: var(--font-display); font-weight: 700; font-stretch: 106%; font-size: clamp(28px, 3.3vw, 42px); letter-spacing: -0.022em; line-height: 1.1; color: #fff; max-width: 22ch; }
.cta-block p { color: rgba(255, 255, 255, 0.86); font-size: 17px; line-height: 1.6; margin-top: 12px; max-width: 54ch; }
.cta-block .row { margin-top: 26px; display: flex; gap: 10px; flex-wrap: wrap; }
.cta-block .btn-primary { background: #fff; color: var(--accent); box-shadow: none; }
.cta-block .btn-outline { background: transparent; border-color: rgba(255, 255, 255, 0.5); color: #fff; }
@media (max-width: 600px) { .cta-block { padding: 36px 24px; } }