/* RIDENOTE PR block — one A8.net ad per page. Creatives are embedded unchanged. */
.pr-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head slot" "foot foot";gap:14px 24px;align-items:center;max-width:100%;margin:34px 0 0;padding:20px 22px 16px;background:#fff;border:1px solid #d3e8ef;border-radius:18px;color:#244f5d;box-sizing:border-box}
.pr-zone *{box-sizing:border-box}
.pr-head{grid-area:head;display:flex;align-items:flex-start;gap:12px;min-width:0}
.pr-badge{flex-shrink:0;display:inline-grid;place-items:center;min-width:34px;height:22px;padding:0 7px;margin-top:2px;border:1px solid #8fb9c7;border-radius:5px;color:#3f6d7c;font-size:11px;font-weight:900;letter-spacing:.08em;background:#f6fbfd}
.pr-head h2{margin:0!important;padding:0!important;border:0!important;font-size:16px!important;line-height:1.45!important;color:#1d4b5c;font-weight:850}
.pr-head p{margin:3px 0 0!important;font-size:11.5px!important;line-height:1.65!important;color:#5f7d87}
.pr-slot{grid-area:slot;display:flex;justify-content:center;align-items:center;min-width:0;max-width:100%}
.pr-zone--small .pr-slot{padding:8px;background:#f6fbfd;border:1px solid #e1eef3;border-radius:10px}
.pr-creative{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;text-align:center;line-height:0}
.pr-creative>a{display:inline-block;vertical-align:top;line-height:0}
.pr-creative>a img{vertical-align:top;max-width:none}
.pr-creative>img[width="1"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pr-foot{grid-area:foot;margin:0!important;padding-top:10px;border-top:1px dashed #cfe5ec;font-size:11px!important;line-height:1.6!important;color:#6c8891}
.pr-foot a{color:#4c7987;text-decoration:underline;text-underline-offset:2px}

/* article pages: sits at the end of the article */
.article .pr-zone{margin-top:36px}

/* calculator page */
.guided-finish-view .pr-zone{max-width:850px;margin-left:auto;margin-right:auto}
/* completion ad: only on the finish view */
body:not(.guided-finish-view) #affiliateAds{display:none}

/* step ads: one per step, shown with the active step only */
.pr-step{display:none;margin:6px 0 0}
.left-stack:has(#routeSection.guided-active)>[data-pr-step="0"],
.left-stack:has(#rideSection.guided-active)>[data-pr-step="1"],
.left-stack:has(#tollSection.guided-active)>[data-pr-step="2"],
.left-stack:has(#extraSection.guided-active)>[data-pr-step="3"]{display:grid}
@media(max-width:620px){
 .pr-zone{grid-template-columns:1fr;grid-template-areas:"head" "slot" "foot";padding:16px 14px 12px;gap:12px}
}
@media(max-width:700px){
 /* Finish view: first screen = memory card only; the ad starts below the fold. */
 body.guided-finish-view .main-grid #summarySection{display:flex!important;flex-direction:column;min-height:calc(100svh - 34px)!important}
 body.guided-finish-view .snapshot-card{margin:0 auto!important;flex-shrink:0}
 body.guided-finish-view .snapshot-actions{margin-top:auto!important;padding-top:12px;width:100%}
 .guided-finish-view #affiliateAds{max-width:430px;margin:46px auto 24px}
}
@media(max-width:340px){.pr-zone{padding-left:8px;padding-right:8px}}
@media print{.pr-zone{display:none!important}}