.dcr{padding:72px 1.25rem;overflow-wrap:break-word}
.dcr[id]{scroll-margin-top:96px}
.dcr-inner{max-width:1080px;margin:0 auto;min-width:0}
.dcr-plain{background:#fff}
.dcr-alt{background:var(--cream)}
.dcr-hero{background:linear-gradient(180deg,var(--teal-pale) 0%,#fff 100%);padding-top:48px}
.dcr-crumb{font-size:.82rem;color:var(--text-light);margin-bottom:1.5rem}
.dcr-crumb a{color:inherit;text-decoration:none}
.dcr-lead{font-size:1.08rem;color:var(--text-mid);max-width:760px;margin-bottom:0}
.dcr h1{max-width:920px;font-family:'DM Serif Display',serif;font-weight:400}
.dcr .hero-actions{margin-top:1.75rem}
.dcr .hero-btn-p,.dcr .hero-btn-s{min-height:44px}
.dcr-contrast,.dcr-cards,.dcr-roles{display:grid;gap:1rem}
.dcr-contrast{grid-template-columns:repeat(3,minmax(0,1fr))}
.dcr-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.dcr-time .sec-sub{margin-bottom:2rem}
.dcr-roles{grid-template-columns:repeat(4,minmax(0,1fr))}
.dcr-card,.dcr-role{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-sm);padding:1.2rem 1.25rem;min-width:0;box-shadow:0 1px 3px rgba(11,20,32,.08)}
.dcr-contrast h2{font-family:'DM Sans',sans-serif;font-size:1.05rem;font-weight:700;line-height:1.35;letter-spacing:0;margin-bottom:.4rem}
.dcr-card h3,.dcr-role h3,.dcr-steps h3,.dcr-srow h3{font-family:'DM Sans',sans-serif;font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--navy);margin-bottom:.4rem}
.dcr-card p,.dcr-role p,.dcr-steps p{color:var(--text-mid);font-size:.97rem}
.dcr-value{font-family:'DM Serif Display',serif;font-size:2rem;color:var(--teal-dark);line-height:1.1;margin-bottom:.35rem}
.dcr-tablist{display:none;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
html.dcr-js .dcr-tablist{display:flex}
.dcr-tablist [role="tab"]{border:1.5px solid var(--teal);background:#fff;color:#0d6e5c;border-radius:999px;padding:.7rem 1.1rem;min-height:44px;font:inherit;font-size:.93rem;font-weight:600;cursor:pointer;white-space:normal;text-align:left;max-width:100%}
.dcr-tablist [role="tab"][aria-selected="true"]{background:var(--teal);color:#fff;border-color:var(--teal)}
.dcr-panel{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius);padding:1.5rem;min-width:0;box-shadow:0 1px 3px rgba(11,20,32,.08)}
html.dcr-js .dcr-panel + .dcr-panel{margin-top:0}
.dcr-panel + .dcr-panel{margin-top:1rem}
html.dcr-js .dcr-panel-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dcr-panel > p{color:var(--text-mid);margin-bottom:1.25rem}
.dcr-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.dcr-box{background:var(--cream);border:1px solid #E2E8F0;border-radius:var(--radius-sm);padding:1rem 1.1rem;min-width:0}
.dcr-box-work{background:var(--cream-warm)}
.dcr-box-label,.dcr-label,.dcr-mlabel{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.dcr-box-label{margin-bottom:.55rem;color:var(--text-mid)}
.dcr-box-work .dcr-box-label{color:var(--amber)}
.dcr-box ul,.dcr-details ul{margin:.2rem 0 0 1.1rem;color:var(--text-mid);font-size:.95rem}
.dcr-box li,.dcr-details li{margin:.28rem 0}
.dcr-pairs,.dcr-scene{display:grid;gap:1rem}
.dcr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #E2E8F0;border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px rgba(11,20,32,.08)}
.dcr-now,.dcr-rk{padding:1.25rem 1.35rem;min-width:0}
.dcr-now{background:var(--cream-warm);border-right:1px solid #E2E8F0}
.dcr-rk{background:var(--teal-pale)}
.dcr-now .dcr-label{color:var(--amber)}
.dcr-rk .dcr-label,.dcr-role .dcr-label:last-of-type{color:var(--teal-dark)}
.dcr-pair p,.dcr-srow p{color:var(--text-mid);font-size:.97rem}
.dcr-pair strong{color:var(--navy)}
.dcr-scene{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px rgba(11,20,32,.08)}
.dcr-srow{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1fr)}
.dcr-srow > *{padding:1.05rem 1.15rem;min-width:0;border-top:1px solid var(--cream-dark)}
.dcr-maria-head > *{border-top:0;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:var(--cream)}
.dcr-srow h3{background:var(--cream)}
.dcr-mlabel{display:none;margin-bottom:.35rem;color:var(--text-mid)}
.dcr-label{margin:.85rem 0 .3rem}
.dcr-role .dcr-label:first-of-type{margin-top:.2rem}
.dcr-details{margin-top:1.25rem;background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-sm);box-shadow:0 1px 3px rgba(11,20,32,.08)}
.dcr-details summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;padding:0 1rem}
.dcr-details ul{padding:0 1.25rem 1rem 2.2rem}
.dcr-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;align-items:start}
.dcr-prose p{color:var(--text-mid);margin-bottom:1rem}
.dcr-more{color:var(--teal-dark);font-weight:700}
.dcr-steps{list-style:none;display:grid;gap:.85rem;margin:0;padding:0}
.dcr-steps li{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-sm);padding:1rem 1.1rem;box-shadow:0 1px 3px rgba(11,20,32,.08)}
.dcr-scroll{overflow-x:auto;max-width:100%;border:1px solid #E2E8F0;border-radius:var(--radius-sm);background:#fff;box-shadow:0 1px 3px rgba(11,20,32,.08)}
.dcr-table{border-collapse:collapse;width:100%;min-width:720px}
.dcr-table th,.dcr-table td{text-align:left;vertical-align:top;padding:.75rem .8rem;border:1px solid #E2E8F0;font-size:.92rem;font-weight:400}
.dcr-table thead th{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#fff}
.dcr-table tbody th{font-weight:700;position:sticky;left:0;background:#fff;z-index:1}
.dcr-col-reki,.dcr-yes,.dcr-table thead th.dcr-col-reki{background:var(--teal-pale)}
.dcr-no{background:#fdecec}
.dcr-mid{background:#fff6df}
.dcr-compare-cards,.dcr-fold{display:none}
.dcr-fold details{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 1px 3px rgba(11,20,32,.08)}
.dcr-fold summary{cursor:pointer;font-weight:600;line-height:1.35;padding:.85rem 1rem .85rem 1.7rem;min-height:44px}
.dcr-fold summary::marker{color:#0d6e5c}
.dcr-fold details[open] summary{border-bottom:1px solid #E2E8F0}
.dcr-fold summary .dcr-value{display:block;font-size:1.35rem;margin:0}
.dcr-fold summary b{display:block;margin-top:.15rem}
.dcr-fold-body{padding:.75rem 1rem 1rem}
.dcr-fold-body > p{color:var(--text-mid);font-size:.95rem}
.dcr-fold-body .dcr-label:first-of-type{color:#8a4e00}
.dcr-fold-body .dcr-label:last-of-type{color:#0d6e5c}
.dcr-compare-cards details{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 1px 3px rgba(11,20,32,.08)}
.dcr-compare-cards summary{cursor:pointer;font-weight:600;line-height:1.35;padding:.85rem 1rem .85rem 1.7rem;min-height:44px}
.dcr-compare-cards summary::marker{color:#0d6e5c}
.dcr-compare-cards details[open] summary{border-bottom:1px solid #E2E8F0}
.dcr-dim{padding:.6rem 1rem;border-top:1px solid #E2E8F0}
.dcr-dim:first-of-type{border-top:0}
.dcr-dim span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid)}
.dcr-dim b{display:block;margin-top:.15rem;font-weight:500;color:var(--navy)}
.dcr-dim.dcr-yes span{color:#0d6e5c}
.dcr-dim.dcr-yes b{font-weight:700}
.dcr-dim.dcr-no span{color:#8f2d2d}
.dcr-dim.dcr-mid span{color:#8a4e00}
.dcr-cta{background:var(--navy)}
.dcr-cta h2,.dcr-cta .sec-title{color:#fff}
.dcr-cta .sec-sub{color:#c9c8e0}
.dcr-cta .hero-btn-s{color:#fff;border-color:#fff}
.dcr .hero-tag,.dcr .sec-tag,.dcr .dcr-more,.dcr-rk .dcr-label,.dcr-role .dcr-label:last-of-type{color:#0d6e5c}
.dcr .hero-btn-p{color:var(--navy)}
.dcr-box-work .dcr-box-label,.dcr-now .dcr-label{color:#8a4e00}
@media(max-width:960px){
  .dcr-roles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .dcr{padding:40px 1rem}
  .dcr .sec-title{font-size:1.7rem}
  .dcr-contrast,.dcr-cards,.dcr-cols,.dcr-pair,.dcr-split{grid-template-columns:1fr}
  .dcr-roles{grid-template-columns:1fr}
  .dcr-maria-head{display:none}
  .dcr-srow{grid-template-columns:1fr}
  .dcr-mlabel{display:block}
  .dcr h1{font-size:1.85rem}
  .dcr-now{border-right:0;border-bottom:1px solid #E2E8F0}
  .dcr-scroll,#dcr-time .dcr-cards,#dcr-roles .dcr-roles,#dcr-built .dcr-cards,#dcr-maria .dcr-scene{display:none}
  .dcr-compare-cards,.dcr-fold{display:grid;gap:.65rem}
}
