/* Shared rail for server-rendered QuoteToMe articles. Deliberately uses the
   existing navy/orange system, with a quiet blue-grey surface for long reads. */
.qtm-blog-article-layout{display:grid;grid-template-columns:320px minmax(0,820px);gap:32px;align-items:start;max-width:1236px;margin:0 auto;padding:52px 32px 80px}
.qtm-blog-article-layout>article{min-width:0}
.qtm-blog-article-layout>article>:first-child{max-width:none!important;margin:0!important;padding:0!important}
.qtm-blog-article-layout .post-content{max-width:none;margin:0;padding:0}
.qtm-blog-widget-rail{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}
.qtm-blog-widget{border:1px solid #d9e0e5;border-top:4px solid #ff6600;background:#f3f6f8;padding:20px}
.qtm-blog-widget h2{font:600 26px/1.08 Oswald,sans-serif;color:#003a5d;margin:5px 0 10px}
.qtm-blog-widget-eyebrow{font:600 11px/1.2 Oswald,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:#00829b;margin:0}
.qtm-blog-widget-copy{font:14px/1.5 Roboto,sans-serif;color:#41454d;margin:0 0 16px}
.qtm-hubspot-subscribe{min-height:30px}
.qtm-hubspot-subscribe>[data-hsfc-id="Renderer"],
.qtm-hubspot-subscribe [data-hsfc-id="Form"],
.qtm-hubspot-subscribe .hsfc-Form,
.qtm-hubspot-subscribe .hsfc-FormWrapper{display:block;max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.qtm-hubspot-subscribe form,
.qtm-hubspot-subscribe fieldset,
.qtm-hubspot-subscribe .form-columns-1,
.qtm-hubspot-subscribe .form-columns-2{display:block;max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;border:0}
.qtm-hubspot-subscribe .hs-form-field{float:none!important;width:100%!important;margin:0 0 12px!important;padding:0!important}
.qtm-hubspot-subscribe .input{margin-right:0!important}
.qtm-blog-widget .hs-form-field label{display:block;font:600 12px/1.3 Oswald,sans-serif;color:#003a5d;margin-bottom:5px}
.qtm-blog-widget input{display:block;width:100%!important;max-width:none!important;box-sizing:border-box;border:1px solid #bdc9d1;background:#fff;border-radius:0;padding:10px;font:14px Roboto,sans-serif;color:#111721}
.qtm-blog-widget input:focus{outline:2px solid #00829b;outline-offset:2px}
.qtm-blog-widget .actions{margin:0!important;padding:0!important}
.qtm-hubspot-subscribe *:has(> input[type="submit"]),
.qtm-hubspot-subscribe *:has(> button[type="submit"]),
.qtm-hubspot-subscribe *:has(> .hs-button){width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
.qtm-blog-widget .hs-button,
.qtm-blog-widget input[type="submit"],
.qtm-blog-widget button[type="submit"]{display:block;width:100%!important;max-width:none!important;transform:none!important;box-sizing:border-box;border:0;border-radius:0;background:#ff6600;color:#fff;cursor:pointer;padding:11px 12px;font:600 13px Oswald,sans-serif;letter-spacing:.7px;text-transform:uppercase;transition:background-color .15s ease}
.qtm-blog-widget .hs-button:hover,.qtm-blog-widget input[type="submit"]:hover,.qtm-blog-widget button[type="submit"]:hover{background:#d95400}
.qtm-blog-widget .hs-button:focus-visible,.qtm-blog-widget input[type="submit"]:focus-visible,.qtm-blog-widget button[type="submit"]:focus-visible{outline:2px solid #003a5d;outline-offset:3px}
.qtm-blog-widget .hs-error-msgs{padding:0;list-style:none;color:#9b351d;font:12px/1.35 Roboto,sans-serif}
.qtm-blog-widget .legal-consent-container{font:11px/1.4 Roboto,sans-serif;color:#535d66}
.qtm-blog-widget .submitted-message{font:600 14px/1.5 Roboto,sans-serif;color:#2d700f}
@media (max-width:1100px){
  .qtm-blog-article-layout{grid-template-columns:minmax(0,820px);max-width:884px}
  .qtm-blog-widget-rail{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));order:-1}
}
@media (max-width:700px){
  .qtm-blog-article-layout{display:flex;flex-direction:column;gap:28px;padding:36px 20px 60px}
  .qtm-blog-widget-rail{display:flex;width:100%;gap:12px}
  .qtm-blog-widget{padding:18px}
}
@media (prefers-reduced-motion:reduce){
  .qtm-blog-widget .hs-button,.qtm-blog-widget input[type="submit"],.qtm-blog-widget button[type="submit"]{transition:none}
}