.product-build-note{--note-blue: #0047ff;--note-ink: #0a0a0a;--note-muted: #595959;--note-paper: #f5f3ee;--note-rule: #d8d5cf;color:var(--note-ink);background:#fff}.product-build-note *,.product-build-note *:before,.product-build-note *:after{box-sizing:border-box}.product-build-note ::selection{color:#fff;background:#0038cc}.product-build-note h1,.product-build-note h2,.product-build-note h3{font-family:Space Grotesk,Inter,sans-serif}.product-build-note a,.product-build-note summary{-webkit-tap-highlight-color:rgb(0 71 255 / .14)}.product-build-note a:focus-visible,.product-build-note summary:focus-visible{outline:2px solid var(--note-blue);outline-offset:4px}.product-build-note svg{flex-shrink:0;width:17px;height:17px}.build-note-container{width:min(100% - 40px,1080px);margin-inline:auto}.build-note-header{padding:90px 0 28px;background:var(--note-paper)}.build-note-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px;margin-bottom:18px;font-size:12px}.build-note-back{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--note-blue)}.build-note-languages{display:flex;gap:20px;flex-wrap:wrap}.build-note-languages a{display:inline-flex;align-items:center;min-height:44px;color:var(--note-muted)}.build-note-languages a[aria-current]{color:var(--note-blue);text-decoration:underline;text-underline-offset:6px}.build-note-hero{display:grid;gap:24px}.build-note-intro{min-width:0}.build-note-intro h1{margin:0;max-width:24ch;font-size:clamp(31px,4.2vw,54px);font-weight:600;line-height:1.09;letter-spacing:-.035em;text-wrap:balance}.build-note-description{max-width:65ch;margin:18px 0 12px;color:var(--note-muted);font-size:16px;line-height:1.7}.build-note-byline{display:flex;flex-wrap:wrap;gap:0 22px;margin-bottom:15px;color:var(--note-muted);font-size:12px;line-height:1.7}.build-note-byline span{display:flex;flex-wrap:wrap;align-items:center;column-gap:4px}.build-note-byline a{display:inline-flex;align-items:center;min-height:44px;color:var(--note-blue);text-decoration:underline;text-underline-offset:4px}.build-note-byline time{font-variant-numeric:tabular-nums}.build-note-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:12px 18px;color:#fff;background:var(--note-blue);border-radius:12px;font-size:14px;font-weight:600;text-align:center}.build-note-primary:hover{background:#0038cc}.build-note-role{margin-top:24px;padding-top:16px;border-top:1px solid var(--note-rule)}.build-note-role h2{margin:0 0 7px;font-size:16px;font-weight:600;line-height:1.4}.build-note-role p{max-width:68ch;margin:0;color:var(--note-muted);font-size:13px;line-height:1.7}.build-note-figure{margin:0;min-width:0;display:grid;justify-items:center;align-content:start;gap:12px}.build-note-figure img{display:block;width:auto;max-width:100%;height:290px;object-fit:contain;border-radius:16px}.build-note-figure figcaption{max-width:40ch;color:var(--note-muted);font-size:11px;line-height:1.6;text-align:center}.build-note-body{padding-block:30px;max-width:820px}.build-note-section{margin-bottom:30px}.build-note-section>h2{margin:0 0 15px;font-size:clamp(24px,3vw,31px);font-weight:600;letter-spacing:-.025em;line-height:1.2}.build-note-section>p,.build-note-flow p,.build-note-decisions p{max-width:70ch;margin:0;color:var(--note-muted);font-size:15px;line-height:1.75}.build-note-flow{margin:0;padding-left:23px}.build-note-flow li{padding-left:8px}.build-note-flow li+li{margin-top:18px}.build-note-flow li::marker{color:var(--note-blue);font-variant-numeric:tabular-nums;font-size:15px}.build-note-flow h3{margin:0 0 5px;font-size:17px;font-weight:600;line-height:1.4}.build-note-decisions details{border-top:1px solid var(--note-rule)}.build-note-decisions details:last-child{border-bottom:1px solid var(--note-rule)}.build-note-decisions summary,.build-note-sources summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding-block:10px;cursor:pointer;font-size:15px;font-weight:600;line-height:1.55;list-style:none}.build-note-decisions summary::-webkit-details-marker,.build-note-sources summary::-webkit-details-marker{display:none}.build-note-decisions summary svg,.build-note-sources summary svg{color:var(--note-blue)}.build-note-decisions details[open] summary svg,.build-note-sources[open] summary svg{transform:rotate(180deg)}.build-note-decisions details>p{padding-bottom:18px;font-size:14px}.build-note-sources{border-top:1px solid var(--note-rule)}.build-note-sources p,.build-note-disclosure,.build-note-scope{color:var(--note-muted);font-size:12px;line-height:1.7}.build-note-scope{margin:0 0 16px}.build-note-sources p{margin:0 0 9px}.build-note-sources ul{padding:0;margin:0 0 12px;list-style:none}.build-note-sources a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--note-blue);font-size:13px;overflow-wrap:anywhere}.build-note-disclosure{margin:14px 0 22px}.build-note-related{display:grid;gap:0 24px;border-top:1px solid var(--note-rule);padding-top:8px}.build-note-related a{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding-block:8px;color:var(--note-blue);font-size:13px;line-height:1.6}.product-build-note a:hover{text-decoration:underline;text-underline-offset:4px}.product-build-note .build-note-primary:hover{text-decoration:none}@media(min-width:600px){.build-note-container{width:min(100% - 64px,1080px)}.build-note-header{padding-top:112px}.build-note-body{padding-block:42px}.build-note-section{margin-bottom:36px}}@media(min-width:760px){.build-note-hero{grid-template-columns:minmax(0,1fr) minmax(190px,.4fr);align-items:start;gap:7%}.build-note-figure img{height:470px;max-width:100%}.build-note-topline{margin-bottom:28px}.build-note-header{padding-bottom:42px}.build-note-role{margin-top:26px}.build-note-related{grid-template-columns:minmax(0,.5fr) minmax(0,1fr)}}
