/* English homepage; only its private-preview label is outside main. */
.ap-build-label { font-size: .8125rem; padding-block: 8px; color: var(--ap-muted); }
.ap-home .ap-toc { border: 1px solid var(--ap-line); border-radius: 12px; padding: 18px 24px; background: var(--ap-surface); }
.ap-home .ap-toc ol { display: flex; flex-wrap: wrap; gap: 4px 24px; margin-top: 4px; }
.ap-home .ap-toc a { padding-block: 7px; }
.ap-home .ap-section { padding-block: 56px; }
.ap-home .ap-hero__media { overflow: hidden; border-radius: 16px; }
.ap-home .ap-hero__media picture, .ap-home .ap-figure picture { display: block; }
.ap-home .ap-figure { max-width: 960px; margin-inline: auto; width: 100%; }
.ap-home .ap-figure img { width: 100%; }
.ap-home-tasks { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; padding: 0; margin: 0; gap: 12px; }
.ap-home-tasks a { display: flex; gap: 12px; align-items: center; padding: 20px; height: 100%; min-height: 76px; background: var(--ap-surface); border: 1px solid var(--ap-line); border-radius: 12px; text-decoration: none; font-weight: 700; }
.ap-home-tasks a:hover { background: var(--ap-mint); border-color: var(--ap-link); }
.ap-home-tasks span { color: var(--ap-muted); font-weight: 400; font-size: .8125rem; }
.ap-home-tasks b { margin-left: auto; }
.ap-home-overview { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); gap: 36px; align-items: start; }
.ap-home-overview > * { min-width: 0; }
.ap-home-steps { max-width: 82ch; }
.ap-home-steps h3 { margin-bottom: 10px; }
.ap-home .ap-table-help { display: none; }
.ap-home .ap-table-region { outline-offset: 4px; }
.ap-home .ap-table { table-layout: fixed; }
.ap-home .ap-table th:first-child { width: 18%; }
.ap-home .ap-table th:last-child { width: 22%; }
@media (max-width: 980px) {
 .ap-home-tasks { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .ap-home-overview { grid-template-columns: 1fr; gap: 24px; }
 .ap-home .ap-grid:not(.ap-grid--two) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
 .ap-home .ap-section { padding-block: 36px; }
 .ap-home-tasks, .ap-home .ap-grid:not(.ap-grid--two) { grid-template-columns: 1fr; }
 .ap-home .ap-toc { padding: 16px 20px; }
 .ap-home .ap-toc ol { display: grid; gap: 0; }
 .ap-home .ap-table { table-layout: auto; min-width: 570px; }
 .ap-home .ap-table-help { display: block; }
 .ap-home .ap-figure { padding: 12px; }
}