.cpl-page{background:var(--bg);color:var(--ink);min-height:100svh;font-family:var(--font-body)}.cpl-page [id]{scroll-margin-top:112px}.cpl-head{padding:calc(64px + clamp(56px,8vh,112px)) 34px 0}.cpl-h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;max-width:17ch;margin:0;font-size:clamp(40px,5.6vw,88px);font-weight:600;line-height:.98}.cpl-h1-accent{background:linear-gradient(90deg,#e8889a 0%,#b58cd8 50%,#6f8fe6 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block}.cpl-head-row{border-bottom:1px solid #0b0b0b1f;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px;margin-top:clamp(28px,4vh,48px);padding-bottom:clamp(28px,4vh,44px);display:grid}.cpl-lede{letter-spacing:-.01em;color:#0b0b0bad;text-wrap:pretty;grid-column:5/span 7;max-width:52ch;margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.45}.cpl-meta{color:#0b0b0b80;flex-direction:column;grid-area:1/1/auto/span 3;gap:4px;margin:0;font-size:14px;line-height:1.4;display:flex}.cpl-body{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin:0 34px;padding-top:clamp(40px,6vh,72px);display:grid}.cpl-index{grid-column:1/span 3;align-self:start;position:sticky;top:104px}.cpl-index-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.cpl-index-link{min-height:40px;font-family:var(--font-display);letter-spacing:-.005em;color:#0b0b0b80;align-items:center;gap:12px;padding:0 12px 0 0;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.cpl-index-link:before{content:"";opacity:.5;background:currentColor;flex:none;width:14px;height:1px;transition:width .2s,opacity .2s}.cpl-index-link:hover,.cpl-index-link[aria-current=true]{color:var(--ink)}.cpl-index-link[aria-current=true]:before{opacity:1;width:28px}.cpl-index-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}.cpl-read{grid-column:5/span 8;min-width:0;max-width:70ch}.cpl-section{border-top:1px solid #0b0b0b1f;padding:clamp(28px,4vh,40px) 0 clamp(36px,5vh,56px)}.cpl-section:first-child{border-top:0;padding-top:0}.cpl-h2{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(28px,2.6vw,40px);font-weight:600;line-height:1.08}.cpl-section-body{margin-top:18px}.cpl-h3{font-family:var(--font-display);letter-spacing:-.015em;margin:30px 0 8px;font-size:clamp(18px,1.35vw,21px);font-weight:600;line-height:1.25}.cpl-p{letter-spacing:-.005em;color:#0b0b0bc7;margin:0 0 16px;font-size:17px;line-height:1.6}.cpl-p:last-child{margin-bottom:0}.cpl-ul{color:#0b0b0bc7;margin:0 0 16px;padding-left:20px;font-size:17px;line-height:1.6;list-style:outside}.cpl-ul li{margin:0 0 8px;padding-left:4px}.cpl-dl{border-top:1px solid #0b0b0b1f;margin:6px 0 16px}.cpl-dl-row{border-bottom:1px solid #0b0b0b1f;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:16px;padding:14px 0;display:grid}.cpl-dl dt{font-family:var(--font-display);color:#0b0b0b8c;margin:0;font-size:15px;font-weight:500;line-height:1.5}.cpl-dl dd{color:var(--ink);margin:0;font-size:17px;line-height:1.55}.cpl-link{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;align-items:center;gap:4px;margin-top:4px;font-size:17px;font-weight:500;text-decoration:none;display:inline-flex}.cpl-link:hover{text-underline-offset:4px;text-decoration:underline}.cpl-chev{font-family:var(--font-display);font-weight:500;transition:transform .2s;display:inline-block}.cpl-link:hover .cpl-chev{transform:translate(3px)}.cpl-draft{letter-spacing:.02em;color:#0b0b0b73;border-top:1px solid #0b0b0b1f;margin:clamp(40px,6vh,72px) 34px clamp(48px,7vh,96px);padding-top:20px;font-size:13px}@media (min-width:768px) and (max-width:1023px){.cpl-head{padding-top:120px}.cpl-h1{font-size:clamp(40px,7vw,64px)}.cpl-head-row{grid-template-columns:1fr;gap:16px}.cpl-lede,.cpl-meta{grid-area:auto/1}.cpl-meta{flex-flow:wrap;gap:4px 20px}.cpl-body{grid-template-columns:1fr;gap:28px}.cpl-index{scrollbar-width:none;grid-column:1;margin:0 -34px;padding:0 34px;position:static;overflow-x:auto}.cpl-index::-webkit-scrollbar{display:none}.cpl-index-list{gap:8px;width:max-content;display:flex}.cpl-index-link{min-height:40px;color:var(--ink);border-radius:980px;padding:0 16px;font-size:14px;box-shadow:inset 0 0 0 1px #0b0b0b24}.cpl-index-link:before{display:none}.cpl-index-link[aria-current=true]{background:var(--ink);color:#fff;box-shadow:none}.cpl-read{grid-column:1;max-width:70ch}}@media (max-width:767px){.cpl-page [id]{scroll-margin-top:88px}.cpl-head{padding:calc(52px + 12px + 32px + env(safe-area-inset-top))20px 0}.cpl-h1{max-width:none;font-size:clamp(34px,10.4vw,46px);line-height:1}.cpl-head-row{grid-template-columns:1fr;gap:14px;margin-top:22px;padding-bottom:22px}.cpl-lede,.cpl-meta{grid-area:auto/1}.cpl-lede{font-size:16px}.cpl-meta{flex-flow:wrap;gap:4px 16px;font-size:13px}.cpl-body{grid-template-columns:1fr;gap:20px;margin:0;padding-top:22px}.cpl-index{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;grid-column:1;padding:0 20px;scroll-padding-inline:20px;position:static;overflow-x:auto}.cpl-index::-webkit-scrollbar{display:none}.cpl-index-list{gap:8px;width:max-content;display:flex}.cpl-index-list li{scroll-snap-align:start}.cpl-index-link{min-height:44px;color:var(--ink);white-space:nowrap;border-radius:980px;padding:0 16px;font-size:14px;box-shadow:inset 0 0 0 1px #0b0b0b24}.cpl-index-link:before{display:none}.cpl-index-link[aria-current=true]{background:var(--ink);color:#fff;box-shadow:none}.cpl-read{grid-column:1;max-width:none;padding:0 20px}.cpl-section{padding:26px 0 32px}.cpl-h2{font-size:clamp(26px,7.2vw,32px)}.cpl-h3{margin-top:24px;font-size:18px}.cpl-p,.cpl-ul,.cpl-dl dd{font-size:16px}.cpl-dl-row{grid-template-columns:1fr;gap:4px;padding:12px 0}.cpl-draft{margin:32px 20px calc(48px + env(safe-area-inset-bottom))}}