.t-article{--maxw: 65rem;--aside-w: 16.5rem;font-family:var(--font-brand, "FT Terra", "Inter", system-ui, sans-serif);display:block;background:var(--torras-white, #fff);color:var(--torras-charcoal, #1A1A1A);padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,4vw,3.5rem) clamp(3.5rem,8vw,6.875rem)}.t-article *,.t-article *:before,.t-article *:after{box-sizing:border-box}.t-article__wrap{max-width:var(--maxw);margin:0 auto}.t-article__head{text-align:center;display:flex;flex-direction:column;align-items:center}.t-article__crumbs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--neutral-500, #ACACAC);margin-bottom:clamp(1.125rem,3vw,1.875rem)}.t-article__crumbs a{color:var(--neutral-500, #ACACAC);text-decoration:none;transition:color var(--t-default, .2s ease)}.t-article__crumbs a:hover{color:var(--t-accent)}.t-article__crumb-current{color:var(--neutral-800, #333);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-article__title{font-family:var(--font-brand, inherit);font-size:clamp(2rem,4.4vw,2.875rem);font-weight:400;line-height:1.12;letter-spacing:-.028em;margin:0 0 clamp(1.25rem,3vw,1.875rem);color:var(--torras-black, #000);max-width:100%;text-wrap:balance}.t-article__byline{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;justify-content:center}.t-article__avatar{width:2rem;height:2rem;border-radius:50%;overflow:hidden;background:var(--t-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex:0 0 auto}.t-article__avatar img{width:100%;height:100%;object-fit:cover}.t-article__author{font-size:.875rem;font-weight:700;color:var(--torras-charcoal, #1A1A1A)}.t-article__byline-sep{width:1px;height:.875rem;background:var(--neutral-200, #E2E3E3)}.t-article__date{font-size:.875rem;color:var(--neutral-500, #ACACAC)}.t-article__hero{margin:clamp(1.625rem,4vw,2.75rem) 0 clamp(1.75rem,4vw,3rem);border-radius:var(--r-lg, .75rem);overflow:hidden;background:var(--neutral-100, #F4F4F4)}.t-article__hero img{width:100%;height:auto;display:block}.t-article__layout{display:grid;grid-template-columns:var(--aside-w) minmax(0,1fr);gap:clamp(1.75rem,4vw,3.5rem);align-items:start}.t-article__layout--no-toc{grid-template-columns:minmax(0,1fr);justify-items:center}.t-article__layout.is-collapsed{grid-template-columns:3.25rem minmax(0,1fr)}.t-article__aside{position:sticky;top:6.25rem;align-self:start}.t-article__aside-inner{border-right:1px solid var(--neutral-200, #E2E3E3);padding-right:clamp(.75rem,1.5vw,1.25rem);max-height:calc(100vh - 8.125rem);overflow-y:auto;scrollbar-width:thin}.t-toc__head{display:flex;align-items:center;justify-content:space-between;gap:.625rem;margin-bottom:1.125rem}.t-toc__title{font-family:var(--font-brand, inherit);font-size:1.25rem;font-weight:700;line-height:1.4;letter-spacing:normal;margin:0;white-space:nowrap}.t-toc__collapse{width:1.875rem;height:1.875rem;flex:0 0 auto;cursor:pointer;border:1px solid var(--neutral-200, #E2E3E3);border-radius:.5rem;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--neutral-600, #666871);transition:background var(--t-default, .2s ease),color var(--t-default, .2s ease)}.t-toc__collapse:hover{background:var(--neutral-100, #F4F4F4);color:var(--torras-charcoal, #1A1A1A)}.t-toc__collapse svg{width:.9375rem;height:.9375rem;transition:transform var(--t-default, .2s ease)}.is-collapsed .t-toc__collapse svg{transform:rotate(180deg)}.t-toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.t-toc__item{position:relative;padding-left:1rem}.t-toc__item--h3{padding-left:1.875rem}.t-toc__item:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;background:var(--t-accent);border-radius:2px;opacity:0;transform:scaleY(.4);transform-origin:top;transition:opacity var(--t-default, .2s ease),transform var(--t-default, .2s ease)}.t-toc__item.is-active:before{opacity:1;transform:scaleY(1)}.t-toc__item a{display:block;font-size:.9375rem;line-height:1.4;letter-spacing:.1px;color:#0000049e;text-decoration:none;transition:color var(--t-default, .2s ease)}.t-toc__item--h3 a{font-size:.84375rem}.t-toc__item a:hover{color:var(--torras-charcoal, #1A1A1A)}.t-toc__item.is-active>a{color:var(--torras-black, #000);font-weight:600}.is-collapsed .t-toc__title,.is-collapsed .t-toc__nav{display:none}.is-collapsed .t-article__aside-inner{border-right:none;padding-right:0}.t-article__main{max-width:45rem;width:100%}.t-article__body{font-size:1rem;line-height:1.65;color:var(--torras-charcoal, #1A1A1A)}.t-article__body>*:first-child{margin-top:0}.t-article__body :where(h2,h3){scroll-margin-top:6.875rem}.t-article__body h1{font-family:var(--font-brand, inherit);font-size:clamp(1.75rem,3vw,2.375rem);font-weight:400;line-height:1.15;letter-spacing:-.5px;color:var(--torras-black, #000);margin:clamp(2.25rem,4vw,3.25rem) 0 1rem}.t-article__body h2{font-family:var(--font-brand, inherit);font-size:clamp(1.5rem,2.6vw,2.0625rem);font-weight:400;line-height:1.2;letter-spacing:-.5px;color:var(--torras-black, #000);margin:clamp(2.25rem,4vw,3.25rem) 0 1rem}.t-article__body h3{font-family:var(--font-brand, inherit);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:1.3;letter-spacing:normal;color:var(--torras-charcoal, #1A1A1A);margin:clamp(1.75rem,3vw,2.25rem) 0 .75rem}.t-article__body p{margin:0 0 1.25rem}.t-article__body a{color:var(--t-accent);text-decoration:underline;text-underline-offset:2px}.t-article__body ul,.t-article__body ol{margin:0 0 1.25rem;padding-left:1.375rem}.t-article__body li{margin-bottom:.5rem}.t-article__body img{max-width:100%;height:auto;border-radius:var(--r-md, .5rem);margin:1.5rem 0}.t-article__body blockquote{margin:1.75rem 0;padding:.375rem 0 .375rem 1.375rem;border-left:.1875rem solid var(--t-accent);font-size:1.1875rem;color:var(--neutral-800, #333)}.t-article__body strong{font-weight:700;color:var(--torras-charcoal, #1A1A1A)}.t-article__share{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:clamp(2.5rem,5vw,3.75rem);padding-top:1.75rem;border-top:1px solid var(--neutral-200, #E2E3E3)}.t-article__share-label{font-size:.875rem;font-weight:700}.t-article__share-links{display:flex;gap:.625rem}.t-article__share-link{width:2.625rem;height:2.625rem;border-radius:50%;cursor:pointer;border:1px solid var(--neutral-200, #E2E3E3);background:#fff;color:var(--neutral-800, #333);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background var(--t-default, .2s ease),color var(--t-default, .2s ease),border-color var(--t-default, .2s ease)}.t-article__share-link:hover{background:var(--torras-black, #000);color:#fff;border-color:var(--torras-black, #000)}.t-article__share-link svg{width:1.0625rem;height:1.0625rem}.t-article__share-link.is-copied{background:var(--success, #10B981);color:#fff;border-color:var(--success, #10B981)}.t-article__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.75rem}.t-article__tag{font-size:.8125rem;font-weight:700;padding:.375rem .875rem;border-radius:var(--r-sm, .25rem);text-decoration:none;background:var(--neutral-100, #F4F4F4);color:var(--neutral-800, #333);transition:background var(--t-default, .2s ease),color var(--t-default, .2s ease)}.t-article__tag:hover{background:var(--t-accent);color:#fff}@media(max-width:960px){.t-article__layout,.t-article__layout.is-collapsed{grid-template-columns:1fr;gap:0}.t-article__aside{position:static;top:auto;margin-bottom:1.5rem}.t-article__aside-inner{border:1px solid var(--neutral-200, #E2E3E3);border-radius:var(--r-md, .5rem);padding:1rem 1.125rem;max-height:none;overflow:visible}.t-toc__head{margin-bottom:0}.t-article__layout:not(.is-collapsed) .t-toc__nav{margin-top:1rem}.is-collapsed .t-toc__title{display:block}.is-collapsed .t-toc__nav{display:none}.is-collapsed .t-article__aside-inner{border:1px solid var(--neutral-200, #E2E3E3);padding:1rem 1.125rem}.t-toc__collapse svg{transform:rotate(-90deg)}.is-collapsed .t-toc__collapse svg{transform:rotate(90deg)}.t-article__main{max-width:none}}.t-article.t-design-mode *{transition:none!important}
/*# sourceMappingURL=/cdn/shop/t/40/assets/torras-article.css.map */