/* Labelled product walkthrough; no rules leak into customer/admin screens. */
.de-explorer{background:#f4f8f7;padding-block:88px;color:#0b1f2a;scroll-margin-top:120px}
.de-explorer :is(div,article,li,a,button,p){min-width:0}
.de-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}
.de-kicker,.de-step{display:block;color:#16715b;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.6}
.de-heading h2{font-size:clamp(2rem,3.7vw,3.2rem);letter-spacing:-.045em;line-height:1.12;margin:16px 0 0;color:#0b1f2a}
.de-heading>p{font-size:1rem;line-height:1.75;color:#526a75;max-width:340px;margin:0}
.de-explorer .de-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;background:#e5edeb;border:1px solid #d5e2dc;border-radius:12px;width:fit-content;max-width:100%;margin-bottom:20px}
.de-explorer .de-tabs[hidden],.de-explorer .de-panel[hidden]{display:none}
.de-tabs button{appearance:none;background:transparent;border:1px solid transparent;border-radius:8px;min-height:48px;padding:12px 24px;font:600 .95rem/1.4 var(--f-body);color:#3e5c66;cursor:pointer;transition:background .18s,color .18s}
.de-tabs button:hover{background:#f6faf8;color:#0b1f2a}
.de-tabs button[aria-selected=true]{background:#0b1f2a;color:#fff;border-color:#0b1f2a;box-shadow:0 3px 8px #0b1f2a10}
.de-explorer :is(a,button,[role=tabpanel]):focus-visible{outline:3px solid #00856b;outline-offset:4px}
.de-explorer .de-example-label{display:flex;align-items:center;gap:9px;font-size:.8rem;line-height:1.65;color:#4f6a74;margin:0 0 20px}
.de-example-label>span{width:6px;height:6px;border-radius:50%;background:#008b6b;flex-shrink:0}
.de-panels{display:grid;gap:26px}
.de-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center;background:#fff;padding:44px;border:1px solid #d8e4de;border-radius:20px;box-shadow:0 14px 35px #0b1f2a04}
.de-copy h3{font-size:clamp(1.7rem,2.8vw,2.4rem);letter-spacing:-.04em;line-height:1.15;margin:16px 0 20px;color:#0b1f2a}
.de-copy>p{font-size:.97rem;line-height:1.8;color:#506974;margin:0 0 22px;max-width:520px}
.de-copy ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:12px}
.de-copy li{position:relative;font-size:.9rem;line-height:1.7;padding-left:23px;color:#244652}
.de-copy li:before{content:"✓";position:absolute;left:0;top:0;color:#008363;font-weight:700}
.de-copy .de-link{display:inline-flex;align-items:center;gap:14px;min-height:48px;font-size:.91rem;font-weight:700;text-decoration:none;color:#075e49;padding-block:8px}
.de-link:hover{text-decoration:underline;text-underline-offset:5px}.de-link svg{width:21px;height:21px;flex-shrink:0}
.de-visual{width:100%;padding:24px;border:1px solid #dce7e2;border-radius:14px;background:#f8fbfa;min-height:330px}
.de-visual-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #dce7e2;font-size:.77rem;line-height:1.6;color:#526d77}
.de-visual-top b{font-size:.72rem;letter-spacing:.06em;color:#007b5e;font-weight:700}
.de-dial{position:relative;width:250px;max-width:100%;aspect-ratio:1;margin:20px auto 12px}
.de-explorer .de-dial>svg{display:block;width:100%;height:auto}
.de-dial-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
.de-dial-value>span{font-size:.86rem;color:#506974;line-height:1.5}.de-dial-value strong{font-size:3.2rem;letter-spacing:-.05em;line-height:1.2;font-variant-numeric:tabular-nums;color:#0b1f2a}.de-dial-value small{font-size:.73rem;color:#617982;line-height:1.5}
.de-counter-types{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.de-counter-types>span{font-size:.76rem;line-height:1.4;padding:7px 9px;border-radius:5px;background:#edf4f0;color:#3f665a}
.de-file-symbol{display:grid;place-items:center;width:90px;height:104px;margin:32px auto 20px;background:#e4f6ee;border:1px solid #c8e8da;border-radius:17px;color:#008363}.de-explorer .de-file-symbol>svg{width:43px;height:50px}
.de-example-file{text-align:center}.de-example-file>span{display:block;font-size:.78rem;color:#526d77;margin-bottom:8px}.de-example-file strong{display:block;font-size:1.1rem;line-height:1.5;overflow-wrap:anywhere;color:#0b1f2a}.de-example-file p{font-size:.85rem;color:#526d77;line-height:1.7;margin:7px 0 0}
.de-file-flow{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;list-style:none;padding:24px 0 0;margin:23px 0 0;border-top:1px solid #dce7e2;gap:12px 20px}.de-file-flow li{display:flex;align-items:center;gap:7px;font-size:.8rem;line-height:1.6;color:#355961}.de-file-flow li>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e1eee7;color:#236751;font-size:.73rem;font-weight:650;flex-shrink:0}
.de-report-heading{margin:29px 0 26px}.de-report-heading>span{display:block;font-size:.79rem;color:#526d77;margin-bottom:9px}.de-report-heading strong{display:block;font-size:1.55rem;letter-spacing:-.03em;line-height:1.25;color:#0b1f2a}
.de-hours{display:flex;justify-content:space-between;gap:7px;font-size:.75rem;line-height:1.5;color:#526d77}.de-explorer .de-timeline>svg{display:block;width:100%;height:auto;margin-block:8px}
.de-legend{display:flex;flex-wrap:wrap;gap:10px 15px;font-size:.75rem;color:#46616e;line-height:1.5}.de-legend span{display:flex;align-items:center;gap:6px}.de-legend i{width:8px;height:8px;border-radius:2px;background:#00b98d;flex-shrink:0}.de-legend span:nth-child(2) i{background:#dce6eb}.de-legend span:nth-child(3) i{background:#eab24f}.de-legend span:nth-child(4) i{background:#536e7c}
.de-report-note{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #dce7e2;margin-top:27px;padding-top:23px}.de-report-note>span{display:grid;place-items:center;background:#e0eee7;color:#236751;width:23px;height:23px;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.de-report-note p{font-size:.86rem;line-height:1.7;color:#496775;margin:0}
.de-explorer .de-disclosure{font-size:.8rem;line-height:1.75;color:#526d77;margin:19px 0 0;max-width:850px}
@media(max-width:1100px){.de-panel{gap:32px;padding:32px}.de-visual{padding:20px}.de-dial{width:220px}.de-dial-value strong{font-size:2.9rem}}
@media(max-width:850px){.de-explorer{padding-block:64px}.de-heading{align-items:flex-start;flex-direction:column;gap:18px}.de-heading>p{max-width:580px}.de-panel{grid-template-columns:minmax(0,1fr);gap:27px;max-width:720px;margin-inline:auto;width:100%}.de-copy>p{max-width:none}.de-visual{max-width:540px;margin-inline:auto;min-height:0}.de-dial{width:240px}}
@media(max-width:540px){.de-explorer{padding-block:54px}.de-heading h2{font-size:2rem}.de-heading>p{font-size:.94rem}.de-explorer .de-tabs{width:100%;gap:5px;padding:5px}.de-tabs button{flex:1 1 84px;min-width:0;min-height:48px;padding:10px 7px;font-size:.85rem}.de-panel{padding:23px 20px;border-radius:14px}.de-copy h3{font-size:1.75rem}.de-copy>p{font-size:.94rem}.de-copy li{font-size:.87rem}.de-copy .de-link{font-size:.87rem}.de-visual{padding:18px}.de-visual-top{gap:7px}.de-dial{width:215px}.de-dial-value strong{font-size:2.7rem}.de-dial-value>span{font-size:.78rem}.de-file-flow{gap:10px 14px}.de-example-file strong{font-size:.96rem}.de-report-heading strong{font-size:1.35rem}.de-explorer .de-disclosure{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.de-tabs button{transition:none}}
