/* New authored teaching diagrams; existing page typography, artwork and shared UI stay intact. */
#dc-root .nutshell-bubble :is([data-viz-topic]){--viz-ink:#244d3d;--viz-muted:#52655d;--viz-soft:#e5ece4;--viz-paper:#fffdf5;--viz-cool:#4b6671;--viz-action:var(--action,#a6432c);--viz-stroke:1.5px;container-type:inline-size;display:block;margin:4px 0 0;color:inherit;font:inherit}
#dc-root .nutshell-bubble :is([data-viz-edition=hot]){--viz-ink:#4f2518;--viz-muted:#655e59;--viz-soft:#eeece6;--viz-stroke:2px}
#dc-root .nutshell-bubble :is([data-viz-topic] *){box-sizing:border-box}
#dc-root .nutshell-bubble :is([data-viz-meta]){display:flex;justify-content:space-between;gap:12px;color:var(--viz-muted);font:500 13px/1.4 'Bricolage Grotesque',sans-serif}
#dc-root .nutshell-bubble :is([data-viz-counter]){font-variant-numeric:tabular-nums;white-space:nowrap}
#dc-root .nutshell-bubble :is([data-viz-controls]){display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 14px}
#dc-root .nutshell-bubble :is([data-viz-controls]>div){display:flex;gap:4px}
#dc-root .nutshell-bubble :is([data-viz-controls] button,[data-viz-go]){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--viz-ink);border-radius:5px;background:transparent;color:var(--viz-ink);font:500 14px/1.2 'Bricolage Grotesque',sans-serif;cursor:pointer}
#dc-root .nutshell-bubble :is([data-viz-controls] [data-viz-play]){min-width:84px;background:var(--viz-action);border-color:var(--viz-action);color:#fffdf5}
#dc-root .nutshell-bubble :is([data-viz-controls] button[aria-current=step],[data-viz-go][aria-pressed=true]){background:var(--viz-cool);border-color:var(--viz-cool);color:#fffdf5}
#dc-root .nutshell-bubble :is([data-viz-controls] button:focus-visible,[data-viz-go]:focus-visible,[data-viz-route]:focus-visible){outline:2px solid var(--viz-cool);outline-offset:-3px}
#dc-root .nutshell-bubble :is([data-viz-controls] button:hover,[data-viz-go]:hover){filter:brightness(.93)}
#dc-root .nutshell-bubble :is([data-viz-world]){position:relative;min-width:0;padding:0 0 8px;isolation:isolate;overflow:clip;font:400 14px/1.4 'Bricolage Grotesque',sans-serif;color:var(--viz-ink)}
#dc-root .nutshell-bubble :is([data-viz-world] small){display:block;font:400 12px/1.4 'Bricolage Grotesque',sans-serif;color:var(--viz-muted)}
#dc-root .nutshell-bubble :is([data-viz-world] strong){font:600 20px/1.2 'Bricolage Grotesque',sans-serif;color:var(--viz-ink)}
#dc-root .nutshell-bubble :is([data-viz-world] code){font:400 13px/1.4 Inconsolata,monospace;overflow-wrap:anywhere;white-space:normal}
#dc-root .nutshell-bubble :is([data-viz-world] dl){margin:0;padding:0}
#dc-root .nutshell-bubble :is([data-viz-world] dl>div){display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #82928640}
#dc-root .nutshell-bubble :is([data-viz-world] dt){margin:0;font:500 12px/1.35 'Bricolage Grotesque',sans-serif}
#dc-root .nutshell-bubble :is([data-viz-world] dd){margin:0;font:500 14px/1.35 Inconsolata,monospace;text-align:right;overflow-wrap:anywhere}
#dc-root .nutshell-bubble :is([data-viz-world] [data-viz-show]){transition:opacity .45s,transform .5s}
#dc-root .nutshell-bubble :is([data-viz-world] [data-viz-visible=false]){opacity:0;pointer-events:none;transform:translateY(8px)}
#dc-root .nutshell-bubble :is([data-viz-icon]){width:44px;height:44px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#dc-root .nutshell-bubble :is([data-viz-edition=hot] [data-viz-icon]){stroke-width:2.2}
#dc-root .nutshell-bubble :is([data-viz-label]){display:block;font:500 12px/1.4 'Bricolage Grotesque',sans-serif;color:var(--viz-muted);margin-bottom:8px}
#dc-root .nutshell-bubble :is([data-viz-browser]){border:var(--viz-stroke) solid var(--viz-ink);border-radius:8px;background:var(--viz-paper);overflow:hidden;min-width:0}
#dc-root .nutshell-bubble :is([data-viz-chrome]){display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:31px;padding:6px 9px;border-bottom:1px solid var(--viz-ink);background:var(--viz-soft);font:500 12px/1.3 'Bricolage Grotesque',sans-serif}
#dc-root .nutshell-bubble :is([data-viz-chrome]>span:first-child){font-size:8px;letter-spacing:2px}
#dc-root .nutshell-bubble :is([data-viz-workspace]){padding:12px;min-width:0}
#dc-root .nutshell-bubble :is([data-viz-paper]){display:flex;align-items:center;gap:7px;min-width:0;padding:9px 8px;border:1px solid var(--viz-cool);border-radius:3px;background:var(--viz-paper);font:500 13px/1.35 'Bricolage Grotesque',sans-serif;transition:transform .6s,opacity .5s}
#dc-root .nutshell-bubble :is([data-viz-paper]>svg){width:28px;height:34px}
#dc-root .nutshell-bubble :is([data-viz-paper]>span){min-width:0;overflow-wrap:anywhere}
#dc-root .nutshell-bubble :is([data-viz-paper] small){font-size:11px;margin-top:3px}
#dc-root .nutshell-bubble :is([data-viz-badge]){display:inline-block;border:1px solid var(--viz-cool);padding:4px 7px;border-radius:3px;font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-caption]){font:inherit!important;line-height:1.45!important;margin:10px 0!important;min-height:3em}
#dc-root .nutshell-bubble :is([data-viz-fact]){font:400 14px/1.5 'Bricolage Grotesque',sans-serif!important;margin:10px 0 0!important;color:var(--viz-ink);overflow-wrap:anywhere}
#dc-root .nutshell-bubble :is([data-viz-edition=hot] [data-viz-world]){--viz-stroke:2px}

