/* RNRM Resources: front-end styles. Everything is scoped to .rnrm-res. */
.rnrm-res{
	--rr-darkest:#032730; --rr-navy:#0b313a; --rr-blue:#027bac; --rr-teal:#00a4ac;
	--rr-sky:#00a0df; --rr-pale:#cce2f6; --rr-orange:#f18a00; --rr-burnt:#d96227;
	--rr-amber:#f4a81d; --rr-slate:#375961; --rr-filter-btn:#f0a04b; --rr-line:#e3e8ea;
	font-family:'Montserrat',sans-serif; color:var(--rr-navy); line-height:1.6;
	max-width:1240px; margin:0 auto; padding:8px 0 48px; box-sizing:border-box;
}
.rnrm-res *,.rnrm-res *::before,.rnrm-res *::after{box-sizing:border-box}
.rnrm-res-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Heading, matching OUR PROJECTS */
.rnrm-res .rnrm-res-heading{
	font-family:'Montserrat',sans-serif; font-weight:800; text-transform:uppercase; text-align:center;
	color:var(--rr-burnt); font-size:clamp(30px,4.2vw,50px); line-height:1.1; letter-spacing:.01em; margin:0 0 40px;
}

/* Filter bar, matching the Projects filters */
.rnrm-res-filters{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:0 0 14px}
.rnrm-res-filters select,
.rnrm-res-filters input[type="search"]{
	height:46px; width:196px; max-width:100%; margin:0; padding:0 38px 0 11px; border:1px solid #b5b5b5; border-radius:0;
	background-color:#fff; color:#33393b; font-size:15px; font-family:inherit; box-shadow:none; outline:none;
}
.rnrm-res-filters select{
	-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='%2321292b' stroke='%2321292b' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 14px center; background-size:11px 7px;
	text-overflow:ellipsis; white-space:nowrap;
}
.rnrm-res-filters input[type="search"]{padding-right:11px;width:220px}
.rnrm-res-filters select:focus,.rnrm-res-filters input[type="search"]:focus{border-color:var(--rr-blue);box-shadow:0 0 0 2px rgba(2,123,172,.15)}
.rnrm-res-filters .rnrm-res-submit{
	height:42px; min-width:200px; padding:0 24px; border:0; border-radius:0; cursor:pointer;
	background:var(--rr-filter-btn); color:var(--rr-navy); font-family:inherit; font-weight:600; font-size:15px; line-height:42px;
	transition:background .18s ease,color .18s ease;
}
.rnrm-res-filters .rnrm-res-submit:hover,.rnrm-res-filters .rnrm-res-submit:focus{background:var(--rr-darkest);color:#fff}
.rnrm-res-clear{font-size:14px;font-weight:600;color:var(--rr-blue);text-decoration:underline}
.rnrm-res-status{font-size:14px;color:var(--rr-slate);margin:12px 0 18px;min-height:1px}

/* Card grid */
.rnrm-res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}
.rnrm-res-card{
	background:#fff; border:1px solid var(--rr-line); border-radius:14px; overflow:hidden;
	display:flex; flex-direction:column; transition:transform .18s ease,box-shadow .18s ease;
}
.rnrm-res-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(3,39,48,.12)}
.rnrm-res-thumb{height:170px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--rr-navy);overflow:hidden}
.rnrm-res-thumb img{width:100%!important;height:100%!important;object-fit:cover;display:block;max-width:none}
.rnrm-res-thumb.is-contain{background:#fff;border-bottom:1px solid var(--rr-line);padding:12px 16px}
.rnrm-res-thumb.is-contain img{object-fit:contain}
.rnrm-res-play{position:absolute;width:52px;height:52px;border-radius:50%;background:rgba(241,138,0,.95);display:flex;align-items:center;justify-content:center}
.rnrm-res-play svg{width:20px;height:20px;margin-left:3px;color:#fff}
.rnrm-res-ico{width:54px;height:54px;color:#fff;opacity:.92}
.rnrm-res-t-media-release{background:linear-gradient(135deg,var(--rr-darkest),var(--rr-burnt))}
.rnrm-res-t-educational-resource{background:linear-gradient(135deg,#003305,var(--rr-teal))}
.rnrm-res-t-fact-sheet{background:linear-gradient(135deg,var(--rr-burnt),var(--rr-amber))}
.rnrm-res-t-annual-report{background:linear-gradient(135deg,var(--rr-navy),var(--rr-teal))}
.rnrm-res-t-plan-strategy{background:linear-gradient(135deg,var(--rr-darkest),var(--rr-blue))}
.rnrm-res-t-video-webinar{background:linear-gradient(135deg,var(--rr-navy),var(--rr-sky))}
.rnrm-res-t-photography-competition{background:linear-gradient(135deg,var(--rr-blue),var(--rr-sky))}

.rnrm-res-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.rnrm-res-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.rnrm-res-tag{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--rr-pale);color:var(--rr-darkest);line-height:1.4}
.rnrm-res-tag-media-release,.rnrm-res-tag-fact-sheet{background:#fde8d4;color:#9a3d10}
.rnrm-res-tag-educational-resource{background:#dcefe0;color:#1f5a2a}
.rnrm-res-tag-video-webinar{background:#d6f1f2;color:#00616a}
.rnrm-res-tag-aud{background:#f1f3f4;color:var(--rr-slate)}
.rnrm-res-date{font-size:13px;color:var(--rr-slate)}
.rnrm-res .rnrm-res-body h3{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:600;line-height:1.35;color:var(--rr-darkest);margin:0 0 8px}
.rnrm-res .rnrm-res-body p{font-size:14px;color:var(--rr-slate);margin:0 0 18px;flex:1}
.rnrm-res .rnrm-res-btn{
	display:inline-flex; align-items:center; gap:8px; align-self:flex-start; margin-top:auto;
	font-size:14px; font-weight:600; padding:10px 18px; border-radius:999px; background:var(--rr-blue); color:#fff; text-decoration:none;
	transition:background .18s ease;
}
.rnrm-res .rnrm-res-btn:hover,.rnrm-res .rnrm-res-btn:focus{background:var(--rr-darkest);color:#fff}
.rnrm-res-btn svg{width:16px;height:16px;flex:none}

/* Pagination and empty state */
.rnrm-res-pages{margin-top:36px}
.rnrm-res-pages ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:0;padding:0}
.rnrm-res-pages li{margin:0}
.rnrm-res-pages a,.rnrm-res-pages span{display:inline-block;min-width:40px;padding:8px 12px;text-align:center;border:1px solid #b5b5b5;background:#fff;color:var(--rr-navy);font-weight:600;font-size:14px;text-decoration:none}
.rnrm-res-pages .current{background:var(--rr-darkest);border-color:var(--rr-darkest);color:#fff}
.rnrm-res-pages a:hover{border-color:var(--rr-blue);color:var(--rr-blue)}
.rnrm-res-empty{text-align:center;padding:48px 20px;background:#fff;border:1px dashed #b5cbd8;border-radius:14px;color:var(--rr-slate)}
.rnrm-res-empty a{color:var(--rr-blue)}

@media (max-width:767px){
	.rnrm-res-filters{gap:12px}
	.rnrm-res-filters select,.rnrm-res-filters input[type="search"],.rnrm-res-filters .rnrm-res-submit{width:100%;min-width:0}
	.rnrm-res .rnrm-res-heading{margin-bottom:28px}
}
@media (prefers-reduced-motion:reduce){.rnrm-res-card,.rnrm-res-btn,.rnrm-res-submit{transition:none}}

/* Section tabs (All Resources | Annual Reports) */
.rnrm-res-tabs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 30px;margin:26px 0 6px;border-bottom:1px solid #d9dfe1}
.rnrm-res .rnrm-res-tab{
	position:relative;display:inline-block;padding:10px 2px 14px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:15px;
	color:var(--rr-slate);text-decoration:none;letter-spacing:.01em;transition:color .18s ease;
}
.rnrm-res .rnrm-res-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:transparent;transition:background .18s ease}
.rnrm-res .rnrm-res-tab:hover,.rnrm-res .rnrm-res-tab:focus{color:var(--rr-darkest)}
.rnrm-res .rnrm-res-tab.is-active{color:var(--rr-darkest)}
.rnrm-res .rnrm-res-tab.is-active::after{background:var(--rr-burnt)}
.rnrm-res .rnrm-res-tab-intro{text-align:center;max-width:640px;margin:0 auto 34px;color:var(--rr-slate);font-size:15px}

/* Annual Reports: cover shelf */
.rnrm-res-reports{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:34px 28px}
.rnrm-res-report{display:flex;flex-direction:column}
.rnrm-res-cover-link{display:block;text-decoration:none}
.rnrm-res-cover{
	aspect-ratio:1414/2000;border-radius:6px;overflow:hidden;background:#fff;
	box-shadow:0 1px 2px rgba(3,39,48,.08),0 10px 24px rgba(3,39,48,.14);transition:transform .2s ease,box-shadow .2s ease;
}
.rnrm-res-cover img{width:100%!important;height:100%!important;object-fit:cover;object-position:center top;display:block;max-width:none}
.rnrm-res-cover-link:hover .rnrm-res-cover,.rnrm-res-cover-link:focus .rnrm-res-cover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(3,39,48,.08),0 16px 32px rgba(3,39,48,.2)}
.rnrm-res-cover.is-generated{
	position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:22px 20px;color:#fff;
	background:linear-gradient(160deg,var(--rr-darkest) 0%,var(--rr-navy) 45%,var(--rr-teal) 100%);
}
.rnrm-res-cover.is-generated::after{content:"";position:absolute;left:20px;right:20px;top:54px;height:3px;background:var(--rr-orange);border-radius:2px}
.rnrm-res-cover-org{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rr-amber)}
.rnrm-res-cover-title{font-size:20px;font-weight:700;line-height:1.2;margin-top:auto;margin-bottom:6px}
.rnrm-res-cover-year{font-size:40px;font-weight:800;line-height:1;color:#fff}
.rnrm-res-report-body{padding:16px 2px 0;display:flex;flex-direction:column;gap:6px;flex:1}
.rnrm-res .rnrm-res-report-body h3{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;line-height:1.35;color:var(--rr-darkest);margin:0 0 8px}
.rnrm-res-report-body .rnrm-res-btn{margin-top:auto}
@media (max-width:767px){
	.rnrm-res-tabs{gap:2px 18px;margin-top:18px}
	.rnrm-res .rnrm-res-tab{font-size:14px;padding:8px 0 10px}
	.rnrm-res-cover.is-generated{padding:16px 14px}
	.rnrm-res-cover.is-generated::after{left:14px;right:14px;top:38px}
	.rnrm-res-cover-org{font-size:9px;letter-spacing:.1em}
	.rnrm-res-report-body .rnrm-res-btn{font-size:13px;padding:9px 14px;white-space:nowrap}
	.rnrm-res-reports{grid-template-columns:repeat(2,1fr);gap:26px 16px}
	.rnrm-res-cover-title{font-size:16px}.rnrm-res-cover-year{font-size:32px}
}
@media (prefers-reduced-motion:reduce){.rnrm-res-cover,.rnrm-res-tab::after{transition:none}}