#lab-addons{--lab-paper:var(--paper,#f5f3ea);--lab-ink:#291a2c;--lab-line:#d6d1c8;--lab-muted:#716771;--lab-lime:#def779;color:var(--lab-ink);background:var(--lab-paper);font-family:inherit;padding-block:72px;box-sizing:border-box}#lab-addons *{box-sizing:border-box}#lab-addons button{font:inherit;cursor:pointer;color:inherit}#lab-addons .eyebrow{font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 18px}#lab-addons h2{font-size:clamp(32px,5.6vw,48px);font-weight:500;letter-spacing:-.065em;line-height:1.08;margin:0;max-width:560px}#lab-addons .intro{font-size:15px;line-height:1.7;max-width:490px;margin:20px 0 30px}#lab-addons .choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}#lab-addons .choice{background:transparent;border:1px solid var(--lab-line);text-align:left;padding:16px 12px;min-width:0}#lab-addons .choice[aria-pressed=true]{background:var(--lab-lime);border-color:var(--lab-lime)}#lab-addons .choice strong{display:block;font-size:14px;font-weight:500;margin:13px 0 6px}#lab-addons .choice span{display:block;font-size:11px;line-height:1.5}#lab-addons .choice svg{width:20px;height:20px}#lab-addons .preview{background:#fff;border:1px solid var(--lab-line);color:#292729;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:335px}#lab-addons .appbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #e9e7e4;font-size:13px}#lab-addons .appbar span{font-size:11px;color:#777}#lab-addons .content{padding:25px 30px}#lab-addons .crumb{font-size:11px;color:#777;margin-bottom:14px}#lab-addons h3{font-size:23px;letter-spacing:-.04em;font-weight:500;margin:0 0 10px}#lab-addons .meta{font-size:11px;color:#777;line-height:1.7;margin:0 0 20px}#lab-addons .bodytext{font-size:13px;line-height:1.7;margin:12px 0}#lab-addons .doc-section{font-size:14px;font-weight:500;margin:18px 0 10px}#lab-addons .check{display:flex;align-items:flex-start;gap:9px;font-size:12px;margin:9px 0;line-height:1.5}#lab-addons .check input{accent-color:#39333a;margin-top:3px}#lab-addons .caption{display:flex;justify-content:space-between;gap:20px;padding:16px 0 25px;font-size:12px;line-height:1.6}#lab-addons .caption small{font-size:11px;color:var(--lab-muted);display:block;margin-top:4px}#lab-addons .caption .platform{white-space:nowrap;font-size:11px}#lab-addons .more{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--lab-line);padding-top:23px}#lab-addons .more p{font-size:12px;line-height:1.7;margin:0;color:var(--lab-muted)}#lab-addons .text-action{border:0;border-bottom:1px solid currentColor;padding:7px 0;background:transparent;white-space:nowrap;font-size:12px}#lab-addons .schedule-row{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid #e9e7e4;font-size:12px}#lab-addons .schedule-row strong{font-weight:500;display:block;margin-bottom:5px}#lab-addons .schedule-row small{font-size:11px;color:#777}#lab-addons .date{font-size:18px;line-height:1.2}#lab-addons .date small{display:block;margin-top:3px}#lab-addons .tag{background:#f1f0ed;padding:4px 6px;font-size:10px;color:#656065}#lab-addons .milestone{display:grid;grid-template-columns:18px 1fr auto;border-top:1px solid #e9e7e4;padding:13px 0;gap:10px;font-size:12px}#lab-addons .note{border-bottom:1px solid #e9e7e4;padding:13px 0;font-size:13px;line-height:1.7}#lab-addons .note small{font-size:11px;color:#777;display:block}#lab-addons .catalog{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}#lab-addons .catalog[hidden]{display:none}#lab-addons .catalog-item{border-top:1px solid var(--lab-line);padding:14px 0}#lab-addons .catalog-item strong{font-size:13px;font-weight:500}#lab-addons .catalog-item p{font-size:12px;line-height:1.6;margin:5px 0;color:var(--lab-muted)}
@media(max-width:520px){#lab-addons{padding-block:44px}#lab-addons .choices{grid-template-columns:1fr 1fr}#lab-addons .choice{padding:12px}#lab-addons .choice strong{margin-top:8px}#lab-addons .content{padding:22px 17px}#lab-addons .caption,#lab-addons .more{flex-direction:column;gap:8px;align-items:flex-start}#lab-addons .schedule-row{grid-template-columns:40px 1fr}#lab-addons .schedule-row>.tag{display:none}#lab-addons .milestone{grid-template-columns:18px 1fr}#lab-addons .milestone>span:last-child{grid-column:2}#lab-addons .catalog{grid-template-columns:1fr}}

#lab-addons[hidden],#lab-addons [hidden]{display:none!important}
#lab-addons .choices{margin-top:30px}
#lab-addons .choice:focus-visible,#lab-addons .text-action:focus-visible{outline:2px solid var(--lab-ink);outline-offset:4px}
#lab-addons .choice:hover{border-color:var(--lab-ink)}
#lab-addons .preview{max-width:100%;min-height:350px}
#lab-addons .content{max-width:none;margin-inline:0}
#lab-addons .catalog-item small{display:block;font-size:11px;line-height:1.6;color:var(--lab-muted);margin-top:6px}

#lab-addons .caption .platform{white-space:normal;max-width:240px}
/* The added section link must wrap on narrow screens. */
.theme-lab .section-links{flex-wrap:wrap}

/* Keep the examples readable instead of stretching across large displays. */
#lab-addons{max-width:1120px}
@media(min-width:900px){
  #lab-addons .addons-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px}
  #lab-addons .intro{margin:0;max-width:410px}
  #lab-addons .content{padding:30px 40px}
}