#app .global-header .logo-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  text-align: left;
  white-space: nowrap;
}

#app .global-header .logo-copy .logo-text {
  display: block;
  line-height: 1.15;
  letter-spacing: 0.75px;
}

#app .global-header .logo-tagline {
  color: #526174;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
}

@media (max-width: 420px) {
  #app .global-header .logo-tagline {
    font-size: 12px;
  }
}

.creativity-tools-page { max-width:1280px; margin:auto; padding:clamp(16px,3vw,36px) 16px; color:#18283c; }
.creativity-tools-intro { margin-bottom:16px; }
.creativity-tools-intro h1 { margin:0 0 4px; font-size:clamp(24px,3vw,32px); }
.creativity-tools-page p,.creativity-tools-promo p { margin:0; color:#526478; }
.creativity-tools-empty,.creativity-tool-card,.creativity-tools-promo { border:1px solid #e0e7ef; border-radius:12px; background:#fff; }
.creativity-tools-empty { padding:clamp(18px,4vw,40px); text-align:center; }
.creativity-tools-empty h2,.creativity-tool-card h2 { margin:0 0 5px; font-size:18px; }
.creativity-tools-empty button { margin-top:10px; }
.creativity-tools-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:12px; }
.creativity-tool-card { overflow:hidden; }
.creativity-tool-card img { display:block; width:100%; aspect-ratio:16/10; object-fit:contain; background:#f6f8fa; }
.creativity-tool-copy { padding:14px; }
.creativity-tool-action { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; margin-top:14px; }
.creativity-tool-action strong { color:#9f3d16; }
.creativity-tools-promo { display:flex; justify-content:space-between; align-items:center; gap:8px 14px; flex-wrap:wrap; padding:13px 15px; margin-bottom:12px; }
.creativity-tools-promo h2 { margin:0 0 3px; padding-left:8px; border-left:3px solid #ff7849; color:#18283c; font-size:17px; }
.creativity-tools-promo p { font-size:14px; }
.creativity-tools-link { display:inline-flex; align-items:center; min-height:36px; border:1px solid #ffd7c8; border-radius:8px; padding:5px 11px; background:#fff0e9; color:#9c380f; font:inherit; font-size:14px; text-decoration:none; cursor:pointer; white-space:nowrap; }
.creativity-tools-link:hover { background:#ffe4d9; }
