/* Meadowbrook Memories Home Page Review Sample v0.2.1 — Step 1 only */

:root{
  --navy:#042b58;
  --deep:#021f43;
  --blue:#075ca8;
  --gold:#f4b41d;
  --gold2:#ffd45c;
  --cream:#fffaf0;
  --ink:#08254c;
  --muted:#64748b;
  --white:#ffffff;
  --shadow:0 12px 35px rgba(2,31,67,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:#f7f4ec;
}
a{color:inherit}
.review-banner{
  background:#7b1720;
  color:#fff;
  text-align:center;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  padding:8px 12px;
}
.site-header{
  background:#fff;
  position:relative;
  z-index:5;
  box-shadow:0 2px 12px rgba(0,0,0,.08);
}
.brand-wrap{
  max-width:1180px;
  margin:auto;
  min-height:116px;
  display:flex;
  align-items:center;
  gap:20px;
  padding:10px 24px;
}
.brand-logo{
  width:108px;height:108px;object-fit:cover;border-radius:50%;
  border:4px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,.18);
}
.brand-copy{flex:1}
.brand-name{
  font-family:Georgia,serif;font-size:34px;line-height:.9;font-weight:800;letter-spacing:.03em;color:#0b376c
}
.brand-name span{letter-spacing:.12em}
.tagline{margin-top:10px;color:#a06b12;font-size:12px;font-weight:700;letter-spacing:.25em}
.starling-script{
  color:#1262b0;font-family:Georgia,serif;font-style:italic;font-size:24px;line-height:1.1;text-align:center;transform:rotate(-4deg)
}
.main-nav{background:linear-gradient(90deg,#062b57,#063a73);border-bottom:3px solid var(--gold)}
.nav-links{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:center}
.nav-links a{color:#fff;text-decoration:none;padding:16px 18px;font-size:14px}
.nav-links a:hover,.nav-links a.active{background:var(--gold);color:#071f3f}
.menu-toggle{display:none}
.hero{
  min-height:445px;position:relative;overflow:hidden;
  background:
    linear-gradient(110deg,rgba(1,29,61,.97) 0%,rgba(3,46,89,.88) 43%,rgba(5,77,131,.55) 67%,rgba(0,35,73,.88) 100%),
    radial-gradient(circle at 70% 40%,#0d75b9,#03264e 70%);
}
.hero:after{
  content:"★";
  position:absolute;right:29%;top:60px;
  font-size:250px;color:rgba(244,180,29,.16);line-height:1
}
.hero-content{
  position:relative;z-index:2;max-width:1180px;margin:auto;padding:55px 48% 48px 40px;color:#fff
}
.eyebrow{color:#ffd256;font-size:13px;font-weight:800;letter-spacing:.28em}
.hero h1{font-family:Georgia,serif;font-size:62px;line-height:.89;margin:10px 0 8px}
.hero-kicker{font-weight:800;letter-spacing:.25em;font-size:16px}
.gold-line{width:70px;height:3px;background:var(--gold);margin:18px 0}
.hero-text{font-family:Georgia,serif;font-size:18px;line-height:1.55;max-width:500px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:28px;padding:13px 22px;font-weight:800;text-decoration:none;border:0;cursor:pointer}
.btn-gold{background:linear-gradient(90deg,var(--gold2),var(--gold));color:#071f3f}
.btn-outline{border:1px solid #fff;color:#fff;background:transparent}
.btn-blue{background:linear-gradient(90deg,#0874ca,#064d94);color:#fff}
.hero-collage{position:absolute;z-index:2;right:28px;top:48px;width:430px;height:350px}
.polaroid{
  position:absolute;background:#f7f1df;color:#1f3550;border:7px solid #fff;
  width:175px;height:118px;display:flex;align-items:flex-end;justify-content:center;
  padding:8px;font-family:Georgia,serif;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.3);
  background-image:linear-gradient(160deg,#ddd,#b7c2c7);
}
.p1{right:0;top:0;transform:rotate(-8deg)}
.p2{left:34px;top:98px;transform:rotate(6deg)}
.p3{right:8px;top:158px;transform:rotate(8deg)}
.p4{left:98px;top:226px;transform:rotate(-7deg)}

.feature-strip{
  display:grid;grid-template-columns:repeat(4,1fr);background:#fff;max-width:100%;padding:18px max(24px,calc((100% - 1180px)/2));
  border-bottom:1px solid #e8e1d4
}
.feature-strip article{display:flex;gap:14px;padding:8px 18px;border-right:1px solid #e5dfd3}
.feature-strip article:last-child{border-right:0}
.feature-strip .icon{
  flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f8d679;color:#083564;font-size:26px
}
.feature-strip h3{font-family:Georgia,serif;margin:2px 0 6px}
.feature-strip p{margin:0;font-family:Georgia,serif;font-size:13px;line-height:1.4}

.content-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.35fr .9fr;gap:24px;padding:25px 20px}
.panel,.book-panel{background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:18px;margin-bottom:20px}
.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f2c251;padding-bottom:8px;margin-bottom:14px}
.section-heading h2,.book-copy h2,.newsletter h2{font-family:Georgia,serif;margin:0;color:#082b57}
.text-link{color:#075fb0;text-decoration:none;font-weight:700;font-size:13px}
.podcast-card{display:grid;grid-template-columns:250px 1fr;gap:18px}
.podcast-art{
  min-height:170px;border-radius:8px;background:radial-gradient(circle at 30% 20%,#294c70,#031b38 70%);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden
}
.podcast-art:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;background:repeating-linear-gradient(90deg,#f5c23b 0 3px,transparent 3px 8px)}
.podcast-art img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:3px solid #fff;margin-bottom:7px}
.podcast-art strong{text-align:center;font-family:Georgia,serif}
.podcast-art span{font-size:10px;letter-spacing:.28em}
.mic{position:absolute;left:18px;top:18px;font-size:36px;opacity:.9}
.podcast-copy h3{font-family:Georgia,serif;font-size:22px;margin:8px 0}
.meta{font-size:12px;color:var(--muted);margin-bottom:10px}
.podcast-copy p{font-family:Georgia,serif;line-height:1.45}
button[disabled],input[disabled]{opacity:.75;cursor:not-allowed}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.news-card{border:1px solid #e6dfd4;border-radius:7px;overflow:hidden;background:#fff}
.news-card img,.placeholder-image{width:100%;height:125px;object-fit:cover}
.placeholder-image{display:grid;place-items:center;background:linear-gradient(135deg,#d5d1c5,#8098ae);color:#fff;font-family:Georgia,serif;font-size:38px;font-weight:800}
.placeholder-image.people{background:linear-gradient(135deg,#073661,#0a6f9c)}
.news-body{padding:11px}
.news-date{font-size:11px;color:#7a7f86}
.news-card h3{font-family:Georgia,serif;margin:5px 0;font-size:17px}
.news-card p{font-family:Georgia,serif;font-size:13px;line-height:1.35}

.book-panel{display:grid;grid-template-columns:200px 1fr;gap:20px;background:linear-gradient(135deg,#fffdf8,#f0e3c4)}
.book-cover{
  min-height:285px;background:linear-gradient(160deg,#efe0b6,#c8a66c);border:1px solid #b99659;
  box-shadow:8px 10px 16px rgba(0,0,0,.2);padding:22px 14px;text-align:center;font-family:Georgia,serif;
  display:flex;flex-direction:column;justify-content:center
}
.book-cover span{font-size:18px}.book-cover strong{font-size:28px;line-height:.95}.book-cover small{margin-top:12px;line-height:1.3}.book-cover .trophy{font-size:54px;margin:8px}.book-cover em{font-size:16px;font-weight:700}
.book-copy h2{font-size:32px}
.book-sub{font-size:12px;font-weight:800;letter-spacing:.14em;color:#b37615;line-height:1.45}
.book-copy p{font-family:Georgia,serif;line-height:1.5}
.right-column{align-self:start}

.newsletter{display:grid;grid-template-columns:.9fr 1.4fr;max-width:1180px;margin:0 auto 24px;background:#fff;box-shadow:var(--shadow)}
.newsletter-image{min-height:155px;background:linear-gradient(100deg,rgba(1,33,68,.95),rgba(5,71,128,.78)),radial-gradient(circle at 60% 50%,#1a89be,#052b5d);display:grid;place-items:center;color:#fff}
.newsletter-image span,.newsletter-image strong{display:block;font-family:Georgia,serif;font-style:italic;font-size:28px;transform:rotate(-4deg)}
.newsletter-image strong{margin-left:48px;color:#ffd056}
.newsletter-copy{display:flex;align-items:center;gap:18px;padding:25px}
.mail-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#063a72;color:#fff;font-size:25px}
.newsletter p{margin:6px 0 12px;color:#526173}
.signup-form{display:flex;gap:10px}
.signup-form input{min-width:360px;padding:13px;border:1px solid #d4dbe3;border-radius:6px}

footer{
  background:linear-gradient(90deg,#052b57,#003469);color:#fff;
  display:grid;grid-template-columns:1.2fr .7fr .7fr 1fr;gap:30px;padding:28px max(28px,calc((100% - 1180px)/2))
}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand img{width:82px;height:82px;object-fit:cover;border-radius:50%;border:3px solid #fff}
.footer-brand strong{font-family:Georgia,serif;font-size:20px}.footer-brand span{display:block;margin-top:7px;color:#f9bd37;font-size:12px}
.footer-links{display:flex;flex-direction:column;gap:5px}
.footer-links h4{margin:0 0 6px;font-family:Georgia,serif}
.footer-links a{text-decoration:none;color:#fff;font-size:13px}
.footer-note{color:#ffd04d;align-self:center;font-family:Georgia,serif}
.footer-note small{display:block;color:#9fc2df;margin-top:12px}

@media (max-width:900px){
  .starling-script{display:none}
  .brand-name{font-size:28px}
  .nav-links{display:none;flex-direction:column;align-items:stretch}
  .nav-links.open{display:flex}
  .nav-links a{text-align:center}
  .menu-toggle{display:block;margin:auto;background:transparent;color:#fff;border:0;padding:14px;font-weight:800}
  .hero-content{padding:45px 30px;max-width:650px;margin:0}
  .hero h1{font-size:50px}
  .hero-collage{display:none}
  .feature-strip{grid-template-columns:1fr 1fr}
  .feature-strip article:nth-child(2){border-right:0}
  .content-grid{grid-template-columns:1fr}
  .book-panel{grid-template-columns:180px 1fr}
  .newsletter{grid-template-columns:1fr}
  footer{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .brand-wrap{min-height:90px;padding:10px 14px}
  .brand-logo{width:72px;height:72px}
  .brand-name{font-size:22px}
  .tagline{font-size:8px;letter-spacing:.12em}
  .hero h1{font-size:42px}
  .feature-strip{grid-template-columns:1fr}
  .feature-strip article{border-right:0;border-bottom:1px solid #e5dfd3}
  .podcast-card{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .book-panel{grid-template-columns:1fr}
  .book-cover{max-width:230px;margin:auto}
  .signup-form{flex-direction:column}
  .signup-form input{min-width:0;width:100%}
  footer{grid-template-columns:1fr}
}

/* Home page review sample v0.2 */
.polaroid{padding:0;overflow:hidden;background:#fff}
.polaroid img{display:block;width:100%;height:100%;object-fit:cover}
.home-intro{max-width:1180px;margin:22px auto 0;padding:24px 28px;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border-left:5px solid var(--gold)}
.intro-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#082f61;color:#ffd45c;font-size:31px}
.home-intro h2{font-family:Georgia,serif;color:#082b57;margin:2px 0 8px;font-size:28px}.home-intro p{margin:0;font-family:Georgia,serif;line-height:1.5}.eyebrow.dark{color:#a46c10;margin:0 0 5px}.content-badge{display:inline-block;background:#f5d46c;color:#082b57;font-weight:800;font-size:10px;letter-spacing:.14em;padding:5px 8px;border-radius:12px}.book-visual{display:flex;align-items:center;justify-content:center}.book-cover-image{display:block;width:100%;max-width:210px;max-height:320px;object-fit:contain;box-shadow:8px 10px 16px rgba(0,0,0,.2);background:#f1ead8}.book-author{font-size:14px;color:#46566b}.footer-contact{font-size:12px;color:#fff9d4}
@media (max-width:900px){.home-intro{margin:18px 18px 0;grid-template-columns:auto 1fr}.home-intro .btn{grid-column:1/-1;justify-self:start}.hero-collage{display:flex;position:relative;right:auto;top:auto;width:auto;height:auto;gap:12px;overflow-x:auto;padding:0 24px 24px;margin-top:-18px;z-index:3}.hero{padding-bottom:14px}.polaroid{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;min-width:195px;height:130px}.hero-content{padding-bottom:34px}.book-cover-image{max-width:190px}}
@media (max-width:620px){.home-intro{grid-template-columns:1fr}.intro-mark{display:none}.home-intro .btn{grid-column:auto}.hero-collage{padding-left:18px}.polaroid{min-width:170px;height:115px}}

/* Meadowbrook Memories Home Page Review Sample v0.2.2 — Step 2 podcast only */
.podcast-video-art{padding:0;background:#031b38}
.podcast-video-art:after{display:none}
.podcast-video-art video{
  display:block;
  width:100%;
  height:100%;
  min-height:170px;
  object-fit:contain;
  background:#031b38;
}

/* Meadowbrook Memories Home Page Review Sample v0.2.3 — Step 3 news only */
.news-card > img{
  width:100%;
  height:150px;
  display:block;
  object-fit:contain;
  background:#0a2c54;
}

/* Meadowbrook Memories Home Page Review Sample v0.2.4 — Alumni Stories page only */
.alumni-page{background:linear-gradient(#f7f3e9,#f2ede2);padding-bottom:38px}
.alumni-hero{
  background:
    linear-gradient(105deg,rgba(3,34,70,.97),rgba(4,83,145,.87)),
    url("../images/Today.png") center/cover no-repeat;
  color:#fff;text-align:center;padding:54px 20px 50px;border-bottom:4px solid var(--gold)
}
.alumni-hero h1{font:700 50px/.95 Georgia,serif;margin:10px 0}
.alumni-hero .eyebrow{color:#ffd45a}
.alumni-lead{font:18px/1.5 Georgia,serif;margin:0 auto;max-width:760px}

.alumni-story-board{
  max-width:1180px;margin:34px auto 0;padding:0 22px;
  display:grid;grid-template-columns:1fr 1fr;gap:26px 28px;align-items:start
}
.alumni-story-card{
  background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 10px 28px rgba(0,31,66,.13);
  display:grid;grid-template-columns:44% 1fr;min-height:260px;border-top:4px solid var(--gold)
}
.alumni-story-card.story-right{grid-template-columns:1fr 44%}
.alumni-story-card.story-feature{
  grid-column:1 / -1;max-width:900px;justify-self:center;width:82%;
  grid-template-columns:38% 1fr;transform:translateY(4px)
}
.story-a{transform:translateY(10px) rotate(-.35deg)}
.story-b{transform:translateY(-8px) rotate(.35deg)}
.story-d{transform:translateY(12px) rotate(.25deg)}
.story-e{transform:translateY(-4px) rotate(-.25deg)}
.alumni-photo{min-height:255px;background:#0b2d55;overflow:hidden}
.alumni-photo img{width:100%;height:100%;display:block;object-fit:cover}
.alumni-copy{padding:26px 25px;display:flex;flex-direction:column;justify-content:center}
.award-label{
  align-self:flex-start;display:inline-block;background:#f7d46f;color:#604100;border-radius:18px;
  padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:9px
}
.alumni-copy h2{font:700 27px/1.05 Georgia,serif;color:#082b57;margin:0 0 10px}
.alumni-copy p{font:14.5px/1.58 Georgia,serif;color:#4b5969;margin:0}
.alumni-note{
  max-width:900px;margin:32px auto 0;padding:14px 18px;background:#fff7dc;border-left:4px solid var(--gold);
  color:#665227;font:13px/1.45 Georgia,serif
}
@media (max-width:900px){
  .alumni-story-board{grid-template-columns:1fr}
  .alumni-story-card,.alumni-story-card.story-right,.alumni-story-card.story-feature{
    grid-column:auto;width:100%;max-width:none;grid-template-columns:42% 1fr;transform:none
  }
  .alumni-story-card.story-right .alumni-copy{order:2}
  .alumni-story-card.story-right .alumni-photo{order:1}
}
@media (max-width:620px){
  .alumni-hero h1{font-size:40px}
  .alumni-story-card,.alumni-story-card.story-right,.alumni-story-card.story-feature{grid-template-columns:1fr}
  .alumni-photo{min-height:0;aspect-ratio:1/1}
  .alumni-copy{padding:20px}
}

/* Meadowbrook Memories Home Page Review Sample v0.2.5 — Podcast page only */
.podcast-page{background:#f5f0e6;padding-bottom:42px}
.podcast-hero{
  background:
    radial-gradient(circle at 80% 35%,rgba(241,181,27,.20),transparent 30%),
    linear-gradient(105deg,#031f43 0%,#063d76 62%,#075b9d 100%);
  color:#fff;padding:48px max(24px,calc((100% - 1180px)/2));display:grid;
  grid-template-columns:1.2fr .8fr;gap:42px;align-items:center;border-bottom:4px solid var(--gold)
}
.podcast-hero h1{font:700 52px/.95 Georgia,serif;margin:10px 0 15px}
.podcast-hero>div>p:last-child{font:17px/1.55 Georgia,serif;max-width:660px;margin:0}
.podcast-access-card{
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.23);
  box-shadow:0 18px 36px rgba(0,0,0,.2);padding:24px;border-radius:12px;backdrop-filter:blur(5px)
}
.access-icon{font-size:32px}.podcast-access-card h2{font:700 25px Georgia,serif;margin:8px 0}
.podcast-access-card p{font:14px/1.45 Georgia,serif;margin:0 0 8px;color:#e9eff7}
.podcast-access-card strong{display:block;color:#ffd45a;font:700 14px/1.45 Georgia,serif}
.access-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 8px}
.podcast-access-card small{display:block;color:#cdd9e7;font-size:11px;line-height:1.4}
.podcast-shell{
  max-width:1180px;margin:28px auto 0;padding:0 20px;display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(280px,.58fr);gap:24px;align-items:start
}
.podcast-main,.podcast-side>section,.comments-area{background:#fff;border-radius:10px;box-shadow:var(--shadow)}
.podcast-main{padding:20px}
.podcast-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}
.podcast-section-heading h2{font:700 28px Georgia,serif;margin:8px 0 0}
.episode-stats{display:flex;gap:16px;color:#5a6776;font-size:11px;text-align:center}
.episode-stats span{display:flex;flex-direction:column}.episode-stats strong{font-size:17px;color:#082b57}
.locked-player{position:relative;background:#061b33;overflow:hidden;border-radius:9px;aspect-ratio:16/9}
.locked-player>img{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.64) saturate(.85)}
.player-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,22,48,.58),rgba(0,22,48,.16))}
.player-lock{position:absolute;left:7%;top:50%;transform:translateY(-50%);max-width:360px;color:#fff}
.lock-circle{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#f4b91f;color:#04264f;font-size:25px;box-shadow:0 7px 20px rgba(0,0,0,.3)}
.player-lock h3{font:700 29px Georgia,serif;margin:13px 0 6px}.player-lock p{font:14px/1.45 Georgia,serif;margin:0 0 15px}
.media-center-chip{position:absolute;right:14px;bottom:13px;background:rgba(1,26,55,.82);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:800;letter-spacing:.15em}
.episode-summary{display:grid;grid-template-columns:1fr auto;gap:20px;padding:18px 3px 8px}
.episode-number{font-size:10px;font-weight:800;letter-spacing:.14em;color:#b17815}
.episode-summary h3{font:700 22px Georgia,serif;margin:5px 0 7px}.episode-summary p{font:14px/1.5 Georgia,serif;color:#52606e;margin:0}
.episode-details{display:flex;flex-direction:column;gap:7px;align-items:flex-end}
.episode-details span{background:#eef4fa;color:#164a7a;border-radius:16px;padding:6px 9px;font-size:10px;font-weight:700}
.episode-library{border-top:1px solid #e9e1d5;margin-top:13px;padding-top:19px}
.library-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.library-heading h2{font:700 22px Georgia,serif;margin:0}.library-heading span{font-size:11px;color:#75808d}
.episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.episode-tile{border:1px solid #e1e6eb;border-radius:8px;overflow:hidden;background:#fff}
.episode-thumb,.episode-placeholder{position:relative;height:125px;background:#082d58}
.episode-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.episode-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#082d58,#075f9f)}
.episode-placeholder.alt{background:linear-gradient(135deg,#0a456f,#b68220)}
.episode-star{font-size:46px;color:#f5bf36}.mini-lock{position:absolute;right:8px;top:8px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);font-size:12px}
.episode-tile-copy{padding:11px}.episode-tile-copy>span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#b17815}.episode-tile-copy h3{font:700 15px/1.15 Georgia,serif;margin:5px 0}.episode-tile-copy p{font:11.5px/1.4 Georgia,serif;color:#5d6976;margin:0}

.podcast-side{display:grid;gap:18px}
.whitelist-panel{padding:20px}.side-kicker{font-size:9px;font-weight:900;letter-spacing:.14em;color:#ae7619}
.whitelist-panel h2{font:700 24px Georgia,serif;margin:7px 0 16px}
.whitelist-panel ol{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.whitelist-panel li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}
.whitelist-panel li>span{width:31px;height:31px;border-radius:50%;background:#063c72;color:#fff;display:grid;place-items:center;font-weight:800}
.whitelist-panel li strong{font:700 14px Georgia,serif}.whitelist-panel li p{font:12px/1.4 Georgia,serif;color:#5c6977;margin:3px 0 0}
.whitelist-note{margin-top:17px;padding:10px;background:#fff5d5;border-left:3px solid var(--gold);font-size:11px;color:#6a5727}
.podcast-notice{padding:17px;display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#0a3564,#075792)!important;color:#fff}
.notice-icon{font-size:24px}.podcast-notice strong{font:700 15px Georgia,serif}.podcast-notice p{font:12px/1.42 Georgia,serif;margin:4px 0 0;color:#e5edf5}

.comments-area{max-width:1180px;margin:24px auto 0;padding:22px 24px}
.comments-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1px solid #e9e1d5;padding-bottom:13px}
.comments-heading h2{font:700 27px Georgia,serif;margin:5px 0 0}.comment-status{font-size:11px;color:#7a8490;background:#f3f4f5;border-radius:18px;padding:7px 10px}
.comments-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:28px;padding-top:20px}
.comment-list{display:grid;gap:14px}
.comment-card{display:grid;grid-template-columns:45px 1fr;gap:13px;border-bottom:1px solid #eee7dc;padding:0 0 14px}
.comment-card.offset{margin-left:42px}
.comment-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0a4e8b,#f0b624);color:#fff;font-weight:800;font-size:12px}
.comment-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.comment-meta strong{font:700 14px Georgia,serif}.comment-meta span{font-size:10px;color:#808a94}
.comment-card p{font:14px/1.5 Georgia,serif;color:#4f5d6b;margin:7px 0}.comment-actions{display:flex;gap:16px;font-size:10px;font-weight:700;color:#1263aa}
.comment-compose{background:#f4f7fa;border-radius:8px;padding:20px;text-align:center}
.compose-lock{font-size:28px}.comment-compose h3{font:700 19px Georgia,serif;margin:7px 0}.comment-compose p{font:12px/1.45 Georgia,serif;color:#5e6b78}
.comment-compose textarea{width:100%;height:95px;resize:none;border:1px solid #cfd8df;border-radius:7px;padding:10px;margin:7px 0 11px;background:#fff}

@media (max-width:900px){
  .podcast-hero{grid-template-columns:1fr}
  .podcast-shell{grid-template-columns:1fr}
  .podcast-side{grid-template-columns:1fr 1fr}
  .comments-layout{grid-template-columns:1fr}
}
@media (max-width:680px){
  .podcast-hero h1{font-size:42px}
  .podcast-section-heading,.comments-heading{align-items:flex-start;flex-direction:column}
  .locked-player{aspect-ratio:4/3}.player-lock{right:7%;max-width:none}
  .episode-summary{grid-template-columns:1fr}.episode-details{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
  .episode-grid{grid-template-columns:1fr}
  .podcast-side{grid-template-columns:1fr}
  .comment-card.offset{margin-left:0}
}

/* Meadowbrook Memories Review Sample v0.2.5.1
   Podcast page refinement only: cleaner spacing and better scale. */

.podcast-page{padding-bottom:30px}

.podcast-hero{
  padding:34px max(24px,calc((100% - 1120px)/2));
  grid-template-columns:1.28fr .72fr;
  gap:32px
}
.podcast-hero h1{font-size:43px;margin:8px 0 12px}
.podcast-hero>div>p:last-child{font-size:15.5px;line-height:1.48;max-width:620px}
.podcast-access-card{padding:19px 20px;border-radius:10px}
.access-icon{font-size:25px}
.podcast-access-card h2{font-size:21px;margin:6px 0 7px}
.podcast-access-card p{font-size:12.5px}
.podcast-access-card strong{font-size:12.5px}
.access-actions{margin:14px 0 7px}
.podcast-access-card .btn{padding:10px 16px;font-size:12px}

.podcast-shell{
  max-width:1120px;
  margin:22px auto 0;
  padding:0 18px;
  grid-template-columns:minmax(0,1.58fr) minmax(260px,.52fr);
  gap:20px
}
.podcast-main{padding:17px}
.podcast-section-heading{margin-bottom:12px}
.podcast-section-heading h2{font-size:24px}
.episode-stats{gap:12px}
.episode-stats strong{font-size:15px}

.locked-player{
  max-height:430px;
  aspect-ratio:16/8.4;
}
.player-lock{left:6%;max-width:330px}
.lock-circle{width:50px;height:50px;font-size:21px}
.player-lock h3{font-size:25px;margin:10px 0 5px}
.player-lock p{font-size:12.8px;line-height:1.42}
.player-lock .btn{padding:10px 17px;font-size:12px}
.media-center-chip{font-size:8px;padding:6px 9px}

.episode-summary{gap:16px;padding:15px 2px 5px}
.episode-summary h3{font-size:19px}
.episode-summary p{font-size:12.8px}
.episode-details{gap:6px}
.episode-details span{padding:5px 8px;font-size:9px}

.episode-library{margin-top:10px;padding-top:15px}
.library-heading{margin-bottom:10px}
.library-heading h2{font-size:19px}
.episode-grid{gap:10px}
.episode-thumb,.episode-placeholder{height:105px}
.episode-tile-copy{padding:9px}
.episode-tile-copy h3{font-size:13.5px}
.episode-tile-copy p{font-size:10.5px}

.podcast-side{gap:14px}
.whitelist-panel{padding:17px}
.whitelist-panel h2{font-size:20px;margin:6px 0 13px}
.whitelist-panel ol{gap:12px}
.whitelist-panel li{grid-template-columns:30px 1fr;gap:9px}
.whitelist-panel li>span{width:28px;height:28px;font-size:12px}
.whitelist-panel li strong{font-size:12.5px}
.whitelist-panel li p{font-size:10.8px}
.whitelist-note{margin-top:13px;padding:9px;font-size:10px}
.podcast-notice{padding:14px;gap:10px}
.notice-icon{font-size:20px}
.podcast-notice strong{font-size:13.5px}
.podcast-notice p{font-size:10.8px}

.comments-area{
  max-width:1120px;
  margin:20px auto 0;
  padding:18px 20px
}
.comments-heading{padding-bottom:10px}
.comments-heading h2{font-size:23px}
.comments-layout{grid-template-columns:1.5fr .5fr;gap:22px;padding-top:16px}
.comment-list{gap:11px}
.comment-card{grid-template-columns:40px 1fr;gap:11px;padding-bottom:11px}
.comment-card.offset{margin-left:28px}
.comment-avatar{width:38px;height:38px;font-size:11px}
.comment-meta strong{font-size:12.5px}
.comment-card p{font-size:12.5px;line-height:1.45;margin:5px 0}
.comment-compose{padding:17px}
.comment-compose h3{font-size:17px}
.comment-compose p{font-size:10.8px}
.comment-compose textarea{height:78px}

@media (max-width:900px){
  .podcast-hero{padding:30px 22px}
  .podcast-shell,.comments-area{max-width:760px}
  .locked-player{aspect-ratio:16/9;max-height:none}
}
@media (max-width:680px){
  .podcast-hero h1{font-size:36px}
  .podcast-access-card{padding:17px}
  .podcast-shell{padding:0 12px}
  .podcast-main{padding:14px}
  .locked-player{aspect-ratio:4/3}
  .player-lock{left:7%;right:7%;max-width:none}
  .comments-area{margin-left:12px;margin-right:12px;padding:15px}
}


/* Meadowbrook Memories Home Page Review Sample v0.2.6 — book cover fix + news page */
.book-cover-image{border-radius:4px}

.news-page{background:linear-gradient(#f7f4ec,#f2ede2);padding-bottom:42px}
.news-hero{
  background:
    radial-gradient(circle at 85% 18%,rgba(244,180,29,.18),transparent 24%),
    linear-gradient(105deg,#042447 0%,#063a73 62%,#0a6dad 100%);
  color:#fff;padding:48px max(24px,calc((100% - 1180px)/2));border-bottom:4px solid var(--gold)
}
.news-hero h1{font:700 52px/.95 Georgia,serif;margin:10px 0 12px}
.news-hero-sub{font:700 19px/1.25 Georgia,serif;color:#ffd45a;margin:0 0 12px}
.news-hero-text{font:17px/1.55 Georgia,serif;max-width:760px;margin:0}
.news-feature-wrap,.news-gallery-section{max-width:1180px;margin:28px auto 0;padding:0 20px}
.banquet-feature-card{display:grid;grid-template-columns:1.02fr .98fr;gap:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.banquet-feature-image{background:#082d58;min-height:320px}
.banquet-feature-image img{width:100%;height:100%;display:block;object-fit:cover}
.banquet-feature-copy{padding:28px 28px 26px;display:flex;flex-direction:column;justify-content:center}
.banquet-feature-copy h2{font:700 33px/1.08 Georgia,serif;color:#082b57;margin:10px 0 14px}
.banquet-feature-copy p{font:15px/1.62 Georgia,serif;color:#4f5d6c;margin:0}
.banquet-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.banquet-meta span{background:#eef4fa;color:#164a7a;border-radius:16px;padding:7px 10px;font-size:10px;font-weight:700}
.news-page-heading{margin-bottom:18px}
.no-arrow{cursor:default}
.banquet-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.banquet-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.banquet-card.large{grid-row:span 2}
.banquet-card.wide{grid-column:1 / -1}
.banquet-card img{width:100%;height:280px;display:block;object-fit:cover;background:#0a2c54}
.banquet-card.large img{height:100%}
.banquet-card.wide img{height:260px}
.banquet-card-copy{padding:18px 18px 20px}
.banquet-card-copy h3{font:700 24px/1.08 Georgia,serif;color:#082b57;margin:0 0 9px}
.banquet-card-copy p{font:14px/1.55 Georgia,serif;color:#566474;margin:0}

@media (max-width:900px){
  .news-hero{padding:34px 22px}
  .news-hero h1{font-size:42px}
  .news-hero-sub{font-size:18px}
  .news-hero-text{font-size:15px}
  .banquet-feature-card{grid-template-columns:1fr}
  .banquet-gallery{grid-template-columns:1fr}
  .banquet-card.large,.banquet-card.wide{grid-row:auto;grid-column:auto}
  .banquet-card.large img,.banquet-card img,.banquet-card.wide img{height:260px}
}
@media (max-width:620px){
  .news-hero h1{font-size:36px}
  .news-feature-wrap,.news-gallery-section{padding:0 12px}
  .banquet-feature-copy{padding:20px}
  .banquet-feature-copy h2{font-size:28px}
  .banquet-card-copy{padding:15px}
  .banquet-card-copy h3{font-size:20px}
  .banquet-card.large img,.banquet-card img,.banquet-card.wide img{height:220px}
}

/* v0.7 staging refinement: show the complete bottom banquet photo without cropping faces. */
.banquet-card.wide img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center top;background:#fff}
@media (max-width:900px){.banquet-card.wide img{height:auto}}
@media (max-width:620px){.banquet-card.wide img{height:auto}}


/* Meadowbrook Memories Review Sample v0.2.7 — supplied Latest Episodes only */
.episode-video-thumb{background:#061b33;overflow:hidden}
.episode-video-thumb video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#061b33;
}
.episode-video-thumb .mini-lock{pointer-events:none}


/* Meadowbrook Memories Review Sample v0.2.8 — Stalwarts page */
.stalwarts-page{background:linear-gradient(#f7f3e9,#f0eadf);padding-bottom:40px}
.stalwarts-hero{
  text-align:center;color:#fff;padding:50px 22px 45px;border-bottom:4px solid var(--gold);
  background:
    radial-gradient(circle at 82% 24%,rgba(244,180,29,.20),transparent 26%),
    linear-gradient(105deg,#031f43 0%,#063d76 62%,#075b9d 100%)
}
.stalwarts-hero h1{font:700 54px/.95 Georgia,serif;margin:9px 0 8px}
.stalwarts-subtitle{font:700 24px/1.2 Georgia,serif;color:#ffd45a;margin:0 0 12px}
.stalwarts-intro{max-width:760px;margin:0 auto;font:16px/1.55 Georgia,serif;color:#edf4fa}
.stalwarts-board{max-width:1120px;margin:28px auto 0;padding:0 20px;display:grid;gap:26px}
.stalwart-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.stalwart-heading{padding:22px 24px 14px;border-bottom:1px solid #e9e1d5}
.stalwart-heading h2{font:700 31px Georgia,serif;color:#082b57;margin:7px 0 0}
.thorpe-original{background:#e8dfcf;padding:24px;display:flex;justify-content:center}
.thorpe-original img{
  display:block;width:100%;max-width:760px;height:auto;
  box-shadow:0 10px 28px rgba(0,0,0,.18);background:#f3eadb
}
.mclennon-layout{display:grid;grid-template-columns:minmax(280px,.62fr) 1.38fr;gap:28px;padding:26px}
.mclennon-photo{margin:0;align-self:start;background:#eee3d2;padding:12px;border-radius:7px}
.mclennon-photo img{display:block;width:100%;height:auto}
.stalwart-copy{font:15px/1.62 Georgia,serif;color:#4e5c6a}
.stalwart-copy p{margin:0 0 15px}
.stalwart-copy p:last-child{margin-bottom:0}
.stalwarts-review-note{
  max-width:1120px;margin:22px auto 0;padding:13px 17px;background:#fff7dc;
  border-left:4px solid var(--gold);color:#665227;font:13px/1.45 Georgia,serif
}
@media (max-width:760px){
  .stalwarts-hero h1{font-size:43px}
  .stalwarts-subtitle{font-size:21px}
  .mclennon-layout{grid-template-columns:1fr}
  .mclennon-photo{max-width:430px;margin:0 auto}
  .thorpe-original{padding:14px}
}


/* Meadowbrook Memories Review Sample v0.2.9 — History page */
.history-page{background:linear-gradient(#f7f3e9,#f0eadf);padding-bottom:42px}
.history-hero{
  text-align:center;color:#fff;padding:50px 22px 45px;border-bottom:4px solid var(--gold);
  background:
    radial-gradient(circle at 82% 24%,rgba(244,180,29,.20),transparent 26%),
    linear-gradient(105deg,#031f43 0%,#063d76 62%,#075b9d 100%)
}
.history-hero h1{font:700 54px/.95 Georgia,serif;margin:9px 0 8px}
.history-subtitle{font:700 24px/1.2 Georgia,serif;color:#ffd45a;margin:0 0 12px}
.history-intro{max-width:760px;margin:0 auto;font:16px/1.55 Georgia,serif;color:#edf4fa}
.history-board{max-width:1120px;margin:28px auto 0;padding:0 20px}
.history-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.history-card-heading{padding:22px 24px 14px;border-bottom:1px solid #e9e1d5}
.history-card-heading h2{font:700 31px/1.15 Georgia,serif;color:#082b57;margin:7px 0 0}
.history-original{background:#e8dfcf;padding:24px;display:flex;justify-content:center}
.history-original img{
  display:block;width:100%;max-width:900px;height:auto;
  box-shadow:0 10px 28px rgba(0,0,0,.18);background:#f3eadb
}
@media (max-width:760px){
  .history-hero h1{font-size:43px}
  .history-subtitle{font-size:21px}
  .history-card-heading h2{font-size:26px}
  .history-original{padding:14px}
}


/* Meadowbrook Memories Review Sample v0.2.10 — Newsletter page */
.newsletter-page{background:#f5f1e8;padding-bottom:48px}
.newsletter-page-hero{
  text-align:center;color:#fff;padding:48px 22px 42px;border-bottom:4px solid var(--gold);
  background:
    radial-gradient(circle at 85% 20%,rgba(244,180,29,.18),transparent 26%),
    linear-gradient(105deg,#031f43 0%,#063d76 62%,#075b9d 100%)
}
.newsletter-page-hero h1{font:700 48px/1 Georgia,serif;margin:8px 0 10px}
.newsletter-issue-line{color:#ffd45a;font-weight:800;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}
.newsletter-page-intro{max-width:780px;margin:0 auto;color:#edf4fa;font:16px/1.55 Georgia,serif}

.newsletter-shell{
  max-width:1100px;margin:30px auto 0;background:#fff;border-radius:12px;
  box-shadow:0 12px 30px rgba(4,31,67,.14);overflow:hidden;border:1px solid #dfd8ca
}
.newsletter-masthead{
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;
  background:#fff;border-bottom:4px solid var(--gold)
}
.newsletter-mast-brand{display:flex;align-items:center;gap:14px}
.newsletter-mast-brand img{width:66px;height:66px;object-fit:cover;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.14)}
.newsletter-mast-brand strong{display:block;color:#073866;font:700 25px/1 Georgia,serif;letter-spacing:.04em}
.newsletter-mast-brand span{display:block;color:#b57500;font-size:11px;font-weight:800;letter-spacing:.16em;margin-top:5px}
.newsletter-edition{text-align:right;color:#073866}
.newsletter-edition strong{display:block;font-size:21px;letter-spacing:.12em}
.newsletter-edition span{font-size:12px;font-weight:700}

.newsletter-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:330px;background:#062f58}
.newsletter-feature-media img{width:100%;height:100%;object-fit:cover;display:block}
.newsletter-feature-copy{padding:42px 38px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.newsletter-kicker{display:inline-block;color:#f5b51b;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.newsletter-feature-copy h2{font:700 38px/1.08 Georgia,serif;margin:0 0 14px}
.newsletter-feature-copy p{font:17px/1.55 Georgia,serif;color:#eaf2f8;margin:0 0 22px}
.newsletter-button{
  align-self:flex-start;background:#f7bd25;color:#062f58;text-decoration:none;font-weight:900;
  padding:12px 18px;border-radius:7px
}

.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #e7e0d5}
.newsletter-story-card{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:24px;border-right:1px solid #e7e0d5}
.newsletter-story-card:nth-child(2){border-right:0}
.newsletter-story-card img{width:180px;height:145px;object-fit:cover;border-radius:7px}
.newsletter-story-card h3,.newsletter-mini-card h3{font:700 23px/1.15 Georgia,serif;color:#082d58;margin:0 0 8px}
.newsletter-story-card p,.newsletter-mini-card p{color:#4d5661;line-height:1.5;margin:0 0 9px}
.newsletter-story-card a,.newsletter-mini-card a{color:#07599f;font-weight:800;text-decoration:none}

.newsletter-grid-secondary{background:#fbf8f1}
.newsletter-mini-card{display:grid;grid-template-columns:145px 1fr;gap:17px;padding:22px 24px;border-right:1px solid #e7e0d5}
.newsletter-mini-card:nth-child(2){border-right:0}
.newsletter-mini-card img{width:145px;height:135px;object-fit:cover;border-radius:7px}

.newsletter-ad-sample{
  margin:22px 24px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:linear-gradient(110deg,#f9efd6,#fff8e6);border:1px solid #e7c974;border-radius:8px
}
.newsletter-ad-sample h3{font:700 24px/1.1 Georgia,serif;color:#082d58;margin:0 0 6px}
.newsletter-ad-sample p{margin:0;color:#59626c}
.newsletter-ad-label{white-space:nowrap;border:2px dashed #bd8610;color:#9c6b00;padding:10px 14px;border-radius:6px;font-weight:900;font-size:12px;letter-spacing:.12em}

.newsletter-quick-links{padding:20px 24px 24px;border-top:1px solid #e9e2d7}
.newsletter-quick-links h2{font:700 23px Georgia,serif;color:#082d58;margin:0 0 13px}
.newsletter-link-row{display:flex;gap:10px;flex-wrap:wrap}
.newsletter-link-row a{
  background:#e9f2f9;color:#074e87;text-decoration:none;font-weight:800;padding:9px 13px;border-radius:20px
}
.newsletter-email-footer{text-align:center;background:#062f58;color:#fff;padding:19px 22px}
.newsletter-email-footer strong,.newsletter-email-footer span,.newsletter-email-footer small{display:block}
.newsletter-email-footer span{color:#f5c84c;margin:4px 0}
.newsletter-email-footer small{color:#ccd8e3}

.newsletter-archive{max-width:1100px;margin:38px auto 0;padding:0 20px}
.newsletter-archive-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:17px}
.newsletter-archive-heading h2{font:700 34px/1 Georgia,serif;color:#082d58;margin:4px 0 0}
.newsletter-archive-heading>p{max-width:520px;color:#5d6570;margin:0;line-height:1.5}
.newsletter-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.archive-card{background:#fff;border-radius:10px;box-shadow:0 7px 20px rgba(4,31,67,.10);overflow:hidden;border:1px solid #ded7ca}
.archive-card .archive-date{display:block;padding:12px 16px;color:#fff;background:#073866;font-size:12px;font-weight:900;letter-spacing:.10em}
.archive-thumb img{display:block;width:100%;height:165px;object-fit:cover;filter:saturate(.7)}
.archive-card h3{font:700 23px Georgia,serif;color:#082d58;margin:15px 16px 6px}
.archive-card p{color:#59626d;line-height:1.45;margin:0 16px 14px}
.archive-placeholder-label{display:inline-block;margin:0 16px 18px;padding:7px 9px;background:#f4ead0;color:#8b650c;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.11em}

@media(max-width:820px){
  .newsletter-feature{grid-template-columns:1fr}
  .newsletter-feature-media img{max-height:320px}
  .newsletter-grid{grid-template-columns:1fr}
  .newsletter-story-card,.newsletter-mini-card{border-right:0;border-bottom:1px solid #e7e0d5}
  .newsletter-archive-grid{grid-template-columns:1fr}
  .newsletter-archive-heading{display:block}
  .newsletter-archive-heading>p{margin-top:12px}
}
@media(max-width:600px){
  .newsletter-page-hero h1{font-size:38px}
  .newsletter-masthead{align-items:flex-start}
  .newsletter-mast-brand img{width:52px;height:52px}
  .newsletter-mast-brand strong{font-size:20px}
  .newsletter-edition{font-size:11px}
  .newsletter-story-card,.newsletter-mini-card{grid-template-columns:1fr}
  .newsletter-story-card img,.newsletter-mini-card img{width:100%;height:220px}
  .newsletter-ad-sample{display:block}
  .newsletter-ad-label{display:inline-block;margin-top:15px}
}


/* Meadowbrook Memories Review Sample v0.2.11 — About page */
.about-page{background:#f5f1e8;padding-bottom:48px}
.about-hero{
  color:#fff;border-bottom:4px solid var(--gold);
  background:
    radial-gradient(circle at 82% 18%,rgba(244,180,29,.20),transparent 27%),
    linear-gradient(105deg,#031f43 0%,#06477f 67%,#075c9d 100%)
}
.about-hero-inner{max-width:1050px;margin:0 auto;padding:55px 28px 48px}
.about-hero h1{font:700 52px/.98 Georgia,serif;margin:9px 0 15px}
.about-hero p:last-child{max-width:760px;margin:0;color:#eaf2f8;font:18px/1.55 Georgia,serif}

.about-intro-card{
  max-width:1100px;margin:30px auto 0;background:#fff;border-radius:12px;box-shadow:var(--shadow);
  display:grid;grid-template-columns:1.45fr .8fr;gap:0;overflow:hidden
}
.about-intro-copy{padding:34px 38px}
.about-intro-copy h2,.founder-copy h2,.about-origin h2{
  font:700 34px/1.12 Georgia,serif;color:#082d58;margin:9px 0 17px
}
.about-intro-copy p,.founder-copy p,.about-origin p{color:#47535f;line-height:1.68;margin:0 0 14px}
.about-purpose-panel{background:#073866;color:#fff;padding:34px 30px}
.about-purpose-panel h3{font:700 25px/1.15 Georgia,serif;color:#ffd45a;margin:0 0 17px}
.about-purpose-panel ul{margin:0;padding-left:20px}
.about-purpose-panel li{margin:0 0 13px;line-height:1.45;color:#eef5fb}

.founder-section{
  max-width:1100px;margin:28px auto 0;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;
  align-items:start;padding:0 20px
}
.founder-photo-wrap{background:#fff;padding:14px;border-radius:11px;box-shadow:var(--shadow)}
.founder-photo-wrap img{display:block;width:100%;height:auto;border-radius:7px}
.photo-caption{font-size:12px;line-height:1.4;color:#66717b;font-style:italic;margin:10px 4px 2px}
.founder-copy{background:#fff;padding:31px 34px;border-radius:11px;box-shadow:var(--shadow)}
.founder-lead{font:700 20px/1.35 Georgia,serif!important;color:#9b6b00!important;border-left:4px solid var(--gold);padding-left:15px;margin:0 0 18px!important}

.about-origin{max-width:1100px;margin:28px auto 0;padding:0 20px}
.about-origin>div{background:#fff;padding:32px 38px;border-radius:11px;box-shadow:var(--shadow)}
.about-origin blockquote{
  margin:23px 0 4px;padding:20px 24px;background:#f3ead5;border-left:5px solid var(--gold);
  color:#082d58;font:700 23px/1.45 Georgia,serif
}

.about-callout{
  max-width:1100px;margin:28px auto 0;padding:28px 32px;border-radius:11px;
  background:linear-gradient(110deg,#062f58,#07558f);color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:28px
}
.about-callout h2{font:700 29px/1.15 Georgia,serif;margin:0 0 8px;color:#fff}
.about-callout p{max-width:690px;margin:0;color:#e2edf6;line-height:1.55}
.about-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.btn-outline-light{border:1px solid rgba(255,255,255,.8);color:#fff;background:transparent}
.btn-outline-light:hover{background:#fff;color:#073866}

@media(max-width:850px){
  .about-intro-card{grid-template-columns:1fr;margin-left:20px;margin-right:20px}
  .founder-section{grid-template-columns:1fr}
  .founder-photo-wrap{max-width:620px;margin:0 auto}
  .about-callout{margin-left:20px;margin-right:20px;display:block}
  .about-actions{justify-content:flex-start;margin-top:18px}
}
@media(max-width:600px){
  .about-hero h1{font-size:40px}
  .about-intro-copy,.founder-copy,.about-origin>div{padding:25px 23px}
  .about-intro-copy h2,.founder-copy h2,.about-origin h2{font-size:29px}
  .about-origin blockquote{font-size:20px}
}


/* Meadowbrook Memories Review Sample v0.2.12 — Support page */
.support-page{background:#f5f1e8;padding-bottom:48px}
.support-hero{
  color:#fff;border-bottom:4px solid var(--gold);
  background:
    radial-gradient(circle at 84% 20%,rgba(244,180,29,.18),transparent 28%),
    linear-gradient(105deg,#031f43 0%,#06477f 67%,#075c9d 100%)
}
.support-hero-inner{max-width:1080px;margin:0 auto;padding:56px 28px 50px}
.support-hero h1{font:700 51px/1.05 Georgia,serif;margin:8px 0 17px;max-width:900px}
.support-hero p:last-child{max-width:820px;margin:0;color:#edf4fa;font:18px/1.55 Georgia,serif}

.support-story-card{
  max-width:1100px;margin:30px auto 0;background:#fff;border-radius:12px;box-shadow:var(--shadow);
  display:grid;grid-template-columns:1.3fr .8fr;overflow:hidden
}
.support-story-card>div{padding:34px 38px}
.support-story-card h2,.support-section-heading h2{
  font:700 34px/1.12 Georgia,serif;color:#082d58;margin:9px 0 17px
}
.support-story-card p{color:#47535f;line-height:1.67;margin:0 0 14px}
.support-impact{background:#073866;color:#fff;padding:34px 30px}
.support-impact h3{font:700 25px/1.15 Georgia,serif;color:#ffd45a;margin:0 0 18px}
.support-impact ul{list-style:none;padding:0;margin:0}
.support-impact li{margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.18)}
.support-impact li:last-child{border-bottom:0;margin-bottom:0}
.support-impact strong,.support-impact span{display:block}
.support-impact strong{color:#fff;margin-bottom:4px}
.support-impact span{color:#dce8f2;font-size:14px;line-height:1.45}

.support-tools,.shop-section{max-width:1100px;margin:34px auto 0;padding:0 20px}
.support-section-heading{text-align:center;max-width:820px;margin:0 auto 22px}
.support-section-heading p:last-child{color:#5d6670;line-height:1.55}
.support-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.donation-card,.sponsor-card,.cart-panel{
  background:#fff;border-radius:11px;box-shadow:var(--shadow);padding:26px;border:1px solid #e2dbcf
}
.card-heading-row,.cart-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.card-heading-row>div,.cart-heading>div{display:flex;align-items:center;gap:11px}
.card-heading-row h3,.cart-heading h3{font:700 27px Georgia,serif;color:#082d58;margin:0}
.support-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#f4bf32;color:#073866;font-weight:900;font-size:20px}
.demo-pill{font-size:10px;font-weight:900;letter-spacing:.1em;background:#f4ead0;color:#8c6508;padding:7px 9px;border-radius:20px}

.donation-card label,.cart-panel label{display:block;font-size:13px;font-weight:800;color:#2f3f4d;margin:14px 0 7px}
.amount-row{display:grid;grid-template-columns:.72fr 1.28fr;gap:10px}
.donation-card input,.donation-card select,.donation-card textarea,.cart-panel select{
  width:100%;box-sizing:border-box;border:1px solid #cfd5da;border-radius:7px;padding:11px 12px;background:#fff;color:#273846;font:inherit
}
.quick-amounts{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.quick-amounts button{border:1px solid #cdd9e3;background:#edf4f9;color:#07538f;padding:7px 11px;border-radius:18px;font-weight:800;cursor:pointer}
.payment-choice-title{font-weight:900;color:#082d58;margin:19px 0 10px}
.payment-button{
  width:100%;border:0;border-radius:7px;padding:13px 15px;margin:0 0 9px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:11px;font-weight:900;font-size:15px
}
.paypal-demo{background:#ffc439;color:#123f70}
.paypal-word{font:italic 900 19px Arial,sans-serif;color:#003087}
.card-demo{background:#073866;color:#fff}
.card-chip{width:24px;height:17px;border-radius:3px;background:linear-gradient(135deg,#d7b554,#f4dc82);display:inline-block}
.card-brands{display:flex;gap:8px;flex-wrap:wrap;margin:11px 0 4px}
.card-brand{height:28px;min-width:52px;border:1px solid #d7dce0;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-family:Arial,sans-serif;font-size:11px;padding:0 7px;position:relative;overflow:hidden}
.card-brand.visa{color:#1a1f71;font-style:italic;font-size:16px}
.card-brand.mastercard{min-width:88px;color:#333;font-size:8px;padding-left:34px}
.card-brand.mastercard i,.card-brand.mastercard b{position:absolute;width:20px;height:20px;border-radius:50%;top:4px}
.card-brand.mastercard i{left:7px;background:#eb001b}
.card-brand.mastercard b{left:19px;background:#f79e1b;opacity:.92}
.card-brand.mastercard em{font-style:normal}
.card-brand.amex{background:#2b7bbb;color:#fff;line-height:.9;font-size:8px}
.card-brand.discover{color:#111}
.payment-note,.small-muted,.currency-demo-note{font-size:11px;line-height:1.45;color:#69737c;margin-top:12px}

.sponsor-card>p{color:#4e5964;line-height:1.6}
.sponsor-list{margin:18px 0}
.sponsor-list>div{padding:12px 0;border-bottom:1px solid #e8e3da}
.sponsor-list>div:last-child{border-bottom:0}
.sponsor-list strong,.sponsor-list span{display:block}
.sponsor-list strong{color:#082d58;margin-bottom:3px}
.sponsor-list span{font-size:13px;color:#626c75}
.support-primary-link{
  display:inline-block;text-decoration:none;background:#f4bf32;color:#073866;font-weight:900;
  padding:12px 17px;border-radius:7px;border:0;cursor:pointer
}

.shop-section{margin-top:42px}
.shop-layout{display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:start}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{background:#fff;border:1px solid #e2dbcf;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(4,31,67,.08)}
.product-image-wrap,.product-placeholder-art{height:220px;background:#eee5d6;display:flex;align-items:center;justify-content:center}
.product-image-wrap img{width:100%;height:100%;object-fit:cover}
.product-placeholder-art{background:linear-gradient(135deg,#dfeaf4,#f6f1e7)}
.gold-art{background:linear-gradient(135deg,#f6e7b4,#f7f0dc)}
.mock-shirt,.mock-keepsake{width:95px;height:95px;border-radius:15px;background:#073866;color:#f4bf32;display:grid;place-items:center;font:900 36px Georgia,serif;box-shadow:0 9px 18px rgba(0,0,0,.12)}
.mock-keepsake{border-radius:50%;background:#f4bf32;color:#073866}
.product-card-copy{padding:18px}
.product-type{font-size:10px;font-weight:900;color:#a16d05;letter-spacing:.12em}
.product-card h3{font:700 21px/1.15 Georgia,serif;color:#082d58;margin:6px 0 8px}
.product-card p{font-size:13px;line-height:1.5;color:#606a73;min-height:76px}
.product-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.product-price{color:#073866;font-size:17px}
.add-cart{border:0;background:#073866;color:#fff;padding:9px 11px;border-radius:6px;font-weight:800;cursor:pointer}

.cart-panel{position:sticky;top:18px}
.cart-icon{font-size:24px}
.cart-count{display:grid;place-items:center;min-width:29px;height:29px;padding:0 6px;background:#f4bf32;color:#073866;border-radius:20px;font-weight:900}
.cart-items{margin:15px 0;max-height:260px;overflow:auto;border-top:1px solid #eee7dc;border-bottom:1px solid #eee7dc}
.cart-empty{font-size:13px;color:#777;text-align:center;padding:23px 0}
.cart-item{padding:12px 0;display:grid;grid-template-columns:1fr auto;gap:7px;border-bottom:1px solid #eee7dc}
.cart-item:last-child{border-bottom:0}
.cart-item strong{font-size:13px;color:#082d58}
.cart-item small{display:block;color:#6a747d;margin-top:2px}
.cart-item button{border:0;background:transparent;color:#a22;font-size:11px;cursor:pointer}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;font-size:18px;color:#082d58;margin:15px 0}
.checkout-demo{width:100%;border:0;background:#f4bf32;color:#073866;padding:12px;border-radius:7px;font-weight:900;cursor:pointer}

.legacy-callout{max-width:1100px;margin:36px auto 0;padding:0 20px}
.legacy-callout>div{background:linear-gradient(110deg,#062f58,#07558f);color:#fff;padding:34px 38px;border-radius:11px}
.legacy-callout h2{font:700 32px/1.12 Georgia,serif;margin:7px 0 12px}
.legacy-callout p{max-width:850px;color:#e3edf5;line-height:1.6}
.signature-line{margin-top:20px!important;color:#fff!important}
.signature-line span{color:#f1c95d}

.demo-modal{position:fixed;inset:0;background:rgba(1,16,30,.72);z-index:9999;display:grid;place-items:center;padding:20px}
.demo-modal[hidden]{display:none}
.demo-modal-card{position:relative;max-width:470px;background:#fff;border-radius:12px;padding:32px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.demo-modal-close{position:absolute;right:13px;top:8px;border:0;background:transparent;font-size:28px;color:#65717b;cursor:pointer}
.demo-modal-icon{display:grid;place-items:center;margin:0 auto 14px;width:48px;height:48px;border-radius:50%;background:#e8f3df;color:#3b7522;font-size:24px;font-weight:900}
.demo-modal-card h2{font:700 28px Georgia,serif;color:#082d58;margin:0 0 10px}
.demo-modal-card p{color:#59636d;line-height:1.55}
.modal-ok{margin-top:8px}

@media(max-width:900px){
  .support-story-card{grid-template-columns:1fr;margin-left:20px;margin-right:20px}
  .support-two-col{grid-template-columns:1fr}
  .shop-layout{grid-template-columns:1fr}
  .cart-panel{position:static}
  .product-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .support-hero h1{font-size:39px}
  .support-story-card>div,.support-impact{padding:26px 23px}
  .product-grid{grid-template-columns:1fr}
  .amount-row{grid-template-columns:1fr}
}


/* Meadowbrook Memories Media Center Integration Sample v0.2.8 */
.media-center-live-player{
  position:relative;
  background:#061b33;
  overflow:hidden;
  border-radius:9px;
  min-height:360px;
  display:grid;
  place-items:center
}
.media-center-loading{
  color:#fff;
  text-align:center;
  padding:45px 28px;
  max-width:520px
}
.media-center-loading .lock-circle{margin:0 auto}
.media-center-loading h3{
  font:700 27px Georgia,serif;
  margin:13px 0 7px
}
.media-center-loading p{
  font:14px/1.5 Georgia,serif;
  margin:0;
  color:#e5edf5
}
.media-center-player-host{
  width:100%;
  height:100%;
  min-height:360px
}
.media-center-media{
  display:block;
  width:100%;
  min-height:360px;
  max-height:520px;
  background:#031b38;
  object-fit:contain
}
audio.media-center-media{
  min-height:110px;
  padding:28px;
  background:linear-gradient(135deg,#031b38,#075792)
}
.media-center-status{
  margin-top:12px!important;
  padding:10px 12px;
  background:#fff5d5;
  border-left:3px solid var(--gold);
  color:#665227!important;
  font-size:11.5px!important
}
@media (max-width:680px){
  .media-center-live-player,
  .media-center-player-host,
  .media-center-media{min-height:240px}
}


/* Meadowbrook Memories v0.12.2 — Accessibility pass */
html{scroll-behavior:smooth}
.skip-link{
  position:fixed;left:14px;top:10px;z-index:10050;
  transform:translateY(-180%);padding:11px 15px;border-radius:6px;
  background:#fff;color:#002b5c;font-weight:800;text-decoration:underline;
  box-shadow:0 4px 14px rgba(0,0,0,.28)
}
.skip-link:focus{transform:translateY(0)}

/* Strong keyboard focus without changing the normal design. */
:where(a,button,input,select,textarea,video,audio,[tabindex]):focus-visible{
  outline:3px solid #ffbf00!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 2px #082b57!important;
}
.nav-links a:focus-visible,.btn:focus-visible{border-radius:5px}
.text-link{text-decoration-thickness:.09em;text-underline-offset:.18em}
.text-link:hover,.text-link:focus-visible,.footer-links a:hover,.footer-links a:focus-visible{text-decoration:underline}

/* Keep text readable when users zoom or increase browser text size. */
body{overflow-wrap:anywhere}
img,video{max-width:100%}
main{min-width:0}

/* Accessibility controls are intentionally compact and visually secondary. */
.accessibility-tools{position:fixed;left:16px;bottom:16px;z-index:10000;font-family:Arial,sans-serif}
.accessibility-launcher{
  border:2px solid #fff;border-radius:999px;padding:10px 14px;
  background:#052b57;color:#fff;font-weight:800;box-shadow:0 4px 16px rgba(0,0,0,.28);cursor:pointer
}
.accessibility-panel{
  position:absolute;left:0;bottom:50px;width:min(310px,calc(100vw - 32px));
  background:#fff;color:#152235;border:2px solid #082b57;border-radius:10px;
  padding:14px;box-shadow:0 8px 28px rgba(0,0,0,.3)
}
.accessibility-panel[hidden]{display:none}
.accessibility-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dee8;padding-bottom:8px;margin-bottom:10px;color:#082b57}
.accessibility-panel-head strong{font:700 19px Georgia,serif}
.accessibility-close{background:transparent;border:0;font-size:26px;line-height:1;cursor:pointer;color:#082b57;padding:2px 7px}
.accessibility-control-group{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.accessibility-control-group button{
  border:1px solid #7b899a;background:#f7f9fb;color:#082b57;border-radius:6px;padding:8px 10px;font-weight:700;cursor:pointer
}
.accessibility-toggle{display:flex;align-items:center;gap:8px;margin:9px 0;cursor:pointer}
.accessibility-toggle input{width:18px;height:18px}
.accessibility-note{font-size:12px;line-height:1.35;color:#4d5c6d;margin:10px 0 0}

/* User-selected text scaling. */
html.a11y-text-1{font-size:112.5%}
html.a11y-text-2{font-size:125%}
html.a11y-text-minus{font-size:93.75%}

/* High-contrast mode keeps Meadowbrook's navy/gold character while improving separation. */
html.a11y-high-contrast body{background:#fff;color:#000}
html.a11y-high-contrast :where(.site-header,.main-nav,footer,.review-banner,.alumni-hero,.podcast-hero,.news-page-hero,.stalwarts-hero,.history-hero,.newsletter-hero,.support-hero,.about-hero){filter:contrast(1.18)}
html.a11y-high-contrast :where(p,li,.meta,.news-date,.episode-summary p,.accessibility-note){color:#111!important}
html.a11y-high-contrast :where(a:not(.btn),.text-link){color:#003f8f!important;text-decoration:underline!important}
html.a11y-high-contrast :where(.panel,.book-panel,.news-card,.alumni-story-card,.support-card,.newsletter-card){border:2px solid #1f2c3a}

/* Optional spacing for low-vision/readability needs. */
html.a11y-spacing body{line-height:1.65}
html.a11y-spacing p,html.a11y-spacing li{line-height:1.75!important;letter-spacing:.02em;word-spacing:.08em}
html.a11y-spacing h1,html.a11y-spacing h2,html.a11y-spacing h3{line-height:1.25!important;letter-spacing:.015em}

/* Honor both the OS preference and the site's accessibility toggle. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
html.a11y-reduce-motion *,html.a11y-reduce-motion *::before,html.a11y-reduce-motion *::after{
  scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important
}

@media (max-width:620px){
  .accessibility-tools{left:10px;bottom:10px}
  .accessibility-launcher{padding:9px 12px;font-size:13px}
}



/* =========================================================
   Meadowbrook Memories Responsive Optimization v0.12.3
   Conservative responsive pass: layout behavior only.
   Existing visual identity, colors, content and hierarchy preserved.
   ========================================================= */

/* Fluid media and safer text wrapping */
img,
video,
audio,
iframe,
svg {
  max-width: 100%;
}

img,
video {
  height: auto;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  overflow-x: hidden;
}

main,
section,
article,
aside,
header,
footer,
nav,
.container,
.wrap,
.content,
.page-shell {
  min-width: 0;
}

p,
li,
blockquote,
figcaption,
.card,
.story-card,
.news-card,
.episode-summary,
.support-card {
  overflow-wrap: anywhere;
}

/* Allow headings to scale without changing the established typography */
h1 {
  font-size: clamp(2rem, 5vw, 4.75rem);
}

h2 {
  font-size: clamp(1.65rem, 3.7vw, 3rem);
}

h3 {
  font-size: clamp(1.2rem, 2.6vw, 1.75rem);
}

/* Preserve desktop width but avoid edge collisions */
.container,
.wrap,
.page-shell {
  width: min(100% - 2rem, 1180px);
  margin-inline: auto;
}

/* Generic grids adapt gracefully where the current site uses them */
.grid,
.cards,
.story-grid,
.news-grid,
.episode-grid,
.shop-grid,
.support-grid,
.sponsor-grid,
.footer-grid {
  min-width: 0;
}

/* Media Center player */
.media-center-live-player,
.media-center-player-host,
.media-center-player-host video,
.media-center-player-host audio {
  width: 100%;
  max-width: 100%;
}

.media-center-player-host video {
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

/* Forms and controls should never overflow narrow screens */
input,
select,
textarea,
button {
  max-width: 100%;
}

input,
select,
textarea {
  width: 100%;
}

button,
.btn,
.button {
  white-space: normal;
}

/* Tables remain usable rather than forcing whole-page horizontal scroll */
table {
  width: 100%;
  max-width: 100%;
}

.table-wrap,
.responsive-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Tablet */
@media (max-width: 900px) {
  .container,
  .wrap,
  .page-shell {
    width: min(100% - 1.5rem, 1180px);
  }

  /* Collapse common multi-column arrangements conservatively */
  .hero-grid,
  .about-grid,
  .story-grid,
  .news-grid,
  .support-grid,
  .sponsor-grid,
  .footer-grid,
  .episode-summary,
  .book-grid,
  .newsletter-grid {
    grid-template-columns: 1fr !important;
  }

  .episode-summary {
    gap: 1.25rem;
  }

  .episode-details {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .shop-grid,
  .cards,
  .grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  }

  header .container,
  .site-header .container,
  .topbar .container {
    min-width: 0;
  }

  nav ul,
  .nav-links,
  .site-nav ul {
    flex-wrap: wrap;
    row-gap: .65rem;
  }

  .hero,
  .section,
  section {
    scroll-margin-top: 5rem;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .container,
  .wrap,
  .page-shell {
    width: min(100% - 1rem, 1180px);
  }

  body {
    font-size: 1rem;
  }

  .hero,
  section,
  .section {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-grid,
  .about-grid,
  .story-grid,
  .news-grid,
  .support-grid,
  .sponsor-grid,
  .footer-grid,
  .book-grid,
  .newsletter-grid,
  .shop-grid,
  .cards,
  .grid {
    grid-template-columns: 1fr !important;
  }

  nav ul,
  .nav-links,
  .site-nav ul {
    gap: .45rem .8rem;
  }

  nav a,
  .nav-links a,
  .site-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .btn,
  .button,
  button {
    min-height: 44px;
  }

  .episode-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .media-center-chip {
    max-width: calc(100% - 1rem);
    white-space: normal;
  }

  .media-center-player-host video {
    aspect-ratio: 16 / 9;
  }

  .donation-actions,
  .support-actions,
  .shop-actions,
  .cta-row,
  .button-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .75rem;
  }

  .donation-actions .btn,
  .support-actions .btn,
  .shop-actions .btn,
  .cta-row .btn,
  .button-row .btn {
    width: 100%;
    justify-content: center;
  }

  /* Keep modal/dialog content inside viewport */
  [role="dialog"],
  .modal,
  .modal-content {
    max-width: calc(100vw - 1rem);
    max-height: calc(100vh - 1rem);
    overflow: auto;
  }
}

/* Small phones */
@media (max-width: 420px) {
  .container,
  .wrap,
  .page-shell {
    width: min(100% - .75rem, 1180px);
  }

  h1 {
    font-size: clamp(1.8rem, 10vw, 2.6rem);
  }

  h2 {
    font-size: clamp(1.45rem, 8vw, 2rem);
  }

  .shop-grid,
  .cards,
  .grid {
    grid-template-columns: 1fr !important;
  }
}

/* Landscape mobile: avoid oversized hero while preserving composition */
@media (max-height: 500px) and (orientation: landscape) {
  .hero {
    min-height: auto !important;
  }
}

/* Accessibility zoom/reflow compatibility */
@media (max-width: 320px) {
  .container,
  .wrap,
  .page-shell {
    width: calc(100% - .5rem);
  }

  nav ul,
  .nav-links,
  .site-nav ul {
    flex-direction: column;
    align-items: stretch;
  }

  nav a,
  .nav-links a,
  .site-nav a {
    width: 100%;
  }
}


/* Meadowbrook Memories v0.13.0 — Subscriber Onboarding + Featured Sponsor */

/* Home newsletter CTA: no squeezed text, no fake email field. */
.signup-form-registration{align-items:center}
.newsletter-register-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  white-space:nowrap;
  text-align:center;
  line-height:1.15;
}

/* Featured sponsor slot. Default remains the existing Meadowbrook artwork. */
.sponsor-slot{overflow:hidden}
.sponsor-default{display:grid;place-items:center}
.sponsor-active{
  width:100%;height:100%;min-height:155px;padding:18px 22px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;color:#fff;text-align:center;text-decoration:none;
  background:linear-gradient(100deg,rgba(1,33,68,.97),rgba(5,71,128,.9));
}
.sponsor-active[hidden],.sponsor-default[hidden]{display:none!important}
.sponsor-active img{max-width:180px;max-height:68px;object-fit:contain;background:#fff;border-radius:6px;padding:6px}
.sponsor-active strong{font:700 25px/1.08 Georgia,serif;color:#ffd056}
.sponsor-active .sponsor-message{font:14px/1.35 Arial,sans-serif;transform:none;font-style:normal;max-width:340px}
.sponsor-active .sponsor-label,.sponsor-active small{
  font:800 10px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;transform:none
}
.sponsor-active .sponsor-link-text{font:800 13px/1.2 Arial,sans-serif;color:#ffd056;transform:none;font-style:normal}

/* Unified registration page */
.registration-page{background:#f5f1e8;padding-bottom:48px}
.registration-hero{
  color:#fff;border-bottom:4px solid var(--gold);
  background:
    radial-gradient(circle at 84% 20%,rgba(244,180,29,.18),transparent 28%),
    linear-gradient(105deg,#031f43 0%,#06477f 67%,#075c9d 100%)
}
.registration-hero-inner{max-width:1080px;margin:0 auto;padding:50px 28px 45px;text-align:center}
.registration-hero h1{font:700 49px/1.05 Georgia,serif;margin:8px 0 14px}
.registration-hero p:last-child{max-width:800px;margin:0 auto;color:#edf4fa;font:17px/1.55 Georgia,serif}
.registration-shell{
  max-width:1100px;margin:30px auto 0;padding:0 20px;
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:22px;align-items:start
}
.registration-card,.registration-side>section{
  background:#fff;border:1px solid #e2dbcf;border-radius:11px;box-shadow:var(--shadow)
}
.registration-card{padding:30px 32px}
.registration-side>section{padding:25px}
.registration-heading h2,.registration-side h2{font:700 31px/1.12 Georgia,serif;color:#082d58;margin:9px 0 12px}
.registration-heading p{color:#536170;line-height:1.55}
.registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:24px}
.registration-full{grid-column:1/-1}
.registration-card label:not(.registration-check){display:block;font-size:13px;font-weight:800;color:#2f3f4d;margin:4px 0 7px}
.registration-card input[type="text"],
.registration-card input[type="email"],
.registration-card input[type="tel"]{
  width:100%;min-height:45px;padding:11px 12px;border:1px solid #ccd5df;border-radius:6px;background:#fff;color:#172433
}
.registration-card input:focus{outline:3px solid rgba(244,181,27,.28);border-color:#b47705}
.optional{font-weight:400;color:#6a7580}
.preference-fieldset{
  border:1px solid #ded6c7;border-radius:9px;margin:24px 0 18px;padding:18px 18px 8px
}
.preference-fieldset legend{padding:0 8px;font:700 18px Georgia,serif;color:#082d58}
.registration-check{
  display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;
  padding:11px 4px;cursor:pointer
}
.registration-check input{width:18px;height:18px;margin-top:2px}
.registration-check strong,.registration-check small{display:block}
.registration-check strong{color:#173858}
.registration-check small{margin-top:4px;color:#68737e;line-height:1.4}
.terms-check{border-top:1px solid #ece6db;padding-top:17px;margin-top:8px}
.registration-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.registration-status{min-height:24px;margin-top:10px;font-weight:700}
.registration-status.error{color:#a31919}
.registration-status.success{color:#26733e}
.registration-status.working{color:#75570a}
.registration-note{font-size:12px;color:#69737c;line-height:1.45;margin-top:14px}
.registration-benefits{list-style:none;margin:18px 0 0;padding:0}
.registration-benefits li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #ece6db}
.registration-benefits li:last-child{border-bottom:0}
.registration-benefits li>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f4bf32;color:#073866;font-weight:900}
.registration-benefits strong{color:#073866}
.registration-benefits p{margin:3px 0 0;color:#626d77;font-size:13px;line-height:1.4}

@media(max-width:850px){
  .registration-shell{grid-template-columns:1fr}
}
@media(max-width:620px){
  .newsletter-register-btn{width:100%;min-width:0}
  .registration-hero h1{font-size:38px}
  .registration-card{padding:24px 20px}
  .registration-shell{padding:0 14px}
  .registration-grid{grid-template-columns:1fr}
  .registration-full{grid-column:auto}
  .registration-actions{flex-direction:column;align-items:stretch}
  .registration-actions .btn{width:100%;justify-content:center}
}


/* v0.13.1 — Podcast Subscriber Access refinement */
.subscriber-access-ready{
  border-color:rgba(244,180,29,.72);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.access-icon-ready{
  background:#f4b41d;
  color:#073866;
}
.subscriber-access-ready h2{color:#fff}
.subscriber-access-ready p strong{color:#ffd056}
.subscriber-register-active{
  min-width:170px;
  white-space:nowrap;
  box-shadow:0 3px 0 rgba(0,0,0,.16);
}
.subscriber-register-active:hover,
.subscriber-register-active:focus-visible{transform:translateY(-1px)}
.subscriber-access-ready .btn[disabled]{
  opacity:.58;
  cursor:not-allowed;
}
@media(max-width:620px){
  .subscriber-access-ready .access-actions{
    display:flex;
    flex-direction:column;
    align-items:stretch
  }
  .subscriber-access-ready .access-actions .btn{
    width:100%;
    justify-content:center;
    text-align:center
  }
}


/* v0.13.2 — Registration form refinement */
.required-field-note{
  margin:18px 0 4px;
  color:#5f6871;
  font-size:12px;
  font-weight:700;
}
.required-mark{
  color:#b12626;
  font-weight:900;
}
.field-help{
  display:block;
  margin-top:6px;
  color:#69737c;
  font-size:12px;
  line-height:1.4;
}
.registration-cancel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:150px;
  min-height:44px;
  padding:11px 22px;
  background:#173f68;
  border:2px solid #173f68;
  color:#fff;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 3px 0 rgba(0,0,0,.16);
}
.registration-cancel:hover,
.registration-cancel:focus-visible{
  background:#0b2f52;
  color:#fff;
  border-color:#f4b41d;
  outline:3px solid rgba(244,180,29,.28);
  outline-offset:2px;
}


/* Contacts page review sample v0.1 */
.contacts-page{background:#f7f4ec;padding-bottom:42px}
.contacts-hero{background:linear-gradient(110deg,#031f43,#075c98);border-bottom:4px solid var(--gold);color:#fff}
.contacts-hero-inner{max-width:1180px;margin:auto;padding:46px 28px 42px;text-align:center}
.contacts-hero h1{font-family:Georgia,serif;font-size:52px;margin:5px 0 10px}
.contacts-hero p:last-child{max-width:790px;margin:0 auto;font-family:Georgia,serif;font-size:18px;line-height:1.55}
.contacts-shell{max-width:1180px;margin:26px auto 0;padding:0 20px}
.contacts-section-heading{text-align:center;margin-bottom:16px}
.contacts-section-heading h2{font-family:Georgia,serif;color:#082b57;font-size:30px;margin:4px 0 0}
.contact-card{background:#fff;border:1px solid #e4ddcf;border-radius:10px;box-shadow:var(--shadow);overflow:hidden}
.contact-card-featured{display:grid;grid-template-columns:280px 1fr;gap:28px;padding:26px;align-items:center}
.contact-logo-wrap{display:grid;place-items:center;background:#f7f4ec;border-radius:8px;min-height:220px;padding:16px}
.contact-logo{display:block;width:100%;max-width:240px;max-height:240px;object-fit:contain}
.contact-copy h3{font-family:Georgia,serif;color:#082b57;font-size:27px;margin:0 0 14px}
.contact-list{margin:0;display:grid;gap:8px}
.contact-list>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;border-bottom:1px solid #eee8dc;padding:0 0 8px}
.contact-list>div:last-child{border-bottom:0}
.contact-list dt{font-weight:800;color:#173858}
.contact-list dd{margin:0;overflow-wrap:anywhere;color:#46566b}
.contact-list a{color:#075fb0;text-decoration:none}
.contact-list a:hover{text-decoration:underline}
.psa-section{margin-top:34px}
.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.chapter-card{display:grid;grid-template-columns:205px 1fr;gap:18px;padding:20px;align-items:start}
.chapter-card .contact-logo-wrap{min-height:190px;padding:10px}
.chapter-card .contact-logo{max-width:185px;max-height:185px}
.chapter-card .contact-copy h3{font-size:24px}
.contact-list.compact>div{grid-template-columns:88px minmax(0,1fr);gap:9px;font-size:13px}
.contact-list.compact dd:empty::after{content:"—";color:#9aa3ad}
@media(max-width:900px){.contact-card-featured{grid-template-columns:220px 1fr}.chapter-grid{grid-template-columns:1fr}.chapter-card{grid-template-columns:190px 1fr}}
@media(max-width:620px){.contacts-hero h1{font-size:40px}.contact-card-featured,.chapter-card{grid-template-columns:1fr}.contact-logo-wrap{min-height:auto}.contact-list>div,.contact-list.compact>div{grid-template-columns:1fr;gap:3px}.contact-logo{max-width:210px}.chapter-card .contact-logo{max-width:190px}}