/* Feature styles for then-and-now sliders, honour roll, classroom packet,
   contribution forms, places map, and impact log. Live 10 Nov 2026. */

.peer-note{border:1px solid #bbb;padding:1rem 1.1rem;margin:1rem 0;background:#faf7f0}
.peer-note strong{display:block;margin-bottom:.35rem}
.tn{margin:1rem 0 1.4rem;max-width:820px}
.tn-frame{position:relative;overflow:hidden;background:#111;aspect-ratio:16/10;max-height:520px}
.tn-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}
.tn-then{z-index:2;clip-path:inset(0 50% 0 0)}
.tn-now{z-index:1}
.tn-slider{width:100%;margin:.6rem 0 .2rem}
.tn-caps{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;font-size:.9rem;line-height:1.4}
.tn-caps p{margin:0}
.contrib-box{border:1px solid #222;padding:1rem 1.15rem;margin:1.2rem 0;background:#fffdf6}
.contrib-box label{display:block;font-size:.85rem;margin:.55rem 0 .15rem}
.contrib-box input,.contrib-box textarea{width:100%;max-width:36rem;padding:.4rem .5rem;font:inherit;border:1px solid #666}
.contrib-box textarea{min-height:4.5rem}
.contrib-actions{margin-top:.8rem}
.honour-table{width:100%;border-collapse:collapse;font-size:.95rem}
.honour-table th,.honour-table td{border-bottom:1px solid #ddd;padding:.5rem .4rem;text-align:left;vertical-align:top}
.honour-table th{font-size:.8rem;letter-spacing:.03em;text-transform:uppercase}
.flag{font-size:.85rem;color:#444}
.kit-links a{display:inline-block;margin:.25rem .6rem .25rem 0}
.map-wrap{height:min(70vh,560px);width:100%;border:1px solid #222;margin:1rem 0}
.impact-item{border-top:1px solid #ddd;padding:1rem 0}

/* Force readable ink on cream panels, including on dark WWC/WND pages */
body .peer-note,
body .contrib-box{
  color:#111;
  background:#faf7f0;
}
body .peer-note a,
body .contrib-box a{color:#8b1228;}
body .peer-note p,
body .contrib-box p,
body .peer-note li,
body .contrib-box li,
body .peer-note strong,
body .contrib-box strong{color:#111;}

/* Keep the existing Send-a-tip button colors inside the cream panel.
   Ordinary links in the panel stay maroon; the number pill and gold buttons do not. */
body .contrib-box a.tip-email,
body .contrib-box a.tip-email:hover,
body .contrib-box a.tip-email:focus-visible{
  color:#fff;
  text-decoration:none;
}
body .contrib-box a.tip-btn,
body .contrib-box a.tip-btn:hover,
body .contrib-box a.tip-btn:focus-visible{
  color:#0c1220;
  text-decoration:none;
}