/* Tesla-Referralcode.de — design system "Datenblatt". Tokens: _chain/07-design.md */
@font-face{font-family:"Public Sans";src:url(/assets/fonts/public-sans-var-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Semi Condensed";src:url(/assets/fonts/barlow-semi-condensed-600-latin.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
/* metric-matched fallbacks keep the swap from reflowing text */
@font-face{font-family:"PS Fallback";src:local("Arial"),local("Helvetica Neue"),local("Liberation Sans");size-adjust:104%;ascent-override:92%;descent-override:22%;line-gap-override:0%}
@font-face{font-family:"BSC Fallback";src:local("Arial Narrow"),local("Arial");size-adjust:86%;ascent-override:108%;descent-override:26%}

:root{
  --paper:#fff;--ink:#17212b;--ink-soft:#3e4b58;--muted:#5a6775;--rule:#d3d9df;--tint:#f3f5f7;
  --cobalt:#1d3fb8;--cobalt-deep:#142d86;--cobalt-wash:#edf1fc;
  --amber-ink:#7a4400;--amber-wash:#fdf4e3;--green-ink:#1c6b3c;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
  --f-body:"Public Sans","PS Fallback",Arial,sans-serif;
  --f-head:"Barlow Semi Condensed","BSC Fallback","Arial Narrow",Arial,sans-serif;
  --f-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
  --top-h:56px;--strip-h:40px;--indep-h:0px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top-h) + var(--strip-h) + var(--indep-h) + 16px)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.62 var(--f-body);overflow-x:hidden}
p,li,dd,td,figcaption{hyphens:auto;-webkit-hyphens:auto}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:600;line-height:1.15;color:var(--ink);overflow-wrap:break-word}
h1{font-size:clamp(1.75rem,1.3rem + 2vw,2.35rem);margin:var(--s4) 0 var(--s3);letter-spacing:-.005em}
h2{font-size:clamp(1.35rem,1.15rem + .9vw,1.6rem);margin:0 0 var(--s4)}
h3{font-size:1.2rem;margin:var(--s5) 0 var(--s2)}
p,ul,ol,dl{margin:0 0 var(--s4)}
ul,ol{padding-left:1.3em}
li{margin-bottom:var(--s1)}
a{color:var(--cobalt);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--cobalt-deep);text-decoration-thickness:2px}
a,button,summary{transition:color .12s,background-color .12s}
:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}
strong{font-weight:650}
code{font-family:var(--f-mono);font-size:.92em}
small,.ds-small{font-size:.875rem}
img,svg{max-width:100%;height:auto}
.ds-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ds-skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:var(--s2) var(--s4);z-index:50}
.ds-skip:focus{left:var(--s4)}
.num,table{font-variant-numeric:tabular-nums lining-nums}

