/* 1.8.2: appearance only. Existing scroll controllers and content are retained. */
.re-home-layout .e-con.re-home-writing-shell,
.re-home-layout .re-writing-showcase,
.re-home-layout .e-con.re-home-volunteer-scroll-shell,
.re-home-layout .re-volunteer-scroll{background:#fdfcfc;color:#111}
.re-home-layout .re-writing-intro h2{color:#111;font-weight:800}
.re-home-layout .re-writing-showcase .re-journal-meta,
.re-home-layout .re-writing-showcase .re-journal-read{color:#be2944}
.re-home-layout .re-writing-showcase .re-writing-track{gap:24px;padding:8px 4px 24px}
.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card{flex-basis:31.5%;padding:5px 5px 20px;background:#fff;border:1px solid #e9bdc7;border-radius:8px;box-sizing:border-box;box-shadow:0 3px 12px #b3344b05;transition:background-color .2s,box-shadow .2s,transform .2s}
.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card:hover,
.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card:focus-within{background:#fff8f6;box-shadow:0 12px 22px #b3344b18;transform:translateY(-4px)}
.re-home-layout .re-writing-showcase .re-journal-image{border-radius:5px 5px 0 0;border-bottom:1px solid #e9bdc7}
.re-home-layout .re-writing-showcase .re-journal-image img{border-radius:5px 5px 0 0}
.re-home-layout .re-writing-showcase .re-writing-track h3{font-family:var(--re-font),Arial,sans-serif;font-weight:750;color:#111;font-size:clamp(21px,2vw,28px);line-height:1.25}
.re-home-layout .re-writing-showcase .re-writing-track h3 a{color:#111}
.re-home-layout .re-writing-showcase .re-journal-excerpt{color:#555}
.re-home-layout .re-writing-showcase :focus-visible{outline:2px solid #be2944;outline-offset:3px}
/* One common image height across all three organisation panels. */
.re-home-layout .re-volunteer-scroll{--re-vs-active:#111}
.re-home-layout .re-vs-backgrounds{display:none}
.re-home-layout .re-vs-layout{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:30px 5%;max-width:1240px}
.re-home-layout .re-vs-left{display:contents}
.re-home-layout .re-vs-left .re-vs-heading{grid-column:1/-1;grid-row:1;margin:0 0 10px;padding:0}
.re-home-layout .re-vs-left .re-vs-heading h2{color:#111;font-size:clamp(29px,3.4vw,48px);line-height:1.15;font-weight:800;max-width:1100px}
.re-home-layout .re-vs-heading .re-eyebrow{color:#be2944}
.re-home-layout .re-vs-nav{grid-column:1;grid-row:2;align-self:center;gap:38px}
.re-home-layout .re-vs-left .re-vs-tab{font-size:clamp(22px,2.5vw,34px);color:#646464;line-height:1.3;font-weight:500;padding-left:28px;letter-spacing:-.035em}
.re-home-layout .re-vs-tab:hover,
.re-home-layout .re-vs-tab:focus-visible,
.re-home-layout .re-vs-left .re-vs-tab[aria-selected=true]{color:#111}
.re-home-layout .re-vs-left .re-vs-tab[aria-selected=true]{font-weight:800}
.re-home-layout .re-vs-left .re-vs-tab[aria-selected=true]:before{background:#be2944;width:18px;height:2px}
.re-home-layout .re-vs-panels{grid-column:2;grid-row:2;min-width:0}
.re-home-layout .re-vs-panel{background:#fff;color:#111;border:1px solid #e9bdc7;border-radius:10px;padding:18px;box-shadow:0 10px 28px #b3344b0c;box-sizing:border-box}
.re-home-layout .re-vs-panel figure{margin:0 0 20px}
.re-home-layout .re-vs-panel .re-vs-image{width:100%;height:var(--re-vs-image-height,320px);min-height:0;max-height:none;object-fit:cover;object-position:center;border:0;border-radius:6px;box-sizing:border-box}
.re-home-layout .re-vs-panel h3{color:#111;font-weight:800;font-size:clamp(22px,2.2vw,31px)}
.re-home-layout .re-vs-subtitle{color:#be2944;letter-spacing:.1em}
.re-home-layout .re-vs-description{color:#555;font-size:clamp(15px,1.35vw,18px);line-height:1.55}
.re-home-layout .re-vs-dates{color:#646464}
.re-home-layout .re-vs-more{color:#be2944;border-color:#e9bdc7}
.re-home-layout .re-vs-more:hover{color:#8e1730;border-color:#8e1730}
.re-home-layout .re-vs-tab:focus-visible,
.re-home-layout .re-vs-panel:focus-visible{outline:2px solid #be2944;outline-offset:3px}
/* Icon-only navigation: keep the existing button and aria-expanded behaviour. */
.re-menu-toggle svg{display:block;width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
@media(max-width:1200px){.re-menu-toggle{width:48px;height:48px;min-width:48px;min-height:48px;padding:10px;align-items:center;justify-content:center;gap:0;border:0;background:transparent}.re-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}}
@media(max-width:900px){
 .re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card{flex-basis:65%}
 .re-home-layout .re-vs-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .re-home-layout .re-vs-left .re-vs-heading{grid-column:1;grid-row:1;margin-bottom:0}
 .re-home-layout .re-vs-nav{grid-column:1;grid-row:2;align-self:start;gap:12px 20px}
 .re-home-layout .re-vs-panels{grid-column:1;grid-row:3}
 .re-home-layout .re-vs-left .re-vs-tab{padding:6px 0;font-size:18px;border-bottom:2px solid transparent}
 .re-home-layout .re-vs-left .re-vs-tab[aria-selected=true]{border-color:#be2944}
 .re-home-layout .re-vs-panel .re-vs-image{height:260px}
}
@media(max-width:600px){
 .re-menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px}
 .re-menu-toggle svg{width:24px;height:24px}
 .re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card{flex-basis:86%}
 .re-home-layout .re-vs-panel{padding:12px}
 .re-home-layout .re-vs-panel .re-vs-image{height:220px}
 .re-home-layout .re-vs-left .re-vs-tab{font-size:16px}
}
@media(min-width:901px) and (max-height:650px){
 .re-home-layout .re-vs-layout{gap:16px 4%}
 .re-home-layout .re-vs-left .re-vs-heading h2{font-size:28px}
 .re-home-layout .re-vs-panel{padding:12px}
 .re-home-layout .re-vs-panel figure{margin-bottom:10px}
 .re-home-layout .re-vs-panel h3{font-size:23px}
 .re-home-layout .re-vs-description{font-size:15px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card{transition:none;transform:none}}
/* 1.8.3: approved inset-image, soft raised Writing cards. */
.re-home-layout .e-con.re-home-writing-shell,
.re-home-layout .re-writing-showcase{background:#ecf0f3}
.re-home-layout .re-writing-showcase .re-writing-track{gap:30px;padding:24px 18px 32px;align-items:stretch}
.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card{flex-basis:calc((100% - 60px)/3);padding:30px;border:0;border-radius:22px;background:linear-gradient(145deg,#e3e9ed,#fff);box-shadow:8px 8px 18px #ccd5df99,-8px -8px 18px #ffffffa6;transform:none}
.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card:hover,
.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card:focus-within{background:linear-gradient(145deg,#e8edf1,#fff);box-shadow:10px 12px 24px #c4cfdbb0,-8px -8px 18px #ffffffc0;transform:translateY(-3px)}
.re-home-layout .re-writing-showcase .re-journal-image{border:0;border-radius:10px;overflow:hidden}
.re-home-layout .re-writing-showcase .re-writing-track .re-journal-image img,
.re-home-layout .re-writing-showcase .re-writing-track .re-writing-placeholder{height:auto;aspect-ratio:1.36;object-fit:cover;border-radius:10px}
.re-home-layout .re-writing-showcase .re-writing-placeholder{background:linear-gradient(135deg,#dfe5ea,#f7f9fb);color:#4b535f}
.re-home-layout .re-writing-showcase .re-journal-card>.re-journal-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 18px;padding:0;font-size:11px;letter-spacing:.07em;line-height:1.4;color:#e00043}
.re-home-layout .re-card-topic{min-width:0;overflow-wrap:anywhere}
.re-home-layout .re-card-time{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:#132338}
.re-home-layout .re-card-time svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.re-home-layout .re-writing-showcase .re-writing-track h3{display:block;-webkit-line-clamp:unset;overflow:visible;margin:0;padding:0;font-size:clamp(21px,1.85vw,27px);font-family:var(--re-font),'Noto Sans Bengali',Arial,sans-serif;font-weight:650;line-height:1.4;letter-spacing:-.02em;color:#101820}
.re-home-layout .re-writing-showcase .re-writing-track h3 a{color:#101820;text-decoration:none}
.re-home-layout .re-writing-showcase .re-writing-track h3 a:hover{color:#c6003d}
@media(max-width:1000px){.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card{flex-basis:46%;padding:25px}}
@media(max-width:600px){.re-home-layout .re-writing-showcase .re-writing-track{gap:22px;padding:18px 12px 28px}.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card{flex-basis:88%;padding:24px;border-radius:20px}.re-home-layout .re-writing-showcase .re-writing-track h3{font-size:22px}.re-home-layout .re-writing-showcase .re-journal-card>.re-journal-meta{margin:22px 0 15px}}
@media(prefers-reduced-motion:reduce){.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card:hover{transform:none}}
/* 1.8.4: shared white raised-card finish for Writing and Social Work. */
.re-home-layout .e-con.re-home-writing-shell,
.re-home-layout .re-writing-showcase,
.re-home-layout .e-con.re-home-volunteer-scroll-shell,
.re-home-layout .re-volunteer-scroll{background:#fff}
.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card,
.re-home-layout .re-vs-panel{background:#fff;border:0;border-radius:22px;box-shadow:0 8px 26px rgba(28,43,60,.11),0 2px 6px rgba(28,43,60,.04)}
.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card:hover,
.re-home-layout .re-writing-showcase .re-writing-track>.re-journal-card:focus-within{background:#fff;box-shadow:0 14px 32px rgba(28,43,60,.15),0 3px 8px rgba(28,43,60,.04)}
.re-home-layout .re-writing-showcase .re-writing-placeholder{background:#fff;color:#505762}
.re-home-layout .re-vs-panel{padding:30px;transition:box-shadow .2s ease}
.re-home-layout .re-vs-panel:hover,
.re-home-layout .re-vs-panel:focus-within{box-shadow:0 12px 30px rgba(28,43,60,.14),0 3px 8px rgba(28,43,60,.04)}
.re-home-layout .re-vs-panel .re-vs-image{border-radius:10px}
.re-home-layout .re-vs-panel figure{margin-bottom:26px}
.re-home-layout .re-vs-panel h3{line-height:1.35;font-weight:650;margin:12px 0 16px}
.re-home-layout .re-vs-description{margin-bottom:22px}
.re-home-layout .re-vs-panels{padding:4px 0 18px}
@media(max-width:600px){.re-home-layout .re-vs-panel{padding:24px;border-radius:20px}.re-home-layout .re-vs-panel figure{margin-bottom:22px}}
@media(min-width:901px) and (max-height:650px){.re-home-layout .re-vs-panel{padding:22px}.re-home-layout .re-vs-panel figure{margin-bottom:16px}.re-home-layout .re-vs-panel h3{margin:8px 0 12px}.re-home-layout .re-vs-description{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.re-home-layout .re-vs-panel{transition:none}}