/* Small single-column pages the Applicare apps link to:
   delete-account.html, app.html, tech-app-changelog.html, ess-app-changelog.html.
   Same shape as 404.html. No sticky booking bar on these pages. */
body { padding-bottom: 0; }

.ap {
    max-width: 640px;
    margin: 0 auto;
    padding: var(--space-8) var(--space-5) var(--space-12);
    color: var(--text-primary);
}
.ap h1 { font-size: var(--text-3xl); font-weight: 800; line-height: 1.2; margin: 0 0 var(--space-3); }
.ap h2 { font-size: var(--text-xl); font-weight: 700; line-height: 1.3; margin: var(--space-10) 0 var(--space-3); scroll-margin-top: var(--space-4); }
.ap h3 { font-size: var(--text-md); font-weight: 700; margin: var(--space-6) 0 var(--space-2); }
.ap p, .ap li { font-size: var(--text-base); line-height: 1.6; color: var(--text-secondary); }
.ap p { margin: 0 0 var(--space-4); }
.ap strong { color: var(--text-primary); }
.ap-lead { font-size: var(--text-md); margin-bottom: var(--space-5); }

.ap a:not(.btn) { color: var(--brand-dark); font-weight: 600; }
.ap a:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

/* Row list: "which one are you" jump links and "most people look for" links. */
.ap-rows { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--border); }
.ap-rows a {
    display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
    min-height: 52px; padding: var(--space-2) 0;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary); font-weight: 600; text-decoration: none;
}
.ap .ap-rows a { color: var(--text-primary); }
.ap-rows a::after { content: "\203A"; color: var(--brand); font-size: var(--text-xl); flex: none; }
.ap-rows small { display: block; font-weight: 400; font-size: var(--text-sm); color: var(--text-secondary); }
@media (hover: hover) and (pointer: fine) { .ap .ap-rows a:hover { color: var(--brand-dark); } }

.ap-steps { margin: 0 0 var(--space-4); padding-left: var(--space-6); list-style: decimal; }
.ap-steps li::marker { color: var(--text-primary); font-weight: 700; }
.ap-steps li { margin-bottom: var(--space-2); }
.ap-list { margin: 0 0 var(--space-4); padding-left: var(--space-6); list-style: disc; }
.ap-list li { margin-bottom: var(--space-2); }

.ap-actions { display: grid; gap: var(--space-3); margin: var(--space-4) 0; }
.ap-actions .btn { width: 100%; min-height: 48px; }

.ap-note {
    margin: var(--space-4) 0;
    padding: var(--space-4);
    border-radius: var(--radius-md);
    background: var(--surface-warm);
    border: 1px solid var(--border);
}
.ap-note p:last-child { margin-bottom: 0; }

.ap-divider { border: 0; border-top: 1px solid var(--border); margin: var(--space-10) 0 0; }

@media (min-width: 560px) {
    .ap { padding-top: var(--space-16); }
    .ap-actions { grid-template-columns: 1fr 1fr; }
    .ap-actions .btn:only-child { grid-column: 1 / -1; }
}