/* Original DreamCodeV midnight editorial style, with readable article typography. */
:root{color-scheme:dark}
body{background:radial-gradient(circle at 80% 0%,rgba(57,23,94,.16),transparent 33%),#07040e!important;color:#f5eaf9!important}
header{background:rgba(7,3,14,.96)!important;border-bottom:1px solid rgba(144,75,195,.36)!important}
.brand{color:#f4ebfa!important}.brand b span{color:#ad66e8!important}.brand small{color:#b1a1c0!important}
nav a{color:#d2c4df!important}nav a:hover{color:#ddb5fa!important}
main{padding-top:45px!important}
.intro{border-bottom:1px solid rgba(140,88,178,.32)!important}
.intro h1{font:700 clamp(40px,5.5vw,66px)/1.04 "Space Grotesk",sans-serif!important;letter-spacing:-.06em!important;color:#f8eefe!important}
.intro .lead{font-size:clamp(15px,1.75vw,19px)!important;color:#bfb1ce!important;max-width:780px}
.eyebrow{color:#bd7ef1!important}
.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px!important}
.article-grid .article-card{padding:0!important;min-height:0!important;border:1px solid rgba(150,84,209,.43)!important;
 background:linear-gradient(135deg,#130b23,#090612)!important;color:#f5edf9!important;
 border-radius:17px!important;box-shadow:0 14px 31px #0007!important;overflow:hidden}
.article-card .journal-card-art{height:205px;position:relative;display:flex;align-items:flex-end;padding:26px;overflow:hidden;isolation:isolate}
.article-card .journal-card-art:before{content:"";position:absolute;z-index:-1;inset:0;
 background:radial-gradient(circle at 70% 24%,rgba(165,93,222,.38),transparent 40%),linear-gradient(130deg,#0e0922,#402260)}
.article-card:last-child .journal-card-art:before{background:radial-gradient(circle at 70% 24%,rgba(121,179,228,.3),transparent 40%),linear-gradient(130deg,#0d1528,#263d5e)}
.article-card .journal-card-art:after{content:"";position:absolute;width:140px;height:140px;right:8px;top:-25px;transform:rotate(28deg);
 border:2px solid #ffffff33;border-radius:30px;box-shadow:0 0 0 33px #ffffff09}
.article-card .journal-card-art b{position:relative;z-index:1;font:800 clamp(28px,3.7vw,46px)/.96 "Space Grotesk",sans-serif;letter-spacing:-.06em;color:#f7eaff}
.article-card .journal-card-body{display:flex;flex-direction:column;flex:1;padding:23px;gap:11px}
.article-card .journal-card-body span{font:700 9px "DM Sans",sans-serif;letter-spacing:.15em;color:#bd88e9}
.article-card .journal-card-body h2{font:650 clamp(21px,2.7vw,30px)/1.19 "Space Grotesk",sans-serif;color:#f2e8fc!important;margin:0}
.article-card .journal-card-body p{font-size:13px;line-height:1.65;color:#b8aec5!important}
.article-card .journal-card-body em{font:700 11px "DM Sans",sans-serif;color:#c78ef1!important}
.article{max-width:830px!important}.article .article-back{color:#c38bea!important}
.article h1{font:700 clamp(36px,5.3vw,62px)/1.09 "Space Grotesk",sans-serif!important;letter-spacing:-.06em;color:#f5eafb!important}
.article .lead{font:400 clamp(16px,2vw,21px)/1.65 "DM Sans",sans-serif;color:#c1b3cd!important}
.article .meta{border-color:rgba(153,101,184,.24)!important;color:#9b89ad!important}
.article h2{font:650 clamp(24px,3vw,34px)/1.16 "Space Grotesk",sans-serif!important;color:#f2e6fc!important}
.article p,.article li{color:#d0c2d8!important;line-height:1.8!important}
.article blockquote{border-left:4px solid #9b5ace!important;background:linear-gradient(135deg,#20112e,#0f0b1b)!important;
 color:#edd7ff!important;border-radius:0 13px 13px 0;padding:20px 25px!important;font:500 clamp(19px,2.3vw,25px)/1.45 "Space Grotesk",sans-serif!important}
.article-hero{height:clamp(230px,31vw,360px);position:relative;border-radius:17px;overflow:hidden;isolation:isolate;margin:28px 0 36px;
 display:flex;align-items:flex-end;padding:clamp(23px,3.5vw,40px)!important}
.article-hero:before{content:"";position:absolute;inset:0;z-index:-1;
 background:radial-gradient(circle at 80% 20%,rgba(191,124,249,.4),transparent 42%),linear-gradient(130deg,#111027,#40306f)}
.article-hero.hero-privacy:before{background:radial-gradient(circle at 80% 20%,rgba(134,188,231,.38),transparent 42%),linear-gradient(130deg,#111728,#283b60)}
.article-hero:after{content:"";position:absolute;right:12%;top:-30px;width:120px;height:260px;transform:rotate(-33deg);
 border:2px solid #ffffff40;border-radius:30px;box-shadow:0 0 0 40px #ffffff08,0 0 0 90px #ffffff06}
.article-hero strong{font:800 clamp(34px,5vw,63px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.07em;color:#fff;position:relative;z-index:1}
.article-hero small{position:absolute;top:25px;left:clamp(23px,3.5vw,40px);color:#d3b9ef;font:700 9px "DM Sans",sans-serif;letter-spacing:.18em}
.article .related{border-color:#41304d!important}.article .related a{color:#c68bfc!important}
footer{background:#05030b!important;color:#aaa0b5!important}
@media(max-width:740px){.article-grid{grid-template-columns:1fr!important}.intro h1{font-size:40px!important}
.article h1{font-size:37px!important}.article-hero{height:220px!important}.article-hero strong{font-size:38px!important}
.article-grid .article-card{min-height:0!important}.article-card .journal-card-art{height:188px!important}
.article-card .journal-card-art b{font-size:36px!important}}

/* iPhone editorial masthead: no clipped navigation or compressed brand. */
header .wrap { box-sizing:border-box; min-width:0; }
header .brand { min-width:0; flex-shrink:0; }
header .brand>span { display:block; min-width:0; }
header .brand b { display:block; line-height:1.1; white-space:nowrap; }
header .brand small { display:block; line-height:1.3; }
header nav { min-width:0; }
@media (max-width:800px){
  header .wrap {
    width:calc(100% - 36px)!important;
    min-height:unset!important;
    padding:16px 0 14px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:16px!important;
  }
  header .brand{gap:11px!important;max-width:100%!important;}
  header .brand b {font-size:clamp(17px,5.5vw,22px)!important;letter-spacing:-.045em!important;}
  header .brand small {font-size:clamp(7px,2vw,9px)!important;letter-spacing:.09em!important;white-space:nowrap!important;}
  header .brand img {width:44px!important;height:44px!important;flex:none!important}
  header nav {
    display:flex!important;align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;gap:10px 20px!important;
    width:100%!important;
    padding:2px 0 0!important;
    margin:0!important;
    overflow:visible!important;
  }
  header nav a {font-size:13px!important;line-height:1.4!important;white-space:nowrap!important}
  header nav a:first-child{margin-left:0!important}
  main.wrap,footer .wrap{width:calc(100% - 40px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  .article{min-width:0!important;max-width:100%!important;overflow-wrap:break-word}
  .article h1{font-size:clamp(28px,8.4vw,37px)!important;line-height:1.12!important;letter-spacing:-.055em!important;overflow-wrap:normal}
  .intro h1{font-size:clamp(32px,9vw,40px)!important}
}
@media(max-width:390px){
  header .wrap{gap:13px!important;padding:14px 0!important}
  header nav{gap:9px 17px!important}
  header nav a{font-size:12px!important}
}