/* PTF Resources framework — consolidated checkpoint baseline. */
.resources-page .hero{padding-bottom:18px}
.resources-page .resources-category{padding-top:30px;padding-bottom:34px}
.resources-page .resources-category .section-head{margin-bottom:16px}
.resource-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1px;
  background:transparent;
  border:0
}
.resource-grid > .resource-card{
  flex:0 0 calc((100% - 3px)/4)
}
.resource-grid > .resource-card-live{
  box-shadow:inset 0 0 0 1px rgba(65,122,157,.34)
}
.resource-card{
  position:relative;
  min-width:0;
  min-height:168px;
  overflow:hidden;
  background:
    linear-gradient(136deg,rgba(32,78,103,.12) 0 18%,transparent 18% 73%,rgba(30,72,96,.08) 73%),
    linear-gradient(180deg,rgba(7,26,39,.995),rgba(3,13,20,.999));
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)
}
.resource-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,var(--gold),rgba(240,212,79,.18) 52%,transparent 82%)
}
.resource-card::after{
  content:"";
  position:absolute;
  right:-48px;
  top:-60px;
  width:138px;
  height:138px;
  border:1px solid rgba(91,166,210,.09);
  transform:rotate(45deg);
  pointer-events:none
}
@media (max-width:760px){.resources-page .hero{padding-bottom:30px}
.resources-page .resources-category{padding-top:24px;padding-bottom:28px}}
@media (max-width:700px){.resource-card{min-height:154px}}
.resource-card-tile{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(103,185,227,.34);
  background:
    linear-gradient(145deg,rgba(33,83,110,.24),transparent 48%),
    linear-gradient(180deg,rgba(13,43,60,.98),rgba(6,24,35,.99));
  box-shadow:
    inset 0 0 0 1px rgba(240,212,79,.045),
    0 0 0 1px rgba(4,13,19,.45);
  color:var(--text-strong);
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)
}
@media (max-width:700px){.resource-card-tile{width:48px;height:48px}}
.resource-card-connectish{
  min-height:188px;
  padding:15px 15px 14px;
  display:flex;
  flex-direction:column;
  overflow:hidden
}
.resource-card-connectish::before{
  background:linear-gradient(90deg,var(--steel2),rgba(97,181,225,.24) 64%,transparent 88%)
}
.resource-card-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px
}
.resource-card-identity{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0
}
.resource-card-tile{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 46px;
  border:1px solid rgba(138,200,233,.46);
  background:
    linear-gradient(145deg,rgba(46,111,147,.27),transparent 48%),
    linear-gradient(180deg,rgba(11,42,59,.99),rgba(5,23,34,.995));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 7px 17px rgba(0,0,0,.18);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  color:var(--steel2);
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(84,185,223,.16)
}
.resource-card-brand{min-width:0}
.resource-card-brand b{
  display:block;
  color:var(--text-strong);
  font-size:13.5px;
  font-weight:950;
  line-height:1.05
}
.resource-card-kind{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding-top:5px;
  color:var(--text-technical);
  font-size:8.6px;
  font-weight:950;
  letter-spacing:.105em;
  text-transform:uppercase;
  white-space:nowrap
}
.resource-card-kind::before{
  content:"";
  width:5px;
  height:5px;
  background:var(--steel2);
  transform:rotate(45deg);
  box-shadow:0 0 6px rgba(97,181,225,.28)
}
.resource-card-role{
  position:relative;
  z-index:1;
  margin-top:12px;
  color:var(--steel2);
  font-size:9.1px;
  font-weight:950;
  letter-spacing:.115em;
  text-transform:uppercase
}
.resource-card-connectish h3{
  position:relative;
  z-index:1;
  margin:4px 0 6px;
  color:var(--text-strong);
  font-size:15.7px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.012em
}
.resource-card-connectish p{
  position:relative;
  z-index:1;
  margin:0 0 11px;
  color:var(--text-secondary);
  font-size:10.9px;
  line-height:1.4
}
.resource-card-connectish .resource-card-launch{
  position:relative;
  z-index:1;
  align-self:flex-start;
  margin-top:auto;
  min-height:26px;
  padding:6px 21px 6px 10px;
  display:inline-flex;
  align-items:center;
  color:var(--text-inverse-authority);
  border:1px solid rgba(240,212,79,.48);
  background:linear-gradient(180deg,var(--sto-pressed-top),var(--sto-pressed-mid) 48%,var(--sto-pressed-break) 52%,var(--sto-pressed-low));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46);
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,0 100%);
  font-size:8.45px;
  line-height:1;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
  text-decoration:none;
  text-shadow:0 1px rgba(255,255,255,.2);
  white-space:nowrap
}
.resource-card-connectish .resource-card-launch::after{
  content:"›";
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-53%);
  font-size:14px;
  font-weight:950
}
.resource-card-connectish .resource-card-launch:hover,
.resource-card-connectish .resource-card-launch:focus-visible{
  background:linear-gradient(180deg,#fff7a0,#f2da59 48%,#d6bc39 52%,#bea227);
  transform:translateY(-1px)
}
@media (max-width:1080px){.resource-card-connectish{min-height:182px}}
@media (max-width:700px){.resource-card-connectish{min-height:0;padding:14px}
.resource-card-tile{width:44px;height:44px;flex-basis:44px}}
.resource-card-tile-image{
  overflow:hidden;
  color:inherit;
  text-shadow:none
}
.resource-card-icon{
  display:block;
  width:36px;
  height:36px;
  object-fit:contain;
  object-position:center
}
.resource-icon-github{width:30px;height:30px}
.resource-icon-stobetter{width:38px;height:38px}
.resource-icon-stotools{width:40px;height:40px}
@media (max-width:700px){.resource-card-icon{width:34px;height:34px}
.resource-icon-github{width:29px;height:29px}
.resource-icon-stobetter{width:36px;height:36px}
.resource-icon-stotools{width:38px;height:38px}}
.resource-card-subbrand{
  display:block;
  margin-top:3px;
  color:rgba(177,205,225,.8);
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.resource-theme-github{--resource-accent:#d6dde4}
.resource-theme-stobetter{--resource-accent:#52aef0}
.resource-theme-stotools{--resource-accent:#df4751}
.resource-theme-github .resource-card-tile{background:linear-gradient(145deg,rgba(214,221,228,.08),transparent 44%),linear-gradient(180deg,rgba(14,39,56,.99),rgba(6,22,33,.995))}
.resource-theme-stobetter .resource-card-tile{background:linear-gradient(145deg,rgba(82,174,240,.18),transparent 44%),linear-gradient(180deg,rgba(10,40,58,.99),rgba(5,22,33,.995))}
.resource-theme-stotools .resource-card-tile{background:linear-gradient(145deg,rgba(223,71,81,.12),transparent 44%),linear-gradient(180deg,rgba(12,39,56,.99),rgba(5,22,33,.995))}
.resource-theme-github .resource-card-icon{filter:drop-shadow(0 0 6px rgba(255,255,255,.08))}
.resource-theme-stobetter .resource-card-icon{filter:drop-shadow(0 0 8px rgba(82,174,240,.18))}
.resource-theme-stotools .resource-card-icon{filter:drop-shadow(0 0 8px rgba(223,71,81,.12))}
@media (max-width:700px){.resource-card-subbrand{margin-top:2px}}
.resource-theme-stowiki{--resource-accent:#d8e0e7}
.resource-theme-vger{--resource-accent:#5aaee1}
.resource-theme-sheets{--resource-accent:#0ebc5f}
.resource-theme-stowiki .resource-card-tile{
  background:linear-gradient(180deg,rgba(245,248,250,.98),rgba(213,223,230,.96));
}
.resource-theme-vger .resource-card-tile{
  background:linear-gradient(145deg,rgba(90,174,225,.18),transparent 44%),linear-gradient(180deg,rgba(10,40,58,.99),rgba(5,22,33,.995));
}
.resource-theme-sheets .resource-card-tile{
  background:linear-gradient(145deg,rgba(14,188,95,.16),transparent 44%),linear-gradient(180deg,rgba(9,42,43,.99),rgba(5,23,30,.995));
}
.resource-icon-stowiki{width:38px;height:38px}
.resource-icon-vger{width:38px;height:38px}
.resource-icon-sheets{width:38px;height:38px}
.resource-theme-stowiki .resource-card-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.14))}
.resource-theme-vger .resource-card-icon{filter:drop-shadow(0 0 8px rgba(90,174,225,.16))}
.resource-theme-sheets .resource-card-icon{filter:drop-shadow(0 0 8px rgba(14,188,95,.15))}
@media (max-width:700px){.resource-icon-stowiki,.resource-icon-vger,.resource-icon-sheets{width:36px;height:36px}}
@media (max-width:1080px){.resource-grid > .resource-card{flex-basis:calc((100% - 1px)/2)}}
@media (max-width:700px){.resource-grid > .resource-card{flex-basis:100%}}
.resource-theme-sister{--resource-accent:#6aa7c7}
.resource-theme-sister .resource-card-tile{
  background:linear-gradient(145deg,rgba(106,167,199,.17),transparent 44%),linear-gradient(180deg,rgba(10,40,58,.99),rgba(5,22,33,.995));
}
.resource-theme-sister .resource-card-icon{filter:drop-shadow(0 0 8px rgba(106,167,199,.16))}
.resource-icon-sister{width:40px;height:40px}
.resource-theme-aesica{--resource-accent:#c402c4}
.resource-theme-aesica .resource-card-tile{
  background:linear-gradient(145deg,rgba(196,2,196,.14),transparent 44%),linear-gradient(180deg,rgba(10,40,58,.99),rgba(5,22,33,.995));
}
.resource-theme-aesica .resource-card-icon{filter:drop-shadow(0 0 6px rgba(196,2,196,.16))}
.resource-icon-aesica{width:16px;height:16px}
@media (max-width:700px){.resource-icon-sister{width:38px;height:38px}
.resource-icon-aesica{width:16px;height:16px}}
.resources-page #official .resource-card-connectish{
  min-height:194px;
  padding:16px 15px 15px;
}
.resources-page #official .resource-card-connectish::before{
  background:linear-gradient(90deg,var(--resource-accent,var(--steel2)) 0 34%,rgba(97,181,225,.22) 62%,transparent 88%);
}
.resources-page #official .resource-card-head{gap:12px}
.resources-page #official .resource-card-identity{gap:11px}
.resources-page #official .resource-card-tile{
  border-color:color-mix(in srgb,var(--resource-accent,var(--steel2)) 56%,rgba(138,200,233,.46));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 7px 17px rgba(0,0,0,.18),0 0 0 1px color-mix(in srgb,var(--resource-accent,var(--steel2)) 18%,transparent);
}
.resources-page #official .resource-card-kind::before{
  background:var(--resource-accent,var(--steel2));
  box-shadow:0 0 7px color-mix(in srgb,var(--resource-accent,var(--steel2)) 38%,transparent);
}
.resources-page #official .resource-card-brand b{font-size:13.8px;line-height:1.02}
.resources-page #official .resource-card-role{margin-top:13px}
.resources-page #official .resource-card-connectish h3{
  margin:5px 0 7px;
  min-height:38px;
  display:block;
  font-size:15.45px;
  line-height:1.12;
  max-width:95%;
}
.resources-page #official .resource-card-connectish p{
  margin:0 0 12px;
  font-size:10.8px;
  line-height:1.45;
  max-width:96%;
}
.resources-page #official .resource-card-launch{min-height:27px;padding:6px 22px 6px 10px}
.resource-theme-official-sto{--resource-accent:#72bfe9}
.resource-theme-discord{--resource-accent:#5865f2}
.resource-theme-youtube{--resource-accent:#ff3b30}
.resource-theme-x{--resource-accent:#d6dde4}
.resource-theme-facebook{--resource-accent:#2f82e8}
.resource-theme-instagram{--resource-accent:#bd5aa7}
.resource-theme-arc{--resource-accent:#73a9ca}
.resource-theme-steam{--resource-accent:#6db6df}
.resource-theme-epic{--resource-accent:#d6dde4}
.resource-theme-twitch{--resource-accent:#9146ff}
.resource-theme-official-sto .resource-card-tile,
.resource-theme-discord .resource-card-tile,
.resource-theme-youtube .resource-card-tile,
.resource-theme-x .resource-card-tile,
.resource-theme-facebook .resource-card-tile,
.resource-theme-instagram .resource-card-tile,
.resource-theme-arc .resource-card-tile,
.resource-theme-steam .resource-card-tile,
.resource-theme-epic .resource-card-tile,
.resource-theme-twitch .resource-card-tile{
  background:linear-gradient(145deg,color-mix(in srgb,var(--resource-accent) 16%,transparent),transparent 44%),linear-gradient(180deg,rgba(10,40,58,.99),rgba(5,22,33,.995));
}
.resource-icon-official-sto{width:39px;height:39px}
.resource-icon-discord{width:35px;height:35px}
.resource-icon-youtube{width:38px;height:38px}
.resource-icon-x{width:30px;height:30px}
.resource-icon-facebook{width:32px;height:32px}
.resource-icon-steam{width:32px;height:32px}
.resource-icon-twitch{width:34px;height:34px}
@media (max-width:1080px){.resources-page #official .resource-card-connectish{min-height:188px}}
@media (max-width:700px){.resources-page #official .resource-card-connectish{min-height:0;padding:14px}
.resources-page #official .resource-card-connectish h3{min-height:0;max-width:none}}
.resources-page .resources-category{padding-bottom:20px}
.resources-page .resources-category + .resources-category{padding-top:22px}
.resources-page .resources-category .section-head{gap:28px}
.resources-page .resources-category .section-intro{padding-bottom:3px}
@media (max-width:760px){.resources-page .resources-category{padding-bottom:20px}
.resources-page .resources-category + .resources-category{padding-top:24px}
.resources-page .resources-category .section-head{gap:10px}
.resources-page .resources-category .section-intro{padding-bottom:0}}
.resources-page #community-creators .resource-card-connectish{
  min-height:194px;
  padding:16px 15px 15px;
}
.resources-page #community-creators .resource-card-connectish::before{
  background:linear-gradient(90deg,var(--resource-accent,var(--steel2)) 0 34%,rgba(97,181,225,.22) 62%,transparent 88%);
}
.resources-page #community-creators .resource-card-head{gap:12px}
.resources-page #community-creators .resource-card-identity{gap:11px}
.resources-page #community-creators .resource-card-tile{
  border-color:color-mix(in srgb,var(--resource-accent,var(--steel2)) 56%,rgba(138,200,233,.46));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 7px 17px rgba(0,0,0,.18),0 0 0 1px color-mix(in srgb,var(--resource-accent,var(--steel2)) 18%,transparent);
}
.resources-page #community-creators .resource-card-kind::before{
  background:var(--resource-accent,var(--steel2));
  box-shadow:0 0 7px color-mix(in srgb,var(--resource-accent,var(--steel2)) 38%,transparent);
}
.resources-page #community-creators .resource-card-brand b{font-size:13.8px;line-height:1.02}
.resources-page #community-creators .resource-card-role{margin-top:13px}
.resources-page #community-creators .resource-card-connectish h3{
  margin:5px 0 7px;
  min-height:38px;
  display:block;
  font-size:15.45px;
  line-height:1.12;
  max-width:95%;
}
.resources-page #community-creators .resource-card-connectish p{
  margin:0 0 12px;
  font-size:10.8px;
  line-height:1.45;
  max-width:96%;
}
.resources-page #community-creators .resource-card-launch{min-height:27px;padding:6px 22px 6px 10px}
.resource-theme-reddit-community{--resource-accent:#ff5700}
.resource-theme-discord-community{--resource-accent:#5865f2}
.resource-theme-creator{--resource-accent:#6fb7df}
.resource-theme-reddit-community .resource-card-tile,
.resource-theme-discord-community .resource-card-tile,
.resource-theme-creator .resource-card-tile{
  background:linear-gradient(145deg,color-mix(in srgb,var(--resource-accent) 14%,transparent),transparent 44%),linear-gradient(180deg,rgba(10,40,58,.99),rgba(5,22,33,.995));
}
.resource-icon-community,
.resource-icon-creator{
  width:40px;
  height:40px;
  object-fit:contain;
}
.resource-icon-creator{border-radius:2px}
.resource-card-actions{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:auto;
  max-width:100%;
}
.resource-card-actions .resource-card-launch{
  margin-top:0;
  min-height:26px;
  padding:6px 18px 6px 9px;
  font-size:7.65px;
  letter-spacing:.045em;
}
.resource-card-actions .resource-card-launch::after{right:6px}
@media (max-width:1080px){.resources-page #community-creators .resource-card-connectish{min-height:188px}}
@media (max-width:700px){.resources-page #community-creators .resource-card-connectish{min-height:0;padding:14px}
.resources-page #community-creators .resource-card-connectish h3{min-height:0;max-width:none}
.resource-icon-community,.resource-icon-creator{width:38px;height:38px}
.resource-card-actions{flex-wrap:wrap}}