[data-lp] .bl-article{padding-block-start:var(--lp-s6)}[data-lp] .bl-layout{gap:var(--lp-s7);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}[data-lp] .bl-main{gap:var(--lp-s6);inline-size:100%;min-inline-size:0;max-inline-size:42rem;margin-inline:auto;display:grid}@container lp (min-width:64rem){[data-lp] .bl-layout{gap:var(--lp-s7);grid-template-columns:minmax(0,1fr) minmax(0,42rem) minmax(0,1fr)}[data-lp] .bl-layout>.bl-main{grid-area:1/2}[data-lp] .bl-layout>.bl-toc{grid-area:1/1}[data-lp] .bl-layout>.bl-side{grid-area:1/3}}[data-lp] .bl-progress{z-index:40;background-color:color-mix(in oklab, var(--c-border) 70%, transparent);pointer-events:none;block-size:2px;position:fixed;inset-block-start:0;inset-inline:0}[data-lp] .bl-progress i{background-color:var(--c-link);block-size:100%;transform-origin:var(--bl-origin,right);display:block;transform:scaleX(0)}[data-lp][dir=ltr] .bl-progress i{--bl-origin:left}@supports (animation-timeline:scroll()){[data-lp] .bl-progress i{animation:linear both bl-read;animation-timeline:scroll(root)}}@keyframes bl-read{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-lp] .bl-head{gap:var(--lp-s4);justify-items:start;scroll-margin-block-start:var(--lp-s9);display:grid}[data-lp] .bl-pill,[data-lp] .bl-kicker{padding-inline:var(--lp-s2);border-radius:var(--r-chip);background-color:color-mix(in oklab, var(--c-link) 12%, var(--c-surface));color:var(--c-link);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));font-weight:var(--w-strong);justify-self:start;align-items:center;line-height:1.8;display:inline-flex}[data-lp] .bl-kicker{background-color:#0000;padding-inline:0}[data-lp] .bl-title{color:var(--c-text)}[data-lp] .bl-lede{color:var(--c-muted);margin:0}[data-lp] .bl-meta{align-items:center;gap:var(--lp-s1) var(--lp-s3);flex-wrap:wrap;margin:0;display:flex}[data-lp] .bl-meta>*+:before{content:"·";margin-inline-end:var(--lp-s3)}[data-lp] .bl-meta>.bl-by+:before{content:none}[data-lp] .bl-meta .rl-person b{color:var(--c-text);font-weight:var(--w-strong)}[data-lp] .bl-cover{inline-size:100%;margin-block-start:var(--lp-s2)}[data-lp] .bl-toc{display:none}@container lp (min-width:64rem){[data-lp] .bl-toc{gap:var(--lp-s2);justify-self:start;max-inline-size:15rem;display:grid;position:sticky;inset-block-start:var(--lp-s9)}[data-lp] .bl-toc-fold{display:none}}[data-lp] .bl-toc>b{color:var(--c-text);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));font-weight:var(--w-strong)}[data-lp] :is(.bl-toc-list,.bl-fold-list){gap:var(--lp-s1);margin:0;padding:0;list-style:none;display:grid}[data-lp] :is(.bl-toc-list,.bl-fold-list) a{padding-block:var(--lp-s1);padding-inline:var(--lp-s3) 0;border-inline-start:2px solid var(--c-border);color:var(--c-muted);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));line-height:1.5;text-decoration:none;display:block}[data-lp] :is(.bl-toc-list,.bl-fold-list) [data-level="3"] a{padding-inline-start:var(--lp-s5)}[data-lp] .bl-toc-list a[aria-current]{border-color:var(--c-link);color:var(--c-text);font-weight:var(--w-strong)}@media (hover:hover){[data-lp] :is(.bl-toc-list,.bl-fold-list) a:hover{color:var(--c-text)}}[data-lp] .bl-fold{border:1px solid var(--c-border);border-radius:var(--r-card);background-color:var(--c-surface)}[data-lp] .bl-fold>summary{justify-content:space-between;align-items:center;gap:var(--lp-s3);padding-block:var(--lp-s3);padding-inline:var(--lp-s4);color:var(--c-text);font-weight:var(--w-strong);cursor:pointer;list-style:none;display:flex}[data-lp] .bl-fold>summary::-webkit-details-marker{display:none}[data-lp] .bl-fold>summary:after{content:"+";color:var(--c-link);font-size:calc(var(--lp-fs-1) * var(--k-text));line-height:1}[data-lp] .bl-fold[open]>summary:after{content:"−"}[data-lp] .bl-fold>:not(summary){padding-block:0 var(--lp-s4);padding-inline:var(--lp-s4)}[data-lp] .bl-body{gap:var(--lp-s5);min-inline-size:0;display:grid}[data-lp] .bl-text{gap:var(--lp-s4);min-inline-size:0;display:grid}[data-lp] .bl-text .dp-prose{gap:var(--lp-s4);color:var(--c-text);font-size:max(16px, calc(var(--lp-fs-0) * var(--k-text)));line-height:max(1.9, var(--lh-body));display:grid}[data-lp] .bl-text .dp-prose :is(ul,ol){gap:var(--lp-s2);padding-inline-start:var(--lp-s5);display:grid}[data-lp] .bl-text .dp-prose ul{list-style:outside}[data-lp] .bl-text .dp-prose ol{list-style:decimal}[data-lp] .bl-text .dp-prose li::marker{color:var(--c-link)}[data-lp] .bl-text .dp-prose :is(h2,h3){color:var(--c-text);font-family:var(--f-display);font-weight:var(--w-display);line-height:var(--lh-display)}[data-lp] .bl-text .dp-prose h2{font-size:calc(var(--lp-fs-1) * var(--k-text))}[data-lp] .bl-text .dp-prose h3{font-size:calc(var(--lp-fs-0) * var(--k-text))}[data-lp] .bl-text .dp-prose p+p{margin-top:.5rem}[data-lp] .bl-text .dp-prose a,[data-lp] .bl-link{color:var(--c-link);text-underline-offset:.3em;text-decoration-line:underline;text-decoration-thickness:1px}[data-lp] .bl-text .dp-prose strong{font-weight:var(--w-strong)}[data-lp] .bl-text .dp-prose blockquote{padding-block:var(--lp-s2);padding-inline:var(--lp-s4) 0;border-inline-start:2px solid var(--c-link);color:var(--c-muted);margin:0}[data-lp] .bl-text .dp-prose mark{padding-inline:var(--lp-s1);border-radius:var(--r-chip);background-color:var(--c-hl-bg);color:var(--c-hl-fg)}[data-lp] .bl-text .dp-prose code{padding-inline:var(--lp-s1);border-radius:var(--r-chip);background-color:var(--c-surface);font-size:1em}[data-lp] .bl-text .dp-prose hr{border:0;border-block-start:1px solid var(--c-border)}[data-lp] :is(.bl-h2,.bl-h3){color:var(--c-text);font-family:var(--f-display);word-spacing:var(--ws-display,0);font-weight:var(--w-display);line-height:var(--lh-display);text-wrap:balance;margin-block-start:var(--lp-s4);scroll-margin-block-start:var(--lp-s9)}[data-lp] .bl-h2{font-size:calc(var(--lp-fs-2) * var(--k-display))}[data-lp] .bl-h3{font-size:calc(var(--lp-fs-1) * var(--k-display))}[data-lp] .bl-body>.bl-h2:first-child{margin-block-start:0}[data-lp] .bl-figure{gap:var(--lp-s2);margin:0;display:grid}[data-lp] .bl-cap{color:var(--c-muted);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));text-align:center}[data-lp] .bl-frame{aspect-ratio:16/9;border-radius:var(--r-media);background-color:var(--c-surface);position:relative;overflow:hidden}[data-lp] .bl-frame[data-aspect="4:3"]{aspect-ratio:4/3}[data-lp] .bl-frame[data-aspect="1:1"]{aspect-ratio:1}[data-lp] .bl-frame[data-aspect=tall]{aspect-ratio:3/4}[data-lp] .bl-frame iframe{border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}[data-lp] .bl-video{border-radius:var(--r-media);background-color:var(--c-surface);inline-size:100%}[data-lp] .bl-callout{gap:var(--lp-s1);padding-block:var(--lp-s4);padding-inline:var(--lp-s5);border-inline-start:2px solid var(--c-link);border-radius:var(--r-card);background-color:color-mix(in oklab, var(--c-link) 7%, var(--c-surface));color:var(--c-text);display:grid}[data-lp] .bl-callout b{color:var(--c-link);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));font-weight:var(--w-strong)}[data-lp] .bl-callout p{margin:0}[data-lp] .bl-callout[data-tone-kind=warn],[data-lp] .bl-callout[data-tone-kind=mistake]{border-color:var(--c-hl);background-color:color-mix(in oklab, var(--c-hl) 10%, var(--c-surface))}[data-lp] .bl-box{gap:var(--lp-s3);padding:var(--lp-s5);border:1px solid var(--c-border);border-radius:var(--r-card);background-color:var(--c-surface);color:var(--c-text);display:grid}[data-lp] .bl-box-title{font-family:var(--f-display);font-weight:var(--w-display);font-size:calc(var(--lp-fs-0) * var(--k-display));line-height:var(--lh-display)}[data-lp] .bl-box p{color:var(--c-muted);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));margin:0}[data-lp] .bl-box .bl-fold{background-color:var(--c-bg)}[data-lp] .bl-sum{border-color:var(--c-link)}[data-lp] .bl-table{border:1px solid var(--c-border);border-radius:var(--r-card);overflow-x:auto}[data-lp] .bl-table table{border-collapse:collapse;inline-size:100%;font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)))}[data-lp] .bl-table caption{padding:var(--lp-s2);color:var(--c-muted);caption-side:bottom}[data-lp] .bl-table :is(th,td){padding-block:var(--lp-s2);padding-inline:var(--lp-s3);border-block-end:1px solid var(--c-border);text-align:start;vertical-align:top}[data-lp] .bl-table th{background-color:var(--c-surface);color:var(--c-text);font-weight:var(--w-strong)}[data-lp] .bl-table tr:last-child td{border-block-end:0}[data-lp] .bl-code{padding:var(--lp-s4);border-radius:var(--r-card);background-color:var(--c-surface);color:var(--c-text);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));text-align:start;margin:0;line-height:1.7;overflow-x:auto}[data-lp] .bl-hr{border:0;border-block-start:1px solid var(--c-border);inline-size:100%;margin:0}[data-lp] .bl-course{gap:var(--lp-s4);padding:var(--lp-s3);border:1px solid var(--c-border);border-radius:var(--r-card);background-color:var(--c-surface);color:var(--c-text);grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);align-items:center;display:grid}[data-lp] .bl-course-pic{min-inline-size:0;display:block}[data-lp] .bl-course-tx{gap:var(--lp-s1);justify-items:start;min-inline-size:0;display:grid}[data-lp] .bl-course-title{color:var(--c-text);font-family:var(--f-display);word-spacing:var(--ws-display,0);font-weight:var(--w-display);font-size:calc(var(--lp-fs-0) * var(--k-display));line-height:var(--lh-display);text-decoration:none}[data-lp] .bl-course-stats{margin:0}[data-lp] .bl-course-row{align-items:center;gap:var(--lp-s2) var(--lp-s4);flex-wrap:wrap;margin-block-start:var(--lp-s1);display:flex}[data-lp] .bl-course .sk-free{color:var(--c-link);font-weight:var(--w-strong)}@media (hover:hover){[data-lp] .bl-course-title:hover{text-underline-offset:.3em;text-decoration-line:underline;text-decoration-thickness:1px}}@container lp (max-width:639.98px){[data-lp] .bl-course .bl-course-stats,[data-lp] .bl-course .lp-buy{display:none}}@container lp (min-width:40rem){[data-lp] .bl-course{gap:var(--lp-s5);grid-template-columns:minmax(0,1fr) minmax(0,3fr)}}[data-lp] .bl-magnet{gap:var(--lp-s4);padding:var(--lp-s5);border:1px solid var(--c-border);border-radius:var(--r-card);background-color:var(--c-bg);color:var(--c-text);scroll-margin-block-start:var(--lp-s9);display:grid}[data-lp] .bl-magnet>.sf-form,[data-lp] .bl-magnet>.sf-done{order:-1}[data-lp] .bl-files{gap:var(--lp-s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}[data-lp] .bl-files li{padding-inline:var(--lp-s2);border:1px solid var(--c-border);border-radius:var(--r-chip);color:var(--c-muted);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));line-height:1.8}[data-lp] .bl-faq{gap:var(--lp-s4);display:grid}[data-lp] .bl-qa{gap:var(--lp-s2);border-block-start:1px solid var(--c-border);padding-block-start:var(--lp-s4);display:grid}[data-lp] .bl-q{color:var(--c-text);font-family:var(--f-display);font-weight:var(--w-display);font-size:calc(var(--lp-fs-0) * var(--k-display));line-height:var(--lh-display)}[data-lp] .bl-end{gap:var(--lp-s3);padding:var(--lp-s5);border-radius:var(--r-card);background-color:var(--c-bg);color:var(--c-text);justify-items:start;margin-block-start:var(--lp-s4);display:grid}[data-lp] .bl-end .bl-kicker{color:var(--c-link)}[data-lp] .bl-end>.bl-course{border-color:var(--c-border);background-color:var(--c-surface);inline-size:100%}[data-lp] .bl-end-title{font-family:var(--f-display);font-weight:var(--w-display);font-size:calc(var(--lp-fs-1) * var(--k-display));line-height:var(--lh-display)}[data-lp] .bl-end p{color:var(--c-muted);margin:0}@container lp (max-width:639.98px){[data-lp] .bl-end .bl-course .lp-buy{display:inline-flex}}[data-lp] .bl-side{gap:var(--lp-s4);align-content:start;min-inline-size:0;display:grid}[data-lp] .bl-side-magnet{display:none}@container lp (min-width:64rem){[data-lp] .bl-side{max-inline-size:17rem;position:sticky;inset-block-start:var(--lp-s9)}[data-lp] .bl-side-magnet{justify-items:start;display:grid}}[data-lp] .bl-series-name{color:var(--c-muted);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)))}[data-lp] .bl-series ol{gap:var(--lp-s2);margin:0;padding:0;list-style:none;display:grid}[data-lp] .bl-series li{gap:var(--lp-s2);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));grid-template-columns:auto minmax(0,1fr);align-items:baseline;line-height:1.6;display:grid}[data-lp] .bl-series-n{color:var(--c-muted);font-variant-numeric:tabular-nums}[data-lp] .bl-series a{color:var(--c-muted);text-decoration:none}[data-lp] .bl-series b{color:var(--c-text);font-weight:var(--w-strong)}@media (hover:hover){[data-lp] .bl-series a:hover{color:var(--c-link);text-underline-offset:.3em;text-decoration-line:underline}}[data-lp] .bl-side-go{min-block-size:var(--lp-s7)}[data-lp] .bl-related{gap:var(--lp-s5);border-block-start:1px solid var(--c-border);margin-block-start:var(--lp-s8);padding-block-start:var(--lp-s6);display:grid}[data-lp] .bl-rel-grid{gap:var(--lp-s6) var(--lp-gap);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}[data-lp] .bl-rel{gap:var(--lp-s2);align-content:start;justify-items:start;min-inline-size:0;display:grid;position:relative}[data-lp] .bl-rel>.lp-media{inline-size:100%;margin-block-end:var(--lp-s1)}[data-lp] .bl-rel-title{color:var(--c-text);font-family:var(--f-display);word-spacing:var(--ws-display,0);font-weight:var(--w-display);font-size:calc(var(--lp-fs-1) * var(--k-display));line-height:var(--lh-display);text-wrap:balance;text-decoration:none}[data-lp] .bl-rel-title:after{content:"";position:absolute;inset:0}[data-lp] .bl-rel .lp-meta:empty{display:none}@media (hover:hover){[data-lp] .bl-rel:hover .bl-rel-title{text-underline-offset:.25em;text-decoration-line:underline;text-decoration-thickness:1px}}@container lp (min-width:40rem){[data-lp] .bl-rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container lp (min-width:64rem){[data-lp] .bl-rel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-lp] .bl-bar{z-index:36;inset-inline:var(--lp-s3);gap:var(--lp-s2) var(--lp-s3);padding:var(--lp-s2);border-radius:var(--r-card);background-color:var(--c-bg);color:var(--c-text);box-shadow:var(--art-shadow-lg);transform:translateY(calc(100% + var(--lp-s6)));visibility:hidden;transition:transform .26s var(--lp-ease), visibility 0s linear .26s;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;display:grid;position:fixed;inset-block-end:calc(var(--lp-s3) + env(safe-area-inset-bottom,0px))}[data-lp] .bl-bar[data-show]{visibility:visible;transition:transform .26s var(--lp-ease);transform:none}[data-lp][data-motion=none] .bl-bar{transition:none}[data-lp] .bl-bar-pic{inline-size:var(--lp-s7);min-inline-size:0;display:block}[data-lp] .bl-bar-pic .lp-media{border-radius:var(--r-media)}[data-lp] .bl-bar-tx{min-inline-size:0;line-height:1.35;display:grid}[data-lp] .bl-bar-tx b{font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));font-weight:var(--w-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-lp] .bl-bar-sub{align-items:baseline;gap:0 var(--lp-s1);color:var(--c-muted);font-size:max(13px, calc(var(--lp-fs--1) * var(--k-text)));flex-wrap:wrap;display:flex}[data-lp] .bl-bar-sub .lp-price{font-size:inherit}[data-lp] .bl-bar .lp-buy{inline-size:auto;min-inline-size:0}[data-lp] .bl-bar-x{inline-size:var(--lp-s7);block-size:var(--lp-s7);color:var(--c-muted);border-radius:50%;place-items:center;display:inline-grid}[data-lp] .bl-bar-x:hover{color:var(--c-text)}[data-lp].dsf:has(.bl-bar[data-show]) .dsf-wa{--dsf-wa-lift:calc(var(--lp-s9) + var(--lp-s2))}@container lp (min-width:48rem){[data-lp] .bl-bar{display:none}[data-lp].dsf:has(.bl-bar[data-show]) .dsf-wa{--dsf-wa-lift:0px}}