.article{padding-block:var(--article-pad-top-mobile, 24px) var(--article-pad-bottom-mobile, 40px);background:var(--article-bg, transparent);color:var(--article-text, inherit)}@media only screen and (min-width: 768px){.article{padding-block:var(--article-pad-top, 48px) var(--article-pad-bottom, 64px)}}.article__container{box-sizing:border-box;width:100%;max-width:var(--article-max-width, 1440px);margin-inline:auto;padding-inline:1.6rem}@media only screen and (min-width: 768px){.article__container{padding-inline:3.2rem}}.article__breadcrumb,.article__header,.article__footer{max-width:var(--article-measure, 86rem);margin-inline:max(0px,(100% - var(--article-media-width, 120rem))/2) auto}.article__content{max-width:var(--article-media-width, 120rem);margin-inline:max(0px,(100% - var(--article-media-width, 120rem))/2) auto}.article__breadcrumb{margin-block-end:2rem}.article__header{margin-block-end:2.4rem}@media only screen and (min-width: 768px){.article__header{margin-block-end:3.2rem}}.article__category{margin-block-end:1.2rem;color:var(--article-accent, currentcolor);font-size:1.2rem;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.article__title{margin:0;color:var(--article-heading, inherit);font-size:2.8rem;font-weight:700;letter-spacing:-0.02em;line-height:1.18;text-wrap:balance}@media only screen and (min-width: 768px){.article__title{font-size:4rem}}.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;margin-block-start:1.6rem;color:#707070;font-size:1.3rem}time+.article__author::before{content:"·";margin-inline-end:1.2rem}.article__excerpt{margin-block-start:1.6rem;color:#707070;font-size:1.6rem;line-height:1.6}@media only screen and (min-width: 768px){.article__excerpt{font-size:1.8rem}}.article__excerpt p{margin:0}.article__figure{max-width:var(--article-media-width, 120rem);max-height:var(--article-media-max-height, 70vh);margin:0 auto 2.8rem;overflow:hidden;border-radius:var(--article-media-radius, 12px);background:#eee}@media only screen and (min-width: 768px){.article__figure{margin-block-end:4rem}}.article__figure--ratio{aspect-ratio:var(--article-media-ratio, 16/9)}.article__image{width:100%;height:100%;max-height:var(--article-media-max-height, 70vh);object-fit:var(--article-media-fit, cover)}.article__content{font-size:var(--article-body-size, 17px);line-height:1.75;overflow-wrap:break-word}.article__content>*{margin-block:0 1.2em}.article__content>:not(figure,table,pre,iframe,video,:has(img)){max-width:var(--article-measure, 86rem)}.article__content>figure,.article__content>img,.article__content>p:has(>img){margin-block:2.4rem}.article__content>:first-child{margin-block-start:0}.article__content>:last-child{margin-block-end:0}.article__content h2,.article__content h3,.article__content h4,.article__content h5,.article__content h6{margin-block:1.8em .6em;color:var(--article-heading, inherit);font-weight:700;line-height:1.25;letter-spacing:-0.01em;text-wrap:balance}.article__content h2{font-size:1.55em}.article__content h3{font-size:1.3em}.article__content h4{font-size:1.15em}.article__content h5,.article__content h6{font-size:1em;letter-spacing:.06em;text-transform:uppercase}.article__content a{color:var(--article-accent, currentcolor);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:opacity .2s ease}.article__content a:hover{opacity:.7}.article__content ul,.article__content ol{padding-inline-start:1.4em}.article__content li{margin-block-end:.4em}.article__content li::marker{color:var(--article-accent, currentcolor)}.article__content li>ul,.article__content li>ol{margin-block:.4em 0}.article__content blockquote{padding-inline-start:1.6rem;border-inline-start:3px solid var(--article-accent, currentcolor);color:var(--article-heading, inherit);font-size:1.1em;font-style:italic;line-height:1.5}.article__content img{width:100%;max-height:var(--article-media-max-height, 70vh);border-radius:var(--article-media-radius, 12px);object-fit:var(--article-media-fit, cover)}.article__content figure{margin-inline:0}.article__content figcaption{margin-block-start:.8em;color:#707070;font-size:.85em;line-height:1.5}.article__content iframe,.article__content video,.article__content embed,.article__content object{width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--article-media-radius, 12px)}.article__content hr{height:0;margin-block:2.4em;border:0;border-block-start:1px solid #e5e5e5}.article__content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.95em}.article__content th,.article__content td{padding:1rem 1.2rem;border:1px solid #e5e5e5;text-align:start}.article__content thead th{background:#f6f6f5;font-weight:700}.article__content code,.article__content kbd,.article__content samp{padding:.2em .4em;border-radius:.4rem;background:#eee;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.article__content pre{padding:1.6rem;overflow-x:auto;border-radius:1.2rem;background:#eee}.article__content pre code{padding:0;background:none}.article__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem;margin-block-start:4rem;padding-block-start:2.4rem;border-block-start:1px solid #e5e5e5}.article__tags{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0}.article__tag{display:inline-block;padding:.6rem 1.2rem;border:1px solid #e5e5e5;border-radius:999px;font-size:1.2rem;transition:border-color .2s ease}.article__tag:hover{border-color:currentcolor}.article__back{display:inline-flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:opacity .2s ease}.article__back svg{flex:0 0 auto;width:1.6rem;height:1.6rem}.article__back:hover{opacity:.7}@media(prefers-reduced-motion: reduce){.article__content a,.article__tag,.article__back{transition:none}}
