/* =====================================================================
   RealtyListingCo — wide guide layout (universal)
   Load on every guide page, AFTER /universal-guide.css:
   <link rel="stylesheet" href="/assets/css/rlc-guide-wide.css?v=1">
   Applies to every guide page that uses the .rr template.
   ===================================================================== */

/* 1. Wider sheet + two-column body (contents rail | text). The empty
      190px right rail is removed; text runs to the right edge. */
@media (min-width:1181px){
  .rr .sheet{max-width:min(1320px,calc(100vw - 48px))}
  .rr .body{grid-template-columns:230px minmax(0,1fr);gap:56px;padding:56px 64px 0}
  .rr .text{grid-column:2;max-width:none}
  /* margin notes, where a guide has them, float inside the wide column */
  .rr .sidenote{position:static;float:right;width:250px;margin:6px 0 16px 32px;left:auto;top:auto}
  .rr .chap::after{content:"";display:table;clear:both}
  /* running header and lower sections line up with the wider sheet */
  .rr .running{padding-left:64px;padding-right:64px}
  .rr .lower{padding-left:64px;padding-right:64px}
  .rr .lower > section,.rr .lower > .footnote{max-width:none}
}

/* 2. Larger screens: a touch more room, slightly larger reading size so
      the longer line stays comfortable. */
@media (min-width:1500px){
  .rr .sheet{max-width:min(1440px,calc(100vw - 64px))}
  .rr .body{grid-template-columns:250px minmax(0,1fr);gap:64px;padding:60px 72px 0}
  .rr .chap p,.rr .text > p{font-size:21px;line-height:1.68}
  .rr .running,.rr .lower{padding-left:72px;padding-right:72px}
}

/* 3. Cards, tables and panels inside a guide: never justify or hyphenate
      (styles.css justifies every <p>, which leaves gaps in narrow boxes). */
.rr .rlca p,.rr .rlca li,.rr .rlca td,
.rr .next p,.rr .shelf p,.rr .prod p,.rr .callouts p,.rr .companion p,
.rr .toolband p,.rr .sharebox p,.rr .gethelp p,.rr .example p{
  text-align:left;-webkit-hyphens:manual;hyphens:manual
}

/* 4. Module fixes: the guide's own .pill style overrides the ladder badge. */
.rr .rlca.lad .pill{display:inline-block;padding:3px 10px;border:0;border-radius:99px;gap:0;
  font:700 14px/1.3 "Source Sans 3",Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;
  background:#E8B860;color:#0B2545}
.rr .rlca.lad .c .ft span{white-space:nowrap}
.rr .rlca.lad .c .ft a{text-wrap:balance}
.rr .rlca.lad > .fine{margin-top:14px}
/* rating and other site blocks wrapped in .wrap: use the full text width */
.rr .text .wrap{width:100%;max-width:none}

/* =====================================================================
   RealtyListingCo — stronger link hover (site-wide)
   (Included in rlc-guide-wide.css. Add the same <link> to any other page for the same hover.)
   Replaces the faint rust hover with a
   clear red + underline on light backgrounds, gold on dark panels, and
   leaves buttons alone.
   ===================================================================== */
:root{--rlc-hover:#C8102E;--rlc-hover-dark:#F4C46B}

/* text links on light backgrounds: red + underline */
body a[href]:not(.button):not(.btn):not(.b):not(.cta):not([class*="button"]):not(.fs-life-grid > a):not(.fs-filters > a):is(:hover,:focus-visible){
  color:var(--rlc-hover)!important;
  text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--rlc-hover)
}

/* card-style links: red text, red edge, no underline across the whole card */
:is(.rr .next a,.rr .prod a,.rr .shelf a,.rlhm .sc,.rlhm .pc,.rlhm .hero-card a,.rlhm .tg a,.rlhm .col a,.rlhm .au,.rlcf-doors a):not(#rlc-x):is(:hover,:focus-visible){
  text-decoration:none!important;border-color:var(--rlc-hover)!important
}
:is(.rr .next a,.rr .prod a,.rr .shelf a,.rlhm .sc,.rlhm .pc,.rlhm .hero-card a,.rlhm .tg a):not(#rlc-x):is(:hover,:focus-visible) :is(h2,h3,h4,span,b,strong){
  color:var(--rlc-hover)!important
}

/* links on dark navy panels: gold, so they stay readable */
:is(.rlcf,.rlc-global-footer,.sf-footer,.rr .rr-guide-hero,.rr .dl,.rlca.spr,.rlca.qb .hd,.rlca.prog,.rlhm .hero,.rlhm .idx,.rlhm .pf,.rlhm .au,.res) a[href]:not(.button):not(.btn):not(.b):not(.cta):not(#rlc-x):is(:hover,:focus-visible),
:is(.rlcf,.rlc-global-footer,.sf-footer,.rr .rr-guide-hero,.rr .dl,.rlca.spr,.rlca.qb .hd,.rlca.prog,.rlhm .hero,.rlhm .idx,.rlhm .pf,.rlhm .au,.res) a[href]:not(.button):not(.btn):not(.b):not(.cta):not(#rlc-x):is(:hover,:focus-visible) :is(h2,h3,h4,span,b,strong){
  color:var(--rlc-hover-dark)!important;text-decoration-color:var(--rlc-hover-dark)
}

/* 5. Styles the guide template writes inline. The site's security policy blocks
      inline style="" attributes (console: "Refused to apply inline style"), so
      these never applied. Same look, now from this stylesheet. */
.rr .crumbs [aria-current="page"]{margin:0;color:var(--ink)}
.rr .appendix > p.muted{font-size:20px}
.rr .pager a + a{text-align:right}

/* RealtyListingCo readability pass v1 */