.matchon-guide{width:100%;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--global-font),sans-serif}.matchon-guide .matchon-guide-container{width:100%;max-width:calc(var(--content-width) + 2 * var(--content-horizontal-padding-sm));margin-inline:auto;padding-inline:var(--content-horizontal-padding-sm)}.matchon-guide a:focus-visible{outline:3px solid var(--color-cta-active);outline-offset:4px;border-radius:var(--radius-sm)}.matchon-guide .matchon-guide-hero{padding:32px 0 54px;background:linear-gradient(180deg,var(--color-bg-page) 0,var(--color-bg-primary-50) 100%);border-bottom:1px solid var(--color-border-light)}.matchon-guide .matchon-guide-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:50px;color:var(--color-text-muted);font-size:13px;line-height:1.5}.matchon-guide .matchon-guide-breadcrumbs a{color:var(--color-text-secondary);text-decoration:none}.matchon-guide .matchon-guide-eyebrow{margin:0 0 14px;color:var(--color-primary);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.matchon-guide .matchon-guide-hero h1{max-width:790px;margin:0;color:var(--color-primary);font-size:clamp(32px,5.1vw,54px);font-weight:600;line-height:1.14;letter-spacing:-.035em;text-wrap:balance}.matchon-guide .matchon-guide-lead{max-width:720px;margin:22px 0 0;color:var(--color-text-secondary);font-size:18px;line-height:1.65}.matchon-guide .matchon-guide-byline{margin:22px 0 0;color:var(--color-text-muted);font-size:13px;font-weight:500;line-height:1.5}.matchon-guide .matchon-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;grid-template-areas:"article sidebar";grid-column-gap:clamp(36px,6vw,86px);column-gap:clamp(36px,6vw,86px);align-items:start;padding-top:56px;padding-bottom:88px}.matchon-guide .matchon-guide-body{grid-area:article;min-width:0;max-width:740px}.matchon-guide .matchon-guide-sidebar{grid-area:sidebar;min-width:0}.matchon-guide .matchon-guide-contents{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 26px);padding:22px;background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.matchon-guide .matchon-guide-contents h2{margin:0 0 14px;color:var(--color-primary);font-size:16px;font-weight:600;line-height:1.35}.matchon-guide .matchon-guide-contents ol{margin:0;padding:0;list-style:none}.matchon-guide .matchon-guide-contents li+li{margin-top:10px}.matchon-guide .matchon-guide-contents a{display:inline-block;color:var(--color-text-secondary);font-size:14px;line-height:1.5;text-decoration:none;text-underline-offset:4px}.matchon-guide .matchon-guide-body p{margin:0 0 17px;color:var(--color-text-secondary);font-size:16px;line-height:1.78}.matchon-guide .matchon-guide-introduction{padding-bottom:32px}.matchon-guide .matchon-guide-introduction p:first-child{color:var(--color-text-primary);font-size:18px;line-height:1.72}.matchon-guide .matchon-guide-section{padding:46px 0 48px;border-top:1px solid var(--color-border-light);scroll-margin-top:calc(var(--header-height) + 24px)}.matchon-guide .matchon-guide-tool-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.matchon-guide .matchon-guide-tool-logo{flex:0 0 76px;width:76px;height:76px;display:flex;align-items:center;justify-content:center;padding:12px;background:var(--color-bg-page);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.matchon-guide .matchon-guide-tool-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}.matchon-guide .matchon-guide-tool-number{display:block;margin-bottom:6px;color:var(--color-text-muted);font-size:12px;font-weight:600;line-height:1.35;letter-spacing:.04em}.matchon-guide .matchon-guide-tool-heading h2{margin:0;color:var(--color-primary);font-size:clamp(22px,2.7vw,27px);font-weight:600;line-height:1.3;letter-spacing:-.02em;scroll-margin-top:calc(var(--header-height) + 24px)}.matchon-guide .matchon-guide-best-for{padding:12px 16px;margin:0 0 23px;background:var(--color-bg-primary-50);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-secondary);font-size:15px}.matchon-guide .matchon-guide-best-for strong{color:var(--color-primary)}.matchon-guide .matchon-guide-body h3{margin:28px 0 12px;color:var(--color-primary);font-size:19px;font-weight:600;line-height:1.4}.matchon-guide .matchon-guide-body a{color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.matchon-guide .matchon-guide-external-link{display:inline;white-space:nowrap}.matchon-guide .matchon-guide-external-link svg{display:inline-block;width:.77em;height:.77em;margin-left:3px;vertical-align:0}.matchon-guide .matchon-guide-takeaway{margin:25px 0 0;padding:17px 20px;border-radius:var(--radius-md);background:var(--color-bg-surface);border:1px solid var(--color-border-light);font-size:15px}.matchon-guide .matchon-guide-takeaway strong{color:var(--color-primary)}.matchon-guide .matchon-guide-matchon-section{padding-bottom:58px}.matchon-guide .matchon-guide-cta{display:flex;flex-direction:column;gap:20px;margin-top:32px;padding:28px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg)}.matchon-guide .matchon-guide-cta h3{margin:0 0 8px;color:var(--color-text-inverse);font-size:23px;line-height:1.3}.matchon-guide .matchon-guide-cta p{margin:0;color:var(--color-text-inverse-secondary);font-size:15px}.matchon-guide .matchon-guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px}.matchon-guide .matchon-guide-actions a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;font-size:15px;font-weight:600;line-height:1.4}.matchon-guide .matchon-guide-actions svg{width:.9em;height:.9em}.matchon-guide .matchon-guide-actions .matchon-guide-primary-button{padding:12px 18px;color:var(--color-primary);background:var(--color-cta);border-radius:var(--radius-md);text-decoration:none}.matchon-guide .matchon-guide-actions .matchon-guide-secondary-link{color:var(--color-text-inverse);text-decoration:underline;text-underline-offset:5px}.matchon-guide .matchon-guide-conclusion{padding-top:36px;border-top:1px solid var(--color-border-light)}.matchon-guide .matchon-guide-conclusion h2{margin:0 0 22px;color:var(--color-primary);font-size:clamp(24px,3vw,30px);font-weight:600;line-height:1.3}.matchon-guide .matchon-guide-body .matchon-guide-final-line{margin-top:20px;color:var(--color-primary);font-size:19px;font-weight:600}@media (hover:hover){.matchon-guide .matchon-guide-breadcrumbs a:hover,.matchon-guide .matchon-guide-contents a:hover{color:var(--color-primary);text-decoration:underline}.matchon-guide .matchon-guide-actions .matchon-guide-primary-button:hover{background:var(--color-cta-hover)}}@media (max-width:860px){.matchon-guide .matchon-guide-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar" "article";gap:30px;padding-top:34px;padding-bottom:60px}.matchon-guide .matchon-guide-contents{position:static;padding:18px 20px}.matchon-guide .matchon-guide-contents ol{display:flex;flex-wrap:wrap;gap:8px 18px}.matchon-guide .matchon-guide-contents li+li{margin:0}.matchon-guide .matchon-guide-hero{padding:22px 0 44px}.matchon-guide .matchon-guide-breadcrumbs{margin-bottom:38px}}@media (max-width:600px){.matchon-guide .matchon-guide-hero{padding-bottom:36px}.matchon-guide .matchon-guide-lead{font-size:16px}.matchon-guide .matchon-guide-section{padding:34px 0 38px}.matchon-guide .matchon-guide-tool-heading{align-items:flex-start;gap:12px}.matchon-guide .matchon-guide-tool-logo{flex-basis:58px;width:58px;height:58px;padding:10px;border-radius:var(--radius-md)}.matchon-guide .matchon-guide-tool-heading h2{font-size:21px}.matchon-guide .matchon-guide-body p{font-size:15px;line-height:1.72}.matchon-guide .matchon-guide-introduction p:first-child{font-size:17px}.matchon-guide .matchon-guide-cta{padding:22px}.matchon-guide .matchon-guide-actions{align-items:flex-start;flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.matchon-guide *{scroll-behavior:auto}}