/* Metrics: a page and three actual measurements, with excluded events outside the report. */
#dc-root .nutshell-bubble :is([data-viz-metrics]){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
#dc-root .nutshell-bubble :is([data-viz-mockpage]){height:198px;position:relative;overflow:hidden;border-right:4px solid var(--viz-soft);padding-right:14px}
#dc-root .nutshell-bubble :is([data-viz-pageheadline]){display:block;font-size:18px;line-height:1.2;margin:2px 0 18px}
#dc-root .nutshell-bubble :is([data-viz-mockpage]>i){display:block;height:5px;width:90%;margin:11px 0;background:var(--viz-cool);opacity:.25}
#dc-root .nutshell-bubble :is([data-viz-mockpage]>i:nth-child(3n)){width:65%}
#dc-root .nutshell-bubble :is([data-viz-scrollthumb]){position:absolute;right:-4px;top:0;width:4px;height:42px;background:var(--viz-cool);transition:top 1s}
#dc-root .nutshell-bubble :is([data-viz-phase="2"] [data-viz-scrollthumb],[data-viz-phase="3"] [data-viz-scrollthumb]){top:138px}
#dc-root .nutshell-bubble :is([data-viz-dashboard]){padding-top:4px}
#dc-root .nutshell-bubble :is([data-viz-gauge]){display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid #82928650;padding:14px 0}
#dc-root .nutshell-bubble :is([data-viz-gauge]>span){font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-gauge] strong){font-size:28px;font-variant-numeric:tabular-nums}
#dc-root .nutshell-bubble :is([data-viz-edition=hot] [data-viz-gauge]:first-of-type strong){font-size:42px}
#dc-root .nutshell-bubble :is([data-viz-exclusions]){display:flex;gap:5px 10px;flex-wrap:wrap;margin-top:14px;padding-top:10px;border-top:1px dashed var(--viz-cool);font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-exclusions]>span){flex-basis:100%;font-weight:600}
#dc-root .nutshell-bubble :is([data-viz-exclusions] s){text-decoration-thickness:1px;color:var(--viz-muted)}

/* Visitors: a daily ticket can change while the record archive stays put. */
#dc-root .nutshell-bubble :is([data-viz-turnstile]){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 18px}
#dc-root .nutshell-bubble :is([data-viz-person]){display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;min-width:0;text-align:center}
#dc-root .nutshell-bubble :is([data-viz-person]>svg){width:65px;height:65px}
#dc-root .nutshell-bubble :is([data-viz-dayticket]){position:relative;flex:0 0 124px;min-height:143px;padding:12px;background:var(--viz-soft);border:var(--viz-stroke) solid var(--viz-cool);text-align:center;transform:rotate(-3deg);transition:transform .6s}
#dc-root .nutshell-bubble :is([data-viz-dayticket]>span){display:block;font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-dayticket]>strong){display:block;font:600 58px/1 'Bricolage Grotesque',sans-serif;margin:9px 0}
#dc-root .nutshell-bubble :is([data-viz-ticket-tear]){border-top:1px dashed var(--viz-cool);margin-top:10px}
#dc-root .nutshell-bubble :is([data-viz-countboard]){flex:1;min-width:0;text-align:center}
#dc-root .nutshell-bubble :is([data-viz-countboard]>span){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-countboard]>strong){display:block;font-size:24px;margin:8px 0}
#dc-root .nutshell-bubble :is([data-viz-recordarchive]){position:relative;display:grid;grid-template-columns:45px minmax(0,1fr);gap:2px 9px;align-items:center;padding:12px 0;border-top:1px solid var(--viz-cool)}
#dc-root .nutshell-bubble :is([data-viz-recordarchive]>svg){grid-row:1/4}
#dc-root .nutshell-bubble :is([data-viz-recordarchive]>span){font-weight:500}
#dc-root .nutshell-bubble :is([data-viz-archive-sheets]){display:flex;gap:4px;min-height:27px}
#dc-root .nutshell-bubble :is([data-viz-archive-sheets] i){display:block;border:1px solid var(--viz-cool);padding:4px 8px;font:400 12px/1.2 Inconsolata,monospace;background:var(--viz-paper)}
#dc-root .nutshell-bubble :is([data-viz-inputnote]){font-size:12px;color:var(--viz-muted);padding-top:6px}
#dc-root .nutshell-bubble :is([data-viz-phase="2"] [data-viz-dayticket],[data-viz-phase="3"] [data-viz-dayticket]){transform:rotate(3deg)}

/* Addresses: retain the origin/path; physically move the discarded portions away. */
#dc-root .nutshell-bubble :is([data-viz-urlbench]){padding:8px 0}
#dc-root .nutshell-bubble :is([data-viz-urlstrip]){display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:13px 10px;border:var(--viz-stroke) solid var(--viz-ink);border-radius:5px;min-height:90px;overflow:hidden}
#dc-root .nutshell-bubble :is([data-viz-urlstrip]>span){display:block;font:400 15px/1.5 Inconsolata,monospace;overflow-wrap:anywhere;max-width:100%;transition:opacity .5s,transform .65s}
#dc-root .nutshell-bubble :is([data-viz-urlkeep]){padding:2px 5px;background:var(--viz-soft)}
#dc-root .nutshell-bubble :is([data-viz-query],[data-viz-fragment]){color:var(--viz-muted);border-bottom:1px dashed var(--viz-cool)}
#dc-root .nutshell-bubble :is([data-viz-trimmer]){display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0}
#dc-root .nutshell-bubble :is([data-viz-trimmer]>svg){width:30px;height:30px;transition:transform .55s}
#dc-root .nutshell-bubble :is([data-viz-trimmer]>span){font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-urloutput]){border-left:3px solid var(--viz-cool);padding:8px 12px}
#dc-root .nutshell-bubble :is([data-viz-urloutput]>code){display:block;margin-top:4px;font-size:15px}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-query],[data-viz-phase="2"] [data-viz-query],[data-viz-phase="3"] [data-viz-query]){opacity:.35;transform:translateY(8px) rotate(3deg);text-decoration:line-through}
#dc-root .nutshell-bubble :is([data-viz-phase="2"] [data-viz-fragment],[data-viz-phase="3"] [data-viz-fragment]){opacity:.35;transform:translateY(8px) rotate(-3deg);text-decoration:line-through}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-trimmer]>svg,[data-viz-phase="3"] [data-viz-trimmer]>svg){transform:rotate(-22deg)}
#dc-root .nutshell-bubble :is([data-viz-referral]){position:relative;margin-top:12px;padding-top:10px;border-top:1px dashed var(--viz-cool)}
#dc-root .nutshell-bubble :is([data-viz-referral]>code){display:block;margin-top:4px;overflow-wrap:anywhere}
#dc-root .nutshell-bubble :is([data-viz-referral] s){color:var(--viz-muted)}
#dc-root .nutshell-bubble :is([data-viz-referralarrow]){display:block;text-align:center;font-size:20px;line-height:1.2}
#dc-root .nutshell-bubble :is([data-viz-referralresult]){opacity:.4;transition:opacity .4s}
#dc-root .nutshell-bubble :is([data-viz-phase="3"] [data-viz-referralresult]){opacity:1}

