/* Resources: bigger decks (Batu 16 Oct 23:01) */
#resources-view .rshero{padding-block:clamp(36px,5vw,64px) clamp(28px,3.5vw,40px)}@media (max-width:640px){#resources-view .rshero{padding-block:clamp(32.4px,5vw,57.6px) clamp(25.2px,3.5vw,36px)}}
#resources-view .rshero h1{max-width:none;margin-top:0;font-size:clamp(34px,4.2vw,56px)}@media (max-width:640px){#resources-view .rshero h1{font-size:clamp(30.6px,4.2vw,50.4px)}}
#resources-view .rshero h1 em{display:inline}
#resources-view .rshero .lede{max-width:none}
#resources-view .rss{margin-top:24px}@media (max-width:640px){#resources-view .rss{margin-top:21.6px}}
#resources-view .rsd .wrap{max-width:1360px}
/* centred, like the old site's Resources title */
#resources-view .rshero .wrap{text-align:center}
#resources-view .rss{justify-content:center}
#resources-view .rsv{max-width:none}
@media (min-width:760px){#resources-view .rshero h1,#resources-view .rshero .lede{white-space:nowrap}}
@media (max-width:759px){#resources-view .rshero h1 em{display:block}}
#resources-view .rss a{text-align:left}
/* phones: the three decks as one compact row of names, so the deck itself comes into view */
@media (max-width:560px){#resources-view .rss{flex-wrap:nowrap;gap:6px;margin-top:20px}@media (max-width:640px){#resources-view .rss{gap:5.4px;margin-top:18px}}
  #resources-view .rss a{flex:1 1 0;min-width:0;justify-content:center;text-align:center;padding:10px 6px;border-radius:12px}@media (max-width:640px){#resources-view .rss a{padding:9px 5.4px;border-radius:10.8px}}
  #resources-view .rss img{display:none}
  #resources-view .rss span{font-size:0;gap:0}
  #resources-view .rss b{font-size:13px;line-height:1.2}}