/* ================================================================
   GRAB RESUMES – Sample Resumes  |  Premium UI v3
   Gold: #c9a84c  Navy: #1d253a  White: #fff
   Fonts: Roboto (headings) + Red Hat Text (body)
================================================================ */

/* ── Root tokens ───────────────────────────────────────────── */
:root {
  --g:          #c9a84c;
  --g2:         #e8c97a;
  --g3:         rgba(201,168,76,.15);
  --n:          #1d253a;
  --n2:         #26304a;
  --nd:         #0d1120;
  --w:          #ffffff;
  --off:        #f7f6f2;
  --bd:         #ebebeb;
  --tx:         #2e2e2e;
  --mu:         #888;
  --ease:       cubic-bezier(.4,0,.2,1);
  --t:          all .3s var(--ease);
  --r:          12px;
  --rl:         20px;
  --sh:         0 4px 22px rgba(0,0,0,.07);
  --shh:        0 18px 56px rgba(0,0,0,.16);
}

/* ================================================================
   HERO
================================================================ */
.sr-hero {
  position:relative;
  overflow:hidden;
  background:var(--nd);
  padding:110px 0 96px;
}

/* photo bg */
.sr-hero__bg {
  position:absolute; inset:0;
  background:url(../images/resume/innerbg.jpg) center/cover no-repeat;
  opacity:.12;
}

/* geometric accent shapes */
.sr-hero__pattern {
  position:absolute; inset:0; pointer-events:none;
}
.sr-hero__pattern::before {
  content:'';
  position:absolute; top:-120px; right:-120px;
  width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.18) 0%,transparent 65%);
}
.sr-hero__pattern::after {
  content:'';
  position:absolute; bottom:-80px; left:-60px;
  width:360px; height:360px; border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.11) 0%,transparent 65%);
}
/* diagonal stripe overlay */
.sr-hero__pattern + .sr-hero__stripe {
  display:none;
}
.sr-hero::after {
  content:'';
  position:absolute; bottom:0; left:0; right:0;
  height:90px;
  background:linear-gradient(to bottom right,transparent 49.5%,var(--off) 50%);
}

/* content */
.sr-hero__content {
  position:relative; z-index:2;
  text-align:center;
  max-width:820px;
  margin:0 auto;
  padding:0 24px;
}

/* breadcrumb */
.sr-hero__breadcrumb {
  list-style:none; padding:0; margin:0 0 34px;
  display:flex; justify-content:center; align-items:center; gap:6px;
}
.sr-hero__breadcrumb li {
  font:500 12px/1 'Red Hat Text',sans-serif;
  color:rgba(255,255,255,.4);
  letter-spacing:.3px;
}
.sr-hero__breadcrumb li a { color:rgba(255,255,255,.6); text-decoration:none; transition:color .2s; }
.sr-hero__breadcrumb li a:hover { color:var(--g); }
.sr-hero__breadcrumb li+li::before { content:'›'; margin-right:6px; font-size:15px; opacity:.3; }

/* eyebrow */
.sr-hero__eyebrow {
  display:inline-flex; align-items:center; gap:14px;
  font:700 10px/1 'Red Hat Text',sans-serif;
  letter-spacing:5px; text-transform:uppercase;
  color:var(--g); margin-bottom:20px;
}
.sr-hero__eyebrow::before,
.sr-hero__eyebrow::after {
  content:''; display:block; width:40px; height:1px;
  background:linear-gradient(90deg,transparent,var(--g));
}
.sr-hero__eyebrow::after { background:linear-gradient(90deg,var(--g),transparent); }

