.mg{background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--color-accent) 7%,transparent) 0%,transparent 60%),var(--color-bg-primary);padding-block:var(--space-16) var(--space-20);scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.mg{scroll-behavior:auto}}.mg__hero{text-align:center;max-width:820px;margin-inline:auto;margin-bottom:var(--space-12)}.mg__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.8125rem;font-weight:600;color:var(--color-accent);margin-bottom:var(--space-3)}.mg__title{font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;margin-bottom:var(--space-5)}.mg__intro{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7}.mg__hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.mg__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:150px;padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card)}.mg__stat-num{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-accent);display:inline-flex;align-items:center;min-height:1.5rem}.mg__stat-label{font-size:.8125rem;color:var(--color-text-muted)}.mg__compare{margin-bottom:var(--space-16)}.mg__compare-title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--space-2)}.mg__compare-hint{font-size:.875rem;margin-bottom:var(--space-5)}.mg__table-wrap{overflow-x:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-bg-surface);-webkit-overflow-scrolling:touch}.mg__table-wrap:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mg__table{width:100%;min-width:760px;border-collapse:collapse;font-size:.9375rem}.mg__table thead th{background:var(--color-bg-elevated);color:var(--color-text-secondary);font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;position:sticky;top:0}.mg__table tbody tr{transition:background-color var(--duration-short) var(--ease-default)}.mg__table tbody tr:hover{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.mg__table th[scope=row]{font-weight:700}.mg__table-link{color:var(--color-text-primary);font-weight:700;font-family:var(--font-heading)}.mg__table-link:hover{color:var(--color-accent)}.mg__num{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-secondary)}.mg__bestfor{color:var(--color-text-secondary);min-width:180px}.mg__dots{display:inline-flex;gap:3px}.mg__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-default)}.mg__dot.is-on{background:var(--color-accent)}.mg__main{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:start}@media(min-width:990px){.mg__main{grid-template-columns:230px minmax(0,1fr);gap:var(--space-12)}}.mg__nav-wrap{position:sticky;top:0;z-index:var(--z-sticky)}@media(min-width:990px){.mg__nav-wrap{top:var(--space-8);z-index:1}}.mg__nav{background:color-mix(in srgb,var(--color-bg-secondary) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:var(--space-3)}.mg__nav-title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:var(--space-1) var(--space-2) var(--space-2)}.mg__nav-list{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.mg__nav-list::-webkit-scrollbar{display:none}@media(min-width:990px){.mg__nav-list{flex-direction:column;overflow:visible}}.mg__nav-link{display:flex;flex-direction:column;gap:1px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-input);border-left:2px solid transparent;color:var(--color-text-secondary);white-space:nowrap;transition:background-color var(--duration-short) var(--ease-default),color var(--duration-short) var(--ease-default)}.mg__nav-link:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.mg__nav-link.is-active{background:color-mix(in srgb,var(--mat-accent, var(--color-accent)) 14%,transparent);color:var(--color-text-primary);border-left-color:var(--mat-accent, var(--color-accent))}.mg__nav-abbr{font-family:var(--font-heading);font-weight:700;font-size:.9375rem}.mg__nav-full{font-size:.75rem;color:var(--color-text-muted);display:none}@media(min-width:990px){.mg__nav-full{display:block}}.mg__content{display:flex;flex-direction:column;gap:var(--space-12);min-width:0}.mg__material{scroll-margin-top:84px;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-top:3px solid var(--mat-accent, var(--color-accent));border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6)}@media(min-width:750px){.mg__material{padding:var(--space-12)}}@media(min-width:990px){.mg__material{scroll-margin-top:var(--space-8)}}.mg__mat-head{display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.mg__mat-id{display:flex;align-items:center;gap:var(--space-4);min-width:0}.mg__mat-abbr{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:64px;padding:0 var(--space-3);font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--mat-accent, var(--color-accent));background:color-mix(in srgb,var(--mat-accent, var(--color-accent)) 12%,transparent);border:1px solid color-mix(in srgb,var(--mat-accent, var(--color-accent)) 35%,transparent);border-radius:var(--radius-card)}.mg__mat-name{font-size:clamp(1.5rem,3vw,2rem);line-height:1.15}.mg__mat-tagline{color:var(--color-text-secondary);font-size:1rem;margin-top:2px}.mg__mat-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.mg__shop{white-space:nowrap}.mg__pill{display:inline-flex;align-items:center;padding:3px var(--space-3);font-size:.75rem;font-weight:600;border-radius:999px;white-space:nowrap;border:1px solid transparent}.mg__pill--easy{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 14%,transparent);border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}.mg__pill--mid{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 14%,transparent);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent)}.mg__pill--hard{color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 14%,transparent);border-color:color-mix(in srgb,var(--color-cta) 30%,transparent)}.mg__summary{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.75;margin-bottom:var(--space-6)}.mg__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-8)}@media(min-width:600px){.mg__specs{grid-template-columns:repeat(3,1fr)}}@media(min-width:750px)and (max-width:989px){.mg__specs{grid-template-columns:repeat(4,1fr)}}.mg__spec{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-input)}.mg__spec-icon{color:var(--mat-accent, var(--color-accent));margin-bottom:var(--space-1)}.mg__spec-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.mg__spec-value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);line-height:1.35}.mg__panels{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-8)}@media(min-width:750px){.mg__panels{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}.mg__ratings{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);align-content:start}.mg__rating{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3)}.mg__rating-label{font-size:.875rem;color:var(--color-text-secondary)}.mg__rating-track{display:inline-flex;gap:4px}.mg__seg{width:22px;height:7px;border-radius:4px;background:var(--color-border-default)}.mg__seg.is-on{background:var(--mat-accent, var(--color-accent))}.mg__lists{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:480px){.mg__lists{grid-template-columns:1fr 1fr}}.mg__list-title{display:flex;align-items:center;gap:var(--space-2);font-size:.9375rem;margin-bottom:var(--space-3)}.mg__list--pros .mg__list-title{color:var(--color-success)}.mg__list--cons .mg__list-title{color:var(--color-text-secondary)}.mg__list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.mg__list li{position:relative;padding-left:var(--space-5);font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.mg__list li:before{position:absolute;left:0;top:-1px;font-weight:700}.mg__list--pros li:before{content:"+";color:var(--color-success)}.mg__list--cons li:before{content:"\2212";color:var(--color-cta)}.mg__uses{margin-bottom:var(--space-6)}.mg__uses-title,.mg__tips-summary{font-family:var(--font-heading);font-weight:700}.mg__uses-title{font-size:.9375rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.mg__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mg__chip{padding:var(--space-2) var(--space-3);font-size:.875rem;color:var(--color-text-primary);background:color-mix(in srgb,var(--mat-accent, var(--color-accent)) 10%,transparent);border:1px solid color-mix(in srgb,var(--mat-accent, var(--color-accent)) 28%,transparent);border-radius:999px}.mg__tips{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-bg-elevated);margin-bottom:var(--space-5)}.mg__tips-summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none;color:var(--color-text-primary)}.mg__tips-summary::-webkit-details-marker{display:none}.mg__tips-summary .icon-chevron-down{margin-left:auto;transition:transform var(--duration-default) var(--ease-default);color:var(--color-text-muted)}.mg__tips[open] .mg__tips-summary .icon-chevron-down{transform:rotate(180deg)}.mg__tips-summary .icon-check{color:var(--mat-accent, var(--color-accent))}.mg__tips-body{padding:0 var(--space-5) var(--space-5);color:var(--color-text-secondary);line-height:1.7}.mg__tips-body ul,.mg__tips-body ol{padding-left:var(--space-6)}.mg__tips-body li{margin-bottom:var(--space-2)}.mg__avoid{font-size:.9375rem;color:var(--color-text-secondary);padding:var(--space-4) var(--space-5);background:color-mix(in srgb,var(--color-cta) 8%,transparent);border-left:3px solid var(--color-cta);border-radius:var(--radius-input)}.mg__avoid strong{color:var(--color-text-primary)}.mg__extra{margin-top:var(--space-12)}.mg__extra-card{padding:var(--space-8);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}@media(min-width:750px){.mg__extra-card{padding:var(--space-12)}}.mg__extra-title{font-size:clamp(1.35rem,2.5vw,1.75rem);margin-bottom:var(--space-6)}.mg__extra-body{color:var(--color-text-secondary)}.mg__extra-body h3{color:var(--color-text-primary);font-size:1.0625rem;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);margin-bottom:var(--space-3)}.mg__extra-body h3:first-child{margin-top:0;padding-top:0;border-top:none}.mg__extra-body p{line-height:1.75;max-width:72ch;margin:0}.mg__cta{margin-top:var(--space-16)}.mg__cta-inner{text-align:center;padding:var(--space-12) var(--space-6);background:radial-gradient(80% 120% at 50% 0%,color-mix(in srgb,var(--color-accent) 12%,transparent) 0%,transparent 70%),var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.mg__cta-title{font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:var(--space-3)}.mg__cta-text{color:var(--color-text-secondary);font-size:1.0625rem;max-width:540px;margin:0 auto var(--space-6)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-material-guide.css.map */