.tool-page .hero.compact { margin: 12px 0 18px; padding: 12px 0 0; }
.tool-page .hero.compact h1 { font-size: 2rem; line-height: 1.2; }
.tool-page .hero.compact p { font-size: 1rem; }
.tool-page .upgrade-tool { border-left: 3px solid var(--brand2); }
.tool-page .upgrade-tool textarea { min-height: 150px; }
.upgrade-tool label { margin-bottom: 10px; }
.upgrade-tool .grid-form { margin-top: 14px; }
.upgrade-tool .inline-check { display: flex; flex-direction: row; align-items: center; gap: 9px; margin: 0; font-weight: 500; }
.upgrade-tool .inline-check input { width: 18px; height: 18px; margin: 0; }
.upgrade-tool .color-result { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.upgrade-tool .color-swatch { width: 120px; min-height: 120px; margin: 0; background: #2563eb; }
.upgrade-tool .color-result p { margin: 7px 0 0; color: var(--muted); }
.upgrade-tool pre { min-height: 72px; }
@media print {
  .site-header, .site-footer, .hero, .breadcrumb, .upgrade-tool > :not(pre), .tool-page > section:not(.tool-panel) { display: none !important; }
  main { padding: 0; }
  .tool-panel { border: 0; padding: 0; background: #fff; }
  .tool-panel pre { background: #fff; color: #000; border: 0; white-space: pre-wrap; }
}