/* title */
.sr-hero__title {
  font:800 clamp(36px,6vw,66px)/1.1 'Roboto',sans-serif;
  color:var(--w); letter-spacing:-.6px; margin-bottom:24px;
}
.sr-hero__title span {
  color:var(--g);
  background:linear-gradient(135deg,var(--g) 30%,var(--g2) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* desc */
.sr-hero__desc {
  font:400 17px/1.85 'Red Hat Text',sans-serif;
  color:rgba(255,255,255,.6);
  max-width:560px; margin:0 auto 44px;
}

/* stats strip */
.sr-hero__stats {
  display:inline-flex; align-items:stretch;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--rl); overflow:hidden;
  margin-bottom:44px;
}
.sr-hero__stat {
  text-align:center; padding:18px 32px; position:relative;
}
.sr-hero__stat+.sr-hero__stat::before {
  content:''; position:absolute; left:0; top:20%; bottom:20%;
  width:1px; background:rgba(255,255,255,.1);
}
.sr-hero__stat-num {
  display:block; font:800 32px/1 'Roboto',sans-serif; color:var(--g); margin-bottom:6px;
}
.sr-hero__stat-label {
  font:600 10px/1 'Red Hat Text',sans-serif;
  text-transform:uppercase; letter-spacing:1.5px; color:rgba(255,255,255,.4);
}

/* CTA */
.sr-hero__cta {
  display:inline-flex; align-items:center; gap:10px;
  background:var(--g); color:var(--n);
  font:700 14px/1 'Red Hat Text',sans-serif;
  letter-spacing:.4px; padding:16px 38px;
  border-radius:50px; text-decoration:none;
  box-shadow:0 6px 28px rgba(201,168,76,.35);
  transition:var(--t);
}
.sr-hero__cta:hover {
  background:var(--g2); color:var(--n);
  transform:translateY(-3px); box-shadow:0 14px 40px rgba(201,168,76,.45);
}

/* ================================================================
   FILTER BAR  (category pills + search merged into one elegant bar)
================================================================ */
.sr-cat-section {
  background:var(--off);
  border-bottom:1px solid var(--bd);
  padding:22px 0;
  position:sticky; top:0; z-index:120;
  box-shadow:0 3px 22px rgba(0,0,0,.06);
}
.sr-cat-section::-webkit-scrollbar { display:none; }

.sr-cat-bar {
  display:flex; align-items:center; gap:20px; flex-wrap:wrap;
}

/* pill row */
.sr-cat-pills {
  display:flex; gap:8px; flex-wrap:nowrap;
  overflow-x:auto; scrollbar-width:none; flex:1;
}
.sr-cat-pills::-webkit-scrollbar { display:none; }

.sr-cat-pill {
  display:inline-flex; align-items:center; gap:7px;
  padding:8px 18px; border-radius:50px;
  border:1.5px solid var(--bd); background:var(--w);
  color:var(--mu); font:600 13px/1 'Red Hat Text',sans-serif;
  cursor:pointer; white-space:nowrap; user-select:none;
  transition:var(--t); outline:none;
}
.sr-cat-pill:hover { border-color:var(--g); color:var(--n); background:var(--g3); }
.sr-cat-pill.active {
  background:var(--g); border-color:var(--g); color:var(--n);
  font-weight:700; box-shadow:0 4px 16px rgba(201,168,76,.30);
}
.pill-count {
  background:rgba(0,0,0,.08); border-radius:50px;
  font-size:10px; font-weight:800; padding:2px 7px;
  transition:var(--t);
}
.sr-cat-pill.active .pill-count { background:rgba(0,0,0,.18); }

/* ================================================================
   SEARCH + SORT BAR
================================================================ */
.sr-filter-section {
  background:var(--w);
  border-bottom:1px solid var(--bd);
  padding:14px 0;
}
.sr-filter-inner { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

.sr-search-wrap {
  flex:1; min-width:260px; position:relative;
}
.sr-search-wrap input {
  width:100%; padding:12px 18px 12px 46px;
  border:1.5px solid var(--bd); border-radius:50px;
  font:400 14px/1 'Red Hat Text',sans-serif;
  color:var(--tx); background:var(--off);
  transition:var(--t); outline:none;
}
.sr-search-wrap input:focus {
  border-color:var(--g); background:var(--w);
  box-shadow:0 0 0 3px rgba(201,168,76,.12);
}
.sr-search-wrap input::placeholder { color:#bbb; }
.sr-search-icon {
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  color:#ccc; font-size:15px; pointer-events:none;
}
.sr-search-wrap input:focus + .sr-search-icon { color:var(--g); }

.sr-sort-wrap select {
  padding:11px 18px; border:1.5px solid var(--bd); border-radius:50px;
  font:600 13px/1 'Red Hat Text',sans-serif;
  color:var(--tx); background:var(--off);
  outline:none; cursor:pointer; min-width:148px; transition:var(--t);
}
.sr-sort-wrap select:focus { border-color:var(--g); }

.sr-result-count {
  font:500 13px/1 'Red Hat Text',sans-serif; color:var(--mu);
  white-space:nowrap; padding:0 4px;
}
.sr-result-count strong { color:var(--n); font-weight:700; }

/* ================================================================
   GRID SECTION
================================================================ */
.sr-main-section {
  background:var(--off);
  background-image:
    radial-gradient(circle at 1px 1px,rgba(29,37,58,.06) 1px,transparent 0);
  background-size:28px 28px;
  padding:60px 0 90px; min-height:500px;
}

.sr-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:28px;
}

/* ================================================================
   RESUME CARD
================================================================ */
.sr-card {
  background:var(--w);
  border-radius:var(--rl);
  overflow:hidden;
  box-shadow:var(--sh);
  transition:var(--t);
  display:flex; flex-direction:column;
  border:1px solid var(--bd);
  position:relative;
}
.sr-card::before {
  content:'';
  position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--g),var(--g2));
  opacity:0; transition:opacity .3s var(--ease);
}
.sr-card:hover {
  transform:translateY(-8px);
  box-shadow:var(--shh), 0 0 0 1px rgba(201,168,76,.2);
}
.sr-card:hover::before { opacity:1; }

