.d2-dc{--d2-mono:var(--font-jbm,ui-monospace), ui-monospace, SFMono-Regular, Menlo, monospace}.d2-dc-filter{flex-wrap:wrap;gap:6px;margin-bottom:40px;display:flex}.d2-dc-chip{border:1px solid hsl(var(--site-ink) / .18);background:hsl(var(--site-surface));min-height:40px;color:hsl(var(--site-ink));cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color .2s var(--d2-ease), border-color .2s var(--d2-ease), color .2s var(--d2-ease);border-radius:999px;padding:0 12px;font-size:14px;font-weight:500}.d2-dc-chip:hover{border-color:hsl(var(--site-brand-text) / .6)}.d2-dc-chip[aria-pressed=true]{border-color:hsl(var(--d2-ob));background:hsl(var(--d2-ob));color:hsl(var(--d2-ob-ink))}.d2-dc-chip:focus-visible,.d2-dc-kids-btn:focus-visible{outline:2px solid hsl(var(--site-brand-text));outline-offset:2px}.d2-dc-list{-moz-column-gap:56px;border-top:1px solid hsl(var(--site-ink));grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;display:grid}.d2-dc-row{-moz-column-gap:20px;border-bottom:1px solid hsl(var(--site-line));grid-template-columns:64px minmax(0,1fr);align-items:start;column-gap:20px;padding:24px 0;display:grid;position:relative}.d2-dc-ico{width:64px;height:64px;transition:translate .4s var(--d2-ease);margin-top:-6px}.d2-dc-row:hover .d2-dc-ico{translate:0 -3px}.d2-dc-meta{font:500 12px/1.3 var(--d2-mono);letter-spacing:.02em;color:hsl(var(--site-ink-3));flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.d2-dc-tag{background:hsl(var(--site-brand-text) / .1);color:hsl(var(--site-brand-text));border-radius:999px;padding:3px 9px}.d2-dc-row h3{margin-top:8px;font-size:19px;font-weight:600;line-height:1.3}.d2-dc-title{color:hsl(var(--site-ink));transition:color .2s var(--d2-ease)}.d2-dc-title:after{content:"";position:absolute;inset:0}.d2-dc-row:hover .d2-dc-title{color:hsl(var(--site-brand-text))}.d2-dc-title:focus-visible{outline:none}.d2-dc-title:focus-visible:after{outline:2px solid hsl(var(--site-brand-text));outline-offset:-2px}.d2-dc-desc{max-width:46ch;color:hsl(var(--site-ink-2));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.d2-dc-act{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.d2-dc-more{color:hsl(var(--site-brand-text));align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.d2-dc-more svg{width:16px;height:16px;transition:translate .3s var(--d2-ease)}.d2-dc-row:hover .d2-dc-more svg{translate:4px}.d2-dc-kids-btn{z-index:1;min-height:40px;color:hsl(var(--site-ink-2));cursor:pointer;align-items:center;gap:6px;padding:0 2px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.d2-dc-kids-btn:hover{color:hsl(var(--site-ink))}.d2-dc-kids-btn svg{width:16px;height:16px;transition:rotate .3s var(--d2-ease)}.d2-dc-kids-btn[aria-expanded=true] svg{rotate:180deg}.d2-dc-kids{z-index:1;background:hsl(var(--site-brand-text) / .06);counter-reset:d2dc;border-radius:12px;margin-top:8px;padding:6px 16px;position:relative}.d2-dc-kids>li{color:hsl(var(--site-ink-2));counter-increment:d2dc;grid-template-columns:28px minmax(0,1fr);padding:8px 0;font-size:14px;line-height:1.45;display:grid}.d2-dc-kids>li+li{border-top:1px solid hsl(var(--site-brand-text) / .12)}.d2-dc-kids>li:before{content:counter(d2dc, decimal-leading-zero);font:500 12px/1.9 var(--d2-mono);color:hsl(var(--site-ink-3))}.d2-dc-note{text-align:center;max-width:72ch;color:hsl(var(--site-ink-3));margin:32px auto 0;font-size:13px;line-height:1.55}.d2-dc .d2-dc-promo{margin-top:64px}@media (max-width:1023px){.d2-dc-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.d2-dc-filter{margin:0 calc(-1 * var(--d2-pad)) 28px;padding:0 var(--d2-pad) 4px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--d2-pad);flex-wrap:nowrap;overflow-x:auto}.d2-dc-filter::-webkit-scrollbar{display:none}.d2-dc-chip{scroll-snap-align:start;flex:none}.d2-dc-row{-moz-column-gap:14px;grid-template-columns:48px minmax(0,1fr);column-gap:14px;padding:20px 0}.d2-dc-ico{width:48px;height:48px;margin-top:-2px}.d2-dc-row h3{font-size:17px}}@media (prefers-reduced-motion:reduce){.d2-dc-ico,.d2-dc-more svg,.d2-dc-kids-btn svg,.d2-dc-chip,.d2-dc-title{transition:none}}