/* Local tools: the gear and both documents remain inside the browser. */
#dc-root .nutshell-bubble :is([data-viz-networkrail]){display:flex;align-items:center;justify-content:center;gap:12px;position:relative;min-height:70px;padding-bottom:21px}
#dc-root .nutshell-bubble :is([data-viz-networkrail]>span:not([data-viz-networkarrow])){font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-networkrail]>svg){width:38px;height:38px}
#dc-root .nutshell-bubble :is([data-viz-networkarrow]){position:absolute;left:50%;bottom:0;font-size:25px;line-height:1}
#dc-root .nutshell-bubble :is([data-viz-localwork]){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:135px;position:relative}
#dc-root .nutshell-bubble :is([data-viz-localwork]>[data-viz-paper]){flex:1;min-width:0;flex-direction:column;text-align:center;min-height:90px}
#dc-root .nutshell-bubble :is([data-viz-localgear]){display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-localgear]>svg){width:51px;height:51px;transition:transform 1s}
#dc-root .nutshell-bubble :is([data-viz-result]){opacity:.25;transform:translateX(-8px)}
#dc-root .nutshell-bubble :is([data-viz-phase="2"] [data-viz-localgear]>svg,[data-viz-phase="3"] [data-viz-localgear]>svg){transform:rotate(220deg)}
#dc-root .nutshell-bubble :is([data-viz-phase="3"] [data-viz-result]){opacity:1;transform:translateX(0)}
#dc-root .nutshell-bubble :is([data-viz-phase="0"] [data-viz-input]){opacity:.3}
#dc-root .nutshell-bubble :is([data-viz-localboundary]){border-top:1px dashed var(--viz-cool);padding-top:9px;text-align:center;font-size:12px}

/* Memory: two spaces inside the browser; the downloaded copy remains outside it. */
#dc-root .nutshell-bubble :is([data-viz-storageplaces]){display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:120px}
#dc-root .nutshell-bubble :is([data-viz-memorybench],[data-viz-ruledrawer]){position:relative;min-width:0;padding-bottom:8px}
#dc-root .nutshell-bubble :is([data-viz-ruledrawer]){border-left:1px solid var(--viz-cool);padding-left:14px}
#dc-root .nutshell-bubble :is([data-viz-memorycontents]){position:relative;z-index:1}
#dc-root .nutshell-bubble :is([data-viz-savedrule]){display:flex;align-items:center;gap:6px;border-bottom:3px double var(--viz-cool);padding-bottom:8px;min-height:70px;font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-savedrule]>svg){width:30px;height:37px}
#dc-root .nutshell-bubble :is([data-viz-memoryempty],[data-viz-ruleempty]){position:absolute;top:52px;left:0;font-size:12px;opacity:0;transition:opacity .5s}
#dc-root .nutshell-bubble :is([data-viz-ruleempty]){left:14px}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-memoryempty],[data-viz-phase="2"] [data-viz-memoryempty],[data-viz-phase="3"] [data-viz-memoryempty]){opacity:1}
#dc-root .nutshell-bubble :is([data-viz-phase="2"] [data-viz-ruleempty],[data-viz-phase="3"] [data-viz-ruleempty]){opacity:1}
#dc-root .nutshell-bubble :is([data-viz-downloadfolder]){display:grid;grid-template-columns:43px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;min-height:96px;margin-top:14px;padding:10px 0;border-top:1px dashed var(--viz-cool);position:relative}
#dc-root .nutshell-bubble :is([data-viz-downloadfolder]>span){font-size:13px}
#dc-root .nutshell-bubble :is([data-viz-downloadcopy]){position:relative;z-index:1}
#dc-root .nutshell-bubble :is([data-viz-downloadempty]){position:absolute;right:0;bottom:22px;max-width:40%;font-size:12px;opacity:0}
#dc-root .nutshell-bubble :is([data-viz-phase="3"] [data-viz-downloadempty]){opacity:1}

/* Rules: a reusable instruction persists while example files change. */
#dc-root .nutshell-bubble :is([data-viz-rulework]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;padding-top:5px}
#dc-root .nutshell-bubble :is([data-viz-rulecard]){position:relative;padding:10px;border:var(--viz-stroke) solid var(--viz-cool);background:var(--viz-soft);transform:rotate(-2deg);transition:opacity .6s,transform .6s}
#dc-root .nutshell-bubble :is([data-viz-rulecard]>svg){display:block;width:28px;height:28px;margin-bottom:4px}
#dc-root .nutshell-bubble :is([data-viz-rulecard] dl>div){display:block;padding:6px 0}
#dc-root .nutshell-bubble :is([data-viz-rulecard] dd){text-align:left;margin-top:3px}
#dc-root .nutshell-bubble :is([data-viz-rulecardstatus]){display:block;margin-top:9px;font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-matching]){min-width:0}
#dc-root .nutshell-bubble :is([data-viz-matchstrip]){display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:15px 6px;border-block:1px dashed var(--viz-cool)}
#dc-root .nutshell-bubble :is([data-viz-matchstrip]>code){font-size:16px;max-width:100%}
#dc-root .nutshell-bubble :is([data-viz-matching]>small){margin-top:8px}
#dc-root .nutshell-bubble :is([data-viz-phase="3"] [data-viz-rulecard]){opacity:.35;transform:translateY(9px) rotate(5deg)}
#dc-root .nutshell-bubble :is([data-viz-legacy]){display:flex;align-items:center;gap:9px;padding-top:14px;margin-top:12px;border-top:1px solid #82928650;font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-legacy]>svg){width:33px;height:33px}

/* Guides: choices flow to a result, then a plain-text clipboard outside the tab. */
#dc-root .nutshell-bubble :is([data-viz-guideaddress]){padding:8px 10px;border:1px solid var(--viz-cool);border-radius:4px;margin-bottom:12px}
#dc-root .nutshell-bubble :is([data-viz-guideaddress]>small){margin-top:4px}
#dc-root .nutshell-bubble :is([data-viz-guideaddress] code>span){background:var(--viz-soft);padding:0 3px}
#dc-root .nutshell-bubble :is([data-viz-guidework]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center}
#dc-root .nutshell-bubble :is([data-viz-guidetree]){display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
#dc-root .nutshell-bubble :is([data-viz-guidetree]>div){border:1px solid var(--viz-cool);border-radius:4px;padding:6px;width:100%;font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-guidetree]>span){font-size:18px;line-height:1}
#dc-root .nutshell-bubble :is([data-viz-answerpill]){background:var(--viz-soft);transition:opacity .5s,transform .5s}
#dc-root .nutshell-bubble :is([data-viz-guideresult]){opacity:.3;transition:opacity .6s}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-guideresult],[data-viz-phase="2"] [data-viz-guideresult]){opacity:1}
#dc-root .nutshell-bubble :is([data-viz-phase="3"] [data-viz-answerpill]){opacity:.35;transform:translateY(-3px)}
#dc-root .nutshell-bubble :is([data-viz-clipboard]){display:flex;flex-direction:column;align-items:center;min-width:0;padding:8px;border-bottom:3px double var(--viz-cool)}
#dc-root .nutshell-bubble :is([data-viz-clipboard]>svg){width:34px;height:34px}
#dc-root .nutshell-bubble :is([data-viz-clipboard]>span){font-weight:500;font-size:13px;margin:5px 0 8px}
#dc-root .nutshell-bubble :is([data-viz-copytext]){font:400 11px/1.5 Inconsolata,monospace;opacity:.2;transform:translateX(-6px);transition:opacity .5s,transform .6s}
#dc-root .nutshell-bubble :is([data-viz-copytext]>span){display:block;overflow-wrap:anywhere}
#dc-root .nutshell-bubble :is([data-viz-phase="2"] [data-viz-copytext],[data-viz-phase="3"] [data-viz-copytext]){opacity:1;transform:translateX(0)}
#dc-root .nutshell-bubble :is([data-viz-clipboard]>small){margin-top:8px;font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-nodownload]){display:block;text-align:center;margin-top:10px;color:var(--viz-muted);font-size:12px}

