/* Editorial revision: the layout follows the visitor's task. */
.ap-hero-wrap { padding-bottom: 24px; }
.ap-contents { margin: 4px 0 24px; border-block: 1px solid var(--ap-line); background: transparent; }
.ap-contents > summary { padding: 14px 4px; cursor: pointer; font-weight: 700; }
.ap-contents .ap-toc { border: 0; border-radius: 0; padding: 0 20px 18px; background: transparent; }
.ap-contents ol { columns: 2; margin: 0; padding-left: 22px; }
.ap-contents li { break-inside: avoid; padding: 5px 12px 5px 0; }
.ap-contents a { display: inline-block; padding-block: 4px; }
#page-body > .ap-section { padding-block: 38px; }
#page-body > .ap-section > h2 { max-width: 30ch; }
.ap-facts-strip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 24px 0; border-block: 1px solid var(--ap-line); }
.ap-facts-strip > div { padding: 20px; }
.ap-facts-strip > div + div { border-left: 1px solid var(--ap-line); }
.ap-facts-strip dt { color: var(--ap-muted); font-size: .875rem; }
.ap-facts-strip dd { margin: 6px 0 0; font-size: 1.15rem; font-weight: 700; }
.ap-topic-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 40px; }
.ap-topic-list article { padding: 0 0 24px; border-bottom: 1px solid var(--ap-line); }
.ap-topic-list h3 { margin-bottom: 12px; }
.ap-topic-list p { max-width: 58ch; }
.ap-direct-answer { max-width: 76ch; font-size: 1.125rem; line-height: 1.7; }
.ap-direct-answer + * { margin-top: 24px; }
.ap-route-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.ap-route { padding: 24px; border: 1px solid var(--ap-control); border-top: 5px solid var(--ap-link); background: var(--ap-surface); border-radius: 8px; }
.ap-route > * + * { margin-top: 16px; }
.ap-route ol { padding-left: 22px; }
.ap-route li + li { margin-top: 10px; }
.ap-route .ap-btn { width: 100%; }
.ap-route-label { font-size: .8125rem; color: var(--ap-muted); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.ap-layout-hub .ap-hero { grid-template-columns: 1.35fr 1fr; }
.ap-layout-hub .ap-hero h1 { font-size: clamp(2rem,3.8vw,3.5rem); }
.ap-layout-hub .ap-home-tasks { grid-template-columns: repeat(3,minmax(0,1fr)); }
.ap-layout-hub .ap-home-tasks a { padding: 15px; min-height: 64px; }
.ap-layout-hub .ap-home-overview { display: block; }
.ap-layout-hub #page-body > .ap-section:first-child { padding-top: 16px; }
.ap-layout-download .ap-hero, .ap-layout-account .ap-hero, .ap-layout-payments .ap-hero, .ap-layout-guide .ap-hero { background: var(--ap-surface); color: var(--ap-ink); border-bottom: 3px solid var(--ap-link); border-radius: 0; padding: 24px 0; grid-template-columns: minmax(0,1fr) 240px; }
:is(.ap-layout-download,.ap-layout-account,.ap-layout-payments,.ap-layout-guide) .ap-hero :is(.ap-hero__eyebrow,.ap-hero__intro) { color: var(--ap-muted); }
:is(.ap-layout-download,.ap-layout-account,.ap-layout-payments,.ap-layout-guide) .ap-hero .ap-btn--secondary { color: var(--ap-ink); border-color: var(--ap-control); background: white; }
:is(.ap-layout-download,.ap-layout-account,.ap-layout-payments,.ap-layout-guide) .ap-hero :focus-visible { outline-color: var(--ap-focus); }
.ap-layout-payments .ap-hero__media { max-width: 210px; justify-self: end; }
.ap-layout-account .ap-grid .ap-card, .ap-layout-guide .ap-grid .ap-card { background: transparent; border: 0; border-left: 3px solid var(--ap-line); border-radius: 0; padding: 8px 22px; }
.ap-layout-country .ap-hero { border-radius: 0 32px 0 32px; }
.ap-layout-country .ap-hero__media { max-width: 250px; justify-self: center; }
.ap-layout-offer .ap-hero { background: #183e31; border-top: 6px solid var(--ap-yellow); border-radius: 12px; }
.ap-layout-reviews .ap-hero { background: var(--ap-mint); color: var(--ap-ink); padding-block: 30px; grid-template-columns: minmax(0,1fr) 190px; }
.ap-layout-reviews .ap-hero :is(.ap-hero__intro,.ap-hero__eyebrow) { color: var(--ap-muted); }
.ap-layout-reviews .ap-hero .ap-btn--secondary { color: var(--ap-ink); border-color: var(--ap-control); background: white; }
.ap-layout-reviews .ap-hero :focus-visible { outline-color: var(--ap-focus); }
.ap-layout-reviews .ap-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ap-layout-reviews .ap-card { border-radius: 0; border-width: 0 0 1px; border-color: var(--ap-control); padding: 24px 0; background: transparent; }
.ap-layout-reviews .ap-card .ap-meta { font-size: .875rem; }
.ap-layout-document, .ap-layout-support, .ap-layout-error { --ap-width: 1000px; }
:is(.ap-layout-document,.ap-layout-support,.ap-layout-error) .ap-hero { grid-template-columns: minmax(0,1fr) 110px; background: transparent; border-bottom: 1px solid var(--ap-control); border-radius: 0; padding: 24px 0; gap: 24px; }
:is(.ap-layout-document,.ap-layout-support,.ap-layout-error) .ap-hero :is(.ap-hero__intro,.ap-hero__eyebrow) { color: var(--ap-muted); }
:is(.ap-layout-document,.ap-layout-support,.ap-layout-error) .ap-hero { color: var(--ap-ink); }
:is(.ap-layout-document,.ap-layout-support,.ap-layout-error) .ap-hero .ap-btn--secondary { color: var(--ap-ink); background: white; border-color: var(--ap-control); }
:is(.ap-layout-document,.ap-layout-support,.ap-layout-error) .ap-hero :focus-visible { outline-color: var(--ap-focus); }
.ap-layout-document #page-body { max-width: 80ch; margin-inline: auto; }
.ap-layout-document #page-body > .ap-section { padding-block: 28px; }
.ap-layout-document .ap-grid { display: block; }
.ap-layout-document .ap-card { display: block; border: 0; background: transparent; padding: 12px 0; }
.ap-layout-document .ap-card > * + * { margin-top: 10px; }
.ap-layout-document .ap-note { padding: 16px 20px; }
.ap-layout-document .ap-steps { padding-left: 1.6em; }
.ap-layout-document h2 { font-size: 1.7rem; }
.ap-layout-support .ap-hero__actions { gap: 8px; }
.ap-read-more { margin-top: 16px; border-top: 1px solid var(--ap-line); padding-top: 12px; }
.ap-read-more > summary { cursor: pointer; font-weight: 700; }
.ap-read-more > div { padding-top: 16px; }
@media(max-width:740px) {
 .ap-contents ol { columns: 1; }
 .ap-facts-strip, .ap-topic-list, .ap-route-list, .ap-layout-hub .ap-home-tasks, .ap-layout-reviews .ap-grid { grid-template-columns: 1fr; }
 .ap-facts-strip > div { padding: 14px 8px; }
 .ap-facts-strip > div + div { border-left: 0; border-top: 1px solid var(--ap-line); }
 .ap-layout-hub .ap-hero { grid-template-columns: 1fr; }
 :is(.ap-layout-download,.ap-layout-account,.ap-layout-payments,.ap-layout-guide,.ap-layout-reviews) .ap-hero { grid-template-columns: minmax(0,1fr) 100px; gap: 16px; }
 :is(.ap-layout-download,.ap-layout-account,.ap-layout-payments,.ap-layout-guide,.ap-layout-reviews) .ap-hero > .ap-stack { grid-column: 1 / -1; }
 :is(.ap-layout-download,.ap-layout-account,.ap-layout-payments,.ap-layout-guide,.ap-layout-reviews) .ap-hero__media { grid-column: 2; max-width: 100px; justify-self: end; }
 :is(.ap-layout-document,.ap-layout-support,.ap-layout-error) .ap-hero { grid-template-columns: minmax(0,1fr); }
 :is(.ap-layout-document,.ap-layout-support,.ap-layout-error) .ap-hero__media { max-width: 90px; justify-self: start; }
 #page-body > .ap-section { padding-block: 28px; }
 .ap-route { padding: 20px; }
 .ap-layout-reviews .ap-hero { padding: 24px 20px; }
}
@media print { .ap-contents { display:none; } }
/* Keep practical guides compact enough to reveal their first answer quickly. */
:is(.ap-layout-download,.ap-layout-account,.ap-layout-payments,.ap-layout-guide,.ap-layout-support,.ap-layout-document,.ap-layout-reviews) .ap-hero h1 { font-size: clamp(1.9rem, 2.7vw, 2.85rem); max-width: 27ch; }
:is(.ap-layout-download,.ap-layout-account,.ap-layout-payments,.ap-layout-guide) .ap-hero { background: transparent; }
.ap-document-part > * + * { margin-top: 12px; }
.ap-document-part + .ap-document-part { margin-top: 24px; }
.ap-layout-reviews .ap-figure { max-width: 560px; }