/* ── Thumbnail ─────────────────────────────── */
.sr-card__thumb {
  position:relative; height:240px;
  background:var(--n); overflow:hidden; flex-shrink:0;
}
.sr-card__thumb img {
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .6s var(--ease);
}
.sr-card:hover .sr-card__thumb img { transform:scale(1.08); }

/* placeholder */
.sr-card__thumb-placeholder {
  width:100%; height:100%;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px;
  background:linear-gradient(145deg,var(--nd) 0%,var(--n) 55%,var(--n2) 100%);
}
/* Decorative grid lines on placeholder */
.sr-card__thumb-placeholder::before {
  content:'';
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(201,168,76,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,168,76,.06) 1px,transparent 1px);
  background-size:24px 24px;
}
.ph-icon {
  width:68px; height:68px; position:relative; z-index:1;
  background:rgba(201,168,76,.12); border:1.5px solid rgba(201,168,76,.35);
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:26px; color:var(--g);
}
.ph-name {
  position:relative; z-index:1;
  font:700 14px/1.4 'Roboto',sans-serif;
  color:rgba(255,255,255,.88); text-align:center; padding:0 20px;
}

/* category badge */
.sr-card__cat-badge {
  position:absolute; top:14px; left:14px; z-index:3;
  background:rgba(10,15,30,.75); color:var(--g);
  font:700 9.5px/1 'Red Hat Text',sans-serif;
  letter-spacing:1px; text-transform:uppercase;
  padding:5px 13px; border-radius:50px;
  border:1px solid rgba(201,168,76,.30);
  backdrop-filter:blur(6px);
}

/* hover overlay */
.sr-card__view-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top,rgba(13,20,34,.9) 0%,rgba(13,20,34,.4) 55%,transparent 100%);
  display:flex; align-items:flex-end; justify-content:center; padding-bottom:24px;
  opacity:0; transition:opacity .3s var(--ease); z-index:4;
}
.sr-card:hover .sr-card__view-overlay { opacity:1; }

.sr-card__view-btn {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--g); color:var(--n);
  font:700 13px/1 'Red Hat Text',sans-serif;
  padding:11px 28px; border-radius:50px; text-decoration:none;
  transform:translateY(12px); transition:transform .3s var(--ease),background .2s;
  letter-spacing:.3px;
}
.sr-card:hover .sr-card__view-btn { transform:translateY(0); }
.sr-card__view-btn:hover { background:var(--g2); color:var(--n); }

/* ── Card body ─────────────────────────────── */
.sr-card__body { padding:22px 24px 16px; flex:1; display:flex; flex-direction:column; }