/* Email: parallel routine/exception paths, never a provider-wide deletion timer. */
#dc-root .nutshell-bubble :is([data-viz-calendarhead]){display:flex;align-items:center;gap:12px;margin:0 0 12px}
#dc-root .nutshell-bubble :is([data-viz-calendarhead]>svg){width:35px;height:35px}
#dc-root .nutshell-bubble :is([data-viz-monthgrid]){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;margin-bottom:15px}
#dc-root .nutshell-bubble :is([data-viz-monthgrid]>span){display:grid;place-items:center;height:28px;border:1px solid var(--viz-cool);border-radius:2px;font:400 12px/1 Inconsolata,monospace;transition:background .4s,color .4s}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-monthgrid]>span,[data-viz-phase="2"] [data-viz-monthgrid]>span,[data-viz-phase="3"] [data-viz-monthgrid]>span){background:var(--viz-soft)}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-monthgrid]>span:last-child,[data-viz-phase="2"] [data-viz-monthgrid]>span:last-child,[data-viz-phase="3"] [data-viz-monthgrid]>span:last-child){background:var(--viz-cool);color:var(--viz-paper)}
#dc-root .nutshell-bubble :is([data-viz-mailroutes]){display:grid;grid-template-columns:1fr 1fr;gap:16px}
#dc-root .nutshell-bubble :is([data-viz-routine],[data-viz-exception]){position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:5px;min-width:0;min-height:145px;padding-bottom:8px}
#dc-root .nutshell-bubble :is([data-viz-routine]>svg:first-child){width:38px;height:38px;transition:transform .7s,opacity .6s}
#dc-root .nutshell-bubble :is([data-viz-routine]>svg:last-child){position:absolute;right:3px;top:0;width:30px;height:38px;opacity:.35}
#dc-root .nutshell-bubble :is([data-viz-routine]>strong,[data-viz-exception]>strong){font-size:14px}
#dc-root .nutshell-bubble :is([data-viz-exception]){border-left:1px solid var(--viz-cool);padding-left:16px}
#dc-root .nutshell-bubble :is([data-viz-exception]>svg){width:38px;height:38px}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-routine]>svg:first-child,[data-viz-phase="2"] [data-viz-routine]>svg:first-child,[data-viz-phase="3"] [data-viz-routine]>svg:first-child){transform:translateX(30px) translateY(5px) scale(.75);opacity:.2}
#dc-root .nutshell-bubble :is([data-viz-providerrecords]){border-top:1px dashed var(--viz-cool);padding-top:8px;font-size:12px}

/* Custody: scoped removal inside one browser; the external stores do not move. */
#dc-root .nutshell-bubble :is([data-viz-custodymap]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}
#dc-root .nutshell-bubble :is([data-viz-custodylocal]){min-height:196px;position:relative;padding-top:8px}
#dc-root .nutshell-bubble :is([data-viz-machinepiece]){margin-bottom:20px}
#dc-root .nutshell-bubble :is([data-viz-rulepiece]){display:flex;gap:6px;align-items:center;font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-rulepiece]>svg){width:30px;height:37px}
#dc-root .nutshell-bubble :is([data-viz-externalstores]){display:flex;flex-direction:column;gap:18px}
#dc-root .nutshell-bubble :is([data-viz-inbox],[data-viz-providerstack]){display:grid;grid-template-columns:35px minmax(0,1fr);gap:2px 8px;align-items:center;font-size:13px}
#dc-root .nutshell-bubble :is([data-viz-inbox]>svg,[data-viz-providerstack]>svg){width:32px;height:36px;grid-row:1/5}
#dc-root .nutshell-bubble :is([data-viz-inbox] small,[data-viz-providerstack] small){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-scopeddelete]){display:flex;gap:12px;align-items:center;border-top:1px dashed var(--viz-cool);padding-top:10px;margin-top:12px;font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-scopeddelete]>svg){width:28px;height:32px}

/* Request routing: a switchboard with actual destinations, never automatic navigation. */
#dc-root .nutshell-bubble :is([data-viz-routingquestion]){width:fit-content;max-width:100%;margin:8px auto 0;border:var(--viz-stroke) solid var(--viz-cool);border-radius:30px;padding:9px 20px;font-size:17px;background:var(--viz-soft)}
#dc-root .nutshell-bubble :is([data-viz-rails]){position:relative;height:55px;display:flex;justify-content:space-around;margin:0 16%}
#dc-root .nutshell-bubble :is([data-viz-rails]>i){width:1px;height:45px;display:block;border-left:2px dashed var(--viz-cool);opacity:.35;transform:rotate(0deg);transform-origin:top}
#dc-root .nutshell-bubble :is([data-viz-rails]>i:first-child){transform:rotate(36deg)}
#dc-root .nutshell-bubble :is([data-viz-rails]>i:last-child){transform:rotate(-36deg)}
#dc-root .nutshell-bubble :is([data-viz-destinations]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#dc-root .nutshell-bubble :is([data-viz-route]){display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;text-decoration:none;color:var(--viz-ink);padding:10px 5px 12px;border-bottom:3px solid transparent;border-radius:3px;min-height:144px;transition:background .4s,border-color .4s,transform .5s}
#dc-root .nutshell-bubble :is([data-viz-route]>span){text-decoration:underline;text-underline-offset:3px;font-size:13px}
#dc-root .nutshell-bubble :is([data-viz-route]>small){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-route][data-viz-selected=true]){background:var(--viz-soft);border-bottom-color:var(--viz-cool);transform:translateY(-3px)}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-rails]>i:first-child,[data-viz-phase="2"] [data-viz-rails]>i:nth-child(2),[data-viz-phase="3"] [data-viz-rails]>i:last-child){opacity:1;border-left-style:solid}
#dc-root .nutshell-bubble :is([data-viz-routehint]){min-height:3em;padding-top:12px;font-size:12px;color:var(--viz-muted)}

