.matchalab-guide{--guide-ink: #1d1d1d;--guide-muted: rgba(29, 29, 29, .68);--guide-line: rgba(29, 29, 29, .12);--guide-paper: #f7faf4;--guide-mist: #e8f0e5;--guide-green: #4f7f52;color:var(--guide-ink);background:linear-gradient(180deg,var(--guide-paper) 0%,var(--color-background-main) 44%)}.matchalab-guide__hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(18rem,.72fr);gap:clamp(2rem,6vw,6rem);align-items:center;min-height:clamp(32rem,72vh,44rem);padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(2rem,5vw,5rem)}.matchalab-guide__hero-copy{max-width:54rem}.matchalab-guide__eyebrow,.matchalab-guide__sidebar-label,.matchalab-guide__visual-caption span{display:inline-flex;align-items:center;width:max-content;max-width:100%;color:var(--guide-green);font-size:calc(12px / 16 * var(--base-body-size) + 0px);font-weight:700;letter-spacing:0;line-height:1.1;text-transform:uppercase}.matchalab-guide__title{max-width:13ch;margin:.85rem 0 1.2rem;font-size:calc(72px / 60 * var(--base-headings-size) + 0px);line-height:.94;letter-spacing:0}.matchalab-guide__lead{max-width:41rem;color:var(--guide-muted);font-size:calc(20px / 16 * var(--base-body-size) + 0px);line-height:1.38}.matchalab-guide__actions{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;align-items:center;margin-top:2rem}.matchalab-guide__actions .button{min-height:3.15rem;border-radius:.5rem}.matchalab-guide__text-link{color:var(--guide-ink);border-bottom:1px solid currentColor;font-weight:700;line-height:1.2}.matchalab-guide__visual{position:relative;display:grid;justify-items:center;min-height:clamp(22rem,42vw,35rem);padding:clamp(1.5rem,4vw,3.5rem);overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,var(--guide-mist) 100%);border:1px solid var(--guide-line);border-radius:.5rem}.matchalab-guide__visual img{z-index:1;width:min(100%,24rem);height:auto;object-fit:contain;filter:drop-shadow(0 1.4rem 2.1rem rgba(29,29,29,.14))}.matchalab-guide__visual-caption{position:relative;z-index:1;display:grid;gap:.35rem;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--guide-line)}.matchalab-guide__visual-caption strong{max-width:24rem;font-size:calc(15px / 16 * var(--base-body-size) + 0px);line-height:1.3}.matchalab-guide__body{display:grid;grid-template-columns:minmax(11rem,16rem) minmax(0,48rem);gap:clamp(2rem,7vw,7rem);align-items:start;padding-bottom:clamp(4rem,8vw,7rem)}.matchalab-guide__sidebar{position:sticky;top:7rem;display:grid;gap:.75rem;padding-top:.25rem}.matchalab-guide__sidebar a{width:fit-content;color:var(--guide-muted);border-bottom:1px solid transparent;line-height:1.25}.matchalab-guide__sidebar a:hover{color:var(--guide-ink);border-bottom-color:currentColor}.matchalab-guide__content{max-width:48rem;color:var(--guide-ink);font-size:calc(18px / 16 * var(--base-body-size) + 0px);line-height:1.58}.matchalab-guide__content>*:first-child{margin-top:0}.matchalab-guide__content h2{margin-top:clamp(2.2rem,6vw,4.5rem);margin-bottom:.85rem;padding-top:1.4rem;border-top:1px solid var(--guide-line);font-size:calc(42px / 60 * var(--base-headings-size) + 0px);line-height:1;letter-spacing:0}.matchalab-guide__content h3{margin-top:1.8rem;margin-bottom:.55rem;font-size:calc(26px / 60 * var(--base-headings-size) + 0px);line-height:1.1;letter-spacing:0}.matchalab-guide__content p{color:var(--guide-muted)}.matchalab-guide__content p+p{margin-top:1rem}.matchalab-guide__content ul,.matchalab-guide__content ol{display:grid;gap:.72rem;margin:1rem 0 1.3rem;padding:0;list-style-position:outside}.matchalab-guide__content ul{list-style:disc;padding-left:1.15rem}.matchalab-guide__content ol{list-style:decimal;padding-left:1.25rem}.matchalab-guide__content li{padding-left:.2rem;color:var(--guide-muted)}.matchalab-guide__content a{color:var(--guide-ink);border-bottom-color:#4f7f5280;box-shadow:inset 0 -.3em #4f7f521f}.matchalab-guide__content a:hover{color:var(--guide-green)}@media screen and (max-width:1023px){.matchalab-guide__hero{grid-template-columns:1fr;min-height:0}.matchalab-guide__title{font-size:calc(56px / 60 * var(--base-headings-size) + 0px)}.matchalab-guide__visual{min-height:0}.matchalab-guide__body{grid-template-columns:1fr}.matchalab-guide__sidebar{position:static;display:flex;flex-wrap:wrap;gap:.6rem 1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--guide-line)}.matchalab-guide__sidebar-label{width:100%}}@media screen and (max-width:767px){.matchalab-guide__hero{gap:1.8rem;padding-top:3.25rem}.matchalab-guide__title{max-width:11ch;font-size:calc(42px / 60 * var(--base-headings-size) + 0px)}.matchalab-guide__lead,.matchalab-guide__content{font-size:calc(16px / 16 * var(--base-body-size) + 0px)}.matchalab-guide__actions{align-items:stretch}.matchalab-guide__actions .button,.matchalab-guide__text-link{width:100%;justify-content:center;text-align:center}.matchalab-guide__text-link{padding:.8rem 0;border-bottom-color:var(--guide-line)}.matchalab-guide__visual{padding:1.25rem}.matchalab-guide__visual img{width:min(100%,16rem)}.matchalab-guide__content h2{font-size:calc(32px / 60 * var(--base-headings-size) + 0px)}body:has(.matchalab-guide) .popup--cookies{right:1rem!important;bottom:4.4rem!important;left:1rem!important;max-width:calc(100vw - 2rem)!important}body:has(.matchalab-guide) .popup--cookies .popup-text{gap:.65rem!important;padding:1rem!important}body:has(.matchalab-guide) .popup--cookies .popup-title{font-size:calc(20px / 16 * var(--base-body-size) + 0px)!important}body:has(.matchalab-guide) .popup--cookies .text-size--small,body:has(.matchalab-guide) .popup--cookies .button{font-size:calc(12px / 16 * var(--base-body-size) + 0px)!important}body:has(.matchalab-guide) .popup--cookies .button{min-height:2.35rem!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-main-page.css.map */