:root{
  --bg:#02060b;
  --ink:#f4f8fb;
  --muted:#a5b3bd;
  --line:rgba(118,177,205,.34);
  --line-strong:rgba(68,231,255,.62);
  --glass:rgba(9,18,29,.54);
  --glass-heavy:rgba(8,15,24,.68);
  --glass-soft:rgba(22,31,42,.36);
  --cyan:#2df3ff;
  --blue:#2b91ff;
  --violet:#9b62ff;
  --gold:#ffb637;
  --green:#5df276;
  --red:#ff5c74;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:#02060b;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:
    radial-gradient(circle at 12% 14%, rgba(50,240,255,.12), transparent 20%),
    radial-gradient(circle at 76% 22%, rgba(255,182,55,.14), transparent 18%),
    radial-gradient(circle at 36% 68%, rgba(155,98,255,.14), transparent 22%),
    linear-gradient(180deg,#02050b 0%,#061421 50%,#02060b 100%);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.7),transparent 94%);
}
.background-field{
  position:fixed;
  inset:0;
  z-index:-2;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 24%,rgba(45,243,255,.11),transparent 19%),
    radial-gradient(circle at 72% 25%,rgba(255,182,55,.10),transparent 17%),
    radial-gradient(circle at 48% 60%,rgba(155,98,255,.12),transparent 24%);
}
#ambientField{
  width:100%;
  height:100%;
  display:block;
  opacity:.92;
  filter:saturate(1.18) contrast(1.08);
}
.orbital-haze{
  position:fixed;
  inset:-20%;
  z-index:-1;
  pointer-events:none;
  opacity:.38;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(45,243,255,.14), transparent 30%),
    conic-gradient(from 180deg at 50% 50%, transparent, rgba(155,98,255,.12), transparent, rgba(255,182,55,.09), transparent);
  animation:hazeWave 18s ease-in-out infinite alternate;
  filter:blur(18px);
}
@keyframes hazeWave{
  from{transform:translate3d(-1.5%, -1%,0) scale(1) rotate(-2deg)}
  to{transform:translate3d(1.5%, 1%,0) scale(1.05) rotate(2deg)}
}
a{color:inherit;text-decoration:none}
header{
  position:sticky;top:0;z-index:20;
  background:rgba(2,6,11,.50);
  border-bottom:1px solid rgba(68,231,255,.25);
  backdrop-filter:blur(22px) saturate(1.45);
  -webkit-backdrop-filter:blur(22px) saturate(1.45);
  box-shadow:0 12px 36px rgba(0,0,0,.24);
}
.nav{
  max-width:1540px;
  height:94px;
  margin:auto;
  padding:0 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.brand{display:flex;align-items:center;gap:17px}
.brand-symbol{
  width:54px;height:54px;
  border:1px solid rgba(224,240,247,.88);
  clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);
  position:relative;
  opacity:.95;
  filter:drop-shadow(0 0 12px rgba(45,243,255,.22));
}
.brand-symbol:before,.brand-symbol:after{
  content:"";position:absolute;inset:10px;
  border:1px solid rgba(224,240,247,.86);transform:rotate(30deg);
}
.brand-symbol:after{transform:rotate(-30deg)}
.brand-title{font-family:Georgia,serif;font-size:24px;letter-spacing:.18em;display:block}
.brand-subtitle{display:block;color:#7eeeff;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-top:4px}
.links{display:flex;gap:32px;align-items:center;color:#dce8ef;text-transform:uppercase;letter-spacing:.11em;font-size:12px}
.links a{opacity:.86}
.links a.active{color:white;border-bottom:2px solid var(--cyan);padding-bottom:13px;opacity:1;text-shadow:0 0 14px rgba(45,243,255,.55)}
.github{border:1px solid rgba(172,205,220,.45);border-radius:7px;padding:14px 20px;background:rgba(8,17,28,.34)}

main{max-width:1540px;margin:auto;padding:24px 32px 0}
.hero{
  min-height:614px;
  display:grid;
  grid-template-columns:.75fr 1.05fr .50fr;
  border-bottom:1px solid rgba(68,231,255,.20);
}
.hero-copy{padding:26px 0 12px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.02}
h1{
  font-size:clamp(43px,5.25vw,74px);
  letter-spacing:-.04em;
  margin:0 0 22px;
  text-shadow:0 3px 24px rgba(0,0,0,.55);
}
.kicker{
  color:#9befff;
  text-transform:uppercase;
  letter-spacing:.26em;
  font-size:11px;
  margin-bottom:13px;
}
.teal-line{width:70px;height:2px;background:var(--cyan);margin:0 0 18px;box-shadow:0 0 16px rgba(45,243,255,.8)}
p{color:#c4d1d8;line-height:1.56}
.lead{max-width:450px;font-size:17px;text-shadow:0 2px 14px rgba(0,0,0,.42)}
.actions{display:flex;gap:15px;margin:32px 0}
.button{
  height:52px;display:inline-flex;align-items:center;gap:15px;
  padding:0 24px;border:1px solid rgba(184,213,226,.38);border-radius:5px;
  background:rgba(8,17,28,.38);
  backdrop-filter:blur(18px) saturate(1.45);
  -webkit-backdrop-filter:blur(18px) saturate(1.45);
  text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#fff;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
.button.primary{border-color:rgba(45,243,255,.82);color:#00161a;background:linear-gradient(180deg,rgba(45,243,255,.94),rgba(31,188,211,.88));box-shadow:0 0 22px rgba(45,243,255,.36)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:605px;margin-top:26px}
.stat{border-left:1px solid rgba(173,211,227,.27);padding:0 18px}
.stat:first-child{border-left:0;padding-left:0}
.stat span{color:#98a9b3;text-transform:uppercase;letter-spacing:.14em;font-size:10px}
.stat b{display:block;font-weight:400;font-size:24px;color:var(--cyan);margin-top:8px;text-shadow:0 0 17px rgba(45,243,255,.48)}

.network-stage{position:relative;min-height:614px;overflow:hidden}
.network-stage:before{
  content:"";position:absolute;inset:6% 4%;
  background:radial-gradient(circle at 52% 47%,rgba(45,243,255,.18),transparent 36%);
  animation:pulseHaze 5.8s ease-in-out infinite;
}
@keyframes pulseHaze{0%,100%{opacity:.52;transform:scale(.985)}50%{opacity:.94;transform:scale(1.03)}}
canvas{display:block}
#heroNetwork{position:absolute;inset:-15px -5px;width:calc(100% + 10px);height:calc(100% + 15px)}

.glass,
.panel,
.experiment-card{
  border:1px solid rgba(147,202,223,.28);
  background:
    linear-gradient(135deg,rgba(19,31,45,.64),rgba(6,14,23,.50)),
    radial-gradient(circle at 18% 0%,rgba(45,243,255,.09),transparent 38%);
  backdrop-filter:blur(18px) saturate(1.55);
  -webkit-backdrop-filter:blur(18px) saturate(1.55);
  box-shadow:
    0 20px 60px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(255,255,255,.025);
}
.experiment-card{
  align-self:start;margin-top:24px;padding:28px;
  border-radius:8px;z-index:3;
}
.card-title{text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin-bottom:28px}
.live{float:right;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:99px;color:#78ff91;background:rgba(87,216,110,.14);font-size:11px}
.live:before{content:"";width:8px;height:8px;border-radius:50%;background:#65eb7d;box-shadow:0 0 12px #65eb7d;animation:liveBlink 1.8s ease-in-out infinite}
@keyframes liveBlink{0%,100%{opacity:.5;transform:scale(.82)}50%{opacity:1;transform:scale(1.15)}}
.experiment-card h2{font-size:25px;margin:0 0 22px}
.experiment-card p{font-size:14px;margin-bottom:27px}
.divider{height:1px;background:rgba(124,170,190,.26);margin:25px 0}
.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.exp-cell{border-left:1px solid rgba(124,170,190,.26);padding-left:18px}
.exp-cell:nth-child(odd){border-left:0;padding-left:0}
.exp-cell span{color:#99a9b3;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.exp-cell b{display:block;font-weight:400;font-size:21px;margin-top:8px}
.green{color:var(--green);text-shadow:0 0 14px rgba(93,242,118,.35)}
.view-link{display:flex;justify-content:space-between;color:var(--cyan);text-transform:uppercase;letter-spacing:.13em;font-size:12px;margin-top:28px;text-shadow:0 0 13px rgba(45,243,255,.38)}

.panel{border-radius:8px}
.panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:22px}
.feature{padding:27px 31px;min-height:202px}
.feature-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.feature p{font-size:13px;margin:0 0 22px}
.learn{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.gold-text{color:var(--gold)}

.row{display:grid;grid-template-columns:1.48fr .88fr;gap:15px;margin-top:15px}
.sim-panel,.timeline,.pubs,.log,.architecture{padding:19px}
.section-label{text-transform:uppercase;letter-spacing:.12em;font-size:15px;margin-bottom:14px}
.sim-canvas{height:315px;position:relative;overflow:hidden;border-radius:6px}
.sim-canvas canvas{width:100%;height:100%}
.legend{position:absolute;top:17px;left:17px;width:122px;border:1px solid rgba(147,202,223,.28);background:rgba(5,12,20,.48);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:5px;padding:11px}
.legend div{color:#b7c8d1;font-size:11px;margin:8px 0}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 8px currentColor}
.sim-bottom{display:grid;grid-template-columns:repeat(5,1fr) 1.2fr;border-top:1px solid rgba(124,170,190,.26)}
.sim-bottom div{padding:15px 15px 0;border-left:1px solid rgba(124,170,190,.22)}
.sim-bottom div:first-child{border-left:0}
.sim-bottom span{color:#98a9b3;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.sim-bottom b{display:block;font-weight:400;font-size:17px;margin-top:6px}
.fullscreen{color:var(--cyan);text-transform:uppercase;text-align:right;font-size:12px;letter-spacing:.12em}

.timeline-list{display:grid;gap:24px;margin-top:22px;border-left:1px solid rgba(45,243,255,.42);margin-left:42px}
.tline{position:relative;padding-left:31px}
.tline:before{content:"";width:10px;height:10px;border-radius:50%;background:#55f0ff;position:absolute;left:-6px;top:4px;box-shadow:0 0 13px rgba(85,240,255,.65)}
.tline year{position:absolute;left:-57px;color:#dae3e9}
.tline b{font-weight:400}.tline p{font-size:13px;margin:4px 0 0}

.lower{display:grid;grid-template-columns:1fr .72fr .46fr;gap:15px;margin-top:15px}
.report,.log-entry,.area-row{display:grid;grid-template-columns:70px 1fr auto;gap:17px;padding:13px 0;border-top:1px solid rgba(124,170,190,.18)}
.report:first-of-type,.log-entry:first-of-type,.area-row:first-of-type{border-top:0}
.paper-thumb{width:46px;height:60px;background:linear-gradient(180deg,#e5e8e8,#a6aaaa);border:1px solid rgba(255,255,255,.42);margin-left:14px;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.report small,.log-entry small{color:#98a9b3;text-transform:uppercase;letter-spacing:.10em}
.report b,.log-entry b{display:block;font-family:Georgia,serif;font-weight:400;margin:3px 0}
.report p,.log-entry p{font-size:12px;margin:0}.pdf{align-self:center;border:1px solid rgba(147,202,223,.32);border-radius:4px;padding:8px 13px;font-size:12px;background:rgba(7,14,23,.35)}
.log-entry{grid-template-columns:18px 1fr}.log-dot{width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:3px;box-shadow:0 0 12px currentColor}
.area-row{grid-template-columns:40px 1fr;gap:14px}
.area-icon{width:31px;height:31px;border:1px solid rgba(45,243,255,.5);border-radius:5px;display:grid;place-items:center;color:var(--cyan);background:rgba(3,12,20,.25)}
.area-row b{font-weight:500}.area-row p{font-size:12px;margin:3px 0 0}

.architecture{margin-top:15px}
.arch-grid{display:grid;grid-template-columns:1.15fr .65fr .95fr .56fr;gap:28px;align-items:center}
.node-diagram{height:154px;position:relative}
.node-center{width:92px;height:92px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;background:rgba(2,11,18,.55);box-shadow:0 0 25px rgba(45,243,255,.45),inset 0 0 20px rgba(255,182,55,.14)}
.node-center:before{content:"";position:absolute;inset:10px;border:1px solid var(--gold);border-radius:50%}
.arch-card{border:1px solid rgba(147,202,223,.24);background:rgba(5,12,20,.34);border-radius:6px;padding:12px;margin:7px 0;font-size:12px;color:#c5d0d7;backdrop-filter:blur(10px)}
.arch-card b{color:#fff;text-transform:uppercase;letter-spacing:.12em}

.footer{margin-top:28px;border-top:1px solid rgba(68,231,255,.23);display:grid;grid-template-columns:1.25fr .7fr .8fr .8fr;gap:42px;padding:32px 0 20px;background:rgba(2,7,12,.20)}
.footer h4{text-transform:uppercase;letter-spacing:.12em;font-size:13px}.footer p,.footer a{font-size:13px;color:#aebdc6;display:block;line-height:1.6}
.bottom{border-top:1px solid rgba(68,231,255,.16);color:#81919c;font-size:12px;padding:14px 0;display:flex;justify-content:space-between;gap:16px}
@media(max-width:1300px){.panel-grid{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}}
@media(max-width:1180px){.links{display:none}.hero{grid-template-columns:1fr}.row,.arch-grid,.footer{grid-template-columns:1fr}.experiment-card{margin-top:0}.network-stage{min-height:500px}}
@media(max-width:720px){.nav{height:auto;padding:18px}main{padding:18px}.brand-title{font-size:18px}.stats,.exp-grid,.sim-bottom,.panel-grid{grid-template-columns:1fr}.actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Article pages */
.article-main{max-width:1180px;margin:auto;padding:64px 32px 0}
.article-hero{padding:54px;border-radius:14px;border:1px solid rgba(147,202,223,.28);background:linear-gradient(135deg,rgba(19,31,45,.64),rgba(6,14,23,.50)),radial-gradient(circle at 12% 0%,rgba(45,243,255,.10),transparent 40%);backdrop-filter:blur(18px) saturate(1.55);-webkit-backdrop-filter:blur(18px) saturate(1.55);box-shadow:0 20px 60px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08)}
.article-hero h1{max-width:840px}.article-kicker{color:#9befff;text-transform:uppercase;letter-spacing:.26em;font-size:11px;margin-bottom:13px}
.article-grid{display:grid;grid-template-columns:1fr .48fr;gap:18px;margin-top:18px}
.article-card{border:1px solid rgba(147,202,223,.28);border-radius:12px;background:rgba(9,18,29,.52);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 18px 50px rgba(0,0,0,.28);padding:28px}
.article-card h2,.article-card h3{margin-top:0}.article-card h2{font-size:32px}.article-card h3{font-size:22px;text-transform:uppercase;letter-spacing:.08em}.article-card p,.article-card li{color:#c6d1d8;line-height:1.65}.article-card ul{padding-left:20px}
.note-box{border-left:2px solid var(--cyan);padding:14px 18px;background:rgba(45,243,255,.07);color:#dbeff3;margin:20px 0}
.article-links{display:grid;gap:12px}.article-link{display:block;border:1px solid rgba(147,202,223,.24);border-radius:10px;padding:16px;background:rgba(4,12,20,.36)}
.article-link b{display:block;font-weight:500;color:#fff}.article-link span{display:block;color:#9fb0bb;font-size:12px;margin-top:5px}.article-link:hover{border-color:rgba(45,243,255,.65);box-shadow:0 0 22px rgba(45,243,255,.12)}
.research-library{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.article-footer-nav{display:flex;justify-content:space-between;gap:16px;margin:26px 0 40px}.article-footer-nav a{border:1px solid rgba(147,202,223,.28);border-radius:10px;padding:14px 18px;background:rgba(9,18,29,.42);color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:12px}
@media(max-width:900px){.article-grid,.research-library{grid-template-columns:1fr}.article-hero{padding:32px}.article-main{padding:32px 18px 0}.article-footer-nav{flex-direction:column}}


.record-link{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(45,243,255,.35)}


/* No-zero landing glyphs: angular axis marks, not circular rings */
.axis-mark{
  --accent:var(--cyan);
  width:58px;
  height:48px;
  position:relative;
  flex:0 0 auto;
  display:inline-block;
  border:1px solid color-mix(in srgb, var(--accent) 62%, transparent);
  border-radius:7px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), rgba(4,14,24,.32) 54%, rgba(255,255,255,.025)),
    linear-gradient(90deg, rgba(255,255,255,.05), transparent);
  box-shadow:0 0 18px color-mix(in srgb, var(--accent) 20%, transparent), inset 0 0 18px rgba(255,255,255,.04);
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
  overflow:hidden;
}
.axis-mark:before,
.axis-mark:after,
.axis-mark i{
  content:"";
  position:absolute;
  left:9px;
  right:9px;
  top:23px;
  height:2px;
  background:var(--accent);
  box-shadow:0 0 10px color-mix(in srgb, var(--accent) 65%, transparent);
  transform-origin:center;
}
.axis-mark:before{transform:rotate(0deg)}
.axis-mark:after{transform:rotate(55deg);opacity:.78}
.axis-mark i:nth-child(1){transform:rotate(-55deg);opacity:.72}
.axis-mark i:nth-child(2){left:27px;right:auto;top:8px;width:2px;height:32px;opacity:.70}
.axis-mark i:nth-child(3){left:7px;right:auto;top:36px;width:22px;height:2px;opacity:.55}
.axis-mark b{
  position:absolute;
  left:25px;
  top:18px;
  width:9px;
  height:9px;
  background:#eaffff;
  border:1px solid var(--accent);
  border-radius:1px;
  box-shadow:0 0 14px var(--accent), 0 0 28px color-mix(in srgb, var(--accent) 35%, transparent);
  transform:rotate(45deg);
}
.axis-mark.violet{--accent:var(--violet)}
.axis-mark.blue{--accent:var(--blue)}
.axis-mark.gold{--accent:var(--gold)}

/* Small legend markers are chips, not hollow circles. */
.dot{border-radius:2px;transform:skewX(-12deg)}

/* Public observatory content update */
.observatory-strip{
  display:grid;
  grid-template-columns:1.1fr .95fr .95fr .95fr;
  gap:16px;
  margin:22px 0 28px;
}
.ob-card{
  position:relative;
  overflow:hidden;
  min-height:150px;
  border:1px solid rgba(147,202,223,.25);
  border-radius:14px;
  padding:24px;
  background:linear-gradient(135deg,rgba(11,22,35,.58),rgba(6,14,23,.44));
  backdrop-filter:blur(16px) saturate(1.45);
  -webkit-backdrop-filter:blur(16px) saturate(1.45);
  box-shadow:0 18px 50px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
}
.ob-card:before{
  content:"";
  position:absolute;
  inset:auto -12% -38% -12%;
  height:88px;
  background:radial-gradient(ellipse at center,rgba(45,243,255,.14),transparent 68%);
}
.ob-card b{display:block;color:#fff;font-size:18px;margin:12px 0 8px}
.ob-card p{margin:0;color:#b8c8d2;line-height:1.55;font-size:14px}
.ob-card a{position:relative;z-index:2;display:inline-block;margin-top:14px;color:var(--cyan);text-transform:uppercase;letter-spacing:.11em;font-size:11px}
.shard-mark{
  display:inline-grid;
  place-items:center;
  width:38px;height:38px;
  border-radius:9px;
  background:linear-gradient(135deg,rgba(45,243,255,.16),rgba(155,98,255,.10));
  border:1px solid rgba(45,243,255,.35);
  box-shadow:0 0 24px rgba(45,243,255,.11);
}
.shard-mark svg{width:26px;height:26px;overflow:visible}
.shard-mark path,.shard-mark line,.shard-mark polyline{stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.shard-mark{color:#8ff5ff}.shard-mark.violet{color:#b39cff}.shard-mark.gold{color:#ffe569}.shard-mark.green{color:#75ffaa}
.archive-table{
  display:grid;
  gap:10px;
}
.archive-row{
  display:grid;
  grid-template-columns:.72fr 1.1fr .7fr .7fr auto;
  gap:14px;
  align-items:center;
  border:1px solid rgba(147,202,223,.20);
  border-radius:12px;
  background:rgba(5,14,23,.36);
  padding:14px 16px;
}
.archive-row.header{
  color:#91a6b4;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  background:rgba(45,243,255,.06);
}
.archive-row b{color:#fff}
.archive-row span,.archive-row p{color:#b7c7d1;margin:0;font-size:13px;line-height:1.45}
.archive-row a{color:var(--cyan);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.boundary-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.boundary-item{
  border:1px solid rgba(147,202,223,.20);
  border-radius:12px;
  padding:16px;
  background:rgba(5,14,23,.35);
}
.boundary-item b{display:block;color:#fff;margin-bottom:6px}
.boundary-item p{margin:0;color:#b8c8d2;line-height:1.5;font-size:14px}
.glossary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.glossary-item{
  border:1px solid rgba(147,202,223,.20);
  border-radius:12px;
  padding:16px;
  background:rgba(5,14,23,.34);
}
.glossary-item b{display:block;color:#fff;margin-bottom:6px}
.glossary-item p{margin:0;color:#b8c8d2;line-height:1.5;font-size:14px}
@media(max-width:1100px){.observatory-strip{grid-template-columns:1fr 1fr}.archive-row{grid-template-columns:1fr}.archive-row.header{display:none}.glossary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.observatory-strip,.boundary-list,.glossary-grid{grid-template-columns:1fr}}