/* Optional radio: received details remain after the signal stops. */
#dc-root .nutshell-bubble :is([data-viz-radionetwork]){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:190px;padding:6px 0 14px}
#dc-root .nutshell-bubble :is([data-viz-radiodevice],[data-viz-station]){flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}
#dc-root .nutshell-bubble :is([data-viz-radiodevice]>svg){width:83px;height:83px}
#dc-root .nutshell-bubble :is([data-viz-station]>svg){width:58px;height:58px}
#dc-root .nutshell-bubble :is([data-viz-radiodevice]>strong){font-size:14px;border:1px solid var(--viz-cool);padding:4px 10px;min-width:100px;background:var(--viz-soft)}
#dc-root .nutshell-bubble :is([data-viz-radiowaves]){display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 25%;height:78px;opacity:.2;transition:opacity .4s}
#dc-root .nutshell-bubble :is([data-viz-radiowaves]>i){width:4px;height:16px;background:var(--viz-cool);border-radius:3px;transform-origin:center;transition:height .5s}
#dc-root .nutshell-bubble :is([data-viz-radiowaves]>i:nth-child(2),[data-viz-radiowaves]>i:nth-child(4)){height:34px}
#dc-root .nutshell-bubble :is([data-viz-radiowaves]>i:nth-child(3)){height:55px}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-radiowaves],[data-viz-phase="2"] [data-viz-radiowaves]){opacity:1}
#dc-root .nutshell-bubble :is([data-viz-phase="0"] [data-viz-radiowaves]>i,[data-viz-phase="3"] [data-viz-radiowaves]>i){height:3px}
#dc-root .nutshell-bubble :is([data-viz-received]){display:flex;align-items:center;gap:10px;min-height:59px;padding-top:8px;border-top:1px solid var(--viz-cool);font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-received]>svg){width:29px;height:36px}
#dc-root .nutshell-bubble :is([data-viz-simulation]){font-size:11px;color:var(--viz-muted);padding-top:8px}

/* Machine record: four separate rows, with repeated can types deduplicated. */
#dc-root .nutshell-bubble :is([data-viz-record]){border:var(--viz-stroke) solid var(--viz-ink);padding:11px 12px 16px;background:var(--viz-paper);border-radius:3px;position:relative;min-width:0;transition:transform .65s,opacity .5s}
#dc-root .nutshell-bubble :is([data-viz-record] dl>div:last-child){border-bottom:0}
#dc-root .nutshell-bubble :is([data-viz-record]>small){padding-top:8px;font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-receipttop]){display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--viz-cool);padding-bottom:9px;font-size:12px;font-weight:500}
#dc-root .nutshell-bubble :is([data-viz-machinerecord]){display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:center;padding:4px 0 12px}
#dc-root .nutshell-bubble :is([data-viz-vends]){display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
#dc-root .nutshell-bubble :is([data-viz-vends]>[data-viz-label],[data-viz-vends]>small){flex-basis:100%}
#dc-root .nutshell-bubble :is([data-viz-cantoken]){display:grid;place-items:center;width:38px;height:56px;border:var(--viz-stroke) solid var(--viz-cool);border-radius:7px 7px 5px 5px;background:var(--viz-soft);font-size:23px;opacity:.15;transform:translateY(-5px);transition:opacity .4s,transform .5s}
#dc-root .nutshell-bubble :is([data-viz-phase="2"] [data-viz-cantoken="a1"],[data-viz-phase="2"] [data-viz-cantoken="a2"],[data-viz-phase="3"] [data-viz-cantoken]){opacity:1;transform:translateY(0)}
#dc-root .nutshell-bubble :is([data-viz-fieldnote]){border-top:1px dashed var(--viz-cool);padding-top:9px;font-size:12px}

/* Controls: item 53 remains a request until its actual confirmation step. */
#dc-root .nutshell-bubble :is([data-viz-controlwork]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;padding-top:5px}
#dc-root .nutshell-bubble :is([data-viz-mini-machine]){border:var(--viz-stroke) solid var(--viz-cool);border-radius:8px;padding:12px;background:var(--viz-soft)}
#dc-root .nutshell-bubble :is([data-viz-mini-machine]>span){display:block;font-size:12px;margin-bottom:12px}
#dc-root .nutshell-bubble :is([data-viz-keypad]){display:flex;gap:5px;justify-content:space-between}
#dc-root .nutshell-bubble :is([data-viz-keypad]>button){padding:0;flex:1;min-width:40px}
#dc-root .nutshell-bubble :is([data-viz-scanner]){border:1px dashed var(--viz-cool);padding:9px 5px;margin:12px 0;text-align:center;font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-controlrecord]){display:flex;align-items:center;gap:6px;min-height:53px;font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-controlrecord]>svg){width:27px;height:33px;transition:opacity .45s,transform .5s}
#dc-root .nutshell-bubble :is([data-viz-phase="3"] [data-viz-controlrecord]>svg){opacity:.2;transform:translateY(5px)}
#dc-root .nutshell-bubble :is([data-viz-controlreceipt]){border-top:3px double var(--viz-cool);border-bottom:3px double var(--viz-cool);padding:12px 8px;min-height:242px;transform:rotate(2deg);transition:transform .5s}
#dc-root .nutshell-bubble :is([data-viz-controlreceipt]>strong){display:block;font-size:18px;line-height:1.25;margin:14px 0}
#dc-root .nutshell-bubble :is([data-viz-controlreceipt]>span){display:block;font-size:12px;margin-bottom:14px}
#dc-root .nutshell-bubble :is([data-viz-controlreceipt]>[data-viz-delete-confirm]){min-height:44px;font-size:12px;padding:0 8px;background:var(--viz-action);border-color:var(--viz-action);color:#fffdf5}
#dc-root .nutshell-bubble :is([data-viz-delete-confirm]:disabled){background:transparent!important;color:var(--viz-muted)!important;border-color:var(--viz-muted)!important;opacity:.4;cursor:default}
#dc-root .nutshell-bubble :is([data-viz-controlscope]){padding-top:12px;color:var(--viz-muted);font-size:11px}

