/* T-418: quiet cloud texture and architectural linework on editorial surfaces.
   SVG decoration stays in CSS: no extra DOM, pointer targets, or image descriptions. */
:root{
  --surface-clouds:url("surface-clouds.svg");
  --surface-architecture:url("surface-architecture.svg");
  --surface-night:linear-gradient(108deg,rgba(8,14,25,.84),rgba(12,24,39,.28) 62%,rgba(8,14,25,.4)),var(--surface-clouds),radial-gradient(ellipse at 82% 12%,#435365 0,transparent 68%),linear-gradient(120deg,#101925,#23364a);
  --surface-paper:linear-gradient(112deg,rgba(255,255,255,.88),rgba(255,255,255,.38)),var(--surface-clouds),radial-gradient(ellipse at 95% 0,rgba(213,195,150,.18),transparent 64%),linear-gradient(140deg,#fbfcfd,#edf2f5);
}
/* Section bands retain white type; the dark veil protects the brightest cloud. */
main h2{
  background-color:#101925;
  background-image:var(--surface-night);
  background-size:auto,960px 480px,auto,auto;
  background-position:center,70% 42%,center,center;
  box-shadow:inset 0 1px 0 rgba(230,218,185,.15),inset 0 -1px 0 rgba(8,14,25,.24);
}
/* Headings embedded in a card/banner keep a single continuous background. */
main .entry-hub__heading h2,main .member-banner h2{background:none;box-shadow:none}
main .member-banner{
  background-color:#101925;
  background-image:linear-gradient(105deg,rgba(9,17,29,.93),rgba(14,28,43,.55)),var(--surface-architecture),var(--surface-clouds),radial-gradient(ellipse at 72% 5%,#506075,transparent 72%),linear-gradient(120deg,#101925,#253a50);
  background-size:auto,480px 320px,960px 480px,auto,auto;
  background-position:center,right bottom,65% 30%,center,center;
  background-repeat:no-repeat;
  box-shadow:inset 0 1px 0 rgba(238,223,178,.15);
}
/* Paper surfaces: cool daylight, a warm edge, and very soft uneven grain. */
main .entry-hub{
  background-image:var(--surface-paper);
  background-size:auto,960px 480px,auto,auto;
  border-color:#dce3e8;
}
main .entry-links--featured li,main .entry-links--featured li:hover,main .membership-features>li,main .membership-features>li:hover{
  background-color:#fafbfc;
  background-image:linear-gradient(105deg,rgba(255,255,255,.96) 12%,rgba(255,255,255,.64)),var(--surface-architecture),var(--surface-clouds),linear-gradient(130deg,#fff,#e9eff3);
  background-size:auto,300px 200px,800px 400px,auto;
  background-position:center,right bottom,center,center;
  background-repeat:no-repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
main .entry-links--featured li:nth-child(even),main .membership-features>li:nth-child(even){background-position:center,right -48px bottom,70% 75%,center}
main .entry-links--featured li:hover,main .membership-features>li:hover{background-color:#f8f6ef;border-color:#a38b50}
main .area-cards a,main .area-cards a:hover,main .index-paths a,main .index-paths a:hover{
  background-image:var(--surface-paper);
  background-size:auto,700px 350px,auto,auto;
  background-position:center,20% 65%,center,center;
}
main .area-cards li:nth-child(even) a,main .index-paths a:nth-child(even){background-position:center,85% 20%,center,center}
main .area-cards a:hover,main .index-paths a:hover{background-color:#f5f1e8}
main .market-area-card__body,main .bcard__body,main .listing-summary-item{background-image:var(--surface-paper);background-size:auto,800px 400px,auto,auto}
/* Small dark accents and table headers echo the bands without adding imagery to data. */
main .entry-hub__icon,main .membership-features__icon,main .subheading-icon,main table thead{
  background-image:var(--surface-night);
  background-size:auto,600px 300px,auto,auto;
  background-position:center,60% 60%,center,center;
}
@media print{
  main h2,main .member-banner,main .entry-hub,main .entry-links--featured li,main .membership-features>li,main .area-cards a,main .index-paths a,main .market-area-card__body,main .bcard__body,main .listing-summary-item,main .entry-hub__icon,main .membership-features__icon,main .subheading-icon,main table thead{background-image:none!important;box-shadow:none}
}
@media(forced-colors:active){
  main h2,main .member-banner,main .entry-hub,main .entry-links--featured li,main .membership-features>li,main .area-cards a,main .index-paths a,main .market-area-card__body,main .bcard__body,main .listing-summary-item,main .entry-hub__icon,main .membership-features__icon,main .subheading-icon,main table thead{background-image:none!important;box-shadow:none}
}