/* =========================================================
   /resources/ — additions on top of services.css.
   Scoped .dpo-resources (wrapper also carries .dpo-services).
   ========================================================= */

.dpo-resources .bc{font-size:.82rem;color:var(--muted);padding:14px 0 0;}
.dpo-resources .bc a{color:var(--muted);}
.dpo-resources .bc a:hover{color:var(--accent-ink);}
.dpo-resources .bc [aria-current]{color:var(--ink-2);font-weight:600;}
.dpo-resources .bc span{margin:0 .45rem;color:var(--line);}

/* need-based pathway cards */
.dpo-resources .paths{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:2rem;}
@media(max-width:980px){.dpo-resources .paths{grid-template-columns:repeat(3,1fr);}}
@media(max-width:640px){.dpo-resources .paths{grid-template-columns:1fr;}}
.dpo-resources .path{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;}
.dpo-resources .path .ico{width:36px;height:36px;border-radius:9px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:.7rem;}
.dpo-resources .path .ico svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.9;}
.dpo-resources .path h3{font-size:1.02rem;margin:0 0 .3rem;}
.dpo-resources .path p{font-size:.86rem;color:var(--slate);margin:0 0 .7rem;}
.dpo-resources .path .links{margin-top:auto;display:flex;flex-direction:column;gap:.3rem;}
.dpo-resources .path .links a{font-size:.86rem;font-weight:600;color:var(--accent-ink);}

/* featured editorial card */
.dpo-resources .feature{display:grid;grid-template-columns:1.1fr .9fr;gap:0;margin-top:2rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;}
@media(max-width:760px){.dpo-resources .feature{grid-template-columns:1fr;}}
.dpo-resources .feature .body{padding:30px 30px;}
.dpo-resources .feature .side{background:linear-gradient(160deg,var(--ink),var(--ink-2));padding:30px;display:flex;flex-direction:column;justify-content:center;}
.dpo-resources .feature .side ul{list-style:none;margin:0;padding:0;}
.dpo-resources .feature .side li{color:#D9DEEC;font-size:.9rem;padding:.35rem 0 .35rem 1.4rem;position:relative;}
.dpo-resources .feature .side li::before{content:"→";position:absolute;left:0;color:#FF9933;font-weight:700;}
.dpo-resources .feature .side h4{color:#fff;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .6rem;}
.dpo-resources .feature .type{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-ink);}
.dpo-resources .feature h3{font-size:1.4rem;margin:.4rem 0 .5rem;}
.dpo-resources .feature .meta{font-size:.82rem;color:var(--muted);margin:.6rem 0 1.1rem;}
.dpo-resources .feature .meta span{margin-right:1rem;}

/* resource cards */
.dpo-resources .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:2rem;}
@media(max-width:900px){.dpo-resources .rgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.dpo-resources .rgrid{grid-template-columns:1fr;}}
.dpo-resources .rcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px;transition:.15s;}
.dpo-resources .rcard:hover{border-color:var(--accent);box-shadow:0 12px 30px -20px rgba(11,31,51,.4);text-decoration:none;}
.dpo-resources .rcard .type{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.dpo-resources .rcard h3{font-size:1.05rem;margin:.4rem 0 .4rem;}
.dpo-resources .rcard p{font-size:.88rem;color:var(--slate);margin:0 0 .8rem;flex:1;}
.dpo-resources .rcard .foot{font-size:.76rem;color:var(--muted);display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;}
.dpo-resources .rcard .go{font-family:var(--font-display);font-weight:600;color:var(--accent-ink);}

/* regulatory update cards */
.dpo-resources .updates{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:2rem;}
@media(max-width:760px){.dpo-resources .updates{grid-template-columns:1fr;}}
.dpo-resources .upd{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:22px 22px;}
.dpo-resources .upd .head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.76rem;color:var(--muted);margin-bottom:.6rem;}
.dpo-resources .upd .reg{font-weight:700;color:var(--accent-ink);text-transform:uppercase;letter-spacing:.06em;}
.dpo-resources .upd h3{font-size:1.05rem;margin:0 0 .4rem;}
.dpo-resources .upd p{font-size:.88rem;margin:0 0 .5rem;color:var(--slate);}
.dpo-resources .upd .why{font-size:.86rem;color:var(--ink-2);background:var(--paper-2);border-radius:8px;padding:.5rem .7rem;margin:0 0 .7rem;}
.dpo-resources .upd .src{font-size:.82rem;font-weight:600;}

/* question-led nav */
.dpo-resources .qled{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:2rem;}
@media(max-width:980px){.dpo-resources .qled{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.dpo-resources .qled{grid-template-columns:1fr;}}
.dpo-resources .qled a{display:flex;flex-direction:column;gap:.3rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 16px;transition:.15s;}
.dpo-resources .qled a:hover{border-color:var(--accent);text-decoration:none;}
.dpo-resources .qled .q{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:.96rem;}
.dpo-resources .qled .to{font-size:.82rem;color:var(--accent-ink);font-weight:600;}

/* cross-site (DPDPActIndia) module */
.dpo-resources .cross{margin-top:2rem;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px;display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between;}
.dpo-resources .cross .txt{max-width:60ch;}
.dpo-resources .cross h3{font-size:1.1rem;margin:0 0 .4rem;}
.dpo-resources .cross p{font-size:.9rem;margin:0;color:var(--slate);}

.dpo-resources .sources{max-width:820px;margin:0 auto;font-size:.9rem;color:var(--slate);}
.dpo-resources .sources h3{font-size:1rem;}
.dpo-resources .sources ul{margin:.6rem 0 0 1.1rem;}
.dpo-resources .sources li{margin:.3rem 0;}
.dpo-resources .sources .rev{margin-top:1rem;font-size:.82rem;color:var(--muted);}