.dc-package-picker { --package-accent:#496278; max-width:780px; margin:28px auto; color:#1b2530; }
.dc-package-tabs { display:flex; gap:6px; padding:6px; border:1px solid #e0e5e9; border-radius:18px; background:#f4f6f8; }
.dc-package-tabs button { flex:1; min-width:0; padding:14px 6px; border:0; border-radius:12px; background:transparent; color:#5d6772; font:inherit; font-weight:650; cursor:pointer; }
.dc-package-tabs button[aria-selected=true] { color:var(--package-accent); background:#fff; box-shadow:0 2px 8px #16263812; }
.dc-package-panel { margin-top:20px; padding:32px; border:1px solid #dfe5e9; border-top:4px solid var(--package-accent); border-radius:22px; background:#fff; touch-action:pan-y; }
.dc-package-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:30px; color:var(--package-accent); font-size:13px; font-weight:650; }
.dc-package-symbol { font-size:32px; }
.dc-package-panel h3 { margin:16px 0 12px; font-size:32px; letter-spacing:-.03em; }
.dc-package-panel p { margin:0; color:#606c77; line-height:1.6; }
.dc-package-services { margin:24px 0; padding-top:22px; border-top:1px solid #e5e9ec; }
.dc-package-services h4 { margin:0 0 6px; font-size:16px; }
.dc-package-services p { font-size:13px; }
.dc-package-services ul { display:grid; gap:15px; list-style:none; padding:0; margin:22px 0; }
.dc-package-services li { display:flex; align-items:baseline; gap:12px; line-height:1.45; }
.dc-package-services li span { color:var(--package-accent); }
.dc-package-action { display:block; width:100%; padding:16px 20px; border:0; border-radius:13px; color:#fff; background:#252a30; font:inherit; font-weight:650; cursor:pointer; }
.dc-package-action:disabled { background:#e5e9ed; color:#55616c; cursor:default; }
.dc-package-panel .dc-package-note { margin-top:12px; font-size:12px; text-align:center; }
.dc-package-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; font-size:12px; color:#64717c; }
.dc-package-controls button { width:42px; height:42px; border:1px solid #dce2e7; border-radius:50%; background:#fff; color:#263441; font-size:22px; cursor:pointer; }
.dc-package-controls button:disabled { opacity:.35; cursor:default; }
.dc-package-status { min-height:24px; font-size:14px; line-height:1.5; }
.dc-package-picker :focus-visible { outline:3px solid #647f99; outline-offset:3px; }
@media(max-width:600px) { .dc-package-panel { padding:22px 20px; } .dc-package-tabs { gap:2px; } .dc-package-tabs button { font-size:13px; padding:13px 3px; } .dc-package-panel h3 { font-size:28px; } }

.dc-package-services h5 { margin:20px 0 8px; font-size:14px; color:#3b4a58; }
.dc-package-services h5 + ul { margin:8px 0 18px; gap:10px; }
.dc-package-services details { margin:14px 0; border-top:1px solid #e5e9ec; padding-top:14px; }
.dc-package-services summary { cursor:pointer; font-size:14px; font-weight:600; }
.dc-package-services details ul { font-size:14px; color:#606c77; gap:8px; }
.dc-package-panel [data-package-price] { margin-top:14px; color:#1b2530; font-size:22px; font-weight:650; }

/* White package surfaces; quiet, distinct accents without changing layout. */
.dc-package-picker[data-package-tone="basic"] { --package-tint:#edf3f8; }
.dc-package-picker[data-package-tone="platinum"] { --package-tint:#edf3ef; }
.dc-package-picker[data-package-tone="diamond"] { --package-tint:#faf2e4; }
.dc-package-picker[data-package-tone="custom"] { --package-tint:#eceef1; }
.dc-package-tabs button[aria-selected=true] { background:var(--package-tint,#fff); box-shadow:inset 0 0 0 1px var(--package-accent),0 2px 8px #16263808; }
.dc-package-symbol { background:var(--package-tint,#f3f4f6); border-radius:12px; padding:4px 12px; }

/* Distinct solid header bands; the service list stays white. */
.dc-package-panel { background:#fff; border-color:var(--package-accent); }
.dc-package-symbol { background:#fff; box-shadow:0 1px 5px #16263812; border:1px solid var(--package-accent); }
.dc-package-tabs button[aria-selected=true] { font-weight:750; box-shadow:inset 0 -3px 0 var(--package-accent),inset 0 0 0 1px var(--package-accent); }
.dc-package-action:not(:disabled) { background:var(--package-accent); }

/* The header background follows content instead of a fixed pixel height. */
.dc-package-panel { --package-padding-x:32px; --package-padding-y:32px; }
.dc-package-intro { background:var(--package-tint); margin:calc(-1 * var(--package-padding-y)) calc(-1 * var(--package-padding-x)) 0; padding:var(--package-padding-y) var(--package-padding-x) 24px; border-radius:18px 18px 0 0; border-bottom:1px solid #dfe5e9; }
.dc-package-services { border-top:0; padding-top:0; }
@media(max-width:600px){.dc-package-panel{--package-padding-x:20px;--package-padding-y:22px}}

.dc-package-setup{font-size:.8em;font-weight:500;white-space:nowrap}.dc-package-services li small{display:block;margin-top:4px;line-height:1.5;color:#52616d}.dc-package-services .dc-package-allowances{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;list-style:none}.dc-package-allowances li{font-weight:600}