/* KSM They Were Young Once | editorial refinement v1.2 | Native Gutenberg blocks */
.ksm-remembrance-page {
  --ksm-red:#c4121a; --ksm-paper:#f7f4ee; --ksm-ink:#161b21;
  background:#fff; color:var(--ksm-ink); font-family:Georgia, "Times New Roman", serif;
}
.ksm-remembrance-page :is(.ksm-panel,.ksm-sidebar,.ksm-hero,.ksm-closing){box-sizing:border-box}
.ksm-remembrance-page .ksm-red{color:#c4121a}
.ksm-remembrance-page .ksm-hero{border-bottom:2px solid #c4121a;min-height:540px}
.ksm-remembrance-page .ksm-hero .wp-block-cover__background {
  opacity:1!important;
  background:linear-gradient(90deg,rgba(11,14,18,.81) 0%,rgba(11,14,18,.59) 38%,rgba(11,14,18,.10) 76%)!important;
}
.ksm-remembrance-page .ksm-hero .wp-block-cover__inner-container{width:min(1120px,92%);margin-inline:auto}
.ksm-remembrance-page .ksm-hero-inner{max-width:1080px;margin-inline:auto}
.ksm-remembrance-page .ksm-hero-title{
  max-width:760px;margin:0 0 .58rem;font-family:Georgia,"Times New Roman",serif;
  font-weight:400;font-size:clamp(3.8rem,7.6vw,6.9rem);letter-spacing:-.055em;
  line-height:.95;color:#f3e9da;text-shadow:0 4px 18px rgba(0,0,0,.4)
}
.ksm-remembrance-page .ksm-hero-subtitle{font:400 clamp(1.07rem,1.9vw,1.6rem)/1.4 Georgia,serif;color:#f7eee1;max-width:750px;margin:.8rem 0}
.ksm-remembrance-page .ksm-hero-lead{font:400 clamp(.98rem,1.4vw,1.25rem)/1.55 Georgia,serif;color:#f4f0eb;max-width:590px;text-shadow:0 2px 10px #101010a6}
.ksm-remembrance-page .ksm-panel{
  position:relative;isolation:isolate;overflow:hidden;
  width:100%; max-width:1170px; margin:0 auto;
  background:var(--ksm-paper);padding:clamp(32px,4vw,58px) clamp(22px,3vw,42px);
}
.ksm-remembrance-page .ksm-panel>*{position:relative;z-index:2}
.ksm-remembrance-page .ksm-panel::before,.ksm-remembrance-page .ksm-panel::after{
  content:"";pointer-events:none;position:absolute;inset:0;z-index:0;
  background-repeat:no-repeat; mix-blend-mode:multiply
}
/* Real underlying terrain background, faint enough to keep paragraphs readable. */
.ksm-remembrance-page .ksm-intro-panel::before {
  background:url('battlefront-texture.webp') center 62% / cover no-repeat;opacity:.045;
}
.ksm-remembrance-page .ksm-intro-panel::after {
  background-image:url('wm-barbed-wire.webp'),url('wm-explosion.webp');
  background-size:60% auto,225px auto;
  background-position:bottom 10px left -8%,top 12% right 3%;opacity:.115;
}
/* Vimy and Passchendaele share a section but use different atmospheric accents. */
.ksm-remembrance-page .ksm-battlefields-panel::before {
  background:url('battlefront-texture.webp') center 65% / cover no-repeat;opacity:.038;
}
.ksm-remembrance-page .ksm-battlefields-panel::after {
  background-image:url('wm-biplane.webp'),url('wm-landship.webp'),url('wm-barbed-wire.webp');
  background-size:245px auto,285px auto,53% auto;
  background-position:top 20px left 3%,bottom 8px right 5%,bottom -15px center;
  opacity:.12;
}
/* The family connection remains a quiet inset, not the emotional centre. */
.ksm-remembrance-page .ksm-family-panel{background:#f8f6f1;border-block:1px solid #e4ded4;padding-block:26px}
.ksm-remembrance-page .ksm-family-panel::before{background:url('wm-barbed-wire.webp') left -15% bottom 0/50% auto no-repeat;opacity:.025}
.ksm-remembrance-page .ksm-family-panel::after{background:url('wm-biplane.webp') right 2% top 8%/130px auto no-repeat;opacity:.023}
.ksm-remembrance-page .ksm-why-panel::before{background:url('battlefront-texture.webp') center / cover no-repeat;opacity:.037}
.ksm-remembrance-page .ksm-why-panel::after{background-image:url('wm-explosion.webp'),url('wm-barbed-wire.webp');background-size:200px auto,65% auto;background-position:top 0 right 1%,bottom 0 left -8%;opacity:.115}
.ksm-remembrance-page .ksm-panel .wp-block-columns{gap:clamp(26px,3vw,44px);align-items:start}
.ksm-remembrance-page .ksm-battlefields-panel .wp-block-columns{align-items:stretch}
.ksm-remembrance-page .ksm-heading-row{align-items:baseline;margin:0 0 20px;gap:12px}
.ksm-remembrance-page .ksm-meta-line,.ksm-remembrance-page .ksm-small-kicker{
  font:700 .70rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:.105em;text-transform:uppercase;color:#68615b
}
.ksm-remembrance-page .ksm-section-title{font:400 clamp(2.0rem,3.6vw,3.1rem)/1.08 Georgia,serif;letter-spacing:-.045em;color:#17191c;margin:.08em 0 .55em}
.ksm-remembrance-page .ksm-section-title::after,.ksm-remembrance-page .ksm-card-title::after{
  content:"";display:block;width:48px;height:2px;background:#c4121a;margin-top:11px;
}
.ksm-remembrance-page .ksm-card-title{font:400 clamp(1.8rem,2.5vw,2.2rem)/1.1 Georgia,serif;margin:.6em 0 .4em;color:#1a1c20}
.ksm-remembrance-page p{font:400 clamp(1rem,1.18vw,1.14rem)/1.68 Georgia,serif;color:#2f3032;margin-top:0}
.ksm-remembrance-page .ksm-large-quote{border-left:0!important;margin:1.5rem 0 1.7rem;padding:.25rem 0;text-align:center}
.ksm-remembrance-page .ksm-large-quote p{font:italic clamp(2.2rem,4.5vw,3.6rem)/1.18 Georgia,serif;color:#222326;margin:0}
.ksm-remembrance-page .ksm-large-quote::after{content:"";display:block;width:65px;height:2px;background:#c4121a;margin:19px auto 0}
.ksm-remembrance-page .ksm-sidebar{position:relative;isolation:isolate;padding:23px 20px;border:1px solid #e8e1d7;background:#f3eee7e6}
.ksm-remembrance-page .ksm-sidebar::before{content:"";pointer-events:none;position:absolute;inset:0;background:url('wm-explosion.webp') top right/165px auto no-repeat;opacity:.04;z-index:0}
.ksm-remembrance-page .ksm-sidebar>*{position:relative;z-index:1}
.ksm-remembrance-page .ksm-sidebar-title{font:400 1.85rem/1.12 Georgia,serif;margin:0 0 18px;color:#222}
.ksm-remembrance-page .ksm-sidebar-title::after{content:"";display:block;width:40px;height:2px;background:#c4121a;margin-top:10px}
.ksm-remembrance-page .ksm-focus-list{padding:0;margin:0;list-style:none}
.ksm-remembrance-page .ksm-focus-list li{font:.95rem/1.52 Georgia,serif;padding:10px 0;border-bottom:1px solid #dcd4c9}
.ksm-remembrance-page .ksm-focus-list li:last-child{border-bottom:0}
.ksm-remembrance-page .ksm-card-image{margin:0 0 1rem}
.ksm-remembrance-page .ksm-card-image img{display:block;width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;box-shadow:0 5px 18px #100b0630}
.ksm-remembrance-page .ksm-why-photo img{aspect-ratio:1.9;object-fit:cover}
.ksm-remembrance-page .ksm-carl-thumb{max-width:180px;margin:0 auto 8px!important}
.ksm-remembrance-page .ksm-carl-thumb img{display:block;width:100%;height:auto;object-fit:cover;border:5px solid white;box-shadow:0 7px 17px #17110d22}
.ksm-remembrance-page .ksm-thumb-caption{font:italic .82rem/1.4 Georgia,serif;color:#68615b;text-align:center}
.ksm-remembrance-page .ksm-carl-link a{font:700 .83rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:.035em;color:#a91018;text-decoration:none;border-bottom:1px solid #a91018;padding-bottom:4px}
.ksm-remembrance-page .ksm-carl-link a:hover{text-decoration:underline}
.ksm-remembrance-page .ksm-closing{
  border-top:2px solid #c4121a;background-position:center;background-size:cover;
  background-image:linear-gradient(90deg,#131212e6,#1813108a),url('poppies-closing.jpg');
  color:#f9f5ef;
}
.ksm-remembrance-page .ksm-closing-title{font:400 clamp(2.7rem,5vw,4.5rem)/1.08 Georgia,serif;color:#f9f5ef;margin:0 0 10px}
.ksm-remembrance-page .ksm-closing-line{font:italic clamp(1.05rem,2vw,1.55rem)/1.55 Georgia,serif;color:#f7f1e8;margin:0 0 14px}
.ksm-remembrance-page .ksm-closing-motto{font:700 .83rem/1.55 Arial,Helvetica,sans-serif;letter-spacing:.18em;color:#ffe9e7}
@media (max-width:781px){
 .ksm-remembrance-page .ksm-hero{min-height:470px!important}
 .ksm-remembrance-page .ksm-hero .wp-block-cover__background{background:linear-gradient(90deg,#101214d9,#1315194f)!important}
 .ksm-remembrance-page .ksm-panel{padding:32px 20px}
 .ksm-remembrance-page .ksm-intro-panel::after,.ksm-remembrance-page .ksm-battlefields-panel::after,.ksm-remembrance-page .ksm-why-panel::after{opacity:.065}
 .ksm-remembrance-page .ksm-small-kicker{text-align:left}
 .ksm-remembrance-page .ksm-carl-thumb{margin-left:0!important;margin-right:auto!important}
 .ksm-remembrance-page .ksm-thumb-caption{text-align:left}
}

/* Final image-integrity refinements: no clipping of typography in battlefield cards. */
.ksm-remembrance-page .ksm-title-line{display:block;white-space:nowrap}
.ksm-remembrance-page .ksm-battlefields-panel .ksm-card-image img{aspect-ratio:auto!important;object-fit:contain!important}
.ksm-remembrance-page .ksm-intro-panel .ksm-section-title{font-size:clamp(1.85rem,2.9vw,2.55rem)}
.ksm-remembrance-page .ksm-sidebar-photo{display:block;margin:0 0 16px!important}
.ksm-remembrance-page .ksm-sidebar-photo img{display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:center 55%}
.ksm-remembrance-page .ksm-closing .wp-block-cover__inner-container{width:min(1170px,100%);margin-inline:auto;padding:24px clamp(24px,3vw,42px)}
@media(max-width:500px){.ksm-remembrance-page .ksm-hero-title{font-size:clamp(2.8rem,11vw,4.0rem)}}

/* v1.3: Campaign Focus readability — inherited theme colours must not survive. */
.ksm-remembrance-page .ksm-sidebar,
.ksm-remembrance-page .ksm-sidebar.wp-block-group {
  background:#f4f0e9 !important;
  color:#252a2e !important;
  -webkit-text-fill-color:#252a2e !important;
  text-shadow:none !important;
}
.ksm-remembrance-page .ksm-sidebar .ksm-sidebar-title,
.ksm-remembrance-page .ksm-sidebar .ksm-focus-list,
.ksm-remembrance-page .ksm-sidebar .ksm-focus-list li,
.ksm-remembrance-page .ksm-sidebar .ksm-focus-list li strong,
.ksm-remembrance-page .ksm-sidebar .ksm-focus-list li span,
.ksm-remembrance-page .ksm-sidebar .ksm-focus-list li p {
  color:#202428 !important;
  -webkit-text-fill-color:#202428 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.ksm-remembrance-page .ksm-sidebar .ksm-focus-list li strong { font-weight:700 !important; }
.ksm-remembrance-page .ksm-sidebar .ksm-focus-list li {border-color:#cfc7bb !important;}

/* The Royal Canadian Legion Poppy Campaign: readable editorial section replacing Carl. */
.ksm-remembrance-page .ksm-poppy-panel {
  background:#f8f5f0; border-block:1px solid #e4ded5;
  padding-block:clamp(34px,4vw,58px);
}
.ksm-remembrance-page .ksm-poppy-panel::before {
  background:url('wm-barbed-wire.webp') bottom -7px left -8% / 50% auto no-repeat;
  opacity:.034;
}
.ksm-remembrance-page .ksm-poppy-panel::after {
  background:url('wm-biplane.webp') right 1% top 1% / 175px auto no-repeat;
  opacity:.024;
}
.ksm-remembrance-page .ksm-poppy-columns{align-items:center!important}
.ksm-remembrance-page .ksm-poppy-kicker{
  font:700 .72rem/1.5 Arial,Helvetica,sans-serif!important;
  letter-spacing:.17em;color:#a51b21!important;margin:0 0 13px;
}
.ksm-remembrance-page .ksm-poppy-affirmation {
  font:italic 1.32rem/1.47 Georgia,serif!important;
  color:#7d2526!important;border-left:3px solid #c4121a;
  padding-left:17px;margin:23px 0;
}
.ksm-remembrance-page .ksm-poppy-source { font:400 .96rem/1.65 Georgia,serif!important; }
.ksm-remembrance-page .ksm-poppy-source a {
  color:#8e151b!important;text-decoration:underline!important;
  text-underline-offset:3px;
}
.ksm-remembrance-page .ksm-poppy-image{margin:0 0 12px}
.ksm-remembrance-page .ksm-poppy-image img{
  display:block;width:100%;height:auto;aspect-ratio:4/3;
  object-fit:cover;object-position:center;
  box-shadow:0 9px 28px rgba(37,26,24,.18);
}
.ksm-remembrance-page .ksm-poppy-image-caption{
  font:italic .91rem/1.55 Georgia,serif!important;color:#59544f!important;
  margin:0;
}
@media(max-width:781px){.ksm-remembrance-page .ksm-poppy-panel::before{opacity:.02}}