.sr-card__title {
  font:700 17px/1.42 'Roboto',sans-serif;
  color:var(--n); margin-bottom:10px; transition:color .2s;
}
.sr-card:hover .sr-card__title { color:#000; }

.sr-card__desc {
  font:400 13.5px/1.72 'Red Hat Text',sans-serif;
  color:var(--mu); margin-bottom:16px; flex:1;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

.sr-card__meta { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; }
.sr-card__meta-item {
  display:inline-flex; align-items:center; gap:5px;
  font:600 11.5px/1 'Red Hat Text',sans-serif; color:var(--mu);
  background:var(--off); border:1px solid var(--bd);
  border-radius:6px; padding:5px 11px;
}
.sr-card__meta-item i { color:var(--g); font-size:10px; }

/* ── Card footer ───────────────────────────── */
.sr-card__footer { padding:14px 24px 20px; border-top:1px solid #f0f0f0; }

.sr-card__view-link {
  display:flex; align-items:center; justify-content:center; gap:9px;
  background:var(--n); color:var(--w);
  font:700 13px/1 'Red Hat Text',sans-serif;
  padding:12px 20px; border-radius:8px;
  text-decoration:none; transition:var(--t);
  letter-spacing:.3px; width:100%;
}
.sr-card__view-link:hover {
  background:var(--g); color:var(--n);
  box-shadow:0 6px 20px rgba(201,168,76,.30);
}
.sr-card__view-link i { font-size:12px; }

/* ================================================================
   LOADING / EMPTY STATES
================================================================ */
.sr-loader {
  grid-column:1/-1; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  padding:90px 20px; gap:18px;
}
.sr-loader p { font:500 14px/1 'Red Hat Text',sans-serif; color:var(--mu); }

.sr-spinner {
  width:44px; height:44px; border-radius:50%;
  border:3px solid #e8e8e8; border-top-color:var(--g);
  animation:spin .75s linear infinite;
}
@keyframes spin { to { transform:rotate(360deg); } }

.sr-empty {
  grid-column:1/-1; text-align:center; padding:90px 20px;
}
.sr-empty__icon {
  width:84px; height:84px; border-radius:50%;
  background:linear-gradient(135deg,var(--n) 0%,var(--n2) 100%);
  display:flex; align-items:center; justify-content:center;
  font-size:32px; color:var(--g); margin:0 auto 22px;
}
.sr-empty h3 { font:700 21px/1 'Roboto',sans-serif; color:var(--n); margin-bottom:10px; }
.sr-empty p  { font:400 14px/1 'Red Hat Text',sans-serif; color:var(--mu); }

/* ================================================================
   PAGINATION
================================================================ */
.sr-pagination {
  display:flex; justify-content:center; align-items:center;
  gap:7px; margin-top:60px; flex-wrap:wrap;
}
.sr-page-btn {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:42px; height:42px; padding:0 8px;
  border-radius:10px; border:1.5px solid var(--bd);
  background:var(--w); color:var(--tx);
  font:600 13.5px/1 'Red Hat Text',sans-serif;
  cursor:pointer; transition:var(--t);
}
.sr-page-btn:hover { border-color:var(--g); color:var(--n); background:var(--g3); }
.sr-page-btn.active {
  background:var(--g); border-color:var(--g); color:var(--n); font-weight:800;
  box-shadow:0 4px 16px rgba(201,168,76,.30);
}
.sr-page-btn.disabled { opacity:.3; pointer-events:none; }
.sr-page-dots { color:var(--mu); font-size:16px; line-height:42px; padding:0 2px; }

/* ================================================================
   CTA BANNER
================================================================ */
.sr-cta-section {
  background:var(--n);
  padding:88px 0; text-align:center;
  position:relative; overflow:hidden;
}
.sr-cta-section::before {
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 60% 70% at 15% 50%,rgba(201,168,76,.12) 0%,transparent 60%),
    radial-gradient(ellipse 50% 60% at 85% 50%,rgba(201,168,76,.09) 0%,transparent 60%);
}
.sr-cta-section::after {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,transparent,var(--g) 40%,var(--g2) 60%,transparent);
}
.sr-cta-section__content { position:relative; z-index:1; }
.sr-cta-section h2 {
  font:800 clamp(28px,4vw,44px)/1.2 'Roboto',sans-serif;
  color:var(--w); margin-bottom:18px;
}
.sr-cta-section h2 span { color:var(--g); }
.sr-cta-section p {
  font:400 16px/1.8 'Red Hat Text',sans-serif;
  color:rgba(255,255,255,.55); max-width:480px; margin:0 auto 38px;
}
.sr-cta-btns { display:flex; justify-content:center; align-items:center; gap:14px; flex-wrap:wrap; }
.sr-btn-primary {
  display:inline-flex; align-items:center; gap:9px;
  background:var(--g); color:var(--n);
  font:700 14px/1 'Red Hat Text',sans-serif;
  padding:16px 36px; border-radius:50px; text-decoration:none;
  box-shadow:0 4px 22px rgba(201,168,76,.28); transition:var(--t);
}
.sr-btn-primary:hover {
  background:var(--g2); color:var(--n);
  transform:translateY(-2px); box-shadow:0 10px 32px rgba(201,168,76,.42);
}
.sr-btn-outline {
  display:inline-flex; align-items:center; gap:9px;
  background:transparent; color:rgba(255,255,255,.78);
  font:600 14px/1 'Red Hat Text',sans-serif;
  padding:15px 34px; border-radius:50px;
  border:1.5px solid rgba(255,255,255,.2); text-decoration:none; transition:var(--t);
}
.sr-btn-outline:hover { border-color:var(--g); color:var(--g); background:rgba(201,168,76,.06); }

/* ================================================================
   INNER PAGE (resume-details.php)
================================================================ */
.rd-wrap { background:var(--off); padding:56px 0 96px; }

.rd-layout { display:grid; grid-template-columns:1fr 340px; gap:32px; align-items:start; }
@media(max-width:1100px){ .rd-layout { grid-template-columns:1fr; } }

/* meta badges */
.rd-meta-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.rd-badge {
  display:inline-flex; align-items:center; gap:6px;
  background:var(--w); border:1px solid var(--bd); border-radius:50px;
  padding:6px 14px; font:600 11.5px/1 'Red Hat Text',sans-serif; color:var(--tx);
}
.rd-badge i { color:var(--g); font-size:11px; }
.rd-badge.cat { background:var(--g); color:var(--n); border-color:var(--g); font-weight:700; }

/* description card */
.rd-desc-card {
  background:var(--w); border-radius:var(--rl); padding:28px 32px;
  margin-bottom:20px; border:1px solid var(--bd); box-shadow:var(--sh);
  border-top:3px solid var(--g);
}
.rd-desc-card h2 {
  font:800 22px/1.35 'Roboto',sans-serif; color:var(--n); margin-bottom:14px;
}
.rd-desc-card p { font:400 15px/1.82 'Red Hat Text',sans-serif; color:#555; margin:0; }

/* sub content */
.rd-sub-card {
  background:var(--w); border-radius:var(--rl); padding:22px 32px;
  margin-bottom:20px; border:1px solid var(--bd); border-left:4px solid var(--g);
  box-shadow:var(--sh);
}
.rd-sub-card p { font:400 14.5px/1.82 'Red Hat Text',sans-serif; color:#555; margin:0; }

/* viewer */
.rd-viewer-card {
  background:var(--w); border-radius:var(--rl); overflow:hidden;
  border:1px solid var(--bd); margin-bottom:20px;
  box-shadow:0 8px 36px rgba(0,0,0,.1);
}
.rd-viewer-header {
  background:var(--n); padding:16px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.rd-viewer-header h3 {
  font:700 13.5px/1 'Red Hat Text',sans-serif; color:var(--w); margin:0;
  display:flex; align-items:center; gap:8px;
}
.rd-viewer-header h3 i { color:var(--g); }
.rd-viewer-header .rd-dl-btn {
  display:inline-flex; align-items:center; gap:6px;
  background:var(--g); color:var(--n);
  font:700 12px/1 'Red Hat Text',sans-serif;
  padding:8px 20px; border-radius:50px; text-decoration:none; transition:var(--t);
}
.rd-viewer-header .rd-dl-btn:hover { background:var(--g2); transform:translateY(-1px); }

.rd-viewer-body { position:relative; }
.rd-pdf-embed {
  width:100%; height:720px; border:none; display:block; background:#111;
}
.rd-img-viewer { width:100%; display:block; max-height:860px; object-fit:contain; background:var(--off); }
.rd-no-file {
  padding:72px 20px; text-align:center; background:var(--off);
}
.rd-no-file i { font-size:52px; color:#d0d0d0; display:block; margin-bottom:16px; }
.rd-no-file p  { font:400 14px/1 'Red Hat Text',sans-serif; color:var(--mu); }

/* sidebar CTA */
.rd-cta-card {
  background:var(--n); border-radius:var(--rl);
  padding:30px 26px 28px; margin-bottom:20px;
  position:relative; overflow:hidden;
}
.rd-cta-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--g),var(--g2));
}
.rd-cta-card::after {
  content:''; position:absolute; bottom:-50px; right:-50px;
  width:170px; height:170px; border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 70%);
}
.rd-cta-card h3 { font:800 20px/1.3 'Roboto',sans-serif; color:var(--w); margin-bottom:10px; position:relative; z-index:1; }
.rd-cta-card h3 span { color:var(--g); }
.rd-cta-card p { font:400 13px/1.65 'Red Hat Text',sans-serif; color:rgba(255,255,255,.55); margin-bottom:18px; position:relative; z-index:1; }

.rd-cta-features { list-style:none; padding:0; margin:0 0 22px; position:relative; z-index:1; }
.rd-cta-features li {
  display:flex; align-items:center; gap:9px;
  font:400 12.5px/1 'Red Hat Text',sans-serif;
  color:rgba(255,255,255,.68); padding:7px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.rd-cta-features li:last-child { border-bottom:none; }
.rd-cta-features li i { color:var(--g); font-size:12px; flex-shrink:0; }

.rd-cta-card .rd-cta-btn {
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:var(--g); color:var(--n);
  font:700 13.5px/1 'Red Hat Text',sans-serif;
  padding:14px 20px; border-radius:50px; text-decoration:none;
  width:100%; transition:var(--t); position:relative; z-index:1; letter-spacing:.3px;
}
.rd-cta-card .rd-cta-btn:hover {
  background:var(--g2); transform:translateY(-2px);
  box-shadow:0 8px 26px rgba(201,168,76,.38);
}

/* sidebar actions */
.rd-actions-card {
  background:var(--w); border-radius:var(--rl); padding:20px 22px;
  border:1px solid var(--bd); box-shadow:var(--sh);
}
.rd-actions-card h4 {
  font:700 10.5px/1 'Red Hat Text',sans-serif; color:var(--mu);
  text-transform:uppercase; letter-spacing:1.5px; margin-bottom:12px;
}
.rd-action-link {
  display:flex; align-items:center; gap:12px;
  padding:11px 0; border-bottom:1px solid #f4f4f4;
  text-decoration:none; color:var(--tx);
  font:600 13.5px/1 'Red Hat Text',sans-serif; transition:color .2s;
}
.rd-action-link:last-child { border-bottom:none; }
.rd-action-link:hover { color:var(--g); }
.rd-action-link i {
  width:34px; height:34px; border-radius:8px;
  background:var(--off); border:1px solid var(--bd);
  display:flex; align-items:center; justify-content:center;
  font-size:13px; color:var(--g); flex-shrink:0; transition:var(--t);
}
.rd-action-link:hover i {
  background:var(--g); color:var(--n); border-color:var(--g);
}

/* ================================================================
   RESPONSIVE
================================================================ */
@media(max-width:991px){
  .sr-hero { padding:80px 0 72px; }
  .sr-grid { grid-template-columns:repeat(auto-fill,minmax(275px,1fr)); gap:20px; }
  .sr-hero__stats { flex-wrap:wrap; }
  .rd-pdf-embed { height:520px; }
}
@media(max-width:767px){
  .sr-hero { padding:62px 0 58px; }
  .sr-hero__stats { border-radius:var(--r); }
  .sr-hero__stat { min-width:50%; }
  .sr-hero__stat+.sr-hero__stat::before { display:none; }
  .sr-filter-inner { flex-direction:column; align-items:stretch; }
  .sr-search-wrap { min-width:unset; }
  .sr-sort-wrap select { width:100%; }
  .sr-grid { grid-template-columns:1fr 1fr; gap:14px; }
  .rd-desc-card,.rd-sub-card,.rd-cta-card { padding:22px 20px; }
  .rd-pdf-embed { height:440px; }
  .sr-hero::after { display:none; }
}
@media(max-width:520px){
  .sr-grid { grid-template-columns:1fr; gap:14px; }
  .sr-hero__title { font-size:32px; }
  .sr-card__thumb { height:210px; }
  .sr-hero__stat-num { font-size:26px; }
}