/* Deletion: remove the old specimen; a later arrival gets a visibly fresh record. */
#dc-root .nutshell-bubble :is([data-viz-deletionworld]){display:grid;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:9px;align-items:start;padding-top:8px}
#dc-root .nutshell-bubble :is([data-viz-before],[data-viz-after]){min-width:0}
#dc-root .nutshell-bubble :is([data-viz-before]>span,[data-viz-after]>span){display:block;font-size:12px;margin-bottom:10px}
#dc-root .nutshell-bubble :is([data-viz-deletionworld] [data-viz-record]){padding:9px 8px}
#dc-root .nutshell-bubble :is([data-viz-deletionworld] dl>div){display:block;padding:6px 0}
#dc-root .nutshell-bubble :is([data-viz-deletionworld] dd){text-align:left;margin-top:2px}
#dc-root .nutshell-bubble :is([data-viz-deletepath]){text-align:center;align-self:center}
#dc-root .nutshell-bubble :is([data-viz-deletepath]>svg){width:33px;height:41px}
#dc-root .nutshell-bubble :is([data-viz-deletepath]>strong){display:block;font-size:10px;line-height:1.4;margin-top:9px}
#dc-root .nutshell-bubble :is([data-viz-newrecord]){opacity:.15;transform:translateY(10px)}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-oldrecord],[data-viz-phase="2"] [data-viz-oldrecord],[data-viz-phase="3"] [data-viz-oldrecord]){opacity:.15;transform:translateY(14px) scale(.92)}
#dc-root .nutshell-bubble :is([data-viz-phase="2"] [data-viz-newrecord],[data-viz-phase="3"] [data-viz-newrecord]){opacity:1;transform:translateY(0)}
#dc-root .nutshell-bubble :is([data-viz-untouched]){border-top:1px dashed var(--viz-cool);margin-top:14px;padding-top:8px;font-size:12px}

/* Handoff: a used pass vanishes; a separate delayed pass hits the actual age boundary. */
#dc-root .nutshell-bubble :is([data-viz-flightpath]){display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}
#dc-root .nutshell-bubble :is([data-viz-flightpath]>span){display:flex;align-items:center;gap:7px;font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-flightpath]>span>svg){width:29px;height:30px}
#dc-root .nutshell-bubble :is([data-viz-flightline]){position:relative;flex:1;border-top:1px dashed var(--viz-cool);height:30px}
#dc-root .nutshell-bubble :is([data-viz-flightline]>svg){width:29px;height:29px;position:absolute;left:0;top:-14px;transition:left .8s,transform .6s}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-flightline]>svg){left:calc(100% - 29px);transform:rotate(8deg)}
#dc-root .nutshell-bubble :is([data-viz-boardingpass]){border:var(--viz-stroke) solid var(--viz-cool);border-radius:4px;padding:10px 12px;margin:9px 0 24px;background:var(--viz-soft);transition:opacity .5s,transform .6s}
#dc-root .nutshell-bubble :is([data-viz-boardingpass]>span){display:block;font-size:12px;font-weight:600;border-bottom:1px dashed var(--viz-cool);padding-bottom:6px}
#dc-root .nutshell-bubble :is([data-viz-boardingpass] dl){display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
#dc-root .nutshell-bubble :is([data-viz-boardingpass] dl>div){display:block}
#dc-root .nutshell-bubble :is([data-viz-boardingpass] dd){text-align:left;font-size:12px;margin-top:3px}
#dc-root .nutshell-bubble :is([data-viz-boardingpass]>strong){font-size:12px;display:block;margin-top:9px}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-boardingpass]){opacity:.4;transform:scale(.96) rotate(-2deg)}
#dc-root .nutshell-bubble :is([data-viz-phase="3"] [data-viz-boardingpass]){transform:rotate(3deg);border-style:dashed}
#dc-root .nutshell-bubble :is([data-viz-agelimit]){display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-agelimit]>strong){font-size:17px}
#dc-root .nutshell-bubble :is([data-viz-agebar]){height:8px;background:var(--viz-soft);grid-column:1/3;overflow:hidden;border-radius:4px}
#dc-root .nutshell-bubble :is([data-viz-agebar]>i){display:block;height:100%;width:0;background:var(--viz-cool);transition:width .8s}
#dc-root .nutshell-bubble :is([data-viz-phase="1"] [data-viz-agebar]>i){width:40%}
#dc-root .nutshell-bubble :is([data-viz-phase="2"] [data-viz-agebar]>i){width:96.67%}
#dc-root .nutshell-bubble :is([data-viz-phase="3"] [data-viz-agebar]>i){width:100%}
#dc-root .nutshell-bubble :is([data-viz-agelimit]>span:last-child){grid-column:1/3}
#dc-root .nutshell-bubble :is([data-viz-separatehistory]){display:flex;align-items:center;gap:9px;padding-top:10px;margin-top:10px;border-top:1px dashed var(--viz-cool);font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-separatehistory]>svg){width:27px;height:33px}

/* Downloads: two origins converge on copies outside the browser's site-data boundary. */
#dc-root .nutshell-bubble :is([data-viz-downloadworld]){display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:10px;align-items:center}
#dc-root .nutshell-bubble :is([data-viz-downloadsources]){display:flex;flex-direction:column;gap:14px;min-width:0}
#dc-root .nutshell-bubble :is([data-viz-hostedsource]){padding:0 4px}
#dc-root .nutshell-bubble :is([data-viz-hostedsource]>svg){width:36px;height:36px;vertical-align:middle;margin-right:6px}
#dc-root .nutshell-bubble :is([data-viz-hostedsource]>span){font-size:13px}
#dc-root .nutshell-bubble :is([data-viz-hostedsource]>small){margin:5px 0 8px}
#dc-root .nutshell-bubble :is([data-viz-generatedsource] [data-viz-workspace]){padding:8px}
#dc-root .nutshell-bubble :is([data-viz-generatedsource] [data-viz-paper]){padding:6px}
#dc-root .nutshell-bubble :is([data-viz-downloadarrow]){font-size:29px;text-align:center}
#dc-root .nutshell-bubble :is([data-viz-finalfolder]){position:relative;min-width:0;text-align:center;border-top:3px double var(--viz-cool);padding-top:8px}
#dc-root .nutshell-bubble :is([data-viz-finalfolder]>svg){width:62px;height:54px;display:block;margin:0 auto 4px}
#dc-root .nutshell-bubble :is([data-viz-finalfolder]>span){font-size:13px}
#dc-root .nutshell-bubble :is([data-viz-savedcopies]){display:flex;flex-direction:column;gap:9px;padding:10px 0;min-height:124px}
#dc-root .nutshell-bubble :is([data-viz-finalfolder]>small){margin-top:4px}
#dc-root .nutshell-bubble :is([data-viz-sitedataclear]){border-top:1px dashed var(--viz-cool);margin-top:12px;padding-top:9px;font-size:12px;color:var(--viz-muted)}
#dc-root .nutshell-bubble :is([data-viz-phase="3"] [data-viz-generatedsource]){border-style:dashed;opacity:.5}