/* ── header + in-chrome strip ─────────────────────────────── */
.ds-top{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--ink)}
.ds-top__in{display:flex;align-items:center;gap:var(--s4);max-width:78rem;margin:0 auto;padding:0 var(--s4);height:var(--top-h)}
.ds-brand{display:flex;align-items:center;gap:var(--s2);color:var(--ink);text-decoration:none;flex:0 0 auto;min-width:0}
.ds-brand__mark{flex:0 0 28px;width:28px;height:28px}
.ds-brand__t{font:600 1.15rem/1 var(--f-head);letter-spacing:.01em}
.ds-brand__t span{color:var(--cobalt)}
.ds-nav{margin-left:auto;min-width:0}
.ds-nav ul{list-style:none;margin:0;padding:0}
.ds-nav__d{display:none}
.ds-nav__m summary{cursor:pointer;list-style:none;font:600 .95rem/1 var(--f-head);text-transform:uppercase;letter-spacing:.06em;padding:var(--s2) var(--s3);border:1px solid var(--ink);border-radius:2px}
.ds-nav__m summary::-webkit-details-marker{display:none}
.ds-nav__m[open] ul{position:absolute;left:0;right:0;top:var(--top-h);background:var(--paper);border-bottom:1px solid var(--ink);padding:var(--s2) var(--s4) var(--s4);z-index:30}
.ds-nav__m li a{display:block;padding:var(--s2) 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.ds-nav a[aria-current="page"]{color:var(--cobalt);font-weight:650}
.ds-navaction{flex:0 0 auto;font:600 .95rem/1 var(--f-head);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--cobalt);padding:var(--s2) var(--s3);text-decoration:none;border-radius:2px}
.ds-navaction:hover{background:var(--cobalt-deep);color:#fff}
.ds-navaction:focus-visible{outline-color:var(--ink)}
@media (min-width:1000px){
  .ds-nav__m{display:none}
  .ds-nav__d{display:flex;gap:var(--s4)}
  .ds-nav__d a{color:var(--ink);text-decoration:none;font-size:.95rem}
  .ds-nav__d a:hover{color:var(--cobalt)}
  .ds-nav__d a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--cobalt)}
}
.ds-strip{background:var(--tint);border-top:1px solid var(--rule);height:var(--strip-h)}
.ds-strip__in{display:flex;align-items:center;gap:var(--s3);max-width:78rem;margin:0 auto;padding:0 var(--s4);height:100%;min-width:0;white-space:nowrap}
.ds-strip__k{font:600 .8rem/1 var(--f-head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ds-code--strip{display:inline-block;max-width:11ch;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;color:var(--cobalt);font-weight:600}
.ds-strip__disc{margin-left:auto;font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;min-width:0}
.ds-out--strip{font-size:.9rem}
.ds-strip__disc-s{display:none}
/* Trademark guardrail: the strip's long disclosure carries "nicht mit Tesla verbunden" on wide screens;
   where that is hidden (≤640px) or ellipsised (<1000px) this line takes over, so the header always says it. Wraps, never overflows. */
.ds-indep{display:none;margin:0;padding:3px var(--s4);border-top:1px solid var(--rule);font-size:.75rem;line-height:1.3;color:var(--muted);text-align:center;overflow-wrap:anywhere;min-width:0}
@media (max-width:999px){:root{--indep-h:24px}.ds-indep{display:block}}
@media (max-width:640px){
  .ds-strip__k,.ds-out--strip{display:none}
  .ds-strip__in{gap:var(--s3)}
  .ds-code--strip{flex:0 0 auto;max-width:13ch}
  .ds-copy--strip{min-width:0}
  .ds-strip__disc-l{display:none}.ds-strip__disc-s{display:inline}
}
@media (max-width:460px){
  .ds-brand__t{font-size:1rem;line-height:1.05}
  .ds-brand{flex:0 1 auto}
  .ds-top__in{gap:var(--s3)}
  .ds-navaction{font-size:.85rem;padding:var(--s2)}
  .ds-nav__m summary{padding:var(--s2);font-size:.85rem}
}
@media (max-width:370px){.ds-brand__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:420px){.ds-strip__disc-w{display:none}.ds-strip__disc{font-size:1.1rem;flex:0 0 auto;padding:4px}.ds-code--strip{flex:0 1 auto;min-width:0}}

/* ── docs grid ────────────────────────────────────────────── */
.ds-wrap{max-width:78rem;margin:0 auto;padding:0 var(--s4) var(--s8)}
.ds-main{min-width:0;max-width:46rem}
.ds-main:focus{outline:none}
.ds-side{display:none}
@media (min-width:1000px){
  .has-toc .ds-wrap{display:grid;grid-template-columns:15rem minmax(0,46rem);gap:var(--s7)}
  .ds-side{display:block;min-width:0}
  .ds-toc{position:sticky;top:calc(var(--top-h) + var(--strip-h) + var(--s5));padding-top:var(--s6);max-height:calc(100vh - 140px);overflow:auto}
  .has-toc .ds-inhalt{display:none}
  .ds-main{padding-top:var(--s3)}
}
.ds-toc__t{font:600 .8rem/1 var(--f-head);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:var(--s3)}
.ds-toc ol,.ds-inhalt ol{list-style:none;padding:0;margin:0;counter-reset:t}
.ds-toc li,.ds-inhalt li{counter-increment:t;margin:0}
.ds-toc a,.ds-inhalt a{display:grid;grid-template-columns:2.2em minmax(0,1fr);padding:5px 0 5px var(--s2);border-left:2px solid var(--rule);color:var(--ink-soft);text-decoration:none;font-size:.92rem;line-height:1.35}
.ds-toc a::before,.ds-inhalt a::before{content:"§ " counter(t);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85em}
.ds-toc a:hover{color:var(--cobalt)}
.ds-toc a.is-here{border-left-color:var(--cobalt);color:var(--cobalt);background:var(--cobalt-wash)}
.ds-inhalt{border:1px solid var(--ink);margin:0 0 var(--s5)}
.ds-inhalt summary{cursor:pointer;padding:var(--s3) var(--s4);font:600 1rem/1.2 var(--f-head);text-transform:uppercase;letter-spacing:.06em}
.ds-inhalt nav{padding:0 var(--s4) var(--s3)}

.ds-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);padding:0;margin:var(--s5) 0 0;font-size:.875rem;color:var(--muted)}
.ds-crumbs li{margin:0}
.ds-crumbs li+li::before{content:"›";margin-right:var(--s2)}
.ds-meta{font-size:.9rem;color:var(--muted);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);padding:var(--s2) 0;margin-bottom:var(--s5)}
.ds-meta a{color:inherit}
.ds-lede{font-size:1.125rem;color:var(--ink-soft)}

