/* R5 preview, 25 Oct 2026. Native source pixels and retained AOI geometry. */
html body[data-site-polish] #main .cri-intro-v5 { padding: 56px 0 44px; }
html body[data-site-polish] #main .cri-intro-copy > .eyebrow { margin-bottom: 25px; }
html body[data-site-polish] #main .cri-intro-copy > .lead { margin-top: 29px; line-height: 1.7; }
html body[data-site-polish] #main .cri-intro-copy .actions { margin-top: 32px; row-gap: 16px; }
.cri-aoi-place { min-height: 0; }
.cri-aoi-scene { position: relative; isolation: isolate; overflow: hidden; width: 100%; aspect-ratio: 4 / 3; border-radius: 16px; background: #d4d8cc; }
.cri-aoi-detail { display: block; width: 100%; height: 100%; }
.cri-aoi-outline-halo, .cri-aoi-outline { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.cri-aoi-outline-halo { stroke: #fff; stroke-width: 4.5; opacity: .9; }
.cri-aoi-outline { stroke: #d01899; stroke-width: 2.5; }
.cri-aoi-badge { position: absolute; top: 16px; left: 16px; display: flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid #fff9; border-radius: 5px; background: #fffef4f5; color: #263e43; font-size: 12px; line-height: 1.4; font-weight: 700; box-shadow: 0 2px 8px #152d3214; }
.cri-aoi-badge i { width: 17px; height: 3px; background: #d01899; }
.cri-aoi-overview { position: absolute; right: 14px; bottom: 14px; width: 145px; padding: 5px; background: #fafcf8; border: 1px solid #fff; border-radius: 9px; box-shadow: 0 4px 20px #0d293e40; }
.cri-overview-label { display: block; padding: 3px 5px 6px; font-size: 12px; line-height: 1.35; font-weight: 700; color: #284b4e; }
.cri-aoi-overview > svg { display: block; width: 100%; height: auto; border-radius: 4px; }
.cri-aoi-overview .cri-aoi-outline-halo { stroke-width: 3; }
.cri-aoi-overview .cri-aoi-outline { stroke-width: 1.5; }
.cri-crop-halo, .cri-crop-mark { fill: none; vector-effect: non-scaling-stroke; }
.cri-crop-halo { stroke: #163a44; stroke-width: 3; }
.cri-crop-mark { stroke: #fff; stroke-width: 1.5; stroke-dasharray: 4 3; }
.cri-crop-label { display: flex; align-items: center; gap: 5px; padding: 6px 2px 1px; font-size: 12px; line-height: 1.25; color: #3a5558; }
.cri-crop-label i { display: inline-block; flex-shrink: 0; width: 12px; height: 9px; border: 1px dashed #526b6b; }
.cri-aoi-place figcaption { padding-top: 15px; }
.cri-review-band { margin-top: 38px; }

/* Four quiet, full-row navigation targets; unchanged destinations. */
html body[data-site-polish] #main .cri-trust-links h2 { margin-top: 0; margin-bottom: 22px; }
html body[data-site-polish] #main .cri-trust-links .cri-explore-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
html body[data-site-polish] #main .cri-trust-links .cri-explore-list li { margin: 0; padding: 0; min-width: 0; }
html body[data-site-polish] #main .cri-trust-links .cri-explore-link { display: grid; grid-template-columns: 40px minmax(0,1fr) 18px; align-items: center; gap: 13px; min-height: 92px; padding: 15px 14px; color: #214d53; background: #f5f8f5; border: 1px solid #dce6df; border-radius: 9px; text-decoration: none; transition: background-color .15s, border-color .15s; }
.cri-explore-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; color: #2d7471; background: #e7f0e9; }
.cri-explore-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.cri-explore-copy { display: block; min-width: 0; }
.cri-explore-copy strong { display: block; font-size: 16px; line-height: 1.4; font-weight: 700; }
.cri-explore-copy > span { display: block; margin-top: 4px; color: #526b6d; font-size: 13px; line-height: 1.5; }
.cri-explore-arrow { width: 18px; height: 18px; fill: none; stroke: #3b7774; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
html body[data-site-polish] #main .cri-trust-links .cri-explore-link:hover { background: #eaf3ec; border-color: #8fbbb0; }
html body[data-site-polish] #main .cri-trust-links .cri-explore-link:hover strong { text-decoration: underline; text-underline-offset: 4px; }
html body[data-site-polish] #main .cri-trust-links .cri-explore-link:focus-visible { outline: 3px solid #217d82; outline-offset: 3px; }
@media (max-width:1050px) {
 .cri-aoi-overview { width: 124px; right: 11px; bottom: 11px; }
 .cri-support-grid { gap: 36px; }
 .cri-trust-links { padding-left: 24px; }
 html body[data-site-polish] #main .cri-trust-links .cri-explore-link { grid-template-columns: 34px minmax(0,1fr) 16px; gap: 10px; padding: 13px 12px; }
 .cri-explore-icon { width: 34px; height: 34px; }
}
@media (max-width:800px) {
 html body[data-site-polish] #main .cri-intro-v5 { padding: 40px 0 34px; }
 .cri-intro-grid { gap: 32px; }
 .cri-aoi-scene { max-height: 520px; aspect-ratio: 4 / 3; }
 .cri-aoi-overview { width: 145px; }
}
@media (max-width:700px) {
 .cri-trust-links { padding-left: 0; }
 html body[data-site-polish] #main .cri-trust-links h2 { margin-top: 2px; margin-bottom: 20px; }
}
@media (max-width:540px) {
 html body[data-site-polish] #main .cri-intro-v5 { padding: 34px 0; }
 html body[data-site-polish] #main .cri-intro-copy > .eyebrow { margin-bottom: 22px; }
 html body[data-site-polish] #main .cri-intro-copy > .lead { margin-top: 23px; }
 html body[data-site-polish] #main .cri-intro-copy .actions { margin-top: 26px; }
 .cri-aoi-badge { top: 10px; left: 10px; padding: 6px 8px; }
 .cri-aoi-overview { right: 9px; bottom: 9px; width: 105px; padding: 4px; }
 .cri-overview-label { padding: 3px 3px 5px; }
 .cri-crop-label { display: none; }
 .cri-review-band { margin-top: 30px; }
}
@media (prefers-reduced-motion:reduce) { .cri-explore-link { transition: none !important; } }