/* Voidral Social public journal | Editorial night aesthetic */
html:root body.voidral-unified-social{
 background:radial-gradient(ellipse at 70% 0%,#103a47 0%,transparent 45%),linear-gradient(165deg,#031721,#071f2b 72%,#041820)!important;
 color:#f0f9fb!important;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 min-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;
}
body.voidral-unified-social a{text-decoration:none}
body.voidral-unified-social .mast{
 position:relative;display:flex!important;align-items:center!important;
 background:#061f2aef!important;border-bottom:1px solid #275361!important;
 padding:12px max(17px,calc((100vw - 1040px)/2))!important;
 min-height:60px!important;gap:12px!important;
}
body.voidral-unified-social .logo{
 display:flex;align-items:center;gap:9px;font-weight:850!important;
 font-size:15px!important;letter-spacing:.2em!important;color:#f8ffff!important;
}
body.voidral-unified-social .logo img{width:34px;height:34px;border-radius:50%;object-fit:cover}
body.voidral-unified-social .logo small{display:inline;color:#33dae3;font-size:10px;letter-spacing:.16em}
body.voidral-unified-social .mast nav{display:flex;gap:8px!important;align-items:center}
body.voidral-unified-social .mast nav a{
 padding:7px 10px!important;border:1px solid #386e78!important;
 background:#10323e!important;color:#c8e9ee!important;font-size:11px!important;
 border-radius:8px!important;
}
body.voidral-unified-social main{max-width:990px!important;padding:13px 16px 32px!important}
body.voidral-unified-social .intro{
 isolation:isolate;position:relative;overflow:hidden;
 max-width:100%!important;text-align:left!important;
 display:flex;align-items:center;justify-content:space-between;
 gap:18px;padding:24px 25px!important;margin:0 0 14px!important;
 background:
 linear-gradient(135deg,#092c38e8,#0b3643ed 54%,#092630e9),
 repeating-linear-gradient(0deg,transparent 0 29px,#6ce8ee08 30px 31px)!important;
 border:1px solid #407886!important;border-radius:15px!important;
 box-shadow:0 14px 40px #0004!important;
}
body.voidral-unified-social .intro::before{
 content:"";position:absolute;pointer-events:none;inset:0;
 background:radial-gradient(circle at 85% 30%,#28e4ef25,transparent 40%);
}
body.voidral-unified-social .intro-copy{position:relative;z-index:1;max-width:590px}
body.voidral-unified-social .intro small{
 font-size:10px!important;letter-spacing:.17em!important;color:#52e7ed!important;
 font-weight:750!important;
}
body.voidral-unified-social .social-signal{
 display:inline-block;width:7px;height:7px;border-radius:50%;
 margin-right:5px;background:#24e8df;box-shadow:0 0 12px #24e8df;
 animation:vrSocialPulse 3s ease-in-out infinite;
}
body.voidral-unified-social .intro h1{
 font-size:clamp(24px,4.7vw,39px)!important;line-height:1.12!important;
 letter-spacing:-.035em!important;margin:9px 0!important;
 color:#fff!important;
}
body.voidral-unified-social .intro h1 em{font-style:normal;color:#4de3e8}
body.voidral-unified-social .intro p{
 max-width:490px!important;margin:0 0 13px!important;color:#bedbe2!important;
 font-size:13px!important;line-height:1.55!important;
}
body.voidral-unified-social .hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px}
body.voidral-unified-social .hero-actions .join{
 display:inline-flex;align-items:center;gap:8px;min-height:37px!important;
 background:#22d4de!important;color:#05272e!important;
 padding:7px 13px!important;border-radius:8px!important;
 border:1px solid #22d4de!important;font-size:12px!important;
 font-weight:750!important;
}
body.voidral-unified-social .hero-map{
 display:inline-flex;align-items:center;gap:8px;min-height:37px;padding:7px 13px;
 color:#d4f0f4!important;background:#0e3341!important;
 border:1px solid #497983!important;border-radius:8px;font-size:12px;font-weight:650;
}
body.voidral-unified-social .intro-orbit{
 display:grid;place-items:center;position:relative;flex:0 0 155px;
 width:155px;height:155px;border-radius:50%;
 background:radial-gradient(circle,#156a7c25 0%,#13d7e211 41%,transparent 64%);
}
body.voidral-unified-social .orbit-ring{
 width:132px;height:132px;border:1px solid #2cd6e185;border-radius:50%;
 box-shadow:inset 0 0 0 24px #1bd6e007,0 0 0 13px #37d9e20b,0 0 0 26px #37d9e20b;
 animation:vrSocialPulse 5s ease-in-out infinite;
}
body.voidral-unified-social .orbit-pin{
 position:absolute;font-size:42px;color:#2de8eb;text-shadow:0 0 13px #13dce3a8;
}
body.voidral-unified-social .intro-orbit span{
 position:absolute;bottom:1px;font-size:9px;letter-spacing:.27em;color:#79cad4;
}
body.voidral-unified-social .story-kind-nav{
 display:flex;gap:7px;align-items:center;overflow-x:auto;
 margin:0 0 13px;padding:3px 1px 7px;scrollbar-width:none;
}
body.voidral-unified-social .story-kind-nav a{
 flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
 min-height:34px;padding:7px 14px;border:1px solid #3c6c78!important;
 background:#102f3a!important;color:#cce8ed!important;
 font-size:12px;font-weight:650;border-radius:9px!important;
}
body.voidral-unified-social .story-kind-nav a[aria-current=page]{
 background:#24d7e0!important;border-color:#24d7e0!important;color:#032b31!important;
}
body.voidral-unified-social .feed{width:100%;max-width:745px!important;margin:0 auto;}
body.voidral-unified-social .feed-heading{
 display:flex;justify-content:space-between;align-items:end;gap:14px;margin:0 0 9px;
}
body.voidral-unified-social .feed-eyebrow{font-size:9px;letter-spacing:.19em;color:#56cbd5!important;font-weight:750}
body.voidral-unified-social .feed-heading h2{font-size:18px!important;margin:3px 0!important;color:#f2fcfd!important}
body.voidral-unified-social .region-form{display:flex;align-items:center;gap:7px}
body.voidral-unified-social .region-form label{font-size:11px;color:#b2d2da;font-weight:650}
body.voidral-unified-social .region-form select{
 height:36px;min-width:118px;max-width:150px;
 border:1px solid #437582;border-radius:8px;background:#0b2935;color:#e6f9fb;
 padding:5px 8px;font:12px system-ui;
}
body.voidral-unified-social .feed .card{
 border:1px solid #346a76!important;border-radius:13px!important;
 padding:0!important;margin:0 0 13px!important;
 background:linear-gradient(145deg,#0a2934,#07222d)!important;
 box-shadow:0 10px 28px #0005!important;overflow:hidden!important;
 color:#e4f3f7!important;
}
body.voidral-unified-social .byline{
 display:flex;align-items:center;gap:10px;padding:13px 14px!important;
 margin:0!important;color:#aacad3!important;
}
body.voidral-unified-social .story-avatar{
 display:grid;place-items:center;flex:0 0 37px;
 width:37px;height:37px;border-radius:50%;
 background:linear-gradient(135deg,#197e95,#2cc1bf);
 border:1px solid #5cb4c0;color:#f6ffff;font-size:14px;font-weight:800;
}
body.voidral-unified-social .story-author{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
body.voidral-unified-social .story-author a{color:#f6ffff!important;font-size:12px!important;font-weight:750!important;overflow-wrap:anywhere}
body.voidral-unified-social .story-author time{font-size:10px!important;color:#a7c8d0!important}
body.voidral-unified-social .story-type{
 font-size:9px!important;letter-spacing:.055em;text-transform:uppercase;
 padding:5px 7px;border:1px solid #356b75;border-radius:6px;background:#103943;
 color:#4be3e9;font-weight:750;
}
body.voidral-unified-social .feed .photo{
 display:block;width:100%;height:auto;max-height:360px;object-fit:cover;border-radius:0!important;
 background:#0d2c38;
}
body.voidral-unified-social .bodytext{
 font-size:13px!important;line-height:1.65!important;color:#e2f1f3!important;
 white-space:normal;margin:0!important;padding:14px!important;
 overflow-wrap:anywhere;
}
body.voidral-unified-social .feed .place{
 display:inline-flex!important;margin:0 14px 14px!important;align-items:center;
 min-height:35px!important;padding:8px 11px!important;
 background:#0f3541!important;border:1px solid #397680!important;
 color:#5fe0e7!important;border-radius:8px!important;font-size:11px!important;
 overflow-wrap:anywhere;
}
body.voidral-unified-social .feed .empty-story{
 padding:22px!important;text-align:center;
}
body.voidral-unified-social .empty-story .empty-mark{
 display:grid;place-items:center;font-size:25px;color:#2cdae5;
 margin:0 auto 8px;width:54px;height:54px;border-radius:14px;
 border:1px solid #467b86;background:#103541;
}
body.voidral-unified-social .empty-story h3{font-size:18px;color:#f6ffff}
body.voidral-unified-social .empty-story p{font-size:12px;color:#c2dce3}
body.voidral-unified-social .empty-story .join{
 display:inline-flex;padding:9px 14px;background:#20d5e0;color:#04272c;border-radius:8px;
}
body.voidral-unified-social .older{
 display:block;margin:9px auto 16px;padding:11px;
 color:#2de5ec!important;background:#0d2d37!important;
 border:1px solid #427782!important;border-radius:10px!important;
 font-size:12px!important;text-align:center!important;
}
body.voidral-unified-social footer{
 border-top:1px solid #284d59!important;background:#061e28!important;
 color:#b7d3d9!important;
}
body.voidral-unified-social footer a{color:#56e4eb!important}
@keyframes vrSocialPulse{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.025)}}
@media(max-width:640px){
 body.voidral-unified-social .mast{padding:9px 12px!important;min-height:53px!important;flex-wrap:wrap;gap:6px}
 body.voidral-unified-social .logo{font-size:12px!important;letter-spacing:.15em!important}
 body.voidral-unified-social .logo img{width:29px;height:29px}
 body.voidral-unified-social .logo small{font-size:8px}
 body.voidral-unified-social .mast nav a{padding:6px 7px!important;font-size:10px!important}
 body.voidral-unified-social main{padding:9px 11px 24px!important}
 body.voidral-unified-social .intro{padding:17px 16px!important;border-radius:12px!important}
 body.voidral-unified-social .intro h1{font-size:25px!important}
 body.voidral-unified-social .intro p{font-size:12px!important}
 body.voidral-unified-social .intro-orbit{display:none}
 body.voidral-unified-social .hero-actions{margin-top:10px}
 body.voidral-unified-social .story-kind-nav a{min-height:34px;padding:6px 10px;font-size:11px}
 body.voidral-unified-social .feed-heading{align-items:center}
 body.voidral-unified-social .feed-heading h2{font-size:16px!important}
 body.voidral-unified-social .region-form label{display:none}
 body.voidral-unified-social .region-form select{min-width:110px;max-width:130px;font-size:11px}
 body.voidral-unified-social .byline{gap:7px;padding:11px 12px!important}
 body.voidral-unified-social .story-avatar{width:33px;height:33px;flex-basis:33px;font-size:12px}
 body.voidral-unified-social .story-type{font-size:8px;padding:4px 5px}
 body.voidral-unified-social .bodytext{padding:12px!important}
 body.voidral-unified-social .feed .place{margin:0 12px 12px!important}
 body.voidral-unified-social .feed .photo{max-height:300px}
}
@media(prefers-reduced-motion:reduce){body.voidral-unified-social .social-signal,body.voidral-unified-social .orbit-ring{animation:none!important}}


/* Smaller opening screen: show real posts before the user has to scroll. */
@media(max-width:640px) {
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .mast{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;min-height:52px!important;height:52px!important;padding:8px 10px!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .mast .logo{flex:0 1 auto!important;min-width:0!important;font-size:11px!important;letter-spacing:.11em!important;white-space:nowrap!important;gap:5px!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .mast .logo img{width:27px!important;height:27px!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .mast .logo small{font-size:8px!important;letter-spacing:0!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .mast nav{display:flex!important;flex:0 0 auto!important;gap:4px!important;min-width:0!important;white-space:nowrap!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .mast nav a{padding:5px 6px!important;font-size:9px!important;line-height:1.2!important;min-height:28px!important;display:inline-flex!important;align-items:center!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] main{margin:0 auto!important;padding:9px 10px 22px!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .intro{display:flex!important;min-height:0!important;height:auto!important;max-height:none!important;margin:0 0 9px!important;padding:14px 15px!important;gap:8px!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .intro small{font-size:9px!important;letter-spacing:.08em!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .intro h1{font-size:23px!important;line-height:1.11!important;letter-spacing:-.03em!important;margin:6px 0!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .intro p{font-size:11px!important;line-height:1.45!important;margin:0 0 8px!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .hero-actions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;align-items:center!important;margin:8px 0 0!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .hero-actions :is(.join,.hero-map){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:auto!important;flex:0 1 auto!important;min-width:0!important;min-height:32px!important;height:32px!important;padding:6px 8px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .story-kind-nav{gap:5px!important;margin:0 0 8px!important;padding:1px 0 6px!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .story-kind-nav a{font-size:10px!important;min-height:31px!important;height:31px!important;padding:5px 9px!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .feed-heading{min-height:42px!important;margin:0 0 6px!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .feed-heading h2{font-size:15px!important;margin:2px 0!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .feed-eyebrow{font-size:9px!important;}
html:root body.voidral-unified-social[data-vd-page="social/index.php"] .region-form select{height:33px!important;min-width:105px!important;max-width:125px!important;font-size:11px!important;}
}

/* Override legacy studio selectors that repeated the same body class five times. */
@media(max-width:640px){
html:root body.voidral-unified-social.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh[data-vd-page="social/index.php"] .intro{min-height:0!important;max-height:none!important;height:auto!important;margin:0 0 9px!important;padding:12px 14px!important;border-radius:12px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;}
html:root body.voidral-unified-social.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh[data-vd-page="social/index.php"] .intro h1{font-size:23px!important;line-height:1.1!important;letter-spacing:-.03em!important;margin:5px 0 7px!important;max-width:300px!important;}
html:root body.voidral-unified-social.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh[data-vd-page="social/index.php"] .intro p{font-size:11px!important;line-height:1.4!important;margin:0 0 7px!important;max-width:300px!important;}
html:root body.voidral-unified-social.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh[data-vd-page="social/index.php"] .intro .join{margin:0!important;min-height:32px!important;height:32px!important;padding:6px 8px!important;font-size:10px!important;background:#22d4de!important;color:#05272e!important;border-color:#22d4de!important;border-radius:8px!important;}
html:root body.voidral-unified-social.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh[data-vd-page="social/index.php"] .intro .hero-map{margin:0!important;min-height:32px!important;height:32px!important;padding:6px 8px!important;font-size:10px!important;}
html:root body.voidral-unified-social.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh.voidral-brand-refresh[data-vd-page="social/index.php"] .hero-actions{margin:7px 0 0!important;gap:6px!important;flex-wrap:nowrap!important;}
}