/* WCC Veterans — Editorial CLASSIC Royal Letter V7
   Controlled presentation and Malayalam-opening correction.
   Purpose: a visibly classic, archival royal-letter reading experience.
   No editorial wording, paragraph order, navigation structure, footer structure,
   FMAP8 assets, or protected website content is changed. No external fonts. */
:root{
  --ec-ink:#342519;
  --ec-muted:#725b3d;
  --ec-paper:#f5e7c9;
  --ec-paper-hi:#fff8e9;
  --ec-paper-low:#e8cf9f;
  --ec-gold:#c39a4c;
  --ec-gold2:#8e672f;
  --ec-maroon:#6b3028;
  --ec-green:#092a21;
  --ec-green2:#061d17;
  --ec-ivory:#f4e4bb;
}

/* Strong visual change: the Editorial becomes a framed archival letter
   floating on the WCC heritage green, instead of another cream webpage. */
.editorial-page{
  position:relative;
  min-height:64vh;
  overflow:hidden;
  padding:clamp(34px,4.5vw,66px) 16px clamp(64px,7vw,92px);
  background:
    radial-gradient(circle at 50% -8%,rgba(210,177,102,.14),transparent 32%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#0d382c 0%,var(--ec-green) 35%,var(--ec-green2) 100%);
  border-top:1px solid rgba(212,178,95,.50);
}
.editorial-page::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.45;
  background:
    radial-gradient(circle at 10% 17%,rgba(208,177,105,.12) 0 1px,transparent 1.5px),
    radial-gradient(circle at 88% 63%,rgba(208,177,105,.08) 0 1px,transparent 1.5px);
  background-size:54px 54px,71px 71px;
}

.editorial-shell{
  position:relative;
  z-index:1;
  width:min(1100px,100%);
  margin:0 auto;
}

/* Classic crest-led masthead. Uses the existing site crest: zero new image payload. */
.editorial-masthead{
  position:relative;
  width:min(760px,100%);
  margin:0 auto 20px;
  padding:84px 24px 22px;
  text-align:center;
  color:var(--ec-ivory);
}
.editorial-masthead::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:72px;
  height:66px;
  transform:translateX(-50%);
  background:url('/images/wcc-veterans-logo.webp') center/contain no-repeat;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.26));
}
.editorial-masthead::after{
  content:"";
  display:block;
  width:min(420px,70vw);
  height:12px;
  margin:18px auto 0;
  background:
    linear-gradient(var(--ec-gold),var(--ec-gold)) center/100% 1px no-repeat,
    linear-gradient(45deg,transparent 42%,var(--ec-gold) 43% 57%,transparent 58%) center/12px 12px no-repeat;
  opacity:.92;
}
.editorial-masthead .eyebrow{
  margin:0 0 8px;
  color:#d8bd78;
  font:700 11px/1.2 Georgia,'Times New Roman',serif;
  letter-spacing:.30em;
  text-transform:uppercase;
}
.editorial-masthead h1{
  margin:0;
  color:#fff3cf;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(38px,5vw,58px);
  font-weight:600;
  line-height:1;
  letter-spacing:.025em;
  text-shadow:0 2px 12px rgba(0,0,0,.30);
}

