/* TCGMarket24 R5 unified public CMS/pages design.
   Loaded only by /pages/* and /pages. The main product/cart/checkout/blog
   components are deliberately outside this stylesheet's selector scope.
   The parent <main> is already max-w-6xl; remove child max-w-3xl/4xl traps.
*/
.tcg-page-shell{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:clamp(.4rem,1vw,.9rem) 0 clamp(1.25rem,3vw,2.6rem);
  color:#0f172a;
}
.tcg-page-shell *, .tcg-page-shell *::before, .tcg-page-shell *::after{box-sizing:border-box;}
.tcg-page-shell--standard .tcg-page-content{width:100%;max-width:none;margin:0;}
/* Legacy source HTML often starts with <div class="max-w-4xl ...">.
   Make it a full-width article card rather than stacking two narrow cards. */
.tcg-page-shell--standard .tcg-page-content > div:first-child{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:clamp(1.25rem,2.9vw,2.65rem) !important;
  background:#ffffff !important;
  border:1px solid #dce5f0 !important;
  color:#0f172a !important;
  border-radius:1.35rem !important;
  box-shadow:0 12px 34px rgba(15,23,42,.065) !important;
  overflow-wrap:anywhere;
}
/* A single dark, unmistakably readable hero for normal shop information pages. */
.tcg-page-shell--standard .tcg-page-content > div:first-child > header,
.tcg-page-fallback-hero{
  display:block;
  width:100%;
  padding:clamp(1.35rem,3.3vw,2.5rem) !important;
  margin:0 0 clamp(1.3rem,2.5vw,2rem) !important;
  border:1px solid #1e3a5f;
  border-radius:1.1rem;
  background:linear-gradient(118deg,#020617 0%,#0b1534 58%,#10274b 100%) !important;
  color:#e2e8f0 !important;
  box-shadow:0 12px 24px rgba(2,6,23,.09);
}
.tcg-page-shell--standard .tcg-page-content > div:first-child > header :is(h1,h2,h3,h4),
.tcg-page-fallback-hero :is(h1,h2,h3,h4){
  color:#ffffff !important;
  font-weight:800;
  font-size:clamp(1.85rem,3vw,2.65rem);
  line-height:1.18;
  letter-spacing:-.028em;
  margin:.3rem 0 .75rem;
  border:0;
  text-shadow:none;
}
.tcg-page-shell--standard .tcg-page-content > div:first-child > header p,
.tcg-page-fallback-hero p{
  color:#dbeafe !important;
  max-width:82ch;
  font-size:clamp(.95rem,1.4vw,1.07rem);
  line-height:1.76;
  margin:.65rem 0 !important;
}
.tcg-page-shell--standard .tcg-page-content > div:first-child > header span[class*="bg-slate-950"]{
  background:rgba(34,211,238,.14) !important;
  border:1px solid rgba(103,232,249,.35);
  color:#a5f3fc !important;
}
.tcg-page-shell--standard .tcg-page-content :is(h1,h2,h3,h4,h5,h6){
  color:#0f172a !important;
  line-height:1.3;
  overflow-wrap:break-word;
}
/* Restore light hero text after the standard heading rule. */
.tcg-page-shell--standard .tcg-page-content > div:first-child > header :is(h1,h2,h3,h4){color:#fff !important;}
.tcg-page-shell--standard .tcg-page-content p,
.tcg-page-shell--standard .tcg-page-content li,
.tcg-page-shell--standard .tcg-page-content dd,
.tcg-page-shell--standard .tcg-page-content dt{
  color:#334155 !important;
  line-height:1.75;
}
.tcg-page-shell--standard .tcg-page-content > div:first-child > header p{color:#dbeafe !important;}
.tcg-page-shell--standard .tcg-page-content strong{color:#0f172a !important;}
.tcg-page-shell--standard .tcg-page-content > div:first-child > header strong{color:#fff !important;}
.tcg-page-shell--standard .tcg-page-content :is(h2,h3){margin-block:1.05rem .55rem;}
.tcg-page-shell--standard .tcg-page-content :is(section,article,details) {min-width:0;}
.tcg-page-shell--standard .tcg-page-content section[class*="rounded-"],
.tcg-page-shell--standard .tcg-page-content details{
  border-radius:1rem;
  border-color:#dce5f0;
}
.tcg-page-shell--standard .tcg-page-content details{background:#f8fafc;}
.tcg-page-shell--standard .tcg-page-content details summary{color:#0f172a !important;}
.tcg-page-shell--standard .tcg-page-content :is(ul,ol){max-width:100%;}
.tcg-page-shell--standard .tcg-page-content a{
  color:#075985;
  text-decoration:underline;
  text-underline-offset:3px;
}
.tcg-page-shell--standard .tcg-page-content a:hover{color:#0c4a6e;}
/* The blue theme historically sets ALL bg-violet-* containers and children to white,
   including the very light violet-50 payment card. Reset only pale CMS cards. */
.tcg-page-shell--standard .tcg-page-content [class*="bg-violet-50"],
.tcg-page-shell--standard .tcg-page-content [class*="bg-violet-50"] *,
.tcg-page-shell--standard .tcg-page-content [class*="bg-indigo-50"],
.tcg-page-shell--standard .tcg-page-content [class*="bg-indigo-50"] *{
  color:#0f172a !important;
  fill:currentColor !important;
}
.tcg-page-shell--standard .tcg-page-content [class*="bg-violet-50"] p,
.tcg-page-shell--standard .tcg-page-content [class*="bg-indigo-50"] p{color:#334155 !important;}
.tcg-page-shell--standard .tcg-page-content [class*="bg-violet-50"] .text-xs,
.tcg-page-shell--standard .tcg-page-content [class*="bg-indigo-50"] .text-xs{color:#5b21b6 !important;}
/* CTA placement and contrast even when Tailwind CDN is slow. */
.tcg-page-shell--standard .tcg-page-content > div:first-child > .flex.flex-wrap.gap-3{
  display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.5rem;
}
.tcg-page-shell--standard .tcg-page-content > div:first-child > .flex.flex-wrap.gap-3 a{
  display:inline-flex;min-height:46px;align-items:center;justify-content:center;
  padding:.75rem 1.25rem;border-radius:.8rem;border:1px solid #cbd5e1;
  text-decoration:none;font-weight:750;
}
/* Links rendered as prominent CTAs must never inherit normal dark link styling. */
.tcg-page-shell--standard .tcg-page-content a[class*="bg-slate-9"],
.tcg-page-shell--standard .tcg-page-content a[class*="bg-blue-6"]{
  color:#fff !important;
  background:#0f172a !important;
  text-decoration:none;
}
.tcg-page-shell--standard .tcg-page-content a[class*="bg-slate-9"]:hover{background:#1e293b !important;}
.tcg-page-shell--standard .tcg-page-content :is(table,pre){display:block;max-width:100%;overflow-x:auto;}
.tcg-page-shell--standard .tcg-page-content img{max-width:100%;height:auto;}
.tcg-page-shell :is(a,button,summary):focus-visible{outline:3px solid #06b6d4;outline-offset:3px;}
/* Align crypto SEO heroes/cards to the same shared layout width. */
.tcg-page-shell--landing .tcg-page-content{width:100%;max-width:none;}
.tcg-page-shell--landing .tcg-crypto-landing{width:100%;max-width:none;margin:0;}
.tcg-page-shell--landing .tcg-crypto-landing > header{border-radius:1.1rem;}
.tcg-page-shell--landing .tcg-crypto-landing > section:not(.grid),
.tcg-page-shell--landing .tcg-crypto-landing > section.grid > *{border-radius:1rem;}
/* Information index */
.tcg-page-kicker{font-size:.75rem!important;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:#67e8f9!important;}
.tcg-page-index-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));}
.tcg-page-index-card{padding:1.6rem;background:#fff;border:1px solid #dce5f0;border-radius:1.2rem;box-shadow:0 5px 20px rgba(2,6,23,.045);}
.tcg-page-index-card h2{font-size:1.3rem;color:#0f172a;font-weight:800;margin:0 0 .85rem;}
.tcg-page-index-card ul{list-style:none;margin:0;padding:0;}
.tcg-page-index-card li{margin:.65rem 0;}
.tcg-page-index-card a{color:#075985;text-decoration:underline;text-underline-offset:3px;}
@media (max-width:767px){
  .tcg-page-shell--standard .tcg-page-content > div:first-child{padding:1.1rem !important;border-radius:1.1rem !important;}
  .tcg-page-shell--standard .tcg-page-content > div:first-child > header,
  .tcg-page-fallback-hero{padding:1.25rem !important;border-radius:.9rem;}
  .tcg-page-shell--standard .tcg-page-content :is(section,article,details){max-width:100%;}
  .tcg-page-shell--standard .tcg-page-content section.grid{grid-template-columns:minmax(0,1fr) !important;}
  .tcg-page-index-grid{grid-template-columns:1fr;}
  .tcg-page-index-card{padding:1.2rem;}
}

/* All public support pages use the same full-width shell; keep forms readable. */
.tcg-page-shell--contact .tcg-contact-form{
  max-width:100%;width:100%;padding:clamp(1.25rem,3vw,2.5rem);
  border:1px solid #dce5f0;border-radius:1.2rem;background:#fff;
  box-shadow:0 12px 34px rgba(15,23,42,.065);color:#0f172a;
}
.tcg-page-shell--contact .tcg-contact-form input:not([type="checkbox"]):not([type="hidden"]),
.tcg-page-shell--contact .tcg-contact-form textarea{
  background:#fff;color:#0f172a;border-color:#94a3b8;
}
.tcg-page-shell--contact .tcg-contact-form label{color:#0f172a;}
.tcg-page-shell--contact .tcg-contact-form button[type="submit"]{
  background:#0f172a !important;color:#fff !important;min-height:44px;
}
.tcg-page-shell--contact .tcg-contact-form a{color:#0f172a;}
.tcg-page-shell--contact .tcg-contact-form .bg-slate-100{background:#f1f5f9 !important;color:#0f172a !important;}