/* DALP P01 illustration themes. The brand header stays light in both views. */

/* ---------- Theme switch (both themes) ---------- */
body[data-page=P01] #dl-theme.dl-theme-switch{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer}
body[data-page=P01] #dl-theme .dl-theme-label-light,body[data-page=P01] #dl-theme .dl-theme-label-dark{display:none}
body[data-page=P01] #dl-theme[aria-checked=false] .dl-theme-label-light,
body[data-page=P01] #dl-theme:not([aria-checked]) .dl-theme-label-light{display:inline}
body[data-page=P01] #dl-theme[aria-checked=true] .dl-theme-label-dark{display:inline}
body[data-page=P01] #dl-theme:focus-visible{outline:2px solid #6fc9bb;outline-offset:3px}
/* Leave room for the added switch at the narrow desktop breakpoint. */
@media (min-width:1101px) and (max-width:1199px){
 body[data-page=P01] .dl-counter{padding-top:1.75rem}
}

/* ---------- Light theme ---------- */
html[data-illustration-theme=light] body[data-page=P01]{
 --lt-bg:#f4f0e4;--lt-bg2:#ebe7d8;--lt-card:#fbf8f0;--lt-ink:#1f2622;--lt-ink2:#3f4a44;--lt-mute:#56625b;
 --lt-line:#cfd3c3;--lt-teal:#0f6f66;--lt-ochre:#9a6418;--lt-sage:#6f8a72}
html[data-illustration-theme=light] body[data-page=P01] .preview-banner{background:#e6e2d2;color:#3f4a44;border-color:#cfd3c3}
body[data-page=P01] .site-header{background:#f7f3e8;color:#1f2622;border-color:#d6d8c9}
body[data-page=P01] .brand,
body[data-page=P01] .brand-name,
body[data-page=P01] .brand-name strong{color:#1f2622}
body[data-page=P01] .brand-emblem{color:#0f6f66}
body[data-page=P01] .primary-nav a{color:#3f4a44}
body[data-page=P01] .primary-nav a[aria-current],
body[data-page=P01] .primary-nav a:hover{color:#1f2622;border-color:#0f6f66}
body[data-page=P01] .primary-nav{background-color:inherit}
body[data-page=P01] .menu-toggle{background:#ebe7d8;color:#1f2622;border-color:#0f6f66}
body[data-page=P01] .site-header :focus-visible{outline:2px solid #0f6f66;outline-offset:3px}

html[data-illustration-theme=light] body[data-page=P01] .dl-hero{
 --night:#f4f0e4;--night2:#ece8d9;--ivory:#1f2622;--mist:#4f5b54;--teal:#0f6f66;--gold:#8f5c12;--hair:rgba(31,38,34,.16);
 color:var(--ivory);background:radial-gradient(120% 70% at 50% 58%,#fbf8ee 0%,#f1ede0 40%,#e6e3d3 82%)}
html[data-illustration-theme=light] body[data-page=P01] .dl-hero :focus-visible{outline:2px solid #0f6f66;outline-offset:3px}
html[data-illustration-theme=light] body[data-page=P01] .dl-figure{text-shadow:none;color:#1a201d}
html[data-illustration-theme=light] body[data-page=P01] .dl-skel{background:linear-gradient(90deg,rgba(31,38,34,.06),rgba(31,38,34,.14),rgba(31,38,34,.06));background-size:200% 100%}
html[data-illustration-theme=light] body[data-page=P01] .dl-hero[data-state=error] .dl-dot{background:#a4402c}

/* controls */
html[data-illustration-theme=light] body[data-page=P01] .dl-tool{background:rgba(251,248,240,.75);color:#3f4a44;border-color:rgba(31,38,34,.22)}
html[data-illustration-theme=light] body[data-page=P01] .dl-tool:hover,
html[data-illustration-theme=light] body[data-page=P01] .dl-tool[aria-pressed=true],
html[data-illustration-theme=light] body[data-page=P01] .dl-tool[aria-checked=true]{color:#1f2622;border-color:rgba(15,111,102,.6)}
html[data-illustration-theme=light] body[data-page=P01] .dl-tool:disabled{color:#6b746e}
html[data-illustration-theme=light] body[data-page=P01] .dl-cascade,
html[data-illustration-theme=light] body[data-page=P01] .dl-view-switch{background:rgba(251,248,240,.8);border-color:rgba(31,38,34,.16)}
html[data-illustration-theme=light] body[data-page=P01] .dl-mode,
html[data-illustration-theme=light] body[data-page=P01] .dl-view{color:#4f5b54}
html[data-illustration-theme=light] body[data-page=P01] .dl-mode small{opacity:.85}
html[data-illustration-theme=light] body[data-page=P01] .dl-mode:hover,
html[data-illustration-theme=light] body[data-page=P01] .dl-view:hover{color:#1f2622}
html[data-illustration-theme=light] body[data-page=P01] .dl-mode[aria-pressed=true],
html[data-illustration-theme=light] body[data-page=P01] .dl-view[aria-pressed=true]{background:rgba(15,111,102,.12);color:#12332f;box-shadow:inset 0 0 0 1px rgba(15,111,102,.55)}

/* education panel */
html[data-illustration-theme=light] body[data-page=P01] .dl-panel{border-color:rgba(15,111,102,.28);background:linear-gradient(160deg,rgba(252,250,243,.94),rgba(240,237,226,.9));box-shadow:0 18px 44px -26px rgba(60,58,40,.45),inset 0 1px 0 rgba(255,253,245,.8)}
html[data-illustration-theme=light] body[data-page=P01] .dl-panel-kick:before{box-shadow:0 0 0 3px rgba(143,92,18,.16)}
html[data-illustration-theme=light] body[data-page=P01] .dl-panel-body{color:#323b36}

/* SVG field */
html[data-illustration-theme=light] body[data-page=P01] .dl-field-note{color:#56625b}
html[data-illustration-theme=light] body[data-page=P01] #dl-plane{filter:none}
html[data-illustration-theme=light] body[data-page=P01] .dl-land{fill:#2f6f68;opacity:.78}
html[data-illustration-theme=light] body[data-page=P01] .dl-land-gold{fill:#b07418;opacity:.95}
html[data-illustration-theme=light] body[data-page=P01] .dl-sea{fill:#6f8a72;opacity:.38}
html[data-illustration-theme=light] body[data-page=P01] .dl-orbit{stroke:#7d927f}
html[data-illustration-theme=light] body[data-page=P01] .dl-ring{stroke:#0f7d72;stroke-width:1.4}
html[data-illustration-theme=light] body[data-page=P01] .dl-ring.gold{stroke:#b06f12}
html[data-illustration-theme=light] body[data-page=P01] .dl-guide{stroke:rgba(15,111,102,.12)}
html[data-illustration-theme=light] body[data-page=P01] .dl-guide.spot{stroke:rgba(160,100,18,.85)}
html[data-illustration-theme=light] body[data-page=P01] #dl-fade stop{stop-color:#9fb8a2}
html[data-illustration-theme=light] body[data-page=P01] #dl-stemg stop:nth-child(1){stop-color:#b5741a}
html[data-illustration-theme=light] body[data-page=P01] #dl-stemg stop:nth-child(2){stop-color:#c98a26}
html[data-illustration-theme=light] body[data-page=P01] #dl-stemg stop:nth-child(3){stop-color:#8f5c12}
html[data-illustration-theme=light] body[data-page=P01] #dl-glow stop{stop-color:#d79a3a}
html[data-illustration-theme=light] body[data-page=P01] #dl-stems circle[fill="#ffe2a8"]{fill:#9a5f10}
html[data-illustration-theme=light] body[data-page=P01] #dl-stems circle[fill="#9ee4f5"]{fill:#0f6f66}

/* ribbon + cards */
html[data-illustration-theme=light] body[data-page=P01] .dl-badge{border-color:rgba(15,111,102,.45);color:#1f2622;background:rgba(251,248,240,.7)}
html[data-illustration-theme=light] body[data-page=P01] .dl-badge-gold{border-color:rgba(143,92,18,.5);color:#6e470e}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat[data-category=photos_videos]{--c:#9a5f0c}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat[data-category=emails]{--c:#24589a}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat[data-category=social_accounts]{--c:#6b3f9e}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat[data-category=cloud_files]{--c:#0d6f62}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat[data-category=messages_chats]{--c:#a8481a}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat[data-category=subscriptions]{--c:#a3304f}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat[data-category=financial_commerce]{--c:#7a6a0c}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat[data-category=domains_websites]{--c:#126c8f}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat[data-category=devices]{--c:#4f4aa8}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat[data-category=other]{--c:#4a5560}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat-btn{background:linear-gradient(180deg,#fcfaf3,#f2efe3);border-color:rgba(31,38,34,.15);color:#1f2622;box-shadow:0 1px 0 rgba(255,255,250,.9) inset,0 6px 16px -14px rgba(60,58,40,.5)}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat-label{color:#2c3530}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat-unit{color:#4f5b54}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat-range{color:#56625b}
html[data-illustration-theme=light] body[data-page=P01] .dl-cat-bar{background:rgba(31,38,34,.1)}
html[data-illustration-theme=light] body[data-page=P01] .dl-tip{background:#fbf8ef;border-color:rgba(15,111,102,.4);color:#1f2622;box-shadow:0 14px 34px -18px rgba(60,58,40,.5)}
html[data-illustration-theme=light] body[data-page=P01] .dl-insight,
html[data-illustration-theme=light] body[data-page=P01] .dl-focus-hint{color:#4a5650}
html[data-illustration-theme=light] body[data-page=P01] .dl-field-note{color:#4f5b54}

/* text alternative */
html[data-illustration-theme=light] body[data-page=P01] .dl-alt{color:#3f4a44}
html[data-illustration-theme=light] body[data-page=P01] .dl-alt th{color:#1f2622}
html[data-illustration-theme=light] body[data-page=P01] .dl-alt a,
html[data-illustration-theme=light] body[data-page=P01] .dl-ribbon-status a{color:#0d5f57}

/* dialog */
html[data-illustration-theme=light] body[data-page=P01] .dl-dialog{background:#faf7ee;color:#1f2622;border-color:rgba(15,111,102,.35);box-shadow:0 30px 70px -30px rgba(40,40,25,.55)}
html[data-illustration-theme=light] body[data-page=P01] .dl-dialog::backdrop{background:rgba(42,46,36,.45)}
html[data-illustration-theme=light] body[data-page=P01] .dl-dialog p,
html[data-illustration-theme=light] body[data-page=P01] .dl-log,
html[data-illustration-theme=light] body[data-page=P01] .dl-popup-links span{color:#323b36}
html[data-illustration-theme=light] body[data-page=P01] .dl-dialog a,
html[data-illustration-theme=light] body[data-page=P01] .dl-popup-links a{color:#0d5f57}
html[data-illustration-theme=light] body[data-page=P01] .dl-dialog code{color:#0d5f57;background:rgba(15,111,102,.08);padding:0 .2em;border-radius:3px}
html[data-illustration-theme=light] body[data-page=P01] .dl-d-close{background:#faf7ee;color:#1f2622;border-color:rgba(31,38,34,.25)}
html[data-illustration-theme=light] body[data-page=P01] .dl-d-close:hover{background:#e4ebe3;border-color:#0f6f66}
html[data-illustration-theme=light] body[data-page=P01] .dl-model-form input:not([type=checkbox]),
html[data-illustration-theme=light] body[data-page=P01] .dl-model-form select{background:#fffdf6;color:#1f2622;border-color:#8a978d;color-scheme:light}
html[data-illustration-theme=light] body[data-page=P01] .dl-model-form #dl-model-error{color:#9a3418}
html[data-illustration-theme=light] body[data-page=P01] .dl-cue:hover{color:#1f2622}
html[data-illustration-theme=light] body[data-page=P01] #dl-theme:focus-visible{outline-color:#0f6f66}