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

/* breadcrumb + trust line (shared pattern) */
.dpo-decisions .bc{font-size:.82rem;color:var(--muted);padding:14px 0 0;}
.dpo-decisions .bc a{color:var(--muted);}
.dpo-decisions .bc a:hover{color:var(--accent-ink);}
.dpo-decisions .bc [aria-current]{color:var(--ink-2);font-weight:600;}
.dpo-decisions .bc span{margin:0 .45rem;color:var(--line);}
.dpo-decisions .trustline{margin-top:1.1rem;font-size:.9rem;color:var(--muted);font-weight:600;}

/* "how a decision works" — 4 step flow */
.dpo-decisions .flow4{list-style:none;margin:2rem 0 0;padding:0;display:grid;
  grid-template-columns:repeat(4,1fr);gap:0;counter-reset:f4;}
.dpo-decisions .flow4 li{position:relative;padding:22px 18px;border:1px solid var(--line);
  border-right:none;background:#fff;}
.dpo-decisions .flow4 li:first-child{border-radius:var(--radius) 0 0 var(--radius);}
.dpo-decisions .flow4 li:last-child{border-right:1px solid var(--line);border-radius:0 var(--radius) var(--radius) 0;}
.dpo-decisions .flow4 li::before{counter-increment:f4;content:counter(f4);display:inline-flex;
  align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;
  background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.82rem;margin-bottom:.6rem;}
.dpo-decisions .flow4 li h3{font-size:1rem;margin:0 0 .3rem;}
.dpo-decisions .flow4 li p{font-size:.85rem;margin:0;color:var(--slate);}
.dpo-decisions .flow4 li .arw{position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:2;
  width:18px;height:18px;background:#fff;border:1px solid var(--line);border-radius:999px;display:flex;
  align-items:center;justify-content:center;font-size:.7rem;color:var(--accent);}
.dpo-decisions .flow4 li:last-child .arw{display:none;}
@media(max-width:820px){
  .dpo-decisions .flow4{grid-template-columns:1fr;}
  .dpo-decisions .flow4 li{border-right:1px solid var(--line);border-radius:0;}
  .dpo-decisions .flow4 li:first-child{border-radius:var(--radius) var(--radius) 0 0;}
  .dpo-decisions .flow4 li:last-child{border-radius:0 0 var(--radius) var(--radius);}
  .dpo-decisions .flow4 li .arw{right:auto;left:50%;top:auto;bottom:-9px;transform:translateX(-50%) rotate(90deg);}
}
.dpo-decisions .sep-note{margin-top:1rem;font-size:.9rem;color:var(--accent-ink);font-weight:600;}

/* category filter bar */
.dpo-decisions .catbar{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 .4rem;}
.dpo-decisions .cat{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--ink-2);
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:.42rem .95rem;cursor:pointer;transition:.15s;}
.dpo-decisions .cat:hover{border-color:var(--accent);color:var(--accent-ink);}
.dpo-decisions .cat[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff;}

/* decision cards grid */
.dpo-decisions .dgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:1rem;}
@media(max-width:760px){.dpo-decisions .dgrid{grid-template-columns:1fr;}}
.dpo-decisions .dcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:22px 22px;transition:.15s;}
.dpo-decisions .dcard:hover{border-color:var(--accent);box-shadow:0 12px 30px -20px rgba(11,31,51,.4);}
.dpo-decisions .dcard .top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem;}
.dpo-decisions .dcard .ct{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:.24rem .6rem;}
.dpo-decisions .dcard .mins{font-size:.74rem;color:var(--muted);font-weight:600;white-space:nowrap;}
.dpo-decisions .dcard h3{font-size:1.08rem;margin:0 0 .4rem;}
.dpo-decisions .dcard .ctx{font-size:.9rem;color:var(--slate);margin:0 0 .7rem;}
.dpo-decisions .dcard .decide{font-size:.86rem;color:var(--ink-2);background:var(--paper-2);
  border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:.55rem .7rem;margin:0 0 .9rem;}
.dpo-decisions .dcard .decide b{font-family:var(--font-display);}
.dpo-decisions .dcard .go{margin-top:auto;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--accent-ink);}
.dpo-decisions .dcard[hidden]{display:none;}

/* featured "Do we need a DPO?" branch */
.dpo-decisions .branch{margin-top:1.6rem;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--paper-2);padding:8px 6px;}
.dpo-decisions .branch ol{list-style:none;margin:0;padding:0;}
.dpo-decisions .branch .node{padding:16px 20px;}
.dpo-decisions .branch .node + .node{border-top:1px dashed var(--line);}
.dpo-decisions .branch .qline{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:1.02rem;}
.dpo-decisions .branch .lines{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem;}
.dpo-decisions .branch .lab{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;color:var(--ink-2);}
.dpo-decisions .branch .lab a{color:var(--accent-ink);}
.dpo-decisions .branch .yes{color:#0a7d34;font-weight:800;}
.dpo-decisions .branch .no{color:#B42318;font-weight:800;}
.dpo-decisions .branch .caveat{padding:0 20px 14px;font-size:.82rem;color:var(--muted);}

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