/* =========================================================
   LAEVYL — Development Updates
   Base tokens, header, buttons and footer mirror index.html
   so the section feels like the same site.
========================================================= */

:root{
  --bg:#05030d;
  --panel:rgba(11,7,24,.72);
  --purple:#9c4dff;
  --purple2:#c05fff;
  --text:#f8f6ff;
  --muted:#b7afc8;
  --dim:#91899d;
  --line:rgba(168,87,255,.14);

  --gold:#e8c26e;
  --gold-soft:rgba(232,194,110,.14);

  --t-released:#52e2a0;
  --t-completed:#6cc8ff;
  --t-progress:#ffab5c;
  --t-concept:#b9a7e0;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:#05030d;
  color:var(--text);
  font-family:Montserrat,Arial,sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;}
.wrap{width:min(1280px,calc(100% - 44px));margin:auto;}
.wrap.narrow{width:min(860px,calc(100% - 44px));}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

/* ---------------- header (same as landing page) ---------------- */

header{position:absolute;inset:0 0 auto 0;z-index:20;background:transparent;}
header nav{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);}
.nav-brand{width:195px;}
.nav-center{display:flex;gap:34px;align-items:center;}
.nav-center a{font-size:.90rem;color:#f0ecf7;transition:.2s ease;}
.nav-center a:hover{color:#fff;}
.nav-center a[aria-current="page"]{color:#fff;text-shadow:0 0 18px rgba(192,95,255,.7);}
.nav-right{justify-self:end;display:flex;align-items:center;gap:10px;}
.nav-discord{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;
  border:1px solid rgba(167,145,255,.42);border-radius:10px;background:rgba(88,101,242,.17);
  color:#f8f6ff;font-size:.84rem;font-weight:700;white-space:nowrap;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.nav-discord:hover{background:rgba(88,101,242,.32);border-color:rgba(167,145,255,.85);transform:translateY(-1px);}
.nav-discord svg{width:19px;height:19px;flex:none;fill:currentColor;stroke:none;}
.nav-btn{
  padding:12px 22px;border:1px solid rgba(186,94,255,.6);border-radius:10px;background:rgba(92,34,153,.05);
  box-shadow:0 0 22px rgba(156,77,255,.12),inset 0 0 18px rgba(156,77,255,.06);
  font-size:.84rem;font-weight:700;white-space:nowrap;transition:.2s ease;
}
.nav-btn:hover{background:rgba(126,52,208,.14);box-shadow:0 0 30px rgba(156,77,255,.24),inset 0 0 18px rgba(156,77,255,.08);}

/* ---------------- buttons ---------------- */

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;
  font-size:.82rem;font-weight:700;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:linear-gradient(135deg,#7f35ff,#a947ff 55%,#c25aff);box-shadow:0 12px 32px rgba(145,62,255,.28);}
.btn-outline{border:1px solid rgba(180,95,255,.48);background:rgba(65,25,115,.11);}

.overline{color:#d6b6ff;letter-spacing:.31em;text-transform:uppercase;font-size:.74rem;font-weight:600;}
.purple{color:transparent;background:linear-gradient(90deg,#b45cff,#813dff 55%,#bc5dff);-webkit-background-clip:text;background-clip:text;}
.ico{display:inline-flex;width:15px;height:15px;flex:none;}
.ico svg{width:100%;height:100%;}

/* ---------------- preview / draft markers ---------------- */

.preview-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:90;pointer-events:none;padding:9px 16px;text-align:center;font-size:.74rem;letter-spacing:.02em;
  background:repeating-linear-gradient(135deg,#3a2400 0 14px,#2c1b00 14px 28px);color:#ffd28a;border-top:1px solid #6b4500;box-shadow:0 -10px 30px rgba(0,0,0,.5);
}
.preview-bar code{background:rgba(0,0,0,.35);padding:1px 6px;border-radius:5px;}
.draft-chip{
  display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:#ffcf7d;background:rgba(255,170,40,.12);border:1px dashed rgba(255,190,90,.6);
}
.draft-chip.example{color:#c9c2d6;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3);}
.draft-banner{
  margin:0 0 22px;padding:12px 16px;border-radius:12px;font-size:.76rem;font-weight:700;letter-spacing:.04em;line-height:1.5;
  color:#ffd28a;background:rgba(255,160,30,.10);border:1px dashed rgba(255,190,90,.55);
}

/* ---------------- hero ---------------- */

.u-hero{position:relative;isolation:isolate;overflow:hidden;padding:150px 0 54px;border-bottom:1px solid rgba(163,79,255,.12);}
.u-hero-bg{
  position:absolute;inset:0;z-index:-2;background:url("/assets/hero-bg.png") center 62%/cover no-repeat;opacity:.55;
}
.u-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 120%,rgba(142,55,255,.22),transparent 55%),
    linear-gradient(180deg,rgba(5,3,13,.82) 0%,rgba(5,3,13,.55) 40%,rgba(5,3,13,.92) 85%,#05030d 100%);
}
.u-hero-inner{text-align:center;}
.u-hero h1{
  margin:14px 0 16px;font-size:clamp(2.5rem,5.4vw,4.4rem);line-height:.98;letter-spacing:-.03em;
  text-transform:uppercase;font-weight:800;
}
.u-hero .lead{max-width:640px;margin:0 auto;color:#bdb5c9;line-height:1.7;font-size:.95rem;}

.tabs{
  display:inline-flex;gap:6px;margin-top:30px;padding:5px;border-radius:14px;
  border:1px solid rgba(180,95,255,.22);background:rgba(10,6,20,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.tab{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;
  font-size:.8rem;font-weight:700;color:#b9b0c6;transition:.2s ease;white-space:nowrap;
}
.tab:hover{color:#fff;}
.tab.active{color:#fff;background:linear-gradient(135deg,rgba(127,53,255,.55),rgba(194,90,255,.35));box-shadow:0 0 20px rgba(156,77,255,.25);}
.tab .count{font-size:.68rem;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:#d9cfe8;}

/* ---------------- category badges ---------------- */

.card-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.cat-badge{
  display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 9px;border-radius:999px;
  font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.cat-badge svg{width:14px;height:14px;}
.cat-dev-update{color:#e3c8ff;background:rgba(156,77,255,.16);border:1px solid rgba(180,95,255,.45);box-shadow:0 0 18px rgba(156,77,255,.12);}
.cat-patch-notes{color:var(--gold);background:var(--gold-soft);border:1px solid rgba(232,194,110,.45);box-shadow:0 0 18px rgba(232,194,110,.10);}
.latest{
  padding:5px 10px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:#05030d;background:linear-gradient(135deg,#d7b4ff,#a947ff);
}
.kicker-num{margin-top:14px;color:#a39ab0;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;}

.meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;color:#958da0;font-size:.74rem;font-weight:600;}
.meta > span{display:inline-flex;align-items:center;gap:7px;}
.meta .ico{color:#a65cff;}

/* ---------------- list ---------------- */

.u-list{padding:46px 0 96px;}
.featured{
  position:relative;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;
  border:1px solid rgba(180,95,255,.24);border-radius:26px;
  background:radial-gradient(circle at 100% 0%,rgba(150,65,255,.18),transparent 40%),linear-gradient(180deg,rgba(24,13,46,.75),rgba(10,6,18,.92));
  box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 60px rgba(130,62,255,.08);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.featured:hover{transform:translateY(-3px);border-color:rgba(192,110,255,.5);box-shadow:0 34px 90px rgba(0,0,0,.5),0 0 70px rgba(130,62,255,.16);}
.featured-media{position:relative;min-height:360px;overflow:hidden;background:#0b0716;}
.featured-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.featured:hover .featured-media img{transform:scale(1.03);}
.featured-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(10,6,18,.9));}
.featured-body{padding:40px 40px 36px;display:flex;flex-direction:column;justify-content:center;}
.featured h2{margin:10px 0 12px;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.12;letter-spacing:-.01em;}
.featured p{margin:0;color:#aaa1b5;line-height:1.7;font-size:.92rem;}
.read-more{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:#d6b6ff;font-weight:700;font-size:.84rem;}
.read-more .ico{transition:transform .2s ease;}
.featured:hover .read-more .ico{transform:translateX(4px);}

.cover-fallback{display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 45%,rgba(150,65,255,.30),transparent 55%),linear-gradient(160deg,#160c2c,#07040e);}
.cover-fallback.cover-patch-notes{background:radial-gradient(circle at 50% 45%,rgba(232,194,110,.22),transparent 55%),linear-gradient(160deg,#1d1508,#07040e);}
.cover-fallback img{position:relative !important;inset:auto !important;width:38% !important;height:auto !important;max-width:200px;object-fit:contain;
  filter:drop-shadow(0 0 24px rgba(157,67,255,.55));opacity:.9;}
.cover-fallback::after{display:none;}

.list-head{margin:58px 0 20px;display:flex;align-items:center;gap:18px;}
.list-head::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(180,95,255,.35),transparent);}
.section-label{margin:0;color:#837a90;letter-spacing:.42em;text-transform:uppercase;font-size:.72rem;font-weight:700;}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.card-u{
  display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:20px;
  background:radial-gradient(circle at 85% 12%,rgba(150,65,255,.11),transparent 30%),linear-gradient(180deg,rgba(24,13,46,.52),rgba(10,6,18,.84));
  transition:transform .25s ease,border-color .25s ease;
}
.card-u:hover{transform:translateY(-3px);border-color:rgba(180,95,255,.42);}
.card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b0716;}
.card-media img{width:100%;height:100%;object-fit:cover;}
.card-media.cover-fallback img{width:30% !important;}
.card-body{padding:20px 22px 22px;}
.card-u h3{margin:8px 0 8px;font-size:1.12rem;line-height:1.3;}
.card-u p{margin:0;color:#9d95a8;line-height:1.6;font-size:.84rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

.empty{
  text-align:center;padding:64px 24px;border:1px dashed rgba(180,95,255,.28);border-radius:26px;
  background:radial-gradient(circle at 50% 0%,rgba(149,63,255,.18),transparent 50%),linear-gradient(180deg,#0f0820,#080410);
}
.empty-emblem{width:96px;margin:0 auto 18px;filter:drop-shadow(0 0 24px rgba(166,75,255,.46));}
.empty h2{margin:0 0 10px;font-size:1.5rem;}
.empty p{max-width:480px;margin:0 auto 22px;color:#a49caf;line-height:1.7;font-size:.9rem;}

/* ---------------- legend & feature tags ---------------- */

.u-legend-section{padding:46px 0 80px;}
.legend{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(20,11,40,.6),rgba(10,6,18,.8));}
.legend-title{margin-bottom:14px;color:#837a90;letter-spacing:.32em;text-transform:uppercase;font-size:.68rem;font-weight:700;}
.legend ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px 18px;}
.legend li{display:flex;flex-direction:column;align-items:flex-start;gap:7px;}
.legend-meaning{color:#9d95a8;font-size:.78rem;line-height:1.45;}
.legend.compact{margin:0 0 34px;padding:16px 18px;}
.legend.compact ul{grid-template-columns:repeat(2,1fr);}
.legend.compact li{flex-direction:row;align-items:center;gap:10px;}
.legend-note{margin:14px 4px 0;color:#776f82;font-size:.76rem;}
.legend-note strong{color:var(--t-released);}

.tag{
  display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;vertical-align:2px;
  font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;line-height:1.3;
}
.tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;}
.tag-released{color:var(--t-released);background:rgba(82,226,160,.10);border:1px solid rgba(82,226,160,.38);}
.tag-completed{color:var(--t-completed);background:rgba(108,200,255,.10);border:1px solid rgba(108,200,255,.38);}
.tag-in-progress{color:var(--t-progress);background:rgba(255,171,92,.10);border:1px solid rgba(255,171,92,.38);}
.tag-concept{color:var(--t-concept);background:rgba(185,167,224,.07);border:1px dashed rgba(185,167,224,.5);}
.tag-concept::before{box-shadow:none;background:transparent;border:1.5px solid currentColor;width:5px;height:5px;}

/* ---------------- article ---------------- */

.article-hero{padding:130px 0 46px;}
.article-hero .u-hero-inner{text-align:left;}
.article-hero .card-top{margin-top:4px;}
.crumb{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;color:#b9b0c6;font-size:.78rem;font-weight:700;transition:color .2s ease;}
.crumb:hover{color:#fff;}
.article-title{margin:10px 0 14px !important;font-size:clamp(2rem,4.4vw,3.3rem) !important;text-transform:none !important;letter-spacing:-.02em !important;line-height:1.08 !important;}
.article-hero .lead{margin:0;max-width:720px;}
.cat-tone-patch-notes::after{
  background:
    radial-gradient(ellipse at 50% 120%,rgba(232,194,110,.16),transparent 55%),
    linear-gradient(180deg,rgba(5,3,13,.82) 0%,rgba(5,3,13,.55) 40%,rgba(5,3,13,.92) 85%,#05030d 100%);
}

.article{padding:38px 0 90px;}
.article-cover{margin:0 0 34px;border-radius:22px;overflow:hidden;border:1px solid rgba(180,95,255,.22);box-shadow:0 30px 80px rgba(0,0,0,.5);}
.article-cover img{width:100%;max-height:520px;object-fit:cover;}

.prose{color:#cfc8da;font-size:1rem;line-height:1.8;}
.prose > *:first-child{margin-top:0;}
.prose p{margin:0 0 1.15em;}
.prose h2{
  position:relative;margin:2.2em 0 .8em;padding-left:22px;color:#fff;font-size:1.5rem;line-height:1.25;letter-spacing:.01em;
}
.prose h2::before{
  content:"";position:absolute;left:0;top:.42em;width:10px;height:10px;transform:rotate(45deg);
  background:linear-gradient(135deg,#c05fff,#7f35ff);box-shadow:0 0 14px rgba(192,95,255,.7);
}
.prose h3{margin:1.8em 0 .6em;color:#efe8fa;font-size:1.15rem;}
.prose h4{margin:1.5em 0 .5em;color:#d6b6ff;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;}
.prose a{color:#d39bff;text-decoration:underline;text-decoration-color:rgba(211,155,255,.4);text-underline-offset:3px;}
.prose a:hover{text-decoration-color:#d39bff;}
.prose a.zoom{text-decoration:none;}
.prose strong{color:#fff;}
.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.3em;}
.prose li{margin:.35em 0;}
.prose li::marker{color:#a65cff;}
.prose li.feat{
  list-style:none;margin:.55em 0 .55em -1.3em;padding:12px 16px;border-radius:12px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);
}
.prose li.feat .tag{margin-right:8px;}
.prose li.feat-released{border-left:3px solid var(--t-released);}
.prose li.feat-completed{border-left:3px solid var(--t-completed);}
.prose li.feat-in-progress{border-left:3px solid var(--t-progress);}
.prose li.feat-concept{border-left:3px dashed var(--t-concept);}
.prose li.feat > p{margin:0;}
.prose blockquote{
  margin:1.6em 0;padding:16px 20px;border-radius:0 14px 14px 0;border-left:3px solid #a947ff;
  background:linear-gradient(90deg,rgba(150,65,255,.12),rgba(150,65,255,.02));color:#e5dcf2;
}
.prose blockquote p:last-child{margin-bottom:0;}
.prose hr{
  border:0;height:14px;margin:2.6em 0;
  background:
    linear-gradient(90deg,transparent,rgba(180,95,255,.45) 40%,transparent 40%,transparent 60%,rgba(180,95,255,.45) 60%,transparent) center/100% 1px no-repeat,
    radial-gradient(circle,#c05fff 0 3px,transparent 4px) center/14px 14px no-repeat;
}
.prose code{padding:2px 7px;border-radius:6px;background:rgba(150,65,255,.14);color:#e9d8ff;font-size:.88em;}
.prose pre{overflow:auto;padding:16px;border-radius:12px;background:#0c0818;border:1px solid var(--line);}
.prose pre code{background:none;padding:0;}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.9rem;display:block;overflow-x:auto;}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;}
.prose th{color:#d6b6ff;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;}

.prose figure{margin:1.8em 0;}
.prose figure img{
  width:auto;max-width:100%;max-height:640px;margin:0 auto;border-radius:16px;
  border:1px solid rgba(180,95,255,.2);box-shadow:0 20px 60px rgba(0,0,0,.45);cursor:zoom-in;
}
.prose figcaption{margin-top:10px;text-align:center;color:#8f879b;font-size:.78rem;}
.gallery{display:grid;gap:14px;margin:1.8em 0;}
.gallery.g-2{grid-template-columns:repeat(2,1fr);}
.gallery.g-3{grid-template-columns:repeat(3,1fr);}
.gallery.g-4{grid-template-columns:repeat(4,1fr);}
.gallery figure{margin:0;display:flex;flex-direction:column;}
.gallery figure a.zoom{display:block;flex:1;min-height:0;}
.gallery figure img{max-height:none;width:100%;height:100%;object-fit:cover;}

.article-cta{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin:56px 0 0;padding:24px 26px;border-radius:20px;
  border:1px solid rgba(175,95,255,.22);background:radial-gradient(circle at 0% 0%,rgba(149,63,255,.22),transparent 50%),linear-gradient(180deg,#120924,#080410);
}
.article-cta strong{display:block;margin-bottom:4px;font-size:1rem;}
.article-cta span{color:#a49caf;font-size:.84rem;}

.prev-next{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;}
.pn{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:rgba(16,9,32,.6);transition:border-color .2s ease;}
.pn:hover{border-color:rgba(180,95,255,.45);}
.pn-next{text-align:right;align-items:flex-end;}
.pn-empty{visibility:hidden;}
.pn-dir{display:inline-flex;align-items:center;gap:6px;color:#a65cff;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}
.pn-kicker{color:#8f879b;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.pn-title{font-weight:700;line-height:1.35;}

.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,2,8,.92);cursor:zoom-out;}
.lightbox[hidden]{display:none;}
.lightbox img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 30px 90px rgba(0,0,0,.7);}
.lightbox button{position:absolute;top:14px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(20,12,36,.8);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;}

/* ---------------- footer (same as landing page) ---------------- */

.site-footer{padding:32px 0 42px;border-top:1px solid rgba(255,255,255,.05);color:#776f82;}
.footer-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;}
.footer-links{justify-self:center;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;font-size:.78rem;}
.footer-links a{color:#9e95aa;transition:.2s ease;}
.footer-links a:hover{color:#fff;}
.footer-copyright{justify-self:end;font-size:.78rem;}
.footer-logo{width:132px;opacity:.62;}

/* ---------------- responsive ---------------- */

@media(max-width:1050px){
  .grid{grid-template-columns:repeat(2,1fr);}
  .featured{grid-template-columns:1fr;}
  .featured-media{min-height:0;aspect-ratio:16/9;}
  .featured-media::after{background:linear-gradient(180deg,transparent 65%,rgba(10,6,18,.85));}
  .legend ul{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:800px){
  header nav{grid-template-columns:1fr auto;}
  .nav-center{display:none;}
  .u-hero{padding:124px 0 40px;}
  .article-hero{padding:112px 0 34px;}
  .featured-body{padding:26px 22px 26px;}
  .legend.compact ul{grid-template-columns:1fr;}
  .gallery.g-4{grid-template-columns:repeat(2,1fr);}
  .article-cta{flex-direction:column;align-items:flex-start;}
}

@media(max-width:620px){
  .grid{grid-template-columns:1fr;}
  .legend ul{grid-template-columns:1fr;}
  .legend li{flex-direction:row;align-items:center;gap:10px;}
  .gallery{gap:8px;}
  .gallery figure img{border-radius:10px;}
  .prev-next{grid-template-columns:1fr;}
  .pn-next{text-align:left;align-items:flex-start;}
  .pn-empty{display:none;}
  .tabs{display:flex;width:100%;}
  .tab{flex:1;justify-content:center;padding:10px 8px;}
  .prose{font-size:.96rem;}
  .prose h2{font-size:1.3rem;}
}

@media(max-width:520px){
  .wrap,.wrap.narrow{width:min(100% - 24px,1280px);}
  .nav-brand{width:min(145px,29vw);}
  .nav-btn{padding:10px 13px;font-size:.72rem;}
  .nav-right{gap:7px;}
  .nav-discord{padding:10px 11px;font-size:.72rem;gap:6px;}
  .nav-discord svg{width:17px;height:17px;}
  header nav{column-gap:8px;}
  .footer-row{display:flex;flex-direction:column;gap:16px;text-align:center;}
  .footer-links,.footer-copyright{justify-self:auto;}
  .tab .count{display:none;}
}

@media(prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important;}
}