.sf-chip.is-active,.sf-chip.is-active:hover{border-color:var(--sf-ink);background-color:var(--sf-ink);color:var(--sf-white)}.sf-grid--articles{grid-template-columns:minmax(0,1fr)}.sf-card--article .sf-card__media{aspect-ratio:3 / 2;background-color:var(--sf-surface)}.sf-card--article .sf-card__img{object-fit:contain;mix-blend-mode:multiply}.sf-card--article .sf-card__name{font-size:var(--sf-fs-h3)}.sf-card__excerpt{display:-webkit-box;margin:8px 0 0;overflow:hidden;font-size:16px;line-height:1.5;color:var(--sf-muted);-webkit-box-orient:vertical;-webkit-line-clamp:2}.sf-card__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:14px;line-height:1.5;color:var(--sf-muted)}.sf-h1--case{line-height:1.2;letter-spacing:0;text-transform:none}.sf-pagehead .sf-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;font-size:14px;line-height:1.5;color:var(--sf-border)}.sf-article__meta span{display:inline-flex;align-items:center;gap:12px}.sf-article__meta span+span:before{content:"";flex:none;width:4px;height:4px;background-color:var(--sf-orange);transform:rotate(45deg)}.sf-article__main{min-width:0;max-width:var(--sf-reading)}.sf-article__media{aspect-ratio:3 / 2;margin:0 0 32px;padding:16px;overflow:hidden;border-radius:var(--sf-radius);background-color:var(--sf-surface)}.sf-article__img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.sf-article__body h2{margin:48px 0 16px;font-weight:700;font-size:var(--sf-fs-h2);line-height:1.15;letter-spacing:.02em;text-transform:uppercase}.sf-article__body h2,.sf-article__body h3{scroll-margin-top:calc(var(--sf-header-height) + 24px)}.sf-article__body>h2:first-child{margin-top:0}.sf-article__body thead th{width:auto}.sf-article__body thead th:first-child{width:40%}.sf-toc--mobile{margin:0 0 32px;border-block:1px solid var(--sf-border)}.sf-toc__summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;list-style:none;cursor:pointer}.sf-toc__summary::-webkit-details-marker{display:none}.sf-toc__title{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--sf-font-heading);font-weight:600;font-size:13px;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--sf-ink)}.sf-toc__title:before{content:"";flex:0 0 24px;height:2px;background-color:var(--sf-orange)}.sf-toc__icon{width:20px;height:20px;color:var(--sf-ink);transition:transform var(--sf-duration) ease}.sf-toc[open] .sf-toc__icon{transform:rotate(180deg)}.sf-toc__list{margin:0;padding:0 0 16px;list-style:none;counter-reset:sf-toc}.sf-toc__item{margin:0;counter-increment:sf-toc}.sf-toc__link{display:flex;align-items:baseline;gap:12px;min-height:44px;box-sizing:border-box;padding-block:10px;font-size:16px;line-height:1.5;color:var(--sf-text);text-decoration:none;text-underline-offset:4px;transition:color var(--sf-duration) ease}.sf-toc__link:before{content:counter(sf-toc,decimal-leading-zero);flex:0 0 24px;font-family:var(--sf-font-heading);font-weight:600;font-size:13px;color:var(--sf-muted)}.sf-toc__link:hover{color:var(--sf-ink);text-decoration-line:underline;text-decoration-color:var(--sf-orange)}.sf-toc--side{display:none}.sf-article__more{margin-top:var(--sf-section-y);padding-top:var(--sf-section-y);border-top:1px solid var(--sf-border)}.sf-band+.sf-article__more{padding-top:0;border-top:0}.sf-section--ink .sf-guides-head-link,.sf-section--ink .sf-head .sf-link{color:var(--sf-white)}.sf-section--ink .sf-head .sf-link:hover{color:var(--sf-border)}.sf-guides{display:grid;gap:var(--sf-gap)}.sf-guides__list{display:grid;gap:var(--sf-gap);margin:0;padding:0;list-style:none}.sf-gtile{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);height:100%;overflow:hidden;border:1px solid var(--sf-border);border-radius:var(--sf-radius);background-color:var(--sf-white);transition:box-shadow var(--sf-duration) ease}.sf-gtile:hover{box-shadow:var(--sf-shadow)}.sf-gtile:has(.sf-gtile__link:focus-visible){outline:2px solid var(--sf-blue-hover);outline-offset:2px}.sf-gtile__media{display:flex;align-items:center;justify-content:center;padding:8px;border-right:1px solid var(--sf-border);background-color:var(--sf-white)}.sf-gtile__img{display:block;width:100%;height:100%;object-fit:contain}.sf-gtile__body{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:16px}.sf-gtile__tag{margin:0;font-family:var(--sf-font-heading);font-weight:600;font-size:13px;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:var(--sf-muted)}.sf-gtile__title{margin:0;font-family:var(--sf-font-heading);font-weight:600;font-size:16px;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--sf-ink)}.sf-gtile__link{color:inherit;text-decoration:none;text-underline-offset:4px}.sf-gtile__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.sf-gtile__link:focus-visible{outline:none}.sf-gtile:hover .sf-gtile__link{text-decoration-line:underline;text-decoration-color:var(--sf-orange)}.sf-gtile--feature{grid-template-columns:minmax(0,1fr)}.sf-gtile--feature .sf-gtile__media{aspect-ratio:4 / 3;padding:24px;border-right:0;border-bottom:1px solid var(--sf-border)}.sf-gtile--feature .sf-gtile__body{gap:12px;padding:24px}.sf-gtile--feature .sf-gtile__tag{display:flex;align-items:center;gap:12px;letter-spacing:.1em;color:var(--sf-ink)}.sf-gtile--feature .sf-gtile__tag:before{content:"";flex:0 0 24px;height:2px;background-color:var(--sf-orange)}.sf-gtile--feature .sf-gtile__title{font-weight:700;font-size:24px;line-height:1.2}.sf-gtile__excerpt{display:-webkit-box;margin:0;overflow:hidden;font-size:16px;line-height:1.6;color:var(--sf-text);-webkit-box-orient:vertical;-webkit-line-clamp:3}.sf-gtile__cta{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-family:var(--sf-font-heading);font-weight:600;font-size:13px;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:var(--sf-ink)}.sf-gtile__cta .sf-icon{width:20px;height:20px}@media screen and (min-width:750px){.sf-grid--articles{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-article__media{padding:24px}.sf-guides__list{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-gtile{grid-template-columns:120px minmax(0,1fr)}.sf-gtile__body{padding:16px 24px}.sf-gtile__title{font-size:18px}.sf-gtile--feature{grid-template-columns:repeat(2,minmax(0,1fr));min-height:400px}.sf-gtile--feature .sf-gtile__media{aspect-ratio:auto;padding:32px;border-right:1px solid var(--sf-border);border-bottom:0}.sf-gtile--feature .sf-gtile__body{padding:32px}}@media screen and (min-width:990px){.sf-grid--articles{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-grid--articles-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-guides{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.sf-guides--single{grid-template-columns:minmax(0,1fr)}.sf-guides__list{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}.sf-gtile--feature .sf-gtile__body{padding:32px 40px}.sf-gtile--feature .sf-gtile__title{font-size:30px}.sf-article__layout--toc{display:grid;grid-template-columns:minmax(0,var(--sf-reading)) minmax(0,1fr);gap:64px;align-items:start}.sf-article__toc-mobile{display:none}.sf-article__aside{position:sticky;top:calc(var(--sf-header-height) + 24px);justify-self:end;width:100%;max-width:320px}.sf-toc--side{display:block;padding-top:16px;border-top:1px solid var(--sf-border)}.sf-toc--side .sf-toc__title{margin-bottom:8px}.sf-toc--side .sf-toc__list{padding-bottom:0;border-left:1px solid var(--sf-border)}.sf-toc--side .sf-toc__link{margin-left:-1px;padding-left:16px;border-left:2px solid transparent;color:var(--sf-muted);transition:color var(--sf-duration) ease,border-color var(--sf-duration) ease}.sf-toc--side .sf-toc__link:hover,.sf-toc--side .sf-toc__link.is-active{color:var(--sf-ink)}.sf-toc--side .sf-toc__link.is-active{border-left-color:var(--sf-orange)}.sf-toc--side .sf-toc__link.is-active:before{color:var(--sf-ink)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sf-guides.css.map */