.article-body{display:block;--article-body-surface-subtle: #f8f8f8;--article-body-rail-inline-size: 340px;--article-body-rail-gap: 24px;--article-body-quote-rule: 3px;--article-body-progress-size: 3px;--article-body-progress: 0}.article-body__layout{display:grid;gap:var(--content-sp-5)}@media screen and (min-width:769px){.article-body__layout{grid-template-columns:minmax(0,1fr) var(--article-body-rail-inline-size);align-items:start;column-gap:var(--content-sp-16);row-gap:0}}@media(max-width:767px){blockquote:before{content:'"'}blockquote:after{content:'"'}}.article-body__prose{display:flex;flex-direction:column;gap:var(--content-sp-5);min-inline-size:0;font-family:var(--content-font-body);font-weight:400;font-size:16px;line-height:1.5;color:var(--text-primary)}.article-body__prose>*{margin-block:0}.article-body__prose>h2{font-family:var(--content-font-display);font-size:28px;font-weight:700;line-height:1.1;text-transform:uppercase}@media screen and (min-width:769px){.article-body__prose>h2{margin-block-start:var(--content-sp-8)}}.article-body__prose>h2:first-child{margin-block-start:0}.article-body__prose>h3{font-family:var(--content-font-display);font-size:24px;font-weight:700;line-height:1.04;text-transform:uppercase}@media screen and (min-width:769px){.article-body__prose>p:first-child{font-size:20px;font-weight:700;line-height:1.35;font-family:var(--bpn-font-inter-bold)}}.article-body__prose>blockquote,.article-body__quote-echo>blockquote{padding-block:var(--content-sp-2);padding-inline-start:25px;border-inline-start:var(--article-body-quote-rule) solid var(--content-bg-brand);font-size:20px;font-weight:700;line-height:1.35}@media screen and (min-width:769px){.article-body__prose>blockquote{padding-block:var(--content-sp-4);padding-inline-start:21px;font-family:var(--content-font-display);font-size:28px;line-height:1.1;text-transform:uppercase}}.article-body__quote-echo>blockquote{margin:0;font-family:var(--content-font-display);font-size:24px;line-height:104%;font-weight:100;text-transform:uppercase;padding-left:16px}@media screen and (min-width:769px){.article-body__quote-echo{display:none}}.article-body__prose>ul{padding-inline-start:0;list-style:none}.article-body__prose>ul>li{position:relative;padding-inline-start:18px}.article-body__prose>ol{padding-inline-start:20px}.article-body__prose>ul>li+li,.article-body__prose>ol>li+li{margin-block-start:10px}.article-body__prose>ul>li:before{content:"";position:absolute;inset-block-start:9px;inset-inline-start:0;inline-size:6px;block-size:6px;border-radius:var(--content-r-full);background-color:currentcolor}.article-body__prose a{color:inherit;text-decoration:underline;text-underline-offset:2px}.article-body__prose a:focus-visible{outline:2px solid var(--content-bg-brand);outline-offset:2px}.article-body__prose img{display:block;max-inline-size:100%;block-size:auto}.article-body__summary{display:flex;flex-direction:column;gap:var(--content-sp-3);padding-block:var(--content-sp-5);padding-inline:var(--content-sp-3);border-radius:var(--content-r-md);background-color:var(--article-body-surface-subtle)}@media screen and (min-width:769px){.article-body__summary{padding-block:var(--content-sp-8);padding-inline:var(--content-sp-8)}}.article-body__summary-heading{margin-block:0;font-family:var(--content-font-display);font-size:24px;font-weight:700;line-height:1.04;text-transform:uppercase;color:var(--text-primary)}.article-body__summary-list{display:flex;flex-direction:column;gap:var(--content-sp-3);margin-block:0;padding-inline-start:0;list-style:none}.article-body__summary-item{display:flex;gap:var(--content-sp-3);padding-block:var(--content-sp-3);border-block-start:1px solid var(--content-border-default)}.article-body__summary-number{flex:0 0 26px;font-family:var(--content-font-display);font-size:20px;font-weight:700;line-height:1.04;color:var(--content-bg-brand)}.article-body__summary-text{flex:1 1 auto;min-inline-size:0;font-size:14px;line-height:1.55;color:var(--text-primary)}@media screen and (min-width:769px){.article-body__summary-text{font-size:16px;line-height:1.5}}.article-body__rail{display:flex;flex-direction:column;gap:var(--article-body-rail-gap);min-inline-size:0}@media screen and (min-width:769px){.article-body__rail{position:sticky;inset-block-start:calc(var(--header-height, 0px) + var(--content-sp-5))}}.article-body__toc{display:none}@media screen and (min-width:769px){.article-body__toc{display:block}}.article-body__progress{position:sticky;inset-block-start:var(--header-height, 0px);z-index:7;block-size:var(--article-body-progress-size);background-color:var(--content-border-default);display:none}.article-body__progress-bar{display:block;block-size:100%;transform:scaleX(var(--article-body-progress));transform-origin:0 50%;background-color:var(--content-bg-brand)}.article-body__notice{margin-block:0 var(--content-sp-5);font-family:var(--content-font-body);font-size:14px;line-height:1.55;color:var(--content-text-muted)}
/*# sourceMappingURL=/cdn/shop/t/784/assets/section-article-body.css.map */