/* Dedicated civil society page. No existing page styles altered. */
.civil-page .civil-hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden}.civil-hero-image,.civil-hero-overlay{position:absolute;inset:0}.civil-hero-image{background:url('../images/heatss-hd-04.webp') center 43%/cover no-repeat}.civil-hero-overlay{background:linear-gradient(90deg,rgba(4,26,40,.98),rgba(4,26,40,.83) 45%,rgba(4,26,40,.3))}.civil-hero-copy{position:relative;z-index:1;max-width:850px;margin:80px 6vw}.civil-hero h1{font-size:clamp(39px,5.5vw,80px);line-height:1.04;letter-spacing:-.035em;margin:20px 0}.civil-hero h1 span{color:#f4e4b8}.civil-hero-copy>p:not(.gold-kicker){max-width:620px;font-size:18px;line-height:1.75;color:#e3eaf0}.civil-intro,.civil-audiences{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,110px);padding:90px 7vw;background:#f7f8f7;color:#0a2636}.civil-intro h2,.civil-audiences h2,.civil-band h2{font-size:clamp(30px,3.4vw,49px);line-height:1.12;margin:14px 0}.civil-intro p:not(.gold-kicker),.civil-audiences p{line-height:1.8;color:#395466}.civil-page .catalog-section{background:linear-gradient(145deg,#092d40,#061d2c);padding:90px 7vw}.civil-page .catalog-card{min-height:335px}.civil-band{padding:90px 7vw;background:#102f41;color:white;text-align:center}.civil-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px;text-align:left}.civil-steps article,.civil-note{padding:27px;border:1px solid #d9e8f43a;border-radius:20px;background:linear-gradient(135deg,#ffffff24,#ffffff08);box-shadow:inset 0 1px #ffffff55;backdrop-filter:blur(14px)}.civil-steps span{color:#d8b96b;font-size:14px;letter-spacing:.1em;font-weight:800}.civil-steps h3{font-size:23px;margin:14px 0}.civil-steps p{line-height:1.75;color:#d3e1e8}.civil-audiences{background:#eef2f3}.civil-note{background:linear-gradient(140deg,#fff,#dce8eb);border-color:#c7d5da}.civil-note h3{font-size:23px}.civil-page .catalog-enquire{padding:90px 20px}.civil-page .btn:hover{box-shadow:inset 0 2px 2px #ffffff99,0 8px 30px #c4a35a70;filter:brightness(1.07)}@media(max-width:900px){.civil-steps{grid-template-columns:repeat(2,1fr)}.civil-intro,.civil-audiences{grid-template-columns:1fr}}@media(max-width:600px){.civil-hero{min-height:520px!important}.civil-hero-copy{margin:65px 22px}.civil-steps{grid-template-columns:1fr}.civil-intro,.civil-audiences,.civil-band{padding:58px 22px}.civil-page .catalog-section{padding:60px 22px}}

/* Approved Civil Society page: isolated glass refinements (How We Train + context panel only). */
.civil-page .civil-steps article {
  position:relative; isolation:isolate; overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,background .35s,box-shadow .35s;
}
.civil-page .civil-steps article::before {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:0;
  background:radial-gradient(ellipse at 20% 0%,rgba(226,248,255,.32),transparent 58%),linear-gradient(125deg,rgba(255,255,255,.18),rgba(140,213,247,.035) 60%);
  transition:opacity .35s ease;
}
@media(hover:hover){
 .civil-page .civil-steps article:hover {
   transform:translateY(-7px);border-color:rgba(202,235,251,.72);
   background:linear-gradient(145deg,rgba(218,245,255,.24),rgba(105,172,206,.11) 52%,rgba(255,255,255,.07));
   box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(157,215,247,.18),0 17px 35px rgba(0,12,26,.3),0 0 26px rgba(130,208,249,.13);
   backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);
 }
 .civil-page .civil-steps article:hover::before{opacity:1}
}
.civil-page .civil-steps article:focus-within {outline:2px solid #d8b96b;outline-offset:3px}
/* Distinctive, readable glass showcase, retaining the existing content and layout. */
.civil-page .civil-note {
 position:relative;isolation:isolate;overflow:hidden;
 background:radial-gradient(ellipse at 95% 0%,rgba(77,164,198,.30),transparent 58%),linear-gradient(145deg,#0b3349,#082638 68%,#071f30);
 color:#f7fcff;border:1px solid rgba(193,224,239,.55);border-radius:24px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 0 36px rgba(129,207,242,.075),0 15px 35px rgba(6,31,45,.17);
 backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);
 transition:box-shadow .35s,border-color .35s,transform .35s;
}
.civil-page .civil-note::before{
 content:"";position:absolute;top:0;left:25px;right:25px;height:3px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#d6b66b 24%,#f6dfaa 50%,#d6b66b 76%,transparent);
 box-shadow:0 0 20px rgba(226,190,105,.36);
}
.civil-page .civil-note::after{
 content:"";position:absolute;right:-85px;top:-110px;width:260px;height:260px;border-radius:50%;pointer-events:none;
 border:1px solid rgba(230,248,255,.15);box-shadow:0 0 0 25px rgba(230,248,255,.025),0 0 0 54px rgba(230,248,255,.018);
}
.civil-page .civil-note h3{color:#fff;font-size:clamp(23px,2.3vw,32px);line-height:1.18;position:relative;z-index:1}
.civil-page .civil-note p{color:#dbe9f1;position:relative;z-index:1}
@media(hover:hover){.civil-page .civil-note:hover{border-color:rgba(232,206,148,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 19px 42px rgba(6,31,45,.23),0 0 30px rgba(201,167,93,.12);transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.civil-page .civil-steps article,.civil-page .civil-note,.civil-page .civil-steps article::before{transition:none!important}}

/* Context showcase: clear glass at rest, approved navy-and-gold reveal on hover. */
.civil-page .civil-note {
 background:linear-gradient(140deg,rgba(255,255,255,.48),rgba(220,235,240,.24));
 color:#183447; border-color:rgba(255,255,255,.85);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(115,159,179,.18),0 12px 30px rgba(17,51,69,.10);
 backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);
 transition:background .38s ease,color .38s ease,border-color .38s ease,box-shadow .38s ease,transform .38s ease;
}
.civil-page .civil-note::before{opacity:.28;transition:opacity .38s ease}
.civil-page .civil-note h3{color:#173649;transition:color .38s ease}
.civil-page .civil-note p{color:#395466;transition:color .38s ease}
@media(hover:hover){
 .civil-page .civil-note:hover {
  background:radial-gradient(ellipse at 95% 0%,rgba(77,164,198,.30),transparent 58%),linear-gradient(145deg,#0b3349,#082638 68%,#071f30);
  color:#f7fcff;border-color:rgba(232,206,148,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 36px rgba(129,207,242,.075),0 19px 42px rgba(6,31,45,.23),0 0 30px rgba(201,167,93,.12);
  transform:translateY(-3px);
 }
 .civil-page .civil-note:hover::before{opacity:1}
 .civil-page .civil-note:hover h3{color:#fff}
 .civil-page .civil-note:hover p{color:#dbe9f1}
}