/* ── sections ─────────────────────────────────────────────── */
.ds-sec{border-top:1px solid var(--rule);padding-top:var(--s5);margin-top:var(--s6)}
.ds-sec__n{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:.2em}
.ds-src{font-size:.85rem;color:var(--muted);margin-top:calc(var(--s2) * -1)}
.ds-src span{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;margin-right:.3em}
.ds-stand{font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ── the code unit: spec-table row "Code · Link · Stand" ─── */
.ds-ref{border:2px solid var(--cobalt);margin:var(--s5) 0;background:var(--paper)}
.ds-ref__head{margin:0;padding:var(--s2) var(--s4);background:var(--cobalt);color:#fff;font:600 .9rem/1.3 var(--f-head);text-transform:uppercase;letter-spacing:.08em}
.ds-ref__grid{margin:0;display:grid;grid-template-columns:minmax(0,1fr)}
.ds-ref__cell{display:grid;grid-template-columns:4.5rem minmax(0,1fr);border-top:1px solid var(--rule);min-width:0}
.ds-ref__cell:first-child{border-top:0}
.ds-ref dt{padding:var(--s3) var(--s3);font:600 .8rem/1.4 var(--f-head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--tint);border-right:1px solid var(--rule)}
.ds-ref dd{margin:0;padding:var(--s3) var(--s4);min-width:0}
.ds-ref__cell--code dd{min-height:3.1rem;display:flex;align-items:center}
.ds-code[data-refcode]{color:var(--cobalt);font-weight:700}
.ds-ref__cell--code .ds-code{font-size:1.35rem;letter-spacing:.02em;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.6}
.ds-ref__url{display:block;font-family:var(--f-mono);font-size:.85rem;color:var(--ink-soft);overflow-wrap:anywhere;min-height:2.7em;line-height:1.35}
.ds-ref__acts{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:center;margin-top:var(--s2)}
.ds-ref__cell--stand dd{font-size:.95rem}
.ds-ref__note{margin:0;padding:var(--s2) var(--s4);border-top:1px solid var(--rule);font-size:.82rem;color:var(--muted);line-height:1.45}
.ds-copy{font:600 .95rem/1 var(--f-head);text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--cobalt);border:0;border-radius:2px;padding:10px 14px;min-height:40px;min-width:9.5rem;cursor:pointer}
.ds-copy:hover{background:var(--cobalt-deep)}
.ds-copy:focus-visible{outline-color:var(--ink)}
.ds-copy.is-ok{background:var(--green-ink)}
.ds-copy--strip{min-height:30px;min-width:8.6rem;padding:6px 10px;font-size:.85rem}
.ds-copy--quiet{background:var(--paper);color:var(--cobalt);border:1px solid var(--cobalt);min-height:36px}
.ds-copy--quiet:hover{background:var(--cobalt-wash)}
.ds-copy--quiet.is-ok{color:var(--green-ink);border-color:var(--green-ink);background:var(--paper)}
.ds-out{font-weight:600}
.ds-out::after{content:" ↗";font-weight:400}
.ds-copyfail{margin:0;padding:var(--s2) var(--s4);background:var(--amber-wash);color:var(--amber-ink);font-size:.9rem}
@media (min-width:640px){.ds-ref__cell{grid-template-columns:6rem minmax(0,1fr)}}

/* ── Stand heute answer box ──────────────────────────────── */
.ds-today{border:1px solid var(--ink);margin:var(--s5) 0}
.ds-today__h{margin:0;padding:var(--s2) var(--s4);border-bottom:1px solid var(--ink);font:600 1rem/1.3 var(--f-head);text-transform:uppercase;letter-spacing:.06em;display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:space-between}
.ds-today__h span{font:400 .85rem/1.3 var(--f-body);text-transform:none;letter-spacing:0;color:var(--muted)}
.ds-today ul{list-style:none;padding:var(--s3) var(--s4) var(--s1);margin:0}
.ds-today li{padding-left:1.4em;position:relative;margin-bottom:var(--s2)}
.ds-today li::before{content:"";position:absolute;left:0;top:.6em;width:.6em;height:.6em;background:var(--cobalt)}
.ds-today li.is-no::before{background:none;border:2px solid var(--muted)}

/* ── tables ──────────────────────────────────────────────── */
.ds-tablewrap{overflow-x:auto;margin:0 0 var(--s5);border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.ds-tablewrap:focus-visible{outline-offset:-2px}
table{border-collapse:collapse;width:100%;font-size:.95rem}
caption{caption-side:top;text-align:left;font:600 .85rem/1.3 var(--f-head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:var(--s2) 0}
th,td{text-align:left;vertical-align:top;padding:var(--s2) var(--s3);border-top:1px solid var(--rule)}
thead th{background:var(--tint);font:600 .85rem/1.3 var(--f-head);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--ink)}
tbody th{font-weight:600}
.ds-spec th{width:38%;background:var(--tint);font-weight:600}
.ds-table td,.ds-table th{min-width:7rem}
.ds-table--wide{min-width:36rem}
.ds-yes{color:var(--green-ink);font-weight:600}
.ds-noval{color:var(--muted)}

/* ── notes, faq, related ─────────────────────────────────── */
.ds-note{border-left:4px solid var(--cobalt);background:var(--cobalt-wash);padding:var(--s3) var(--s4);margin:0 0 var(--s5)}
.ds-note--warn{border-left-color:var(--amber-ink);background:var(--amber-wash)}
.ds-note__t{font:600 .85rem/1.3 var(--f-head);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s1)}
.ds-note p:last-child{margin-bottom:0}
.ds-faq{border-top:1px solid var(--ink);margin-bottom:var(--s5)}
.ds-faq__i{border-bottom:1px solid var(--rule)}
.ds-faq__i summary{cursor:pointer;padding:var(--s3) 0;font-weight:600;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 1.5em;gap:var(--s2)}
.ds-faq__i summary::-webkit-details-marker{display:none}
.ds-faq__i summary::after{content:"+";font:600 1.2rem/1 var(--f-head);color:var(--cobalt);text-align:right}
.ds-faq__i[open] summary::after{content:"–"}
.ds-faq__a{padding:0 0 var(--s3)}
.ds-related{border-top:2px solid var(--ink);margin-top:var(--s7);padding-top:var(--s3)}
.ds-related__t{font:600 .85rem/1 var(--f-head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ds-related ul{padding-left:1.1em}
.ds-related span{color:var(--muted);font-size:.92rem}

/* ── register (Änderungsregister) ─────────────────────────── */
.ds-reg{list-style:none;padding:0;margin:0 0 var(--s5);border-top:2px solid var(--ink)}
.ds-reg__e{display:grid;grid-template-columns:minmax(0,1fr);border-bottom:1px solid var(--rule);padding:var(--s3) 0}
.ds-reg__d{font:600 1rem/1.3 var(--f-head);font-variant-numeric:tabular-nums;color:var(--cobalt)}
.ds-reg__e h3{margin:var(--s1) 0 var(--s2);font-size:1.1rem}
.ds-reg__e p{margin-bottom:var(--s2)}
.ds-reg__ft{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 var(--s3);font-size:.92rem;margin:0 0 var(--s2)}
.ds-reg__ft dt{color:var(--muted);font-weight:600}
.ds-reg__ft dd{margin:0}
@media (min-width:640px){.ds-reg__e{grid-template-columns:9.5rem minmax(0,1fr);gap:var(--s4)}}

/* ── glossary ─────────────────────────────────────────────── */
.ds-terms{margin:0;border-top:2px solid var(--ink)}
.ds-term{border-bottom:1px solid var(--rule);padding:var(--s4) 0}
.ds-term h2{margin:0 0 var(--s2);font-size:1.25rem}
.ds-term__not{font-size:.95rem;color:var(--ink-soft)}
.ds-term__not strong{color:var(--amber-ink)}

/* ── figures (own SVG diagrams) ───────────────────────────── */
.ds-fig{margin:0 0 var(--s5);border:1px solid var(--rule);padding:var(--s3)}
.ds-fig svg{display:block;width:100%;height:auto}
.ds-fig figcaption{font-size:.88rem;color:var(--muted);border-top:1px solid var(--rule);padding-top:var(--s2);margin-top:var(--s2)}
.ds-fig .t{font-family:var(--f-body);font-size:15px;fill:var(--ink)}
.ds-fig .ts{font-family:var(--f-body);font-size:13px;fill:var(--muted)}
.ds-fig .th{font-family:var(--f-head);font-weight:600;font-size:16px;fill:var(--ink)}
.ds-fig .ln{stroke:var(--ink);stroke-width:1.5;fill:none}
.ds-fig .bx{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}
.ds-fig .bx-c{fill:var(--cobalt-wash);stroke:var(--cobalt);stroke-width:2}
.ds-fig .bx-n{fill:var(--tint);stroke:var(--muted);stroke-width:1.5;stroke-dasharray:4 3}
.ds-fig .ac{fill:var(--cobalt)}
.ds-fig .tc{font-family:var(--f-body);font-size:14px;fill:var(--cobalt);font-weight:600}
.ds-fig__text{font-size:.95rem}

/* ── footer ───────────────────────────────────────────────── */
.ds-foot{border-top:2px solid var(--ink);background:var(--paper);font-size:.92rem}
.ds-foot__in{max-width:78rem;margin:0 auto;padding:var(--s5) var(--s4) var(--s7)}
.ds-fref{border:1px solid var(--cobalt);padding:var(--s3) var(--s4);margin-bottom:var(--s5);max-width:46rem}
.ds-fref__line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin:0 0 var(--s2)}
.ds-fref__k{font:600 .85rem/1 var(--f-head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ds-fref .ds-code{display:inline-block;min-width:8ch;max-width:16ch;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-size:1.05rem}
.ds-fref__note{margin:0;font-size:.82rem;color:var(--muted)}
.ds-foot__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5)}
.ds-foot__cols ul{list-style:none;padding:0}
.ds-foot__h{font:600 .85rem/1 var(--f-head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ds-foot__legal{color:var(--ink-soft)}
@media (min-width:760px){.ds-foot__cols{grid-template-columns:1fr 1fr 2fr}}

/* ── news (Meldungen) ─────────────────────────────────────── */
.ds-reg__e h3 a{color:var(--ink);text-decoration:none}
.ds-reg__e h3 a:hover{color:var(--cobalt);text-decoration:underline}
.ds-spec--news th{width:34%}
.ds-nsrc{padding-left:1.1em;font-size:.95rem}
.ds-nsrc li{overflow-wrap:anywhere}
@media (min-width:1000px) and (max-width:1199px){.ds-nav__d{gap:var(--s3)}.ds-nav__d a{font-size:.9rem}}

/* ── blog list, legal placeholder ─────────────────────────── */
.ds-posts{list-style:none;padding:0;border-top:2px solid var(--ink)}
.ds-posts li{border-bottom:1px solid var(--rule);padding:var(--s4) 0;margin:0}
.ds-posts h2,.ds-posts h3{font-size:1.25rem;margin:0 0 var(--s1)}
.ds-posts h2 a,.ds-posts h3 a{color:var(--ink);text-decoration:none}
.ds-posts h2 a:hover,.ds-posts h3 a:hover{color:var(--cobalt)}
.ds-posts p{margin:0 0 var(--s1)}
.ds-posts .ds-small{color:var(--muted)}
.ds-pending{border:2px dashed var(--amber-ink);background:var(--amber-wash);padding:var(--s4);margin:0 0 var(--s5)}
.ds-pending p:last-child{margin:0}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.ds-top,.ds-side,.ds-foot,.ds-ref__acts{display:none}body{font-size:11pt}}

/* consent notice (only rendered when GA4 is configured) — in document flow, never an overlay */
.ds-consent{max-width:78rem;margin:0 auto var(--s5);padding:var(--s3) var(--s4);border:1px solid var(--ink);font-size:.92rem}
.ds-consent p{margin:0 0 var(--s2)}
.ds-consent button{font:600 .9rem/1 var(--f-head);text-transform:uppercase;letter-spacing:.05em;padding:8px 14px;min-height:36px;border:1px solid var(--cobalt);background:var(--paper);color:var(--cobalt);border-radius:2px;cursor:pointer}
.ds-consent button[data-c="yes"]{background:var(--cobalt);color:#fff}