/* Read surface. Motor Headz tokens retain their existing semantic roles.
   70rem = editorial shell; 42.5rem = reading measure; 18rem = navigation rail. */
.mh-article{background:var(--white);--mh-reading-width:42.5rem;--mh-editorial-width:70rem;--mh-rail-width:18rem;--mh-header-offset:12rem}
.mh-article__hero{padding:var(--space-10) 0 var(--space-12)}
.mh-article__hero-stripe{display:none}
.mh-article__hero-inner{max-width:calc(var(--mh-editorial-width) + var(--space-12))}
.mh-article__hero .mh-crumb{margin-bottom:var(--space-6)}
.mh-article__title{font-family:Archivo,sans-serif;font-weight:700;font-size:2.5rem;max-width:32ch;line-height:1.2;text-wrap:balance;letter-spacing:-.025em;margin-bottom:var(--space-6)}
.mh-article__date{font-family:inherit;font-size:var(--fs-sm);color:var(--concrete);letter-spacing:0;margin-top:var(--space-1)}
.mh-article__read{display:block;color:var(--concrete);font-size:var(--fs-sm);margin-top:var(--space-1)}
.mh-article__lead{max-width:calc(var(--mh-editorial-width) + var(--space-12));margin:0 auto;padding-top:var(--space-8)}
.mh-article__lead img{width:100%;height:auto;max-height:32rem;object-fit:contain;background:var(--concrete-2);border:0;border-radius:var(--radius-sm);box-shadow:none}
.mh-article__wrap{padding:var(--space-12) var(--space-6) var(--space-16)}
.mh-article__layout{max-width:var(--mh-editorial-width);margin:auto;display:grid;grid-template-columns:minmax(0,var(--mh-reading-width)) minmax(0,var(--mh-rail-width));gap:var(--space-16);align-items:start}
.mh-article__body{min-width:0;width:100%;max-width:var(--mh-reading-width);margin:0;font-size:1.0625rem;line-height:1.64706;color:var(--ink);grid-column:1;grid-row:1}
.mh-article__sidebar{grid-column:2;grid-row:1;position:sticky;top:calc(var(--mh-header-offset) + var(--space-6));min-width:0;max-height:calc(100dvh - var(--mh-header-offset) - var(--space-12));overflow:auto;scrollbar-color:var(--titanium) var(--concrete-2);scrollbar-width:thin}
.mh-article-nav{border-top:1px solid var(--midnight);border-bottom:1px solid var(--concrete);padding:var(--space-5) 0}
.mh-article-nav summary{font-size:var(--fs-lg);font-weight:800;cursor:pointer;color:var(--midnight);min-height:var(--space-8)}
.mh-article-nav ol{list-style:none;padding:var(--space-3) 0 0;margin:0;display:grid;gap:var(--space-1)}
.mh-article-nav a{display:block;padding:var(--space-3) var(--space-2);font-size:var(--fs-sm);line-height:1.5;color:var(--titanium);text-decoration:none;border-radius:var(--radius-sm)}
.mh-article-nav a:hover,.mh-article-nav a[aria-current]{color:var(--orange-text);background:var(--concrete-2)}
.mh-article__back{display:block;font-size:var(--fs-sm);font-weight:700;line-height:1.5;padding:var(--space-5) 0;color:var(--orange-text)}
.mh-article :is(a,summary,button,[tabindex]):focus-visible{outline:2px solid var(--orange-text);outline-offset:var(--space-1)}
.mh-article__content :is(h2,h3,h4){scroll-margin-top:calc(var(--mh-header-offset) + var(--space-8));text-wrap:balance;overflow-wrap:anywhere}
.mh-article__content h2{font-family:Archivo,sans-serif;font-weight:700;font-size:1.625rem;line-height:1.3077;margin:var(--space-12) 0 var(--space-5)}
.mh-article__content h3{font-family:'Archivo',sans-serif;font-size:1.3125rem;font-weight:700;line-height:1.38096;margin:var(--space-10) 0 var(--space-4)}
.mh-article__content h4{font-size:var(--fs-lg);line-height:1.4;margin:var(--space-6) 0 var(--space-3)}
.mh-article__content :is(p,ul,ol){margin-bottom:var(--space-5)}
.mh-article__content :is(p,li){overflow-wrap:anywhere}
.mh-article__content a{color:var(--orange-text);text-underline-offset:.2em;text-decoration-thickness:1px}
.mh-article__content strong{font-weight:700}
.mh-article__content .meta{font-size:var(--fs-sm);color:var(--titanium);padding-bottom:var(--space-5);border-bottom:1px solid var(--concrete)}
.mh-article__content img:not(.emoji){max-width:100%;height:auto;margin:var(--space-8) auto;border-radius:var(--radius-sm)}
.mh-article__content img.emoji{display:inline;width:1em;height:1em;margin:0 .2em 0 0;border-radius:0;vertical-align:-.1em}
.mh-article__content figure{margin:var(--space-8) 0;max-width:100%}
.mh-article__content figcaption{font-size:var(--fs-sm);line-height:1.6;color:var(--titanium);margin-top:var(--space-3)}
/* Legacy hand-authored blocks carry inline colors and fixed columns. Limit
   overrides to those known content components, preserving the source data. */
