/* ---- reuse site tokens (mirror of services.css :root) ---- */
.dpo-ropa{
  --ink:#0A1633; --ink-2:#14264A; --slate:#2E3E63; --muted:#59659B;
  --line:#D9DEEC; --paper:#FFFFFF; --paper-2:#F6F8FB; --paper-3:#EBEEF6;
  --accent:#000080; --navy-deep:#000066; --gold:#B45309; --accent-soft:#FFF4E8;
  --saffron:#FF9933; --green:#0F7A4E; --green-soft:#E9F6EF;
  --amber:#B45309; --amber-soft:#FFF4E8; --slate-soft:#EEF1F8;
  --radius:16px; --radius-s:10px; --maxw:1160px;
  --sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --serif:'Source Serif 4','Source Serif Pro',Georgia,serif;
  --shadow:0 1px 2px rgba(10,22,51,.04),0 8px 28px rgba(10,22,51,.06);
  --shadow-s:0 1px 2px rgba(10,22,51,.05),0 4px 14px rgba(10,22,51,.05);
  color:var(--ink); font-family:var(--sans); line-height:1.62;
  -webkit-font-smoothing:antialiased; font-size:17px;
}
.dpo-ropa *,.dpo-ropa *::before,.dpo-ropa *::after{box-sizing:border-box}
.dpo-ropa img,.dpo-ropa svg{max-width:100%}
.dpo-ropa .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
.dpo-ropa .sec{padding:56px 0;border-top:1px solid var(--line)}
.dpo-ropa .sec--alt{background:var(--paper-2)}
.dpo-ropa .sec--ink{background:var(--ink);color:#EAF0FF}
.dpo-ropa .sec--tight{padding:40px 0}
.dpo-ropa h1,.dpo-ropa h2,.dpo-ropa h3,.dpo-ropa h4{font-family:var(--serif);line-height:1.18;color:var(--ink);letter-spacing:-.01em;margin:0 0 .5em}
.dpo-ropa .sec--ink h2,.dpo-ropa .sec--ink h3{color:#fff}
.dpo-ropa h1{font-size:clamp(30px,4.4vw,46px);font-weight:600}
.dpo-ropa h2{font-size:clamp(24px,3.1vw,33px);font-weight:600}
.dpo-ropa h3{font-size:clamp(20px,2.3vw,24px);font-weight:600}
.dpo-ropa h4{font-size:18px;font-weight:600}
.dpo-ropa p{margin:0 0 1em}
.dpo-ropa a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.dpo-ropa a:hover{color:var(--navy-deep)}
.dpo-ropa .eyebrow{font-family:var(--sans);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.dpo-ropa .lede{font-size:clamp(17px,1.9vw,20px);color:var(--ink-2);line-height:1.56}
.dpo-ropa .muted{color:var(--muted)}
.dpo-ropa .small{font-size:14px}
/* buttons */
.dpo-ropa .btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--sans);font-weight:600;font-size:15.5px;padding:13px 22px;border-radius:12px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.dpo-ropa .btn:hover{transform:translateY(-1px)}
.dpo-ropa .btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.dpo-ropa .btn--primary:hover{background:var(--navy-deep);color:#fff}
.dpo-ropa .btn--ghost{background:#fff;color:var(--accent);border-color:var(--line)}
.dpo-ropa .btn--ghost:hover{border-color:var(--accent);color:var(--accent)}
.dpo-ropa .btn--onink{background:var(--saffron);color:#1a1200;border-color:var(--saffron)}
.dpo-ropa .btn--onink:hover{background:#ffab54;color:#1a1200}
/* hero */
.dpo-ropa .hero{background:
   radial-gradient(1100px 460px at 80% -10%,rgba(0,0,128,.06),transparent 60%),
   linear-gradient(180deg,var(--paper-2),#fff);
   padding:46px 0 40px;border-top:none}
.dpo-ropa .hero .meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:18px 0 22px;font-size:13.5px;color:var(--muted)}
.dpo-ropa .hero .meta b{color:var(--slate);font-weight:600}
.dpo-ropa .hero .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.dpo-ropa .pill{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;color:var(--slate)}
.dpo-ropa .crumbs{font-size:12.5px;color:var(--muted);margin:0 0 16px;line-height:1.4}
.dpo-ropa .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.dpo-ropa .crumbs li{display:inline-flex;align-items:center;gap:6px}
.dpo-ropa .crumbs li+li::before{content:"/";color:var(--line);margin-right:0}
.dpo-ropa .crumbs a{color:var(--muted);text-decoration:none}
.dpo-ropa .crumbs a:hover{color:var(--accent);text-decoration:underline}
.dpo-ropa .crumbs [aria-current="page"]{color:var(--slate);font-weight:600}
/* answer / AEO block */
.dpo-ropa .answer{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-s)}
.dpo-ropa .answer .q{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--ink);margin:0 0 10px}
.dpo-ropa .answer--legal{border-left-color:var(--gold)}
/* legal note */
.dpo-ropa .lnote{background:var(--accent-soft);border:1px solid #F0D9BE;border-radius:var(--radius);padding:20px 22px;margin:22px 0}
.dpo-ropa .lnote .tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.dpo-ropa .lnote p{margin-bottom:.5em}
.dpo-ropa .lnote p:last-child{margin-bottom:0}
/* grids + cards */
.dpo-ropa .grid{display:grid;gap:18px}
.dpo-ropa .g2{grid-template-columns:repeat(2,1fr)}
.dpo-ropa .g3{grid-template-columns:repeat(3,1fr)}
.dpo-ropa .g4{grid-template-columns:repeat(4,1fr)}
.dpo-ropa .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-s)}
.dpo-ropa .card h3,.dpo-ropa .card h4{margin-top:0}
.dpo-ropa .card .kick{font-family:var(--sans);font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.dpo-ropa .def .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--slate-soft);color:var(--accent);margin-bottom:14px}
.dpo-ropa .def .ic svg{width:22px;height:22px}
/* callouts */
.dpo-ropa .callout{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;background:var(--paper-2);margin:18px 0}
.dpo-ropa .callout--tip{background:var(--green-soft);border-color:#BFE4D0}
/* evidence badges */
.dpo-ropa .badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-weight:600;font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--slate);white-space:nowrap}
.dpo-ropa .badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 auto}
.dpo-ropa .badge--v{background:var(--green-soft);border-color:#BFE4D0;color:#0B5D3B}
.dpo-ropa .badge--v::before{background:var(--green)}
.dpo-ropa .badge--p{background:var(--amber-soft);border-color:#F0D9BE;color:#7A3D06}
.dpo-ropa .badge--p::before{background:var(--saffron)}
.dpo-ropa .badge--u{background:var(--slate-soft);border-color:var(--line);color:var(--muted)}
.dpo-ropa .badge--u::before{background:#AEB7D4}
/* svg figure */
.dpo-ropa figure{margin:26px 0 0}
.dpo-ropa figure .frame{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-s);overflow:hidden}
.dpo-ropa .sec--alt figure .frame{background:#fff}
.dpo-ropa figcaption{color:var(--muted);font-size:13.5px;margin-top:12px;text-align:center}
/* toc */
.dpo-ropa .toc{position:sticky;top:14px}
.dpo-ropa .toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.dpo-ropa .toc li{margin:0 0 2px}
.dpo-ropa .toc a{display:block;padding:7px 10px;border-radius:8px;color:var(--slate);text-decoration:none;font-size:14px;font-weight:500}
.dpo-ropa .toc a:hover{background:var(--paper-3);color:var(--accent)}
/* responsive */
@media(max-width:900px){
  .dpo-ropa .g4{grid-template-columns:repeat(2,1fr)}
  .dpo-ropa .g3{grid-template-columns:1fr}
}
@media(max-width:640px){
  .dpo-ropa{font-size:16px}
  .dpo-ropa .g2,.dpo-ropa .g4{grid-template-columns:1fr}
  .dpo-ropa .sec{padding:40px 0}
}
@media(prefers-reduced-motion:reduce){
  .dpo-ropa *{transition:none!important;animation:none!important}
  .dpo-ropa .btn:hover{transform:none}
}
/* ---- tables ---- */
.dpo-ropa .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dpo-ropa .tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-s)}
.dpo-ropa .tbl-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dpo-ropa table.cmp{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}
.dpo-ropa table.cmp caption{text-align:left}
.dpo-ropa table.cmp th,.dpo-ropa table.cmp td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}
.dpo-ropa table.cmp thead th{background:var(--paper-3);color:var(--ink-2);font-family:var(--sans);font-weight:700;font-size:12.5px;letter-spacing:.03em;position:sticky;top:0;z-index:2}
.dpo-ropa table.cmp tbody th[scope=row]{background:var(--paper-2);font-weight:600;color:var(--ink);white-space:nowrap;position:sticky;left:0;z-index:1}
.dpo-ropa table.cmp tbody tr:last-child th,.dpo-ropa table.cmp tbody tr:last-child td{border-bottom:none}
.dpo-ropa table.cmp tbody tr:hover td{background:var(--paper-2)}
.dpo-ropa .mark{font-weight:700;font-size:16px;line-height:1}
.dpo-ropa .mark--v{color:var(--green)}
.dpo-ropa .mark--p{color:var(--gold)}
.dpo-ropa .mark--u{color:var(--muted)}
.dpo-ropa .cellnote{display:block;color:var(--muted);font-size:12px;margin-top:3px;font-weight:400;white-space:normal}
/* ---- legend ---- */
.dpo-ropa .legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;font-size:13px;color:var(--slate)}
.dpo-ropa .legend span{display:inline-flex;align-items:center;gap:7px}
/* ---- scorecard / meter ---- */
.dpo-ropa .score-row{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.dpo-ropa .score-row:last-child{border-bottom:none}
.dpo-ropa .score-row .bar{grid-column:1/-1;height:7px;border-radius:6px;background:var(--paper-3);overflow:hidden}
.dpo-ropa .score-row .bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--saffron))}
.dpo-ropa .weight{font-family:var(--sans);font-weight:700;color:var(--ink-2);font-size:14px}
/* ---- review blocks ---- */
.dpo-ropa .review{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-s);padding:26px;margin:22px 0}
.dpo-ropa .review>header{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;justify-content:space-between;margin-bottom:6px}
.dpo-ropa .review h3{margin:0}
.dpo-ropa .review .posn{font-family:var(--sans);font-weight:600;color:var(--gold);font-size:14px}
.dpo-ropa .review .rgrid{display:grid;grid-template-columns:150px 1fr;gap:2px 18px;margin:16px 0}
.dpo-ropa .review .rgrid dt{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:9px 0;border-top:1px solid var(--line)}
.dpo-ropa .review .rgrid dd{margin:0;padding:9px 0;border-top:1px solid var(--line)}
.dpo-ropa .review .rgrid dt:first-of-type,.dpo-ropa .review .rgrid dd:first-of-type{border-top:none}
.dpo-ropa .evnote{background:var(--paper-2);border:1px dashed var(--line);border-radius:var(--radius-s);padding:12px 14px;font-size:13.5px;color:var(--slate);margin-top:8px}
@media(max-width:640px){
  .dpo-ropa .review .rgrid{grid-template-columns:1fr;gap:0}
  .dpo-ropa .review .rgrid dt{border-top:1px solid var(--line);padding-bottom:0}
  .dpo-ropa .review .rgrid dd{padding-top:2px;border-top:none}
}
/* ---- at-a-glance cards ---- */
.dpo-ropa .aag{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.dpo-ropa .aag .card{display:flex;flex-direction:column}
.dpo-ropa .aag .card h3{margin:0 0 2px;font-size:21px}
.dpo-ropa .aag .best{font-family:var(--sans);font-weight:600;color:var(--gold);font-size:14px;margin:0 0 14px}
.dpo-ropa .aag dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0 0 14px}
.dpo-ropa .aag dt{font-family:var(--sans);font-weight:600;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-self:center}
.dpo-ropa .aag dd{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.dpo-ropa .aag .buyer{font-size:13.5px;color:var(--slate);margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:720px){.dpo-ropa .aag{grid-template-columns:1fr}}
/* ---- decision tree ---- */
.dpo-ropa .dtree{display:grid;gap:14px}
.dpo-ropa .dnode{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-s)}
.dpo-ropa .dnode .qq{font-family:var(--serif);font-weight:600;font-size:18px;margin:0 0 12px;color:var(--ink)}
.dpo-ropa .dbranch{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dpo-ropa .dopt{border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:var(--paper-2)}
.dpo-ropa .dopt b{display:block;color:var(--accent);font-family:var(--sans);font-size:13px;letter-spacing:.03em;margin-bottom:4px}
.dpo-ropa .dopt .small{margin:0;color:var(--slate)}
.dpo-ropa .dterm{display:inline-flex;align-items:center;gap:8px;background:var(--slate-soft);border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:13px;font-weight:600;color:var(--ink-2);margin:4px 6px 0 0;text-decoration:none}
.dpo-ropa .dterm:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:640px){.dpo-ropa .dbranch{grid-template-columns:1fr}}
/* ---- checklist ---- */
.dpo-ropa .rfp{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.dpo-ropa .rfp .card h4{margin:0 0 10px;display:flex;align-items:center;gap:9px}
.dpo-ropa .rfp .card h4 .n{width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--sans);font-size:13px;font-weight:700;flex:0 0 auto}
.dpo-ropa .checklist{list-style:none;margin:0;padding:0}
.dpo-ropa .checklist li{position:relative;padding:6px 0 6px 26px;font-size:14px;color:var(--slate);border-bottom:1px dashed var(--line)}
.dpo-ropa .checklist li:last-child{border-bottom:none}
.dpo-ropa .checklist li::before{content:"";position:absolute;left:2px;top:11px;width:13px;height:13px;border:1.5px solid var(--muted);border-radius:4px}
@media(max-width:720px){.dpo-ropa .rfp{grid-template-columns:1fr}}
/* ---- lead form ---- */
.dpo-ropa .leadform{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.dpo-ropa .leadform .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dpo-ropa .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.dpo-ropa .field label{font-family:var(--sans);font-weight:600;font-size:13.5px;color:var(--ink-2)}
.dpo-ropa .field input,.dpo-ropa .field select,.dpo-ropa .field textarea{font:inherit;font-size:15px;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper-2);color:var(--ink)}
.dpo-ropa .field input:focus,.dpo-ropa .field select:focus,.dpo-ropa .field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);background:#fff}
.dpo-ropa .fset{border:0;margin:0 0 16px;padding:0}
.dpo-ropa .fset legend{font-family:var(--sans);font-weight:600;font-size:13.5px;color:var(--ink-2);margin-bottom:9px;padding:0}
.dpo-ropa .opts{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.dpo-ropa .opt{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--slate)}
.dpo-ropa .opt input{margin-top:2px;width:16px;height:16px;accent-color:var(--accent)}
.dpo-ropa .hp{position:absolute;left:-9999px}
.dpo-ropa .formnote{font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:640px){.dpo-ropa .leadform .row,.dpo-ropa .opts{grid-template-columns:1fr}}
/* ---- faq ---- */
.dpo-ropa .faq details{border:1px solid var(--line);border-radius:12px;background:#fff;margin:0 0 10px;box-shadow:var(--shadow-s)}
.dpo-ropa .faq summary{cursor:pointer;padding:16px 20px;font-family:var(--serif);font-weight:600;font-size:17px;color:var(--ink);list-style:none;position:relative;padding-right:44px}
.dpo-ropa .faq summary::-webkit-details-marker{display:none}
.dpo-ropa .faq summary::after{content:"+";position:absolute;right:18px;top:14px;font-size:22px;color:var(--accent);font-weight:400;line-height:1}
.dpo-ropa .faq details[open] summary::after{content:"\2212"}
.dpo-ropa .faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}
.dpo-ropa .faq .fa{padding:0 20px 18px;color:var(--slate);font-size:15px}
.dpo-ropa .faq .fa p{margin:0}
/* ---- cta band ---- */
.dpo-ropa .ctaband{background:linear-gradient(135deg,var(--accent),var(--navy-deep));color:#fff;border-radius:var(--radius);padding:32px}
.dpo-ropa .ctaband h2{color:#fff;margin-top:0}
.dpo-ropa .ctaband p{color:#D6DEFF}
/* pos strip */
.dpo-ropa .pos{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
.dpo-ropa .pos:last-child{border-bottom:none}
.dpo-ropa .pos b{font-family:var(--serif);font-size:17px;color:var(--ink)}
.dpo-ropa .pos span{color:var(--slate);font-size:14.5px}
.dpo-ropa .s1 .box{fill:#fff;stroke:var(--line);stroke-width:1.5}
            .dpo-ropa .s1 .box--k{fill:var(--paper-2)}
            .dpo-ropa .s1 .box--a{fill:var(--accent)}
            .dpo-ropa .s1 .t{font-family:var(--sans);fill:var(--ink);font-weight:700;font-size:19px}
            .dpo-ropa .s1 .t--w{fill:#fff}
            .dpo-ropa .s1 .st{font-family:var(--sans);fill:var(--muted);font-weight:600;font-size:12.5px}
            .dpo-ropa .s1 .k{font-family:var(--sans);fill:var(--gold);font-weight:700;font-size:11px;letter-spacing:.08em}
            .dpo-ropa .s1 .arrow{stroke:var(--muted);stroke-width:1.8;fill:none}
            .dpo-ropa .s1 .chip{fill:var(--paper-3);stroke:var(--line);stroke-width:1.2}
            .dpo-ropa .s1 .chipt{font-family:var(--sans);fill:var(--slate);font-weight:600;font-size:12px}
            .dpo-ropa .s1 .ico{stroke:var(--accent);stroke-width:1.6;fill:none}
.dpo-ropa .s2 .col{fill:#fff;stroke:var(--line);stroke-width:1.5}
            .dpo-ropa .s2 .head{font-family:var(--sans);fill:var(--ink);font-weight:700;font-size:18px}
            .dpo-ropa .s2 .k{font-family:var(--sans);fill:var(--gold);font-weight:700;font-size:11px;letter-spacing:.06em}
            .dpo-ropa .s2 .li{font-family:var(--sans);fill:var(--slate);font-size:12.5px}
            .dpo-ropa .s2 .band{fill:var(--accent-soft);stroke:#F0D9BE;stroke-width:1.5}
            .dpo-ropa .s2 .bandt{font-family:var(--sans);fill:#7A3D06;font-weight:700;font-size:14px}
            .dpo-ropa .s2 .auto{fill:var(--paper-3)}
            .dpo-ropa .s2 .autofill{fill:var(--saffron)}
            .dpo-ropa .s2 .autolab{font-family:var(--sans);fill:var(--muted);font-weight:600;font-size:10.5px;letter-spacing:.05em}
            .dpo-ropa .s2 .dot{fill:var(--accent)}
.dpo-ropa .s3 .root{fill:var(--accent)}
            .dpo-ropa .s3 .mid{fill:var(--paper-2);stroke:var(--line);stroke-width:1.5}
            .dpo-ropa .s3 .term{fill:#fff;stroke:var(--line);stroke-width:1.5}
            .dpo-ropa .s3 .term:hover{stroke:var(--accent)}
            .dpo-ropa .s3 .rt{font-family:var(--sans);fill:#fff;font-weight:700;font-size:15px}
            .dpo-ropa .s3 .mt{font-family:var(--sans);fill:var(--ink);font-weight:700;font-size:14px}
            .dpo-ropa .s3 .tt{font-family:var(--sans);fill:var(--ink);font-weight:700;font-size:13px}
            .dpo-ropa .s3 .ts{font-family:var(--sans);fill:var(--gold);font-weight:600;font-size:11.5px}
            .dpo-ropa .s3 .ln{stroke:var(--muted);stroke-width:1.6;fill:none}
            .dpo-ropa .s3 a:focus-visible .term{stroke:var(--accent);stroke-width:2.5}
/* reading-measure cap: unified 1160 wrap, prose stays readable + left-aligned */
.dpo-ropa .sec > .wrap > p{max-width:78ch}

/* CTA contrast boost */
.dpo-ropa .btn--primary{font-weight:700;box-shadow:0 8px 22px rgba(0,0,102,.30)}
.dpo-ropa .btn--primary:hover{box-shadow:0 10px 26px rgba(0,0,102,.40)}
.dpo-ropa .btn--ghost{border-color:var(--accent);color:var(--accent);background:#fff;border-width:2px}
.dpo-ropa .btn--ghost:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* ---- mobile card badge overflow fix ---- */
@media(max-width:720px){
  .dpo-ropa .aag .card{min-width:0}
  .dpo-ropa .aag dl{grid-template-columns:auto minmax(0,1fr)}
  .dpo-ropa .aag dl dd{min-width:0}
  .dpo-ropa .aag .badge{white-space:normal;text-align:left;max-width:100%}
  .dpo-ropa .aag .best,.dpo-ropa .aag .buyer{overflow-wrap:anywhere}
}
@media(max-width:480px){
  .dpo-ropa .aag dl{grid-template-columns:1fr;gap:2px 0}
  .dpo-ropa .aag dl dt{margin-top:9px;font-weight:700}
  .dpo-ropa .aag dl dd{margin:0 0 2px}
}

/* guide top nav */
.dpo-topnav{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #E2E8F5;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.dpo-topnav__in{max-width:1160px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:12px clamp(14px,4vw,24px);position:relative}
.dpo-topnav__logo{font-size:20px;font-weight:800;color:#000080;text-decoration:none;letter-spacing:.2px}
.dpo-topnav__logo span{color:#FF9933}
.dpo-topnav__links{margin-left:auto;display:flex;align-items:center;gap:22px}
.dpo-topnav__links a{color:#0A1633;text-decoration:none;font-weight:600;font-size:15px}
.dpo-topnav__links a:hover{color:#000080}
.dpo-topnav__cta{background:#000080;color:#fff!important;padding:9px 16px;border-radius:9px;box-shadow:0 4px 12px rgba(0,0,102,.22)}
.dpo-topnav__cta:hover{background:#000066}
.dpo-topnav__toggle{display:none;background:none;border:0;font-size:24px;color:#000080;cursor:pointer;margin-left:auto}
@media(max-width:860px){.dpo-topnav__toggle{display:block}.dpo-topnav__links{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:8px 18px 16px;box-shadow:0 12px 24px rgba(10,22,51,.1)}.dpo-topnav__links.open{display:flex}.dpo-topnav__links a{padding:10px 0;width:100%}.dpo-topnav__cta{margin-top:6px}}