/* Keep the quotation editor close to the first viewport. */
#generator { scroll-margin-top: 18px; }
.panel { border-radius: 15px; }
:where(a,button,input,select,textarea):focus-visible { outline: 3px solid #e5a473; outline-offset: 3px; }
@media (min-width: 601px) { .hero { padding-top: 44px; padding-bottom: 82px; } .hero h1 { font-size: clamp(42px, 4.5vw, 62px); } }
@media (max-width: 600px) { .hero { padding-top: 29px; padding-bottom: 63px; } .hero h1 { font-size: clamp(36px, 9.5vw, 42px); line-height: 1.04; margin: 12px 0; } .hero p { font-size: 14px; line-height: 1.5; } .hero-note { display: none; } .shell { margin-top: -36px; } .panel-head { padding: 19px 20px; } .panel-head h2 { font-size: 25px; } }

.preview-shortcut { display: none; font-size: 12px; font-weight: 700; color: var(--teal); text-decoration: none; white-space: nowrap; }
#live-preview { scroll-margin-top: 18px; }
@media (max-width: 950px) { .preview-shortcut { display: inline-flex; align-self: center; } .panel-head .pill { display: none; } }

@media screen {
/* TOOLWOVEN REDESIGN 2026-10-16: export quote */
.hero{padding-top:20px!important;padding-bottom:14px!important;min-height:0!important}.hero-inner{align-items:start!important;gap:20px!important}.hero h1{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.1!important;margin:0 0 9px!important}.hero p{font-size:14px!important;line-height:1.45!important;margin:0!important}.hero .eyebrow,.hero-note{display:none!important}.shell{padding-top:14px!important}@media(max-width:760px){.hero{padding:18px 5% 9px!important}.hero h1{font-size:29px!important}.shell{padding-top:10px!important}}

}

/* Related links stay inside the footer row. */
footer,footer .wrap,footer .shell,.footer{flex-wrap:wrap!important}footer>* ,footer .wrap>*,footer .shell>*,.footer>*{min-width:0}.tw-xlinks{max-width:100%;overflow-wrap:anywhere}