.pd{border:1px solid var(--color-hairline);background:var(--color-canvas);border-radius:10px;margin:0;padding:1.5rem}.pd-cap{font-size:var(--text-fine);color:var(--color-ink-50);margin-top:1.25rem}.pd-h{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--text-fine);letter-spacing:.02em;color:var(--color-ink-70);margin:0 0 .75rem}.pd ul,.pd ol{margin:0;padding:0;list-style:none}.pd-gap{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.pd-list li{font-size:var(--text-caption);border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin-bottom:.4rem;padding:.55rem .75rem;display:flex}.pd-on{background:var(--color-navy);color:var(--color-on-dark)}.pd-off{border:1px dashed var(--color-hairline-strong);color:var(--color-ink-50)}.pd-note{font-size:var(--text-fine)}.pd-steps{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pd-node{font-size:var(--text-caption);background:var(--color-mist);color:var(--color-ink);border-radius:6px;padding:.6rem .85rem}.pd-q{background:var(--color-navy-100);color:var(--color-navy);font-weight:600}.pd-arrow{background:var(--color-hairline-strong);width:1.5rem;height:1px;position:relative}.pd-arrow:after{content:"";border-left:6px solid var(--color-hairline-strong);border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;position:absolute;top:-3px;right:-1px}.pd-ends{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem;display:grid}.pd-end{font-size:var(--text-caption);border-radius:6px;padding:1rem}.pd-end p{margin:0}.pd-end .pd-h{margin-bottom:.4rem}.pd-end-bad{border:1px dashed var(--color-hairline-strong);color:var(--color-ink-70)}.pd-end-good{background:var(--color-navy);color:var(--color-on-dark)}.pd-end-good .pd-h{color:var(--color-navy-200)}.pd-inbox{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.pd-mail li{border-bottom:1px solid var(--color-hairline);font-size:var(--text-caption);color:var(--color-ink-50);padding:.55rem .75rem}.pd-mail li.pd-work{color:var(--color-navy);font-weight:600}.pd-form{border:1px solid var(--color-hairline-strong);border-radius:6px;padding:.4rem .85rem}.pd-form p{border-bottom:1px solid var(--color-hairline);font-size:var(--text-caption);color:var(--color-ink-70);justify-content:space-between;gap:.75rem;margin:0;padding:.5rem 0;display:flex}.pd-field{color:var(--color-ink);text-align:right}.pd-form .pd-send{color:var(--color-navy);border:0;font-weight:600}.pd-clock{height:1.25rem;margin:0 2.25rem 1rem 0;position:relative}.pd-clock span{white-space:nowrap;font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--text-fine);color:var(--color-ink-50);position:absolute;transform:translate(-50%)}.pd-clock span:first-child{transform:none}.pd-lane{margin-top:1rem}.pd-lane .pd-h{margin-bottom:.5rem}.pd-track{background:var(--color-mist-200);border-radius:5px;height:10px;margin-right:2.25rem;position:relative}.pd-track b{background:var(--color-ink-50);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%}.pd-track b.pd-done{background:var(--color-navy);box-shadow:0 0 0 4px var(--color-navy-100)}.pd-wait{background:repeating-linear-gradient(90deg, var(--color-ink-50) 0 6px, transparent 6px 11px);opacity:.55;border-radius:5px;position:absolute;top:0;bottom:0}.pd-lane-note{font-size:var(--text-caption);color:var(--color-ink-70);margin:.5rem 0 0}.pd-keys{border-collapse:collapse;width:100%;font-size:var(--text-caption)}.pd-keys th,.pd-keys td{border-bottom:1px solid var(--color-hairline);text-align:left;padding:.55rem .5rem}.pd-keys thead th{font-family:var(--font-mono,ui-monospace, monospace);font-weight:400;font-size:var(--text-fine);color:var(--color-ink-70)}.pd-keys tbody th{color:var(--color-ink);font-weight:500}.pd-keys .pd-tag{white-space:normal}.pd-tag{border:1px dashed var(--color-hairline-strong);color:var(--color-ink-50);white-space:nowrap;border-radius:6px;padding:.2rem .55rem;display:inline-block}.pd-tag-you{background:var(--color-navy);color:var(--color-on-dark);border:0}@media (width<=560px){.pd{padding:1.1rem}.pd-gap,.pd-inbox,.pd-ends{grid-template-columns:1fr}.pd-gap{grid-template-columns:1fr 1fr;gap:.6rem}.pd-list li{padding:.5rem .55rem}.pd-steps{flex-direction:column;align-items:stretch}.pd-arrow{width:1px;height:1rem;margin-left:1rem}.pd-arrow:after{border-left:3.5px solid #0000;border-right:3.5px solid #0000;border-top:6px solid var(--color-hairline-strong);border-bottom:0;inset:auto auto -1px -3px}.pd-keys .pd-tag{font-size:var(--text-fine)}.pd-clock span:nth-child(3){display:none}}