/* Finite action feedback. Hot increases the physical emphasis, not the amount of data. */
#dc-root .nutshell-bubble :is([data-viz-animate=true][data-viz-pulse="0"] [data-viz-value]){animation:viz-tap-a .55s ease-out both}
#dc-root .nutshell-bubble :is([data-viz-animate=true][data-viz-pulse="1"] [data-viz-value]){animation:viz-tap-b .55s ease-out both}
#dc-root .nutshell-bubble :is([data-viz-edition=hot][data-viz-animate=true][data-viz-pulse="0"] [data-viz-record],[data-viz-edition=hot][data-viz-animate=true][data-viz-pulse="0"] [data-viz-controlreceipt],[data-viz-edition=hot][data-viz-animate=true][data-viz-pulse="0"] [data-viz-dayticket]){animation:viz-stamp-a .65s cubic-bezier(.2,1.4,.5,1) both}
#dc-root .nutshell-bubble :is([data-viz-edition=hot][data-viz-animate=true][data-viz-pulse="1"] [data-viz-record],[data-viz-edition=hot][data-viz-animate=true][data-viz-pulse="1"] [data-viz-controlreceipt],[data-viz-edition=hot][data-viz-animate=true][data-viz-pulse="1"] [data-viz-dayticket]){animation:viz-stamp-b .65s cubic-bezier(.2,1.4,.5,1) both}
@keyframes viz-tap-a{from{filter:brightness(.75)}to{filter:brightness(1)}}
@keyframes viz-tap-b{from{filter:brightness(.75)}to{filter:brightness(1)}}
@keyframes viz-stamp-a{from{filter:drop-shadow(0 5px 0 #4b66713a)}to{filter:drop-shadow(0 0 0 transparent)}}
@keyframes viz-stamp-b{from{filter:drop-shadow(0 5px 0 #4b66713a)}to{filter:drop-shadow(0 0 0 transparent)}}
@container(max-width:440px){
#dc-root .nutshell-bubble :is([data-viz-world]){font-size:13px}
#dc-root .nutshell-bubble :is([data-viz-controls]){flex-wrap:wrap;margin-bottom:12px}
#dc-root .nutshell-bubble :is([data-viz-controls]>div){margin-left:auto}
#dc-root .nutshell-bubble :is([data-viz-caption]){min-height:4em}
#dc-root .nutshell-bubble :is([data-viz-metrics]){gap:12px}
#dc-root .nutshell-bubble :is([data-viz-workspace]){padding:9px}
#dc-root .nutshell-bubble :is([data-viz-mockpage]){height:180px}
#dc-root .nutshell-bubble :is([data-viz-pageheadline]){font-size:15px}
#dc-root .nutshell-bubble :is([data-viz-gauge]){padding:13px 0;display:block}
#dc-root .nutshell-bubble :is([data-viz-gauge]>strong){display:block;font-size:23px;margin-top:3px}
#dc-root .nutshell-bubble :is([data-viz-edition=hot] [data-viz-gauge]:first-of-type strong){font-size:29px}
#dc-root .nutshell-bubble :is([data-viz-gauge]>span){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-person]>svg){width:43px;height:43px}
#dc-root .nutshell-bubble :is([data-viz-person]>[data-viz-badge]){padding:3px;font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-turnstile]){gap:8px}
#dc-root .nutshell-bubble :is([data-viz-dayticket]){flex-basis:88px;min-height:125px;padding:9px}
#dc-root .nutshell-bubble :is([data-viz-dayticket]>strong){font-size:46px}
#dc-root .nutshell-bubble :is([data-viz-dayticket]>span){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-countboard]>strong){font-size:18px}
#dc-root .nutshell-bubble :is([data-viz-countboard]>span,[data-viz-countboard]>small){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-localwork]){gap:7px}
#dc-root .nutshell-bubble :is([data-viz-localwork]>[data-viz-paper]){padding:7px 4px;font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-localgear]){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-localgear]>svg){width:35px;height:35px}
#dc-root .nutshell-bubble :is([data-viz-localboundary]){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-storageplaces]){gap:8px;min-height:140px}
#dc-root .nutshell-bubble :is([data-viz-ruledrawer]){padding-left:8px}
#dc-root .nutshell-bubble :is([data-viz-savedrule]){flex-direction:column;align-items:flex-start}
#dc-root .nutshell-bubble :is([data-viz-memorycontents] [data-viz-paper]){flex-direction:column;align-items:flex-start;padding:7px 5px;font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-memoryempty],[data-viz-ruleempty]){font-size:11px;top:56px}
#dc-root .nutshell-bubble :is([data-viz-ruleempty]){left:8px}
#dc-root .nutshell-bubble :is([data-viz-downloadfolder]){grid-template-columns:35px minmax(0,1fr);gap:8px;min-height:115px}
#dc-root .nutshell-bubble :is([data-viz-downloadfolder]>svg){width:33px}
#dc-root .nutshell-bubble :is([data-viz-downloadcopy]){grid-column:1/3}
#dc-root .nutshell-bubble :is([data-viz-downloadcopy] [data-viz-paper]){font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-downloadempty]){bottom:18px;max-width:100%;font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-rulework],[data-viz-guidework]){gap:10px}
#dc-root .nutshell-bubble :is([data-viz-rulecard]){padding:8px}
#dc-root .nutshell-bubble :is([data-viz-rulecard] dt){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-rulecard] dd){font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-matching] code){font-size:13px}
#dc-root .nutshell-bubble :is([data-viz-copytext]){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-clipboard]){padding:4px}
#dc-root .nutshell-bubble :is([data-viz-guidetree]>div){padding:5px;font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-guideaddress] code){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-guideaddress]>small){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-monthgrid]){grid-template-columns:repeat(6,minmax(0,1fr))}
#dc-root .nutshell-bubble :is([data-viz-mailroutes]){gap:10px}
#dc-root .nutshell-bubble :is([data-viz-exception]){padding-left:10px}
#dc-root .nutshell-bubble :is([data-viz-routine]>span,[data-viz-exception]>span){font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-routine]>strong,[data-viz-exception]>strong){font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-providerrecords]){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-custodymap]){gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#dc-root .nutshell-bubble :is([data-viz-custodylocal]){min-height:213px}
#dc-root .nutshell-bubble :is([data-viz-custodylocal] [data-viz-paper]){flex-direction:column;align-items:flex-start}
#dc-root .nutshell-bubble :is([data-viz-inbox],[data-viz-providerstack]){grid-template-columns:1fr;gap:4px;font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-inbox]>svg,[data-viz-providerstack]>svg){grid-row:auto;width:27px;height:30px}
#dc-root .nutshell-bubble :is([data-viz-inbox] small,[data-viz-providerstack] small){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-externalstores]){gap:12px}
#dc-root .nutshell-bubble :is([data-viz-route]){gap:7px;padding:7px 2px;min-height:154px}
#dc-root .nutshell-bubble :is([data-viz-route]>svg){width:31px;height:36px}
#dc-root .nutshell-bubble :is([data-viz-route]>span){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-route]>small){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-destinations]){gap:6px}
#dc-root .nutshell-bubble :is([data-viz-routingquestion]){font-size:15px}
#dc-root .nutshell-bubble :is([data-viz-rails]){height:42px;margin:0 18%}
#dc-root .nutshell-bubble :is([data-viz-rails]>i){height:36px}
#dc-root .nutshell-bubble :is([data-viz-radiodevice]>svg){width:63px;height:63px}
#dc-root .nutshell-bubble :is([data-viz-radiodevice]>strong){min-width:74px;font-size:11px;padding:4px 5px}
#dc-root .nutshell-bubble :is([data-viz-radiowaves]){gap:3px;flex-basis:20%}
#dc-root .nutshell-bubble :is([data-viz-radionetwork]){gap:8px;min-height:185px}
#dc-root .nutshell-bubble :is([data-viz-station]>svg){width:45px;height:45px}
#dc-root .nutshell-bubble :is([data-viz-station]>small){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-machinerecord]){grid-template-columns:minmax(0,1fr);gap:14px}
#dc-root .nutshell-bubble :is([data-viz-vends]){gap:7px;min-height:75px}
#dc-root .nutshell-bubble :is([data-viz-vends]>[data-viz-label]){flex-basis:auto;margin:0 4px 0 0;font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-cantoken]){width:29px;height:41px;font-size:18px}
#dc-root .nutshell-bubble :is([data-viz-vends]>small){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-record] dt){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-record] dd){font-size:13px}
#dc-root .nutshell-bubble :is([data-viz-controlwork]){gap:10px}
#dc-root .nutshell-bubble :is([data-viz-mini-machine]){padding:8px}
#dc-root .nutshell-bubble :is([data-viz-keypad]){gap:3px;flex-wrap:wrap}
#dc-root .nutshell-bubble :is([data-viz-keypad]>button){flex:1 1 44px;min-width:44px}
#dc-root .nutshell-bubble :is([data-viz-scanner]){padding:7px 4px;font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-controlrecord]){flex-wrap:wrap;font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-controlreceipt]){padding:10px 5px;min-height:287px;transform:none}
#dc-root .nutshell-bubble :is([data-viz-controlreceipt]>strong){font-size:15px}
#dc-root .nutshell-bubble :is([data-viz-controlreceipt]>small,[data-viz-controlreceipt]>span){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-controlreceipt]>[data-viz-delete-confirm]){font-size:10px;padding:0 5px;min-width:0;max-width:100%}
#dc-root .nutshell-bubble :is([data-viz-deletionworld]){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#dc-root .nutshell-bubble :is([data-viz-deletionworld]>[data-viz-before]){grid-column:1;grid-row:1}
#dc-root .nutshell-bubble :is([data-viz-deletionworld]>[data-viz-after]){grid-column:2;grid-row:1}
#dc-root .nutshell-bubble :is([data-viz-deletionworld]>[data-viz-deletepath]){grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
#dc-root .nutshell-bubble :is([data-viz-deletionworld]>[data-viz-deletepath]>strong){margin-top:0;font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-deletepath]>svg){width:26px;height:33px}
#dc-root .nutshell-bubble :is([data-viz-deletepath]>strong){font-size:9px}
#dc-root .nutshell-bubble :is([data-viz-deletionworld] [data-viz-record]){padding:8px 5px}
#dc-root .nutshell-bubble :is([data-viz-deletionworld] [data-viz-receipttop]){font-size:10px;line-height:1.4}
#dc-root .nutshell-bubble :is([data-viz-deletionworld] dt){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-deletionworld] dd){font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-deletionworld] [data-viz-record]>small){font-size:9px}
#dc-root .nutshell-bubble :is([data-viz-flightpath]){gap:8px}
#dc-root .nutshell-bubble :is([data-viz-flightpath]>span){display:flex;flex-direction:column;gap:3px;font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-boardingpass] dl){gap:0 8px}
#dc-root .nutshell-bubble :is([data-viz-boardingpass] dt,[data-viz-boardingpass] dd){font-size:11px}
#dc-root .nutshell-bubble :is([data-viz-boardingpass]){padding:9px}
#dc-root .nutshell-bubble :is([data-viz-downloadworld]){gap:5px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}
#dc-root .nutshell-bubble :is([data-viz-downloadarrow]){font-size:23px}
#dc-root .nutshell-bubble :is([data-viz-downloadsources]){gap:12px}
#dc-root .nutshell-bubble :is([data-viz-hostedsource]>svg){width:30px;height:30px;display:block;margin:0 0 4px}
#dc-root .nutshell-bubble :is([data-viz-hostedsource]>span){font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-hostedsource]>small){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-hostedsource] [data-viz-paper],[data-viz-generatedsource] [data-viz-paper],[data-viz-finalfolder] [data-viz-paper]){font-size:11px;flex-direction:column;padding:7px 4px;gap:4px}
#dc-root .nutshell-bubble :is([data-viz-generatedsource] [data-viz-chrome]){font-size:10px;gap:4px;padding:6px}
#dc-root .nutshell-bubble :is([data-viz-generatedsource] [data-viz-chrome]>span:first-child){display:none}
#dc-root .nutshell-bubble :is([data-viz-finalfolder]>span){font-size:12px}
#dc-root .nutshell-bubble :is([data-viz-finalfolder]>small){font-size:10px}
#dc-root .nutshell-bubble :is([data-viz-finalfolder]>svg){width:51px;height:46px}
}
@container(max-width:280px){
#dc-root .nutshell-bubble :is([data-viz-controls]>[data-viz-play]){flex-basis:100%}
#dc-root .nutshell-bubble :is([data-viz-controls]>div){margin:0 auto}
}

/* Signal playback is finite, and earlier-request status remains visible after Off. */
#dc-root .nutshell-bubble :is([data-viz-topic=Radio][data-viz-phase="2"][data-viz-animate=true] [data-viz-radiowaves]>i){animation:viz-wave .9s ease-in-out 2}
@keyframes viz-wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1.1)}}
#dc-root .nutshell-bubble :is([data-viz-before]){position:relative}
#dc-root .nutshell-bubble [data-viz-before]::after{content:none;position:absolute;left:5%;right:5%;top:64px;padding:8px 4px;background:var(--viz-paper);border:2px solid var(--viz-cool);color:var(--viz-ink);font:600 12px/1.3 'Bricolage Grotesque',sans-serif;text-align:center;transform:rotate(-4deg);opacity:0;transition:opacity .35s}
#dc-root .nutshell-bubble [data-viz-phase="1"] [data-viz-before]::after,#dc-root .nutshell-bubble [data-viz-phase="2"] [data-viz-before]::after,#dc-root .nutshell-bubble [data-viz-phase="3"] [data-viz-before]::after{content:"Old record removed";opacity:1}

@media(prefers-reduced-motion:reduce){
#dc-root .nutshell-bubble [data-viz-topic] *,#dc-root .nutshell-bubble [data-viz-topic] *::before,#dc-root .nutshell-bubble [data-viz-topic] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}