/* Chapter welcome: the hero lockup and the "coaching program for WiscoREIA members" band (#chapters).
   Partner names are never uppercased: nothing here uses text-transform on text that holds them. */


/* The band. */
.chapters{background:#e8dfc9;border-top:1px solid rgba(11,30,60,.12);border-bottom:1px solid rgba(11,30,60,.12);scroll-margin-top:10px}
.chapters-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}
.chapters h2{margin:12px 0 22px;max-width:560px}
.chapters-copy>p{max-width:560px;font-size:17px;line-height:1.6;color:#2a3340;margin:0 0 16px}
.chapters-copy .chapters-note{padding:12px 16px;border-left:4px solid #e8743c;background:#fbf8f0;color:#11161f}
.partner-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:560px;margin:24px 0 26px}
.partner-card{display:flex;align-items:center;gap:12px;min-height:76px;box-sizing:border-box;padding:11px 14px;border:1px solid rgba(11,30,60,.35);border-radius:8px;background:#fbf8f0;color:#0e2a47;text-decoration:none;min-width:0}
.partner-card img{width:44px;height:44px;flex:none;object-fit:contain}
.partner-card .pc-text{min-width:0}
.partner-card .pc-name{display:block;font-weight:700;font-size:16px;line-height:1.3}
.partner-card .pc-sub{display:block;font-size:13px;line-height:1.35;color:#5b6676}
.partner-card .pc-go{display:block;margin-top:2px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.partner-card:hover{border-color:#0e2a47;background:#fff}
.chapters-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.chapters-actions .chapters-free{margin:0;font-size:14px;color:#2a3340}

/* Map: drafting-style frame with bold corner brackets, same language as the hero photo. */
.chapters-map{position:relative;margin:0;padding:18px 18px 14px;border:1px solid rgba(11,30,60,.35);background:#f4efe3}
.chapters-map:before,.chapters-map:after{content:'';position:absolute;width:38px;height:38px;pointer-events:none;color:#0e2a47;border-color:#0e2a47}
.chapters-map:before{top:-1px;left:-1px;border-top:3px solid;border-left:3px solid}
.chapters-map:after{bottom:-1px;right:-1px;border-bottom:3px solid;border-right:3px solid}
.chapters-map .wi-frame{overflow:hidden}
.chapters-map svg{display:block;width:100%;height:auto}
.chapters-map .wi-state{fill:#fbf8f0;stroke:#0e2a47;stroke-width:2.4;stroke-linejoin:round}
.chapters-map .wi-grid{stroke:rgba(14,42,71,.12);stroke-width:1}
.chapters-map .wi-dot{fill:#e8743c;stroke:#fff;stroke-width:2.5}
.chapters-map .wi-ring{fill:none;stroke:#e8743c;stroke-width:1.5;opacity:.55}
.chapters-map .wi-label{fill:#0e2a47;font:600 15px 'Segoe UI',Arial,sans-serif;paint-order:stroke;stroke:#f4efe3;stroke-width:4px;stroke-linejoin:round}
.chapters-map figcaption{margin-top:10px;font-size:13px;line-height:1.4;color:#5b6676}
/* Chapter buttons: each opens that chapter's details window (with JavaScript off, its wiscoreia.com page). */
.chapter-list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}
.chapter-chip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px;min-height:44px;box-sizing:border-box;padding:8px 12px;border:1px solid rgba(11,30,60,.4);border-radius:8px;background:#fbf8f0;color:#0e2a47;text-decoration:none;font-size:14px;line-height:1.25}
.chapter-chip b{font-weight:700;min-width:0}
.chapter-chip span{flex:none;font-size:12px;font-weight:600;color:#5b6676;white-space:nowrap}
.chapter-chip:hover{border-color:#0e2a47;background:#fff;box-shadow:0 2px 0 #0e2a47}
.chapter-chip.is-paused span{color:#8a5a00}
/* Map pins open the same window once the page script is running. */
.chapters-map .wi-hit{fill:transparent}
.chapters-map svg.is-live .wi-pin{cursor:pointer}
.chapters-map .wi-dot,.chapters-map .wi-ring{transform-box:fill-box;transform-origin:center;transition:transform .15s ease}
.chapters-map svg.is-live .wi-pin:hover .wi-dot,.chapters-map svg.is-live .wi-pin:hover .wi-ring{transform:scale(1.35)}
.chapters-map svg.is-live .wi-pin:hover .wi-label{fill:#c75a24}
.chapters-map .is-paused .wi-dot{fill:#fbf8f0;stroke:#8a95a5}
.chapters-map .is-paused .wi-ring{stroke:#8a95a5}
.chapters-map .is-paused .wi-label{fill:#5b6676}
@media(max-width:1180px){.chapters-grid{gap:44px}}
@media(max-width:1040px) and (min-width:901px){.partner-row{grid-template-columns:1fr}}
@media(max-width:900px){.chapters-grid{grid-template-columns:1fr}.chapters-map{max-width:560px}.partner-row{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .chapter-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chapters h2{font-size:30px}
  .chapters-copy>p{font-size:16px}
  .chapters-grid{gap:30px}
  .partner-row{grid-template-columns:1fr}
  .chapters-map{padding:12px 12px 12px}
  .chapters-map .wi-label{display:none}
  /* On a phone the city buttons carry the map's job (its dots and names are too small to tap or read), so the
     drawing is left out to keep the page short. */
  .chapters-map .wi-frame{display:none}
  .chapters-map figcaption{margin-top:0}
  .chapters-map .wi-dot{stroke-width:2}
}