.guide-article{padding-block:calc(3rem * var(--guide-scale)) calc(4rem * var(--guide-scale))}.guide-article__inner,.guide-article__more{width:100%;max-width:calc(52rem * var(--guide-scale));margin-inline:auto;padding-inline:var(--tcghive-gutter-mobile)}.guide-article__breadcrumb{margin-bottom:calc(2rem * var(--guide-scale))}.guide-article__breadcrumb .current{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.guide-article__header{margin-bottom:calc(2.5rem * var(--guide-scale))}.guide-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:calc(.5rem * var(--guide-scale)) calc(1rem * var(--guide-scale));margin:0 0 calc(1rem * var(--guide-scale));color:var(--tcghive-color-text-muted);font-family:var(--tcghive-font-body);font-size:calc(.75rem * var(--guide-scale));line-height:calc(1rem * var(--guide-scale));font-weight:600;letter-spacing:.05em}.guide-article__tag{padding:calc(.25rem * var(--guide-scale)) calc(.75rem * var(--guide-scale));border-radius:999px;background:var(--tcghive-color-primary);color:#fff;text-transform:uppercase}.guide-article__meta-item{display:inline-flex;align-items:center;gap:calc(.35rem * var(--guide-scale))}.guide-article__meta-icon{font-size:calc(1rem * var(--guide-scale))}.guide-article__title{margin:0;color:var(--tcghive-color-text);font-family:var(--tcghive-font-headline);font-size:calc(2.25rem * var(--guide-scale));line-height:1.12;font-weight:700;letter-spacing:-.02em;text-wrap:balance}.guide-article__lead{margin:calc(1rem * var(--guide-scale)) 0 0;color:var(--tcghive-color-text-muted);font-family:var(--tcghive-font-body);font-size:calc(1.125rem * var(--guide-scale));line-height:calc(1.75rem * var(--guide-scale))}.guide-article__hero{margin:0 0 calc(3rem * var(--guide-scale));overflow:hidden;border:1px solid var(--tcghive-color-outline-variant);border-radius:var(--tcghive-radius-lg);background:#0a0a0c;box-shadow:var(--tcghive-shadow-soft)}.guide-article__hero-image{width:100%;height:auto}.article-content{color:var(--tcghive-color-text-muted);font-family:var(--tcghive-font-body);font-size:calc(1.0625rem * var(--guide-scale));line-height:1.8;overflow-wrap:break-word}.article-content>*:first-child{margin-top:0}.article-content [id]{scroll-margin-top:calc(var(--tcghive-shell-offset-mobile) + var(--tcghive-announcement-height, 0px) + 1.5rem)}.article-content h2,.article-content h3,.article-content h4{color:var(--tcghive-color-text);font-family:var(--tcghive-font-headline);letter-spacing:-.01em}.article-content h2{margin:calc(3rem * var(--guide-scale)) 0 calc(1rem * var(--guide-scale));padding-bottom:calc(.6rem * var(--guide-scale));border-bottom:1px solid rgba(219,194,175,.7);font-size:calc(1.75rem * var(--guide-scale));line-height:1.25;font-weight:700}.article-content h3{margin:calc(2.25rem * var(--guide-scale)) 0 calc(.75rem * var(--guide-scale));font-size:calc(1.3rem * var(--guide-scale));line-height:1.3;font-weight:700}.article-content h4{margin:calc(1.5rem * var(--guide-scale)) 0 calc(.5rem * var(--guide-scale));font-size:calc(1.1rem * var(--guide-scale));line-height:1.35;font-weight:700}.article-content p{margin:0 0 calc(1.15rem * var(--guide-scale))}.article-content ul,.article-content ol{margin:0 0 calc(1.25rem * var(--guide-scale));padding-left:calc(1.35rem * var(--guide-scale))}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:calc(.4rem * var(--guide-scale));padding-left:calc(.25rem * var(--guide-scale))}.article-content li::marker{color:var(--tcghive-color-primary)}.article-content strong{color:var(--tcghive-color-text);font-weight:700}.article-content a{color:var(--tcghive-color-primary-deep);font-weight:600;text-decoration:underline;text-decoration-color:#f58e1480;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .2s ease,text-decoration-color .2s ease}.article-content a:hover{color:var(--tcghive-color-primary);text-decoration-color:currentColor}.article-content a:focus-visible{border-radius:.2rem;outline:2px solid var(--tcghive-color-primary);outline-offset:2px}.article-content blockquote{margin:calc(1.75rem * var(--guide-scale)) 0;padding:calc(1rem * var(--guide-scale)) calc(1.25rem * var(--guide-scale));border:1px solid rgba(219,194,175,.9);border-left:3px solid var(--tcghive-color-primary);border-radius:0 var(--tcghive-radius-xl) var(--tcghive-radius-xl) 0;background:var(--tcghive-color-surface-low)}.article-content blockquote p:last-child{margin-bottom:0}.article-content hr{height:1px;margin:calc(2.5rem * var(--guide-scale)) 0;border:0;background:var(--tcghive-color-outline-variant)}.article-content table{width:100%;margin:calc(1.75rem * var(--guide-scale)) 0;overflow:hidden;border:1px solid rgba(219,194,175,.9);border-collapse:separate;border-spacing:0;border-radius:var(--tcghive-radius-lg);background:var(--tcghive-color-surface-lowest);font-size:calc(.95rem * var(--guide-scale));line-height:1.5;box-shadow:var(--tcghive-shadow-soft)}.article-content th{padding:calc(.75rem * var(--guide-scale)) calc(.9rem * var(--guide-scale));border-bottom:1px solid rgba(219,194,175,.9);background:var(--tcghive-color-surface-low);color:var(--tcghive-color-text);font-size:calc(.75rem * var(--guide-scale));font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase}.article-content td{padding:calc(.8rem * var(--guide-scale)) calc(.9rem * var(--guide-scale));border-bottom:1px solid rgba(219,194,175,.5);vertical-align:top}.article-content tr:last-child td{border-bottom:0}.article-content tbody tr:hover td{background:#ffdcc12e}.article-content td:first-child a{display:inline-flex;min-width:calc(2.75rem * var(--guide-scale));justify-content:center;padding:calc(.15rem * var(--guide-scale)) calc(.6rem * var(--guide-scale));border-radius:999px;background:var(--tcghive-color-primary);color:#fff;font-weight:800;letter-spacing:.03em;text-decoration:none}.article-content td:first-child a:hover{background:var(--tcghive-color-primary-deep);color:#fff}.article-content img{height:auto;border-radius:var(--tcghive-radius-md)}.article-content figure{margin:calc(1.75rem * var(--guide-scale)) 0}.article-content figcaption{margin-top:calc(.5rem * var(--guide-scale));color:var(--tcghive-color-text-subtle);font-size:calc(.85rem * var(--guide-scale));line-height:1.4;text-align:center}.article-content .article-scans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(1rem * var(--guide-scale));margin:calc(1.75rem * var(--guide-scale)) 0}.article-content .article-scans figure{margin:0;padding:calc(.75rem * var(--guide-scale));border:1px solid rgba(219,194,175,.7);border-radius:var(--tcghive-radius-lg);background:var(--tcghive-color-surface-lowest)}.article-content .article-scans img{width:100%;margin:0}.guide-article__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(1rem * var(--guide-scale));margin-top:calc(3rem * var(--guide-scale));padding-top:calc(2rem * var(--guide-scale));border-top:1px solid var(--tcghive-color-outline-variant)}.guide-article__tags{display:flex;flex-wrap:wrap;align-items:center;gap:calc(.5rem * var(--guide-scale))}.guide-article__tags-label{color:var(--tcghive-color-text-muted);font-size:calc(.75rem * var(--guide-scale));font-weight:600;letter-spacing:.05em;text-transform:uppercase}.guide-article__tag-list{display:flex;flex-wrap:wrap;gap:calc(.5rem * var(--guide-scale));margin:0;padding:0;list-style:none}.guide-article__tag-link{display:inline-flex;padding:calc(.25rem * var(--guide-scale)) calc(.75rem * var(--guide-scale));border:1px solid var(--tcghive-color-outline-variant);border-radius:999px;background:var(--tcghive-color-surface-lowest);color:var(--tcghive-color-text-muted);font-size:calc(.8rem * var(--guide-scale));transition:border-color .2s ease,color .2s ease}.guide-article__tag-link:hover{border-color:var(--tcghive-color-primary);color:var(--tcghive-color-primary)}.guide-article__back{display:inline-flex;align-items:center;gap:calc(.5rem * var(--guide-scale));margin-left:auto;padding:calc(.7rem * var(--guide-scale)) calc(1.25rem * var(--guide-scale));border-radius:999px;background:var(--tcghive-color-primary);color:#fff;font-family:var(--tcghive-font-body);font-size:calc(.875rem * var(--guide-scale));line-height:calc(1.25rem * var(--guide-scale));font-weight:600;letter-spacing:.01em;transition:background-color .2s ease,transform .2s ease}.guide-article__back:hover{background:var(--tcghive-color-primary-deep)}.guide-article__back:focus-visible{outline:2px solid var(--tcghive-color-primary);outline-offset:3px}.guide-article__back .material-symbols-outlined{font-size:calc(1.15rem * var(--guide-scale))}.guide-article__more{margin-top:calc(4rem * var(--guide-scale))}@media(max-width:599px){.article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content th,.article-content td{min-width:7rem}.article-content th:first-child,.article-content td:first-child{min-width:0}}@media(min-width:768px){.guide-article{padding-block:calc(4rem * var(--guide-scale)) calc(5rem * var(--guide-scale))}.guide-article__inner,.guide-article__more{padding-inline:var(--tcghive-gutter-desktop)}.guide-article__title{font-size:calc(3rem * var(--guide-scale))}.article-content .article-scans{gap:calc(1.5rem * var(--guide-scale))}}@media(min-width:1200px){.article-content [id]{scroll-margin-top:calc(var(--tcghive-shell-offset-desktop) + var(--tcghive-announcement-height, 0px) + 1.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-article.css.map */