/* Constrain individual components, keeping wide code and tables locally scrollable. */
.head-row>.brand,.head-row>.idc-site-search,.content-column,.sidebar,.layout>*{min-width:0}
.head-row>.brand{flex:1 1 auto}
.head-row>.idc-site-search{flex:0 1 352px}
.idc-site-search input{min-width:0;width:100%;font:inherit;font-size:14px}
.idc-site-search button{flex:none;white-space:nowrap;font-family:inherit;min-height:44px}
.main-nav .nav-row{overflow-x:auto;overscroll-behavior-x:contain}
.main-nav .nav-row ul{width:max-content;min-width:0;flex-shrink:0}
.main-nav .nav-row a{display:inline-flex;align-items:center;min-height:48px}
.section-head{flex-wrap:wrap}.section-head>div{min-width:0;overflow-wrap:anywhere}
.section-head>a{flex-shrink:0}
.post-card,.vendor-card,.side-box,.article,.vendor-detail{min-width:0}
.vendor-card-body,.vendor-detail-brand>div,.vendor-facts dd{min-width:0;overflow-wrap:anywhere}
.vendor-external-links a,.vendor-detail-actions .button{white-space:normal;overflow-wrap:anywhere}
.breadcrumbs,.tag-list,.filter-list,.idc-footer-main>*{min-width:0;overflow-wrap:anywhere}
.article-content pre{max-width:100%;overscroll-behavior-x:contain}
.article-content video,.article-content iframe,.article-content svg,.ad iframe,.ad video,.ad svg{max-width:100%}
.article-content figure{max-width:100%;margin-left:0;margin-right:0}
.article-content>table{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.article-content .idc-table-wrap{min-width:0;max-width:100%;overflow-x:auto}
.article-content .idc-table-wrap>table{display:table;min-width:100%;border-collapse:collapse}
.article-content th,.article-content td{padding:10px;border:1px solid var(--line);text-align:left;vertical-align:top}
.article-content .idc-table-wrap>.idc-table{min-width:560px}
.ad{max-width:min(1160px,calc(100% - 40px))}.article .ad,.vendor-detail .ad,.sidebar .ad,.home>.ad,.site-header .container .ad{max-width:100%}
.idc-footer-bottom>*{min-width:0}.idc-footer-credits>*{max-width:100%;overflow-wrap:anywhere}
@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr);gap:24px}.sidebar{order:2}.sidebar .ad{margin-top:0}.hero{gap:12px}.hero-art{margin-left:0}}
@media(max-width:680px){
  .head-row{gap:14px}.head-row>.brand{flex:1 1 100%}.head-row>.idc-site-search{display:flex;flex:1 1 100%;width:100%}.idc-site-search input{font-size:16px}
  .brand-copy{overflow-wrap:anywhere}.hero-copy{min-width:0}.hero .hero-title{line-height:1.35}
  .post-grid,.vendor-grid,.layout .vendor-grid{grid-template-columns:minmax(0,1fr)}
  .section-head{gap:10px 16px}.post-card{padding:18px}.vendor-card{padding:17px;gap:12px}
  .filter-list a{display:inline-flex;align-items:center;min-height:40px}.vendor-external-links a{min-height:36px}
  .vendor-detail-header,.vendor-detail-body{padding:22px 18px}.vendor-detail-actions .button{justify-content:center;min-height:44px}
  .idc-promo{padding:16px;min-width:0}.idc-promo a{white-space:normal}.idc-promo-value{min-width:0}.idc-promo code{font-size:16px}
  .article-content ul,.article-content ol{padding-left:1.6em}.article-content blockquote{margin-left:0;margin-right:0}
  .ad{max-width:calc(100% - 28px)}.back-top{right:14px;bottom:14px}
}
@media(max-width:380px){.container{width:calc(100% - 24px)}.brand-name{font-size:18px}.vendor-detail-brand{gap:12px}.vendor-detail-brand .vendor-logo-wrap{flex-basis:56px;width:56px;height:56px}.vendor-detail-brand .vendor-logo,.vendor-detail-brand .vendor-logo-placeholder{width:56px;height:56px}.vendor-detail-brand h1{font-size:25px}.vendor-detail-actions{flex-direction:column;align-items:stretch}}