body.resources-page { padding-top: var(--header-height); }
.resources-main { max-width: var(--content-max-width, 68.75rem); margin: 0 auto; padding: 5.5rem 1.5rem 6rem; }
@media (min-width:768px) { .resources-main { padding-inline:2rem; } }
.resources-hero { max-width: 48rem; margin-inline: auto; padding: 1.25rem 0 6rem; text-align: center; }
.resources-hero h1 { margin: 0; color: var(--color-text-emphasis); font-size: 2.625rem; font-weight: 700; letter-spacing: -.035em; line-height: 1.18; text-wrap: balance; }
.resources-hero p { margin: 1.5rem auto 0; color: var(--color-text-secondary); font-size: 1.0625rem; line-height: 1.7; text-wrap: pretty; }
.resource-card__doc:focus-visible { outline: 2px solid var(--color-text-emphasis); outline-offset: 2px; }
.resource-card__cover {
  background-color: var(--color-glass-surface) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.08);
  backdrop-filter: blur(16px) saturate(1.08);
}
.resource-card__cover--video { background-color: rgba(23,32,43,.78) !important; }
[data-theme="dark"] .resource-card__cover--video { background-color: rgba(5,8,12,.82) !important; }
.resources-section { padding-top: 3.5rem; }.resources-section[hidden] { display:none; }
.resources-section__heading { margin-bottom: 1.5rem; }.resources-section h2 { color: var(--color-text-emphasis); font-size: 1.5rem; letter-spacing: -.02em; }.resources-section__heading p { margin-top: .375rem; color: var(--color-text-secondary); font-size: .9375rem; }
.resources-section__heading { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:1.5rem; align-items:start; }
.resources-section__heading p { grid-column:1; }
.resources-section__heading .resources-section__all { grid-column:2; grid-row:1 / span 2; align-self:start; }
.resource-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; }
.resource-rail { display:flex; gap:1.25rem; overflow-x:auto; padding-bottom:.5rem; scroll-snap-type:x mandatory; }.resource-rail .resource-card { flex:0 0 min(20rem,82vw); scroll-snap-align:start; }
.resource-list { display:grid; gap:1rem; }
.resource-card { min-width:0; }.resource-card[hidden] { display:none; }.resource-card__cover { display:flex; aspect-ratio:2.35/1; align-items:flex-end; padding:1rem; border:1px solid var(--color-border-subtle); border-radius:.75rem; background:var(--color-surface-secondary); }.resource-card__cover span { padding:.25rem .5rem; border-radius:.375rem; background:var(--color-surface); color:var(--color-text-emphasis); font-size:.75rem; font-weight:600; }.resource-card__cover--video { background:#282828; }.resource-card__cover--video span { background:#fff; color:#111; }[data-theme="dark"] .resource-card__cover--tool { background:#2b2b2b; }[data-theme="dark"] .resource-card__cover--strategy { background:#313131; }[data-theme="dark"] .resource-card__cover--book { background:#292929; }

.resource-progress { display:flex; align-items:center; gap:.5rem; margin-top:1rem; color:var(--color-text-secondary); font-size:.75rem; }
.resource-progress i { display:block; flex:1; height:.3125rem; overflow:hidden; border-radius:999px; background:var(--color-border-subtle); }
.resource-progress span { display:block; height:100%; border-radius:inherit; background:var(--color-text-emphasis); }
.resource-progress b { font-weight:500; min-width:2.25rem; text-align:right; }
.resource-card__body { padding-top:.875rem; }.resource-card__meta { color:var(--color-text-secondary); font-size:.75rem; }.resource-card h3 { margin-top:.375rem; color:var(--color-text-emphasis); font-size:1rem; line-height:1.45; }.resource-card p { margin-top:.5rem; color:var(--color-text-secondary); font-size:.875rem; line-height:1.6; }.resource-card__tags { display:flex; flex-wrap:wrap; gap:.375rem; margin-top:.875rem; }.resource-card__tags span { padding:.125rem .4375rem; border:1px solid var(--color-border); border-radius:999px; color:var(--color-text-secondary); font-size:.6875rem; }.resource-card__doc { display:inline-block; margin-top:1rem; color:var(--color-text-emphasis); font-size:.8125rem; font-weight:500; text-decoration:underline; text-underline-offset:3px; }
.resource-list .resource-card { display:grid; grid-template-columns:12rem minmax(0,1fr); gap:1.25rem; padding:.75rem 0; }.resource-list .resource-card + .resource-card { border-top:1px solid var(--color-border-subtle); }.resource-list .resource-card__cover { aspect-ratio:3/2; }.resource-list .resource-card__body { padding-top:0; }
.resources-note { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:4.5rem; padding-top:2.5rem; border-top:1px solid var(--color-border-subtle); }.resources-note h2 { color:var(--color-text-emphasis); font-size:1rem; }.resources-note p { margin-top:.5rem; color:var(--color-text-secondary); font-size:.875rem; line-height:1.6; }
@media(max-width:1023px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:767px){.resources-main{padding:3rem 1rem 4rem;}.resources-hero h1{font-size:2.125rem;}.resource-grid,.resources-note{grid-template-columns:1fr;}.resources-section{padding-top:2.75rem;}.resource-list .resource-card{grid-template-columns:7.5rem minmax(0,1fr);gap:.875rem;}.resource-list .resource-card p{display:none;}}

/* Video browsing uses a horizontal rail and a real scroll-position control. */
.resource-progress { display:none; }
.resources-section--videos { padding-top:3rem; }
.resources-section--videos .resources-section__heading { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.resources-section__all { color:var(--color-text-secondary); font-size:.875rem; font-weight:500; text-decoration:none; }
.resources-section__all:hover { color:var(--color-text-emphasis); text-decoration:underline; text-underline-offset:3px; }
.resource-video-carousel { position:relative; }
.resource-video-carousel .resource-rail { gap:1.25rem; overflow-x:auto; padding:0 0 .875rem; scrollbar-width:none; scroll-behavior:smooth; }
.resource-video-carousel .resource-rail::-webkit-scrollbar { display:none; }
.resource-video-carousel .resource-rail .resource-card { flex:0 0 max(17rem,calc((100% - 2.5rem) / 3)); }
.resource-card--video .resource-card__cover { position:relative; aspect-ratio:16 / 9; overflow:hidden; border-color:var(--color-border); background:#18232d; transition:filter 180ms ease,transform 180ms ease; }
.resource-card--video:nth-child(2n) .resource-card__cover { background:#252331; }
.resource-card--video:nth-child(3n) .resource-card__cover { background:#1d2932; }
.resource-card--video .resource-card__cover::before { content:'QUANTX'; position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.16); font-size:clamp(1.75rem,4vw,3.25rem); font-weight:700; letter-spacing:.08em; }
.resource-card--video .resource-card__cover span { position:relative; z-index:1; }
.resource-card__play { position:absolute; z-index:1; left:50%; top:50%; width:3.25rem; height:3.25rem; border-radius:50%; transform:translate(-50%,-50%); background:rgba(10,10,10,.78); }
.resource-card__play::after { content:''; position:absolute; left:1.3rem; top:1.04rem; border-block:.6rem solid transparent; border-left:.85rem solid #fff; }
.resource-card--video:hover .resource-card__cover { filter:brightness(1.18); transform:translateY(-2px); }
.resource-card--video:hover .resource-card__play { background:var(--color-surface); }
.resource-card--video:hover .resource-card__play::after { border-left-color:var(--color-text-emphasis); }
.resource-video-carousel__controls { display:flex; align-items:center; justify-content:center; gap:.9rem; padding-top:.25rem; }
.resource-video-carousel__arrow { width:1.625rem; height:1.625rem; border:0; padding:0; background:transparent; color:var(--color-text-secondary); cursor:pointer; font-size:1.75rem; line-height:1; transition:color 150ms ease,transform 150ms ease; }
.resource-video-carousel__arrow:hover { color:var(--color-text-emphasis); transform:scale(1.12); }
.resource-video-carousel__range { appearance:none; -webkit-appearance:none; width:min(54%,34rem); height:.375rem; border-radius:999px; outline:0; background:var(--color-border); cursor:grab; filter:brightness(.75); transition:filter 150ms ease,background 150ms ease; }
.resource-video-carousel__range:hover, .resource-video-carousel__range:focus-visible { filter:brightness(1.45); background:var(--color-text-secondary); }
.resource-video-carousel__range:disabled { cursor:default; opacity:.35; }
.resource-video-carousel__range::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:.7rem; height:.7rem; border:0; border-radius:50%; background:var(--color-text-emphasis); opacity:0; transition:opacity 150ms ease; }
.resource-video-carousel__range:hover::-webkit-slider-thumb, .resource-video-carousel__range:focus-visible::-webkit-slider-thumb { opacity:1; }
.resources-section--updates { padding-top:4.5rem; }
.resource-list--updates .resource-card { grid-template-columns:minmax(15rem,25rem) minmax(0,1fr); gap:1.5rem; padding:1.25rem 0; }
.resource-list--updates .resource-card__cover { aspect-ratio:16 / 9; }
.resource-list--updates .resource-card__body { align-self:center; }
.resource-list--updates .resource-card h3 { font-size:1.25rem; }
@media (max-width:767px) {
  .resources-section--videos .resources-section__heading { display:block; }
  .resources-section__all { display:inline-block; margin-top:.375rem; }
  .resource-video-carousel .resource-rail .resource-card { flex-basis:min(84vw,22rem); }
  .resource-video-carousel__range { width:calc(100% - 5.25rem); }
  .resource-list--updates .resource-card { grid-template-columns:1fr; gap:.875rem; }
  .resource-list--updates .resource-card p { display:block; }
}
@media (prefers-reduced-motion:reduce) {
  .resource-video-carousel .resource-rail { scroll-behavior:auto; }
  .resource-card--video .resource-card__cover, .resource-video-carousel__arrow { transition:none; }
}

/* Shared media rails: three cards at a time on desktop, native scroll progress,
   and arrows that only appear when another group can be reached. */
.resources-section--rail { padding-top:3.75rem; }
.resources-section--rail .resources-section__heading { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:1.5rem; align-items:start; }
.resources-section--rail .resources-section__heading p { grid-column:1; }
.resources-section--rail .resources-section__all { grid-column:2; grid-row:1 / span 2; align-self:start; }
.resource-rail-shell { position:relative; overflow:visible; }
.resource-rail-shell .resource-rail { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 2.5rem) / 3); gap:1.25rem; overflow-x:auto; overflow-y:hidden; padding:0 0 1rem; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:var(--color-border) var(--color-surface-secondary); }
.resource-rail-shell .resource-rail::-webkit-scrollbar { display:block; height:.5rem; }
.resource-rail-shell .resource-rail::-webkit-scrollbar-track { border-radius:999px; background:var(--color-surface-secondary); }
.resource-rail-shell .resource-rail::-webkit-scrollbar-thumb { border:2px solid var(--color-surface-secondary); border-radius:999px; background:var(--color-border); }
.resource-rail-shell:hover .resource-rail, .resource-rail-shell .resource-rail.is-dragging { scrollbar-color:var(--color-text-emphasis) var(--color-surface-secondary); }
.resource-rail-shell:hover .resource-rail::-webkit-scrollbar-thumb, .resource-rail-shell .resource-rail.is-dragging::-webkit-scrollbar-thumb { background:var(--color-text-emphasis); }
.resource-rail-shell .resource-card { min-width:0; scroll-snap-align:start; }
.resource-rail-shell .resource-card__cover { aspect-ratio:16 / 9; }
.resources-section--books .resource-card__cover { aspect-ratio:3 / 2; }
.resource-rail__arrow { position:absolute; top:6rem; z-index:2; display:grid; width:3rem; height:3rem; padding:0; place-items:center; border:0; background:transparent; color:var(--color-text-secondary); cursor:pointer; font-size:3rem; font-weight:300; line-height:1; opacity:.8; text-shadow:0 1px 2px rgba(0,0,0,.16); transition:opacity 150ms ease,color 150ms ease,transform 150ms ease; }
.resource-rail__arrow:hover, .resource-rail__arrow:focus-visible { color:var(--color-text-emphasis); opacity:1; transform:scale(1.08); }
.resource-rail__arrow[hidden] { display:none; }
.resource-rail__arrow--previous { left:-3.35rem; }
.resource-rail__arrow--next { right:-3.35rem; }
.resources-section--tools, .resources-section--strategies { padding-top:4.25rem; }
.resource-list--catalog .resource-card { grid-template-columns:minmax(15rem,25rem) minmax(0,1fr); gap:1.5rem; padding:1.25rem 0; }
.resource-list--catalog .resource-card__cover { aspect-ratio:16 / 9; }
.resource-list--catalog .resource-card__body { align-self:center; }
.resource-list--catalog .resource-card h3 { font-size:1.25rem; }
.resources-section--strategies .resource-card { grid-template-columns:minmax(0,1fr) minmax(15rem,25rem); }
.resources-section--strategies .resource-card__body { grid-column:1; grid-row:1; }
.resources-section--strategies .resource-card__cover { grid-column:2; grid-row:1; }
.resources-section--videos { padding-top:0; }
@media (max-width:1023px) {
  .resource-rail-shell .resource-rail { grid-auto-columns:calc((100% - 1.25rem) / 2); }
  .resource-rail__arrow--previous { left:-2.75rem; }
  .resource-rail__arrow--next { right:-2.75rem; }
}
@media (max-width:767px) {
  .resources-section__heading { display:block; }
  .resources-section__heading .resources-section__all { display:inline-block; margin-top:.375rem; }
  .resources-section--rail .resources-section__heading { display:block; }
  .resources-section--rail .resources-section__all { display:inline-block; margin-top:.375rem; }
  .resource-rail-shell .resource-rail { grid-auto-columns:82%; }
  .resource-rail__arrow { display:none; }
  .resource-list--catalog .resource-card { grid-template-columns:1fr; gap:.875rem; }
  .resource-list--catalog .resource-card p { display:block; }
  .resources-section--strategies .resource-card__body, .resources-section--strategies .resource-card__cover { grid-column:auto; grid-row:auto; }
}

/* Shared glass material for resource media tiles; content and layout stay intact. */
.resource-card__cover {
  background-color:var(--color-glass-surface) !important;
  border-color:var(--color-glass-border);
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
  backdrop-filter:blur(16px) saturate(1.08);
}
.resource-card__cover--video { background-color:rgba(23,32,43,.78) !important; }
[data-theme="dark"] .resource-card__cover--video { background-color:rgba(5,8,12,.82) !important; }