.di{box-sizing:border-box;color:#1b2a3a;width:100%;font-family:Archivo Variable,system-ui,sans-serif;line-height:1.4;container:di/inline-size}.di *,.di :before,.di :after{box-sizing:border-box}.di p{margin:0}:where(.di) button{font:inherit;color:inherit}.di-app{background:#fff;border:1px solid #c9d3dc;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:600px;display:grid}.di-list{contain:size;border-right:1px solid #c9d3dc;flex-direction:column;min-width:0;min-height:0;display:flex}.di-top{background:#f6f8fa;border-bottom:1px solid #c9d3dc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 14px;display:flex}.di-hd{margin:-4px 0 -4px -2px;padding:4px 8px 4px 14px;position:relative}.di-title{font-variation-settings:"wdth" 110;font-size:17px;font-weight:800}.di-sum{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;font-weight:600;display:flex}.di-summary{color:#5a6b7c}.di-pill{border:1px solid #0000;border-radius:10px;padding:2px 8px}.di-pill--green{color:#1f5e33;background:#e2f3e6;border-color:#a3d2af}.di-runw{padding-left:14px;display:inline-flex;position:relative}.di-run{cursor:pointer;background:#ffc20e;border:2px solid #1b2a3a;border-radius:4px;min-height:44px;padding:0 14px;font-weight:700}.di-run[aria-disabled=true]{color:#5a6b7c;cursor:default;background:#fff}.di-rowsw{flex-direction:column;flex:1;min-height:0;padding-top:14px;display:flex;position:relative}.di-rows{flex:1;min-height:0;margin:0;padding:0;scroll-padding-block:8px;list-style:none;overflow-y:auto}.di-row{text-align:left;cursor:pointer;background:#fff;border-top:0;border-bottom:1px solid #d6dde4;border-left:3px solid #0000;border-right:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head""subject tag""snippet snippet";gap:4px 10px;width:100%;margin:0;padding:12px 14px;display:grid}.di-row[aria-pressed=true]{background:#f2f6fa;border-left-color:#2f5d8a;box-shadow:inset 0 0 0 1px #97a5b3}.di-row:hover{background:#f6f8fa}.di-row:focus-visible{outline-offset:-3px;outline:3px solid #2f5d8a}.di-r1{grid-area:head;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.di-from{color:#5a6b7c;overflow-wrap:break-word;min-width:0;font-size:12px;font-weight:500}.di-time{color:#5a6b7c;flex:none;font-size:11px}.di-subj{overflow-wrap:break-word;grid-area:subject;font-size:14px;font-weight:650}.di-snip{color:#5a6b7c;white-space:nowrap;text-overflow:ellipsis;grid-area:snippet;font-size:12px;overflow:hidden}.di-lab,.di-wait{color:#41505f;white-space:nowrap;background:#f6f8fa;border:1px solid #d0d7de;border-radius:4px;grid-area:tag;place-self:start end;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.35;display:inline-block}.di-lab--green{color:#1f5e33;background:#e2f3e6;border-color:#a3d2af}.di-wait{font-weight:400}.di-detail{background:#fff;flex-direction:column;min-width:0;min-height:0;padding:16px 18px;display:flex;overflow-y:auto}.di-dh{font-variation-settings:"wdth" 80;letter-spacing:.04em;text-transform:uppercase;color:#5a6b7c;font-size:12px;font-weight:700}.di-dsubj{font-variation-settings:"wdth" 105;margin:2px 0;font-size:20px;font-weight:800;line-height:1.15}.di-dsubj:focus{outline:none}.di-dsubj:focus-visible{outline-offset:2px;outline:3px solid #2f5d8a}.di-dfrom{color:#41505f;font-size:14px}.di-body{color:#2f3f4f;background:#fafbfc;border:1px solid #d6dde4;border-radius:4px;margin:10px 0 14px;padding:10px 12px;font-size:14px}.di-score{background:#fff;border:2px solid #1b2a3a;border-radius:6px;padding:12px}.di-sh{font-variation-settings:"wdth" 100;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:800;display:flex}.di-sample{color:#92400e;white-space:nowrap;vertical-align:middle;background:#fef3c7;border:1px solid #fde68a;border-radius:5px;align-items:center;height:20px;margin-left:8px;padding:0 7px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.di-px{margin:0;padding:0 0 0 14px;position:relative}.di-dec{align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.di-chip{border-radius:4px;padding:3px 10px;font-size:13px;font-weight:800}.di-chip--red{color:#8a2a1d;background:#fde6e3}.di-chip--green{color:#1f5e33;background:#e2f3e6}.di-chip--gray{color:#41505f;background:#eef1f4}.di-chip--amber{color:#7a5a00;background:#fff4d6}.di-meter{background:#e8edf1;border-radius:5px;flex:1;height:10px;overflow:hidden}.di-meter i{background:#1b2a3a;height:100%;display:block}.di-sig{grid-template-columns:130px minmax(0,1fr) 38px;align-items:center;gap:8px;margin:3px 0;font-size:12px;display:grid}.di-sig code{color:#2f3f4f;overflow-wrap:anywhere;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px}.di-sig b{font-variation-settings:"wdth" 80;text-align:right}.di-foot{color:#5a6b7c;margin-top:10px;font-size:12px}.di-why{color:#2f3f4f;border-top:1px solid #e1e7ec;margin-top:10px;padding-top:8px;font-size:13px;font-weight:600}.di-pin{z-index:6;color:#1b2a3a;font-variation-settings:"wdth" 75;cursor:pointer;background:#ffc20e;border:2px solid #1b2a3a;border-radius:12px;place-items:center;width:24px;height:24px;margin:0;padding:0;font-family:Archivo Variable,system-ui,sans-serif;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;top:-12px;left:-12px;box-shadow:0 1px 3px #1b2a3a4d}.di-pin:after{content:"";border-radius:50%;position:absolute;inset:-10px}.di-pin[aria-pressed=true]{color:#ffc20e;background:#1b2a3a}.di-pin:focus-visible{outline-offset:2px;outline:3px solid #2f5d8a}.di-hd>.di-pin,.di-runw>.di-pin,.di-px>.di-pin{top:calc(50% - 12px)}.di-rowsw>.di-pin{left:0}.di-part--on{outline-offset:2px;outline:3px solid #ffc20e}.di-cap{background:#fff;border:1px solid #c9d3dc;grid-template-columns:270px minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:12px;padding:18px 22px;display:grid;overflow-y:auto}.di-nav{align-items:center;gap:12px;margin-bottom:10px;display:flex}.di-step{color:#1b2a3a;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:2px solid #1b2a3a;border-radius:4px;place-items:center;padding:0;font-size:22px;font-weight:800;line-height:1;display:inline-grid}.di-step:focus-visible{outline-offset:2px;outline:3px solid #2f5d8a}.di-count{font-variation-settings:"wdth" 75;color:#5a6b7c;font-size:14px;font-weight:600}.di-ct{font-variation-settings:"wdth" 105;letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800;line-height:1.1}.di-k{font-variation-settings:"wdth" 75;letter-spacing:.04em;text-transform:uppercase;color:#5a6b7c;margin:0 0 4px;font-size:13px;font-weight:700;display:block}.di-t{margin:0;font-size:16px;line-height:1.45}.di-close,.di-hint{display:none}@container di (width<761px){.di-app{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:507px;position:relative}.di-list{border-right:0;grid-area:1/1}.di-hint{color:#41505f;background:#f6f8fa;border-top:1px solid #c9d3dc;padding:8px 14px;font-size:13px;font-weight:600;display:block}.di-detail{display:none}.di-detail--open{z-index:10;grid-area:1/1;padding:56px 12px 16px;display:flex;position:relative;box-shadow:0 0 0 1px #c9d3dc}.di-app:has(>.di-detail--open)>.di-list{visibility:hidden}.di-close{z-index:11;color:#1b2a3a;cursor:pointer;background:#fff;border:2px solid #1b2a3a;border-radius:4px;place-items:center;width:44px;height:44px;padding:0;font-size:26px;font-weight:800;line-height:1;display:grid;position:absolute;top:6px;right:6px}.di-close:focus-visible{outline-offset:2px;outline:3px solid #2f5d8a}.di-sig{grid-template-columns:112px minmax(0,1fr) 34px}.di-cap{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;margin-top:10px;padding:12px 14px 14px}.di-nav{margin-bottom:2px}.di-ct{font-variation-settings:"wdth" 90;font-size:21px}.di-k{margin-bottom:2px;font-size:12px}.di-t{font-size:14.5px;line-height:1.42}}@container di (width<300px){.di-app{min-height:745px}.di-sum{justify-items:start;display:grid}}@container di (not (width<300px)) and (width<400px){.di-app{min-height:642px}}@container di (not (width<400px)) and (width<560px){.di-app{min-height:584px}}@container di (not (width<900px)) and (width<1040px){.di-app{min-height:544px}}@container di not (width<1040px){.di-app{min-height:525px}}@container di (not (width<560px)) and (width<761px){.di-app{min-height:525px}}@container di (not (width<761px)) and (width<900px){.di-app{min-height:564px}}@media (prefers-reduced-motion:reduce){.di *{transition:none!important}}
