/* Shared article opening. Solid colors from the 9xLocal homepage. */
.hub-design .hub-hero{background:#fff;padding:26px 0 64px;border-bottom:1px solid #e3e2df}
.hub-hero .breadcrumbs{margin-bottom:48px}
.hub-hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:64px}
.hub-hero-copy{min-width:0}
.hub-hero .eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 24px;color:#a43f00;font-size:11px;letter-spacing:1.5px;line-height:1.5}
.hub-hero .eyebrow>span{width:8px;height:8px;flex:none;border-radius:50%;background:#ff6600}
.hub-hero h1{font-family:'Roboto Condensed',Inter,sans-serif;font-size:clamp(48px,5.6vw,72px);line-height:1.05;font-weight:700;letter-spacing:-1.6px;max-width:680px;margin:0 0 28px;color:#1a191d}
.hub-hero .sales-answer{font-size:20px;line-height:1.65;max-width:650px;margin:0 0 30px;color:#555358}
.hub-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px}
.hub-hero .sales-button{background:#1a191d;color:#fff;border:1px solid #1a191d;padding:17px 21px;font-size:15px;min-height:56px;gap:22px}
.hub-hero .sales-button:hover{background:#333137}
.hub-scope-link{color:#1a191d;font-size:14px;font-weight:650;text-decoration:none;text-underline-offset:5px}
.hub-scope-link:hover{text-decoration:underline}
.hub-scope-link>span{color:#a43f00;margin-left:7px}
.hub-hero .hub-hero-note{font-size:12px;line-height:1.8;color:#625e59;margin:19px 0 0;max-width:620px}
.hub-hero-panel{background:#1a191d;color:#fff;border-radius:16px;box-shadow:10px 10px 0 #ff6600;padding:34px 30px;min-width:0;margin:0 10px 10px 0}
.hub-panel-label{color:#ffad75;font-size:10px;font-weight:750;letter-spacing:1.2px;line-height:1.6;margin:0 0 12px}
.hub-hero-panel h2{color:#fff;font-family:'Roboto Condensed',Inter,sans-serif;font-size:34px;font-weight:700;line-height:1.12;letter-spacing:-.4px;margin:0 0 25px}
.hub-hero-panel ol{list-style:none;counter-reset:hub-route;margin:0;padding:0}
.hub-hero-panel li{counter-increment:hub-route;display:flex;align-items:center;gap:13px;padding:14px 0;margin:0;border-bottom:1px solid #49474b;font-size:14px;line-height:1.5}
.hub-hero-panel li:before{content:counter(hub-route,decimal-leading-zero);color:#ffad75;font-size:11px;font-weight:750;flex:none;width:20px}
.hub-hero-panel .hub-panel-foot{font-size:12px;line-height:1.75;color:#d6d3d0;margin:22px 0 0}
.hub-hero a:focus-visible{outline:3px solid #ff6600;outline-offset:5px}
@media(max-width:1000px){
  .hub-hero-grid{gap:36px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .hub-hero-panel{padding:28px 23px}
  .hub-hero-panel h2{font-size:30px}
  .hub-hero .sales-answer{font-size:18px}
}
@media(max-width:800px){
  .hub-hero-grid{grid-template-columns:1fr;gap:32px}
  .hub-hero .breadcrumbs{margin-bottom:32px}
  .hub-hero h1{font-size:clamp(43px,7.5vw,62px);max-width:640px;letter-spacing:-1px}
  .hub-hero-panel{max-width:540px;padding:28px}
  .hub-hero-panel h2{max-width:350px;font-size:34px}
  .hub-hero-panel li{font-size:15px}
  .hub-design .hub-hero{padding-bottom:42px}
}
@media(max-width:480px){
  .hub-hero .eyebrow{font-size:9px;letter-spacing:1px;gap:8px;margin-bottom:20px}
  .hub-hero h1{font-size:43px;margin-bottom:22px}
  .hub-hero .sales-answer{font-size:17px;line-height:1.65;margin-bottom:24px}
  .hub-hero-actions{align-items:flex-start;gap:20px}
  .hub-hero .sales-button{max-width:none;justify-content:space-between}
  .hub-hero .hub-hero-note{font-size:11px;margin-top:17px}
  .hub-hero-panel{padding:26px 22px;box-shadow:7px 7px 0 #ff6600;margin-right:7px;margin-bottom:7px}
  .hub-hero-panel h2{font-size:32px}
}

.hero-container{width:min(1120px,calc(100% - 64px));margin:auto}
.hub-hero .breadcrumbs{flex-wrap:wrap;line-height:1.7}
.hub-hero .byline{margin-top:25px}
.hub-hero.guide-hero h1{font-size:clamp(40px,4.7vw,60px);text-wrap:pretty}
.hub-hero .hero-benefit{font-size:18px;font-weight:650;line-height:1.5;margin:0 0 14px;color:#1a191d}
.hub-hero .hero-routes{display:flex;flex-wrap:wrap;gap:12px 23px;margin-top:24px;font-size:13px;font-weight:650}
.hub-hero .hero-routes a{color:#873200}
.hub-hero-panel .hero-recommendation{font-size:14px;line-height:1.75;color:#d6d3d0;margin:0 0 10px}
.hub-hero-panel li a{color:#fff;text-decoration:none;text-underline-offset:4px;display:block;padding:2px 0}
.hub-hero-panel li a:hover{color:#ffad75;text-decoration:underline}
.hub-hero-panel li a span{color:#ffad75;margin-left:5px}
.hub-hero-panel li a:focus-visible{outline:2px solid #ffad75;outline-offset:4px}
@media(max-width:800px){.hub-hero.guide-hero h1{font-size:clamp(38px,6.5vw,54px)}}
@media(max-width:700px){.hero-container{width:calc(100% - 36px)}.hub-design .site-header nav>a:not(.button){display:none}.hub-hero .breadcrumbs{font-size:11px;gap:7px}.hub-hero .byline{margin-top:22px}.hub-hero .hero-routes{gap:10px 18px}}
@media(max-width:480px){.hub-hero.guide-hero h1{font-size:38px}.hub-hero .hero-benefit{font-size:17px}.hub-hero-panel .hero-recommendation{font-size:14px}}
@media print{.hub-design .hub-hero{padding:0 0 20px}.hero-container{width:auto}.hub-hero-grid{display:block}.hub-hero-panel,.hero-routes{display:none}.hub-hero h1,.hub-hero.guide-hero h1{font-size:30px}.hub-hero .sales-answer{font-size:12px}}