/* Language selector styled like an archival brass tab, not a modern pill. */
.editorial-language{
  position:relative;
  z-index:5;
  display:flex;
  justify-content:center;
  width:max-content;
  max-width:100%;
  margin:0 auto 24px;
  padding:3px;
  border:1px solid rgba(209,172,86,.72);
  border-radius:2px;
  background:#112f27;
  box-shadow:0 8px 18px rgba(0,0,0,.20),inset 0 0 0 1px rgba(255,243,198,.08);
}
.editorial-language button{
  min-width:108px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#dbc58d;
  padding:9px 18px;
  cursor:pointer;
  font:700 13px/1.2 Georgia,'Times New Roman',serif;
  transition:background .18s ease,color .18s ease;
}
.editorial-language button+button{border-left:1px solid rgba(209,172,86,.42)}
.editorial-language button[aria-selected='true']{
  background:linear-gradient(180deg,#d4b56a,#a97d35);
  color:#1e2c23;
  box-shadow:inset 0 1px 0 rgba(255,250,224,.58);
}
.editorial-language button:focus-visible{outline:2px solid #f0cf7a;outline-offset:3px}

/* Main royal-letter sheet. Borders and age texture are all CSS. */
.editorial-paper{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(72px,7vw,96px) clamp(34px,7vw,92px) clamp(76px,7vw,98px);
  border:1px solid #8b642e;
  border-radius:1px;
  color:var(--ec-ink);
  background:
    radial-gradient(ellipse at 50% -2%,rgba(255,255,255,.74) 0,rgba(255,255,255,0) 29%),
    radial-gradient(circle at 15% 22%,rgba(116,75,28,.055) 0 1px,transparent 1.4px),
    radial-gradient(circle at 77% 64%,rgba(116,75,28,.045) 0 1px,transparent 1.4px),
    repeating-linear-gradient(0deg,rgba(82,53,19,.018) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,var(--ec-paper-hi) 0%,#f7edd9 13%,var(--ec-paper) 48%,#efdbb5 78%,var(--ec-paper-low) 100%);
  background-size:auto,49px 49px,63px 63px,auto,auto;
  box-shadow:
    0 28px 58px rgba(0,0,0,.30),
    0 4px 14px rgba(0,0,0,.20),
    inset 0 0 88px rgba(116,72,23,.10),
    inset 0 0 0 9px rgba(192,145,65,.11),
    inset 0 0 0 10px rgba(121,81,31,.38),
    inset 0 0 0 16px rgba(255,248,229,.32),
    inset 0 0 0 17px rgba(158,112,48,.25);
}

/* Large but faint crest watermark gives unmistakable commemorative-letter character. */
.editorial-paper::before{
  content:"";
  position:absolute;
  z-index:0;
  top:42px;
  left:50%;
  width:min(30vw,240px);
  aspect-ratio:760/695;
  transform:translateX(-50%);
  background:url('/images/wcc-veterans-logo.webp') center/contain no-repeat;
  opacity:.035;
  filter:sepia(1) saturate(.55) contrast(.86);
  pointer-events:none;
}

/* Fine inner royal frame with visible corner medallions. */
.editorial-paper::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:23px;
  pointer-events:none;
  border:1px solid rgba(152,104,40,.64);
  background:
    radial-gradient(circle at 0 0,transparent 0 8px,#ae8341 8.5px 9.5px,transparent 10px) top left/26px 26px no-repeat,
    radial-gradient(circle at 100% 0,transparent 0 8px,#ae8341 8.5px 9.5px,transparent 10px) top right/26px 26px no-repeat,
    radial-gradient(circle at 0 100%,transparent 0 8px,#ae8341 8.5px 9.5px,transparent 10px) bottom left/26px 26px no-repeat,
    radial-gradient(circle at 100% 100%,transparent 0 8px,#ae8341 8.5px 9.5px,transparent 10px) bottom right/26px 26px no-repeat;
  box-shadow:0 0 0 4px rgba(193,151,79,.13);
}

.editorial-article{
  position:relative;
  z-index:2;
  max-width:850px;
  margin:0 auto;
  color:var(--ec-ink);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(16.5px,1.23vw,18.5px);
  line-height:1.91;
  text-align:justify;
  text-wrap:pretty;
}
.editorial-article::before{
  content:"";
  display:block;
  width:min(380px,72%);
  height:18px;
  margin:-18px auto 42px;
  background:
    linear-gradient(var(--ec-gold2),var(--ec-gold2)) center/100% 1px no-repeat,
    linear-gradient(45deg,transparent 43%,var(--ec-gold2) 44% 56%,transparent 57%) center/13px 13px no-repeat;
  opacity:.75;
}
.editorial-article[lang='ml']{
  font-family:'Noto Serif Malayalam','Nirmala UI','Kartika',serif;
  line-height:2.00;
  letter-spacing:0;
  hyphens:none;
  word-break:normal;
}
.editorial-article[lang='en']{hyphens:auto}
.editorial-article p{margin:0 0 1.24em}
.editorial-article p:first-of-type{
  color:#2b1e13;
  font-size:1.045em;
  margin-bottom:1.55em;
}
.editorial-article[lang='en'] p:first-of-type::first-letter{
  float:left;
  margin:.10em .13em 0 0;
  color:var(--ec-maroon);
  font-family:Georgia,'Times New Roman',serif;
  font-size:4.3em;
  font-weight:700;
  line-height:.75;
  text-shadow:1px 1px 0 #e8cf94;
}

/* P0-01R7 — Malayalam classic whole-word opening.
   The complete first word 'ചില' remains one normal inline unit. It is given
   restrained illuminated emphasis as a whole word; no float, no flex, no
   detached grapheme and no artificial baseline shift. */
.editorial-article[lang='ml'] .ed-opening-word-ml{
  display:inline;
  white-space:nowrap;
  margin:0 .08em 0 0;
  color:var(--ec-maroon);
  font-family:'Noto Serif Malayalam','Nirmala UI','Kartika',serif;
  font-size:1.30em;
  font-weight:700;
  line-height:inherit;
  vertical-align:-.02em;
  letter-spacing:0;
  text-shadow:.5px .5px 0 #e8cf94;
}


/* Reading rhythm: ornamental section pauses without inserting or changing text. */
.editorial-article p:nth-of-type(8)::after,
.editorial-article p:nth-of-type(16)::after,
.editorial-article p:nth-of-type(25)::after,
.editorial-article p:nth-of-type(34)::after,
.editorial-article p:nth-of-type(43)::after,
.editorial-article p:nth-of-type(51)::after{
  content:"";
  display:block;
  width:118px;
  height:14px;
  margin:2.0em auto 2.2em;
  background:
    linear-gradient(var(--ec-gold2),var(--ec-gold2)) center/100% 1px no-repeat,
    linear-gradient(45deg,transparent 42%,var(--ec-gold2) 43% 57%,transparent 58%) center/12px 12px no-repeat;
  opacity:.48;
}

.editorial-article blockquote{
  position:relative;
  margin:2.8em 0;
  padding:30px clamp(26px,5vw,46px) 28px;
  border:1px solid rgba(128,78,34,.58);
  border-top:3px double #9f7439;
  border-bottom:3px double #9f7439;
  color:#453124;
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.30),transparent 48%),
    linear-gradient(90deg,rgba(111,48,40,.055),rgba(190,146,73,.10),rgba(111,48,40,.055));
  box-shadow:inset 0 0 32px rgba(106,65,26,.06);
  font-style:italic;
  text-align:center;
}
.editorial-article blockquote::before{
  content:'“';
  position:absolute;
  top:-22px;
  left:50%;
  transform:translateX(-50%);
  padding:0 12px;
  color:#7b463b;
  background:#f1dfbc;
  font:700 54px/1 Georgia,'Times New Roman',serif;
}

/* Closing statement becomes the ceremonial end of the letter. */
.editorial-article footer{
  position:relative;
  margin:3.4em auto .3em;
  padding:34px clamp(26px,6vw,54px) 32px;
  border:1px solid rgba(126,78,33,.72);
  color:#3b291d;
  background:
    radial-gradient(circle at 50% -15%,rgba(255,255,255,.55),transparent 60%),
    linear-gradient(180deg,rgba(202,166,98,.19),rgba(183,134,64,.12));
  box-shadow:inset 0 0 0 5px rgba(255,248,224,.24),inset 0 0 0 6px rgba(159,112,48,.20);
  text-align:center;
  font-style:italic;
  font-weight:700;
}
.editorial-article footer::before{
  content:"";
  display:block;
  width:96px;
  height:14px;
  margin:0 auto 19px;
  background:
    linear-gradient(var(--ec-gold2),var(--ec-gold2)) center/100% 1px no-repeat,
    linear-gradient(45deg,transparent 42%,var(--ec-gold2) 43% 57%,transparent 58%) center/12px 12px no-repeat;
}

.editorial-article[hidden]{display:none!important}
.editorial-note{
  width:min(760px,100%);
  margin:22px auto 0;
  color:#c9b483;
  text-align:center;
  font-size:11px;
  letter-spacing:.06em;
}

@media(max-width:720px){
  .editorial-page{padding:28px 8px 48px}
  .editorial-masthead{padding-top:74px;margin-bottom:12px}
  .editorial-masthead::before{width:62px;height:57px}
  .editorial-masthead h1{font-size:38px}
  .editorial-language{margin-bottom:16px}
  .editorial-language button{min-width:94px;padding:8px 13px}
  .editorial-paper{
    padding:58px 25px 64px;
    box-shadow:0 18px 34px rgba(0,0,0,.26),inset 0 0 0 7px rgba(192,145,65,.10),inset 0 0 0 8px rgba(121,81,31,.34);
  }
  .editorial-paper::after{inset:15px}
  .editorial-article{font-size:16px;line-height:1.86;text-align:left}
  .editorial-article[lang='ml']{line-height:1.92}
  .editorial-article[lang='ml'] .ed-opening-word-ml{font-size:1.22em}
  .editorial-article::before{margin-top:-10px;margin-bottom:30px}
  .editorial-article blockquote{padding:28px 20px 24px;text-align:left}
  .editorial-article footer{padding:28px 20px}
}

@media(max-width:420px){
  .editorial-page{padding-inline:5px}
  .editorial-paper{padding:50px 20px 56px}
  .editorial-paper::after{inset:11px}
  .editorial-masthead .eyebrow{letter-spacing:.22em}
  .editorial-masthead h1{font-size:34px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}



/* ============================================================
   R4.1.2 OPTION B PROTOTYPE START
   Compact Editorial Signature / NON-PRODUCTION
   Upper Editorial presentation only
   ============================================================ */

.editorial-page{
  padding-top:clamp(22px,3vw,38px);
}

.editorial-masthead{
  margin-bottom:8px;
  padding-top:58px;
  padding-bottom:12px;
}

.editorial-masthead::before{
  width:50px;
  height:46px;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.22));
}

.editorial-masthead::after{
  width:min(300px,55vw);
  margin-top:10px;
  opacity:.78;
}

.editorial-masthead .eyebrow{
  margin-bottom:4px;
  font-size:10px;
  letter-spacing:.22em;
}

.editorial-language{
  margin-bottom:10px;
}

.editorial-language button{
  min-width:100px;
  padding:8px 16px;
}

@media(max-width:720px){
  .editorial-page{
    padding-top:18px;
  }

  .editorial-masthead{
    padding-top:52px;
    padding-bottom:10px;
    margin-bottom:6px;
  }

  .editorial-masthead::before{
    width:46px;
    height:42px;
  }

  .editorial-masthead::after{
    width:min(240px,62vw);
    margin-top:8px;
  }

  .editorial-masthead .eyebrow{
    letter-spacing:.20em;
  }

  .editorial-language{
    margin-bottom:10px;
  }

  .editorial-language button{
    min-width:92px;
    padding:8px 12px;
  }
}

@media(max-width:420px){
  .editorial-page{
    padding-top:14px;
  }

  .editorial-masthead{
    padding-top:46px;
    padding-bottom:8px;
  }

  .editorial-masthead::before{
    width:42px;
    height:38px;
  }

  .editorial-masthead::after{
    width:min(200px,64vw);
  }

  .editorial-masthead .eyebrow{
    letter-spacing:.18em;
  }

  .editorial-language{
    margin-bottom:8px;
  }
}

/* R4.1.2 OPTION B PROTOTYPE END */
/* R4.1.3 EDITORIAL TITLE-ONLY MASTHEAD START */

/* Remove only the small editorial-section crest */
.editorial-masthead::before{
    display:none !important;
    content:none !important;
}

/* Remove only the small WCC VETERANS eyebrow above Editorial */
.editorial-masthead .eyebrow{
    display:none !important;
}

/* R4.1.3 EDITORIAL TITLE-ONLY MASTHEAD END */

/* R4.1.3 TITLE-ONLY SPACING REFINEMENT START */

.editorial-masthead{
    padding-top:28px !important;
}

@media(max-width:720px){
    .editorial-masthead{
        padding-top:24px !important;
    }
}

@media(max-width:420px){
    .editorial-masthead{
        padding-top:20px !important;
    }
}

/* R4.1.3 TITLE-ONLY SPACING REFINEMENT END */