/* Keep the listing filters/cards prominent; supporting area information follows the results. */
.irox-area-intro { margin:0 0 22px; max-width:850px; }
.irox-area-intro p,.irox-area-guide p { color:#4f5a60; line-height:1.75; }
.irox-area-count { font-size:14px; margin:10px 0 0; }
.irox-area-intro a,.irox-area-guide a,.irox-area-navigation a { color:#17616b; text-decoration:underline; text-underline-offset:3px; }
.irox-area-guide { clear:both; padding:30px; margin:35px 0 20px; border:1px solid #e6e1d8; border-radius:10px; background:#faf9f5; }
.irox-area-guide h2 { font-size:clamp(22px,3vw,29px); line-height:1.3; margin:0 0 18px; }
.irox-area-guide p { max-width:850px; margin:0 0 16px; }
.irox-area-reading { margin:24px 0; }
.irox-area-reading h3 { font-size:20px; line-height:1.4; margin:0 0 12px; }
.irox-area-reading ul { margin:0; padding-left:20px; }
.irox-area-reading li { padding:4px 0; line-height:1.6; }
.irox-area-reading a { display:inline-block; padding:3px 0; }
.irox-area-navigation { margin:24px 0; padding:20px; border:1px solid #dce6e4; border-radius:10px; background:#fff; }
.irox-area-navigation p { color:#27333c; font-size:16px; font-weight:600; margin:0 0 12px; }
.irox-area-navigation ul { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
.irox-area-navigation li { margin:0; padding:0; }
.irox-area-navigation a { display:inline-flex; align-items:center; min-height:44px; padding:8px 14px; border:1px solid #cddbd8; border-radius:6px; font-size:14px; }
.irox-area-navigation a:hover { background:#f0f5f3; }
:is(.irox-area-intro,.irox-area-guide,.irox-area-navigation) a:focus-visible { outline:3px solid #80530d; outline-offset:3px; }
#irox-area-guide,#listing_ajax_container { scroll-margin-top:110px; }
@media(max-width:767px) {
 .irox-area-intro { margin-bottom:16px; }
 .irox-area-guide { padding:20px; margin-top:25px; }
 .irox-area-navigation { padding:16px; }
 .irox-area-navigation ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .irox-area-navigation a { width:100%; height:100%; }
}