/* Compact, ordered discoveries with QAQA's own visual language. */
#page-tools .page-intro { padding-bottom: 13px; }
#page-tools .page-intro h1 { font-size: clamp(34px, 8vw, 46px); }
#page-tools .search-box { margin-top: 7px; }
#page-tools .filter-row { padding-top: 11px; }
#page-tools .tools-feature-strip { margin-top: 14px; }
#page-tools .tool-sections { gap: 27px; margin-top: 24px; }
#page-tools .tool-section-head { align-items: center; margin: 0 2px 10px; }
#page-tools .tool-section-head h2 { color: var(--ink); font-size: 20px; letter-spacing: -.035em; }
#page-tools .tool-section-head p { margin: 3px 0 0; color: var(--muted); font-size: 11px; line-height: 1.35; }
#page-tools .tool-section-head > span { align-self: flex-start; min-width: 25px; padding: 4px 6px; border-radius: 9px; background: var(--soft); color: var(--accent); text-align: center; font-size: 10px; font-weight: 800; }
#page-tools .tool-grid { gap: 0; border-radius: 24px; }
#page-tools .tool-card { min-height: 70px; padding: 11px 0; }
#page-tools .tool-card .tool-copy { display: grid; gap: 3px; }
#page-tools .tool-card .tool-copy strong { line-height: 1.18; }
#page-tools .tool-card .tool-copy small { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 11px; line-height: 1.3; }
#page-tools .tool-card .row-action { min-width: 0; padding: 6px 9px; font-size: 10px !important; }
#page-tools .tool-card .row-action.planned { color: var(--muted); background: var(--soft); }
#page-tools .tool-card .row-action.needs_setup { color: #936c2b; background: #fbf3df; }
:root[data-theme=dark] #page-tools .tool-card .row-action.needs_setup { color: #e5c98c; background: #423820; }
#page-create .creation-launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#page-create .creation-launch { min-height: 143px; padding: 16px; }
#page-create .creation-launch>div { margin-top: auto; }
#page-create .creation-launch strong { font-size: 16px; }
#page-create .creation-launch p { font-size: 11px; }
#page-create .creation-launch[data-tool=video] .creation-icon { color: var(--muted); background: var(--soft); }
.tool-ideas { margin: 26px 0 18px; }
.tool-ideas h3 { margin: 0 0 9px; color: var(--ink); font-size: 15px; letter-spacing: -.02em; }
.tool-ideas p { margin: 0; padding: 13px 15px; border: 1px solid var(--line); border-bottom: 0; background: var(--card); color: var(--ink); font-size: 14px; line-height: 1.38; }
.tool-ideas p:first-of-type { border-radius: 18px 18px 0 0; }
.tool-ideas p:last-child { border-bottom: 1px solid var(--line); border-radius: 0 0 18px 18px; }
.tool-ideas p:only-of-type { border-radius: 18px; }
@media (max-width: 350px) {
  #page-create .creation-launch-grid { gap: 8px; }
  #page-create .creation-launch { min-height: 132px; padding: 12px; }
  #page-create .creation-launch strong { font-size: 14px; }
  #page-create .creation-launch .row-action { top: 9px; right: 9px; }
}