/* pa-extra.css — 2026-10-31: mobile/UX/SEO additions on top of style.css (look kept) */
:root{--pa-mh:800px}
@media (max-width:768px){:root{--pa-mh:500px}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
.pa-skip{position:absolute;left:-9999px;top:0;z-index:2000;background:#fff;padding:8px 12px}
.pa-skip:focus{left:8px;top:8px}
a:focus-visible,button:focus-visible{outline:2px solid #3f7baf;outline-offset:2px}

/* media: reserve exact space, no layout shift */
.post_img[style]{height:auto!important;max-height:none!important;max-width:100%}
.post_media_wrap{max-height:none!important;padding:0}
.post_video{display:block;width:100%!important;height:auto!important;max-height:600px!important;object-fit:contain;background:#000}
@media (max-width:768px){.post_video{max-height:500px!important}}

/* header */
#header .navbar-nav .nav-link.active{font-weight:600;text-decoration:underline;text-underline-offset:4px}
#header .user_photo{object-fit:cover}
.pa-tap{min-width:44px;min-height:44px;display:flex!important;align-items:center;justify-content:center}
.notifications-icon a{display:inline-flex;min-width:40px;min-height:44px;align-items:center;justify-content:center}

/* mobile section bar (sticky under the fixed header) */
.pa-mnav{position:sticky;top:50px;z-index:900;display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  margin:0 -15px;padding:8px 12px;background:rgba(231,232,236,.96);border-bottom:1px solid rgba(0,0,0,.06);transition:transform .2s ease}
.pa-mnav::-webkit-scrollbar{display:none}
.pa-mnav a{flex:0 0 auto;padding:6px 12px;min-height:36px;line-height:24px;border-radius:18px;background:#fff;color:#333;font-size:14px;white-space:nowrap;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.pa-mnav a.on{background:#6181a6;color:#fff}
.pa-mnav--hidden{transform:translateY(-120%)}
@supports not (position:sticky){.pa-mnav{position:relative;top:0}}

/* headings / crumbs */
.pa-list-head{padding:16px 15px 0}
.pa-h1{font-size:20px;line-height:1.3;font-weight:700;margin:0;color:#222}
.pa-crumbs{font-size:13px;color:#828282;padding:12px 15px 0;line-height:1.4}
.pa-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.pa-crumbs li+li:before{content:"›";padding:0 6px;color:#aaa}
.pa-crumbs a{color:#6181a6}
h1.post_title,h2.post_title,h3.post_title{margin:0;line-height:1.35}
h1.post_title{font-size:18px;font-weight:600;color:#2a2a2a;line-height:1.35}
.post_title--auto{font-size:15px!important;font-weight:600!important;color:#444!important}
h2.post_title{font-size:16px}
h3.post_title{font-size:16px}
.pa-rel-title{font-size:18px;font-weight:700;margin:0}

/* load more (crawlable link) */
#loadbutton{display:block;margin:20px auto 30px;max-width:320px;padding:12px 16px;text-align:center;background:#6181a6;color:#fff;border-radius:22px;font-weight:600;text-decoration:none}
#loadbutton:hover{background:#4f6d90}

/* share */
.pa-share-btn{border:0;background:transparent;color:#828282;font-size:13px;padding:8px 10px;min-height:40px;cursor:pointer;border-radius:8px;display:inline-flex;align-items:center;gap:6px}
.pa-share-btn:hover{background:rgba(0,0,0,.05)}
.pa-share-btn svg{width:18px;height:18px}
.pa-share-wrap{position:relative;display:inline-block}
.pa-share-menu{display:none;position:absolute;right:0;bottom:100%;z-index:50;background:#fff;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.18);padding:6px;min-width:200px}
.pa-share-menu.open{display:block}
.pa-share-menu a,.pa-share-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;background:none;color:#222;font-size:14px;border-radius:6px;text-decoration:none}
.pa-share-menu a:hover,.pa-share-menu button:hover{background:#f1f3f6}

/* mobile tuning */
@media (max-width:575.98px){
  .pa-hide-xs{display:none!important}
  .card.post_wrap{border-radius:0;border-left:0;border-right:0}
  .post_text{font-size:15px;line-height:1.65;color:#3d3d3d}
  .card-body{padding:12px 14px}
  #loadbutton{margin:16px 12px 24px}
  .upvotejs a{min-width:36px;min-height:36px}
}

/* dark mode (system setting) — cheap, colours only */

/* pa-post-body-20261105d: long-form — soft readable body, no huge black walls */
div.post_text,
p.post_text,
.post_text,
.card-text.post_text,
div.card-text.post_text{
  font-size:15px!important;
  line-height:1.65!important;
  color:#4a4a4a!important;
  font-weight:400!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
div.post_text .pa-p,
.post_text .pa-p{
  margin:0 0 .9em;
  padding:0;
  font-size:15px!important;
  line-height:1.65!important;
  color:#4a4a4a!important;
  font-weight:400!important;
}
div.post_text .pa-p:last-child{margin-bottom:0}
div.post_text a,.post_text a{color:#3f7baf!important;font-weight:400!important}
div.post_text b,div.post_text strong,.post_text b,.post_text strong{
  font-weight:600!important;color:#3a3a3a!important;
}
div.post_text h1,div.post_text h2,div.post_text h3,
.post_text h1,.post_text h2,.post_text h3{
  font-size:16px!important;font-weight:600!important;color:#333!important;
  line-height:1.35!important;margin:0.6em 0 0.4em!important;
}
h2.post_title a,h3.post_title a{font-weight:600;color:#333;font-size:inherit}
h2.post_title,h3.post_title{font-weight:600;color:#333}
@media (max-width:576px){
  div.post_text,p.post_text,.post_text,.card-text.post_text{
    font-size:15px!important;line-height:1.6!important;color:#4a4a4a!important;font-weight:400!important;
  }
  h1.post_title{font-size:17px;font-weight:600;color:#2a2a2a}
  h2.post_title{font-size:15px;font-weight:600}
}


/* pa-promo-20261105f: gtacraft GTA hero + polished partners (feed between posts) */
.pa-promo-feed{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.pa-promo{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  margin:1.25rem 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:.25rem!important;
  border:1px solid #d5dde8!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(0,0,0,.06)!important;
  text-decoration:none!important;
  color:#2a2a2a!important;
  -webkit-tap-highlight-color:transparent;
  transition:box-shadow .15s ease, border-color .15s ease, transform .15s ease;
}
.pa-promo:hover,
.pa-promo:focus{
  text-decoration:none!important;
  color:#2a2a2a!important;
  box-shadow:0 4px 16px rgba(33,52,78,.12)!important;
}
.pa-promo-adlabel{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  z-index:3!important;
  padding:2px 7px!important;
  border-radius:4px!important;
  background:rgba(0,0,0,.45)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  line-height:1.3!important;
  pointer-events:none!important;
}
.pa-promo--hero .pa-promo-adlabel{
  background:rgba(0,0,0,.5)!important;
}
.pa-promo-hero{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/7!important;
  overflow:hidden!important;
  background:#1a1020!important;
}
.pa-promo-hero-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.pa-promo-hero-grad{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(10,6,18,.15) 0%,rgba(10,6,18,.55) 45%,rgba(10,6,18,.88) 100%)!important;
  pointer-events:none!important;
}
.pa-promo-countdown{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  z-index:2!important;
  margin:0!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
}
.pa-promo-body{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:12px 14px 13px!important;
  min-width:0!important;
}
.pa-promo-kicker,
.pa-promo-title,
.pa-promo-sub,
.pa-promo-cta{
  display:block!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  text-decoration:none!important;
}
.pa-promo-kicker{
  font-size:11px!important;
  line-height:1.2!important;
  color:#7a8696!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.pa-promo-title{
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:700!important;
  color:#243447!important;
  letter-spacing:-.01em!important;
}
.pa-promo-sub{
  font-size:13px!important;
  line-height:1.45!important;
  color:#5c6b7a!important;
  font-weight:400!important;
}
.pa-promo-cta{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  align-self:flex-start!important;
  margin-top:7px!important;
  padding:8px 14px!important;
  border-radius:18px!important;
  background:#6181a6!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  box-shadow:0 1px 2px rgba(33,52,78,.18)!important;
}
.pa-promo-cta-arrow{font-size:14px!important;line-height:1!important}
.pa-promo--gta{
  border:2px solid #c44dff!important;
  border-radius:.25rem!important;
}
.pa-promo--gta .pa-promo-cta{
  background:linear-gradient(135deg,#ff4ecd 0%,#9b4dff 55%,#6a3cff 100%)!important;
  box-shadow:0 2px 10px rgba(155,77,255,.35)!important;
}
.pa-promo--gta:hover .pa-promo-cta,
.pa-promo--gta:focus .pa-promo-cta{
  background:linear-gradient(135deg,#ff63d6 0%,#a85fff 55%,#7a4dff 100%)!important;
  color:#fff!important;
}
.pa-promo--gta .pa-promo-kicker{color:#9b4dff!important}
.pa-promo--mc{border-color:#6aa84f!important}
.pa-promo--mc .pa-promo-cta{background:linear-gradient(135deg,#6bb84a,#3f7a2e)!important;color:#fff!important}
.pa-promo--mc:hover .pa-promo-cta,.pa-promo--mc:focus .pa-promo-cta{background:linear-gradient(135deg,#5aa43c,#356828)!important;color:#fff!important;transform:translateY(-1px)}
.pa-promo--mc .pa-promo-kicker{color:#4e8c35!important}
.pa-promo--mc .pa-promo-hero-grad{background:linear-gradient(180deg,rgba(10,20,8,.05) 20%,rgba(12,22,10,.78) 100%)!important}
.pa-promo--msg{border-color:#6181a6!important}
.pa-promo--msg .pa-promo-cta{background:linear-gradient(135deg,#7a9bc0,#4f6e92)!important;color:#fff!important}
.pa-promo--msg:hover .pa-promo-cta,.pa-promo--msg:focus .pa-promo-cta{background:linear-gradient(135deg,#6a8bb0,#426085)!important;color:#fff!important;transform:translateY(-1px)}
.pa-promo--msg .pa-promo-kicker{color:#4f6e92!important}
.pa-promo--msg .pa-promo-hero-grad{background:linear-gradient(180deg,rgba(8,12,24,.05) 20%,rgba(12,18,32,.78) 100%)!important}
.pa-promo--games{border-color:#9b5fa8!important}
.pa-promo--games .pa-promo-cta{background:linear-gradient(135deg,#b07bc0,#7a4588)!important;color:#fff!important}
.pa-promo--games:hover .pa-promo-cta,.pa-promo--games:focus .pa-promo-cta{background:linear-gradient(135deg,#9e6aaf,#663a72)!important;color:#fff!important;transform:translateY(-1px)}
.pa-promo--games .pa-promo-kicker{color:#8a5a8f!important}
.pa-promo--games .pa-promo-hero-grad{background:linear-gradient(180deg,rgba(24,8,28,.05) 20%,rgba(22,8,26,.8) 100%)!important}
.pa-promo--compact{display:none!important} /* retired 20261105f */
.pa-promo-visual{display:none!important}
@media (max-width:575.98px){
  .pa-promo,
  .pa-promo--gta{
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }
  .pa-promo--gta{border-top:2px solid #c44dff!important;border-bottom:2px solid #c44dff!important}
  .pa-promo-countdown{font-size:18px!important;left:12px!important;right:12px!important}
  .pa-promo-hero{aspect-ratio:16/8!important}
  .pa-promo-title{font-size:15px!important}
  .pa-promo-body{padding:11px 12px 12px!important}
}


/* pa-post-title-20261105e: single-post title readable; feed H1 not meme-only */
.pa-h1{font-size:22px;line-height:1.3;font-weight:700;margin:0;color:#1a1a1a;letter-spacing:-.01em}
.pa-list-head{padding:18px 15px 4px}
h1.post_title{
  font-size:22px!important;font-weight:700!important;color:#1a1a1a!important;
  line-height:1.3!important;padding:14px 15px 6px!important;letter-spacing:-.015em;
}
h1.post_title.post_title--auto{font-size:17px!important;font-weight:600!important;color:#333!important}
h2.post_title{font-size:17px!important;font-weight:650;color:#222;padding:14px 15px 4px;line-height:1.35}
h2.post_title a,h3.post_title a{color:#1f1f1f!important;font-weight:650;text-decoration:none}
h2.post_title a:hover,h3.post_title a:hover{color:#3f7baf!important;text-decoration:none}
.pa-crumbs{font-size:13px;color:#7a7a7a;padding:14px 15px 0;line-height:1.4}
.pa-crumbs a{color:#4f6e92}
@media (max-width:575.98px){
  .pa-h1{font-size:20px}
  h1.post_title{font-size:19px!important;padding:12px 14px 4px!important}
  h2.post_title{font-size:16px!important}
}

/* pa-post-title-20261105f: wrap long titles, breathing room */
h1.post_title,h2.post_title,h3.post_title{
  overflow-wrap:anywhere;word-break:break-word;hyphens:auto;
  padding-right:15px!important;
}
h1.post_title{margin-bottom:2px!important}
div.post_text, .post_text{
  padding-top:10px!important;
  line-height:1.7!important;
  color:#3f3f3f!important;
}
.pa-list-head{margin-bottom:2px}
.post_wrap .post_title + .post_text,
.post_wrap .post_title + div.post_text{padding-top:8px!important}

/* pa-soft-body-20261105h: softer title/body (no near-black) + real article rhythm */
.pa-h1{
  font-size:22px!important;line-height:1.35!important;font-weight:700!important;
  margin:0!important;color:#3a4a5c!important;letter-spacing:-.01em!important;
}
h1.post_title{
  font-size:21px!important;font-weight:700!important;color:#3a4a5c!important;
  line-height:1.35!important;padding:14px 16px 8px!important;letter-spacing:-.01em!important;
  margin:0 0 2px!important;
}
h1.post_title.post_title--auto{font-size:17px!important;font-weight:600!important;color:#55606e!important}
h2.post_title,h3.post_title{
  font-size:16px!important;font-weight:600!important;color:#45566a!important;
  line-height:1.4!important;padding:12px 15px 4px!important;margin:0!important;
}
h2.post_title a,h3.post_title a{color:#45566a!important;font-weight:600!important;text-decoration:none!important}
h2.post_title a:hover,h3.post_title a:hover{color:#3f7baf!important}
.pa-crumbs{font-size:13px!important;color:#8a94a0!important;padding:14px 16px 0!important}
.pa-crumbs a{color:#5a7a9a!important}

div.post_text,
p.post_text,
.post_text,
.card-text.post_text,
div.card-text.post_text{
  font-size:15.5px!important;
  line-height:1.75!important;
  color:#5c6570!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
  padding:8px 16px 18px!important;
  max-width:42rem;
}
div.post_text .pa-p,
.post_text .pa-p,
.post_text > p{
  margin:0 0 1.05em!important;
  padding:0!important;
  font-size:15.5px!important;
  line-height:1.75!important;
  color:#5c6570!important;
  font-weight:400!important;
}
div.post_text .pa-p:last-child,
.post_text .pa-p:last-child{margin-bottom:0!important}

/* section headings inside article (from formatter) */
div.post_text .pa-subh,
.post_text .pa-subh,
div.post_text h2.pa-subh,
.post_text h2,
.post_text h3{
  display:block!important;
  font-size:16.5px!important;
  font-weight:650!important;
  color:#45566a!important;
  line-height:1.4!important;
  letter-spacing:-.01em!important;
  margin:1.35em 0 .55em!important;
  padding:0!important;
}
div.post_text .pa-subh:first-child,
.post_text .pa-subh:first-child{margin-top:.35em!important}

div.post_text a,.post_text a{color:#3f7baf!important;font-weight:500!important;text-decoration:none!important}
div.post_text a:hover,.post_text a:hover{text-decoration:underline!important}
div.post_text b,div.post_text strong,.post_text b,.post_text strong{
  font-weight:600!important;color:#45566a!important;
}

/* lists */
div.post_text .pa-list,
.post_text .pa-list,
div.post_text ul,
div.post_text ol,
.post_text ul,.post_text ol{
  margin:.35em 0 1.1em!important;
  padding:0 0 0 1.25em!important;
  color:#5c6570!important;
  line-height:1.7!important;
}
div.post_text .pa-list li,
.post_text .pa-list li,
div.post_text li,.post_text li{
  margin:0 0 .45em!important;
  padding:0!important;
  color:#5c6570!important;
}
div.post_text ul.pa-list,
.post_text ul.pa-list,
div.post_text ul{list-style:disc!important}
div.post_text ol.pa-list,
.post_text ol.pa-list,
div.post_text ol{list-style:decimal!important}

div.post_text blockquote,
.post_text blockquote{
  margin:1em 0!important;
  padding:10px 14px!important;
  border-left:3px solid #c5d0dc!important;
  background:#f6f8fb!important;
  color:#5a6572!important;
  border-radius:0 8px 8px 0!important;
  line-height:1.65!important;
}

@media (max-width:575.98px){
  .pa-h1{font-size:20px!important;color:#3a4a5c!important}
  h1.post_title{
    font-size:18.5px!important;font-weight:700!important;color:#3a4a5c!important;
    padding:12px 14px 6px!important;line-height:1.35!important;
  }
  h2.post_title{font-size:15.5px!important;color:#45566a!important;padding:12px 14px 4px!important}
  div.post_text,p.post_text,.post_text,.card-text.post_text,div.card-text.post_text{
    font-size:15px!important;line-height:1.7!important;color:#5c6570!important;
    padding:6px 14px 16px!important;max-width:none;
  }
  div.post_text .pa-p,.post_text .pa-p{
    font-size:15px!important;line-height:1.7!important;color:#5c6570!important;margin:0 0 .95em!important;
  }
  div.post_text .pa-subh,.post_text .pa-subh,.post_text h2{
    font-size:16px!important;color:#45566a!important;margin:1.2em 0 .5em!important;
  }
}

/* pa-soft-body-20261105i: clearer article rhythm, softer ink, distinct subheads */
.pa-h1{color:#44566a!important;font-weight:700!important}
h1.post_title{
  color:#44566a!important;font-weight:700!important;
  font-size:20px!important;line-height:1.4!important;
  padding:16px 18px 10px!important;
}
h2.post_title,h3.post_title,h2.post_title a,h3.post_title a{color:#556574!important}
.pa-crumbs{color:#929aa6!important}

div.post_text,
.post_text,
.card-text.post_text,
div.card-text.post_text{
  color:#66707c!important;
  font-size:15.5px!important;
  line-height:1.8!important;
  padding:4px 18px 22px!important;
  max-width:40rem!important;
}
/* neutralize bootstrap pl/pr clash on article body */
.post_view .post_text.pl-3,
.post_view .post_text.pr-3,
article .post_text.pl-3,
article .post_text.pr-3{
  padding-left:18px!important;
  padding-right:18px!important;
}
div.post_text .pa-p,
.post_text .pa-p,
.post_text > p{
  color:#66707c!important;
  font-size:15.5px!important;
  line-height:1.8!important;
  margin:0 0 1.2em!important;
}

div.post_text .pa-subh,
.post_text .pa-subh,
div.post_text h2.pa-subh,
.post_text h2.pa-subh{
  color:#3f5f82!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.4!important;
  margin:1.55em 0 .65em!important;
  padding:2px 0 2px 12px!important;
  border-left:3px solid #a8bfd8!important;
  letter-spacing:0!important;
}
div.post_text .pa-subh:first-child,
.post_text .pa-subh:first-child{margin-top:.5em!important}

div.post_text b,div.post_text strong,.post_text b,.post_text strong{color:#4a5a6c!important;font-weight:600!important}

div.post_text .pa-list,
.post_text .pa-list,
div.post_text ul,div.post_text ol{
  margin:.4em 0 1.25em!important;
  padding-left:1.35em!important;
  color:#66707c!important;
  line-height:1.75!important;
}
div.post_text li{margin:0 0 .5em!important;color:#66707c!important}

@media (max-width:575.98px){
  h1.post_title{font-size:18px!important;color:#44566a!important;padding:14px 14px 8px!important}
  div.post_text,.post_text,.card-text.post_text{
    color:#66707c!important;font-size:15px!important;line-height:1.75!important;
    padding:4px 14px 18px!important;max-width:none!important;
  }
  article .post_text.pl-3,article .post_text.pr-3{
    padding-left:14px!important;padding-right:14px!important;
  }
  div.post_text .pa-p,.post_text .pa-p{color:#66707c!important;line-height:1.75!important;margin:0 0 1.1em!important}
  div.post_text .pa-subh,.post_text .pa-subh{
    color:#3f5f82!important;font-size:15.5px!important;
    margin:1.35em 0 .55em!important;padding:2px 0 2px 10px!important;
  }
}