/* ===== ReviseSociology crime hub ===== */

/* Topic colours: --c main, --k ink (text), --t tint (background) */
.rsh-fn  {--c:#3B6EF0;--k:#1E3FA8;--t:#E2E9FE}
.rsh-sub {--c:#8A4FE8;--k:#4E1FA0;--t:#EEE6FD}
.rsh-mx  {--c:#E23046;--k:#9E0D22;--t:#FCE1E5}
.rsh-lab {--c:#22A85F;--k:#0F6437;--t:#DEF4E7}
.rsh-real{--c:#17A8C4;--k:#0A6478;--t:#DCF1F7}
.rsh-pm  {--c:#B03AA8;--k:#6B1466;--t:#F7E3F5}
.rsh-ctl {--c:#4F6378;--k:#2A3847;--t:#E6EBF0}
.rsh-cls {--c:#D99A0B;--k:#7A5300;--t:#FBF0D2}
.rsh-eth {--c:#EE6B1C;--k:#9A3F04;--t:#FDE9DA}
.rsh-gen {--c:#F0409A;--k:#A8115C;--t:#FDE2F0}
.rsh-vic {--c:#9C5A33;--k:#5C3218;--t:#F3E7DE}
.rsh-glo {--c:#6A9A12;--k:#3B5A05;--t:#EEF5DD}
.rsh-med {--c:#0A9BD8;--k:#055B80;--t:#DDF1FA}

/* Colour stripe */
.rsh-rule{display:flex;height:9px;border-radius:99px;overflow:hidden;margin:0 0 1.25em}
.rsh-rule i{flex:1;background:var(--c)}

/* Hero */
.rsh-hero{background:#fff;border:1px solid #e2e6ec;border-radius:12px;padding:1.5em;margin:0 0 2em;line-height:1.55}
.rsh-hero p{margin:0 0 .8em}
.rsh-by{font-size:.9em;color:#5c636e}
.rsh-badges{display:flex;flex-wrap:wrap;gap:.4em;margin:0 0 1em}
.rsh-badge{display:inline-block;font-size:.8em;font-weight:600;line-height:1.4;border-radius:99px;padding:.25em .8em;color:var(--k,#16181d);background:var(--t,#eef0f3)}
.rsh-badge-exam{color:#fff;background:#16181d}
.rsh-jump{display:flex;flex-wrap:wrap;gap:.5em;margin:1.2em 0 0}
.rsh-jump a{font-weight:700;border-radius:99px;padding:.6em 1.3em;border:2px solid #16181d;color:#16181d!important;text-decoration:none!important}
.rsh-jump a:hover{background:#16181d;color:#fff!important}
.rsh-jump a.rsh-go{border:0;color:#fff!important;background:linear-gradient(90deg,#3B6EF0,#E23046,#F0409A,#17A8C4,#22A85F)}
.rsh-jump a.rsh-go:hover{filter:brightness(1.12)}

/* Topic tiles */
.rsh-label{font-size:.8em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#5c636e;margin:1.5em 0 .5em}
.rsh-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5em,1fr));gap:.6em;margin:0 0 1em}
.rsh-tile{display:block;background:var(--t);border-left:7px solid var(--c);border-radius:6px;padding:.75em .9em;text-decoration:none!important;transition:transform .12s ease,box-shadow .12s ease}
.rsh-tile:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.08)}
.rsh-tile b{display:block;color:var(--k)!important;line-height:1.3}
.rsh-tile span{display:block;color:var(--k)!important;font-size:.82em;margin-top:.25em}

/* Section headings */
.rsh-h{border-left:8px solid var(--c);padding-left:.55em;scroll-margin-top:100px}
h3.rsh-h{border-left-width:6px}

/* Post cards */
.rsh-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(15em,1fr));gap:.8em;margin:1em 0 2.2em}
.rsh-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e6ec;border-top:6px solid var(--c);border-radius:10px;padding:1em 1.1em;color:#16181d!important;text-decoration:none!important;transition:transform .12s ease,border-color .12s ease}
.rsh-card:hover{transform:translateY(-2px);border-color:var(--c)}
.rsh-card .rsh-badges{margin:0 0 .5em}
.rsh-card-title{display:block;font-weight:700;font-size:1.05em;line-height:1.3;color:var(--k);margin:0 0 .35em}
.rsh-card-text{display:block;font-size:.92em;line-height:1.5}
.rsh-card-more{display:block;margin-top:auto;padding-top:.75em;font-size:.88em;font-weight:700;color:var(--k)}

@media (prefers-reduced-motion:reduce){.rsh-tile,.rsh-card{transition:none}.rsh-tile:hover,.rsh-card:hover{transform:none}}
/* Neutral colour for Start here and exam practice */
.rsh-neu {--c:#16181d;--k:#16181d;--t:#EEF0F3}

/* Bundle box */
.rsh-bundle{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:1.4em;align-items:start;background:#fff;border:2px solid #16181d;border-radius:12px;padding:1.4em;margin:1em 0 2.5em}
.rsh-bundle img{width:100%;height:auto;border-radius:6px}
.rsh-bundle-title{font-size:1.2em;font-weight:700;margin:0 0 .5em}
.rsh-bundle ul{margin:0 0 1em 1.1em;padding:0}
.rsh-bundle li{margin:0 0 .35em}
@media (max-width:600px){.rsh-bundle{grid-template-columns:1fr}.rsh-bundle img{max-width:9em}}