.mh-article__content .quick-pick{background:var(--concrete-2)!important;padding:var(--space-6)!important;border-radius:var(--radius-sm)!important;margin:var(--space-8) 0!important}
.mh-article__content .quick-pick h2{margin-top:0}
.mh-article__content .product-review{margin:var(--space-10) 0!important;padding-bottom:var(--space-8)!important;border-bottom:1px solid var(--concrete)!important}
.mh-article__content .pro-con{gap:var(--space-5)!important;margin:var(--space-6) 0!important}
.mh-article__content .pro-con>div{background:var(--concrete-2)!important;padding:var(--space-5)!important;border-radius:var(--radius-sm)!important}
.mh-article__content .pro-con h4{margin-top:0}
.mh-article-table{max-width:100%;overflow-x:auto;margin:var(--space-8) 0;scrollbar-color:var(--titanium) var(--concrete-2)}
.mh-article__content table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:var(--fs-body);line-height:1.55;font-variant-numeric:tabular-nums}
.mh-article__content :is(th,td){padding:var(--space-4)!important;border:1px solid var(--concrete)!important;text-align:left;min-width:8rem;vertical-align:top}
.mh-article__content th{background:var(--midnight)!important;color:var(--white)!important;font-weight:700}
.mh-article__content tr:nth-child(even) td{background:var(--concrete-2)}
.mh-article__media-unavailable{display:block;padding:var(--space-8);background:var(--concrete-2);color:var(--titanium);text-align:center;font-size:var(--fs-sm)}
.mh-article__content::selection{background:var(--midnight);color:var(--white)}
.mh-article__body .mh-post-cta{margin-top:var(--space-12)}
@media(max-width:1023px){
 .mh-article__layout{display:flex;flex-direction:column;gap:var(--space-8);max-width:var(--mh-reading-width)}
 .mh-article__sidebar{position:static;max-height:none;width:100%}
 .mh-article__back{display:none}
 .mh-article-nav{padding:var(--space-4) 0}
 .mh-article-nav summary{min-height:var(--space-8)}
}
@media(max-width:720px){
 .mh-article__hero{padding:var(--space-8) 0}
 .mh-article__hero-inner,.mh-article__lead{padding-left:var(--space-4);padding-right:var(--space-4)}
 .mh-article__title{font-size:1.75rem;line-height:1.21429}
 .mh-article__content h2{font-size:1.375rem;line-height:1.31819}
 .mh-article__content h3{font-size:1.1875rem;line-height:1.42106}
 .mh-article__lead{padding-top:var(--space-6)}
 .mh-article__wrap{padding:var(--space-8) var(--space-4) var(--space-12)}
 .mh-article__body{font-size:1rem;line-height:1.625}
 .mh-article__content .pro-con{grid-template-columns:minmax(0,1fr)!important}
 .mh-article__content :is(th,td){padding:var(--space-3)!important}
 .mh-article__content table{display:block;overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){.mh-article *{scroll-behavior:auto}}

.mh-article-table>table{display:table;overflow:visible}

.mh-article__body .mh-btn--primary{color:var(--midnight);text-decoration:none}
.mh-article__content footer strong{color:inherit}
/* overflow:hidden on body creates a non-scrolling sticky containing block.
   Clip the horizontal edge without trapping the article's sticky navigation. */
body.single-post{overflow-x:clip;overflow-y:visible}
body.single-post .mh-cart-drawer[aria-hidden="true"]{box-shadow:none}

.mh-article-nav summary{scroll-margin-top:calc(var(--mh-header-offset) + var(--space-8))}