/* Native NSC typography/palette for the shared gallery and inline video player. */
html body.drn-reference-global .ragbet-reference-media {
  --yc-font-body: var(--drn-body-font, "Sofia Sans", sans-serif);
  --yc-font-heading: var(--drn-heading-font, var(--drn-body-font, "Sofia Sans", sans-serif));
  --pc-purple: var(--yc-primary, #f27a1a);
  --pc-ink: var(--yc-text, #273142);
  --pc-muted: var(--yc-muted, #6e7787);
  --pc-line: var(--yc-border, #dfe4ea);
  --pc-soft: var(--yc-surface-alt, #f1f2f7);
  --card-line: var(--yc-border, #dfe4ea);
  font-family: var(--yc-font-body) !important;
  background: var(--yc-surface, #fff);
  color: var(--yc-text, #273142);
}
html body.drn-reference-global .ragbet-reference-media .tm35pc-media-heading {
  color: var(--yc-text, #273142);
}
html body.drn-reference-global .ragbet-reference-media :is(.tm35pc-media-heading > span,.tm35pc-media-caption) {
  color: var(--yc-muted, #6e7787);
}
html body.drn-reference-global .ragbet-reference-media .tm35pc-gallery-footer {
  color: var(--yc-text, #273142);
}

/* Sizden Gelenler: one open page, a paged grid and the shared purchase steps. */
html body.nsc-community-page #main-content > .yc-container { padding-block:28px 48px!important; }
html body.nsc-community-page #main-content article.yc-block { margin:0!important;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important; }
html body.nsc-community-page #main-content .yc-page-title { margin:0 0 12px;font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-.6px;color:var(--yc-text,#273142); }
html body.nsc-community-page .yc-page-builder-content { display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:0!important; }
html body.nsc-community-page .yc-page-builder-content > .yc-hb-section { min-width:0;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;content-visibility:visible;contain-intrinsic-size:none; }
html body.nsc-community-page .yc-page-builder-content .yc-home-container { width:100%;max-width:none;margin:0;padding:0!important; }
html body.nsc-community-page .nsc-community-intro { display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0; }
html body.nsc-community-page .nsc-community-intro p { max-width:740px;margin:0;color:#4b5563;font-size:15px;line-height:1.65; }
html body.nsc-community-page .nsc-community-intro a { flex:none;color:var(--nsc-action-ink,#b84d00);font-size:14px;font-weight:600;text-underline-offset:4px; }
html body.nsc-community-page .ragbet-reference-media--grid { margin:0!important;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important; }
html body.nsc-community-page .ragbet-reference-media .tm35pc-media-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:16px;padding:0;overflow:visible;scroll-snap-type:none;align-items:start; }
html body.nsc-community-page .ragbet-reference-media .tm35pc-media-grid > :is(.tm35pc-photo-card,.tm35pc-video-card) { width:100%;height:auto;border:0!important;border-radius:8px;box-shadow:none!important; }
html body.nsc-community-page .nsc-community-grid-footer { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px; }
html body.nsc-community-page .ragbet-reference-media .nsc-community-grid-status { color:var(--yc-muted,#6e7787);font-size:13px; }
html body.nsc-community-page .ragbet-reference-media .nsc-community-grid-more { min-height:40px;padding:9px 24px;border:1px solid var(--yc-border,#dfe4ea);border-radius:6px;background:#fff;color:var(--yc-text,#273142);font-size:14px;font-weight:600; }
html body.nsc-community-page .ragbet-reference-media .nsc-community-grid-more:hover:not(:disabled) { border-color:var(--yc-primary,#f27a1a);background:var(--yc-accent-soft,#fef2e8);color:var(--nsc-action-ink,#b84d00); }
html body.nsc-community-page .ragbet-reference-media button:focus-visible { outline:2px solid var(--yc-primary,#f27a1a);outline-offset:4px; }
html body.nsc-community-page .ragbet-how--home { margin:0!important;padding:28px;border:0!important;border-radius:12px;background:linear-gradient(125deg,#fff1e4,#fff9f3 60%,#f3f5fd);box-shadow:none!important; }
html body.nsc-community-page .ragbet-how--home::before,html body.nsc-community-page .ragbet-how--home::after { display:none!important; }
html body.nsc-community-page .ragbet-how__header h2 { font-size:clamp(22px,2.2vw,28px);line-height:1.3; }
html body.nsc-community-page :is(.ragbet-how__intro,.ragbet-how__body,.ragbet-how__note,.ragbet-how__footer p) { color:#4b5563; }
@media(max-width:1023px) and (min-width:701px) {
 html body.nsc-community-page .ragbet-reference-media .tm35pc-media-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
 html body.nsc-community-page #main-content > .yc-container { padding-block:20px 32px!important; }
 html body.nsc-community-page .yc-page-builder-content { gap:20px; }
 html body.nsc-community-page .nsc-community-intro { align-items:flex-start;flex-direction:column;gap:10px; }
 html body.nsc-community-page .nsc-community-intro p { font-size:14px; }
 html body.nsc-community-page .ragbet-reference-media .tm35pc-media-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
 html body.nsc-community-page .nsc-community-grid-footer { flex-direction:column;gap:10px;margin-top:16px; }
 html body.nsc-community-page .ragbet-reference-media .nsc-community-grid-more { width:100%; }
 html body.nsc-community-page .ragbet-how--home { padding:20px 16px; }
}

/* One full card and 70% of the next; keep the remaining media horizontally scrollable. */
@media(max-width:767px) {
 html body.drn-reference-global .ragbet-reference-media .tm35pc-media-track {
  grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 10px)/1.7);
  gap:10px;padding:0 0 8px;overflow-x:auto;scroll-snap-type:x mandatory;align-items:stretch;
 }
}
