/* Opted in Tools pages. Material values come from the approved Prompt Generator
   header, example sheet, FAQ and final action. Product scenes stay untouched. */
.tool-materials-page { --text-muted: #586678; }
.tool-materials-page .global-header__cluster { box-shadow: 0 6px 20px #2b405417; border: 1px solid #d2dbe5; background: #f4f7fa; }
.tool-materials-page .global-header__cluster::before,
.tool-materials-page .global-header__cluster::after { display: none; }
.tool-materials-page .global-header__cluster .brand,
.tool-materials-page .global-header__cluster .nav-auth-split,
.tool-materials-page .global-header__cluster .nav-auth-split__download { box-shadow: none; }
.tool-materials-page .global-header__cluster .nav-auth-split { border: 1px solid #d4dee9; background: #fff; border-radius: 12px; }
.tool-materials-page .global-header__cluster .nav-auth-split__download { background: #e2eaf4; border-radius: 8px; }
.tool-materials-page:where(:not(.prompt-generator-page)) .site-footer { background: transparent; box-shadow: none; border-color: #ccd4df; }
.tool-materials-page:where(:not(.prompt-generator-page)) .site-footer__group h2,
.tool-materials-page:where(:not(.prompt-generator-page)) .site-footer small,
.tool-materials-page:where(:not(.prompt-generator-page)) .site-footer__utility,
.tool-materials-page:where(:not(.prompt-generator-page)) .site-footer__lead p { color: var(--text-muted); opacity: 1; }
.tool-materials-page:where(:not(.prompt-generator-page)) .site-footer__social a { background: transparent; border-color: #ccd4df; box-shadow: none; }
.tool-materials-page:where(:not(.prompt-generator-page)) .site-footer__social a:hover { background: #293441; color: #fff; }
.tool-materials-page:where(:not(.prompt-generator-page)) .site-footer__link-list a,
.tool-materials-page:where(:not(.prompt-generator-page)) .site-footer__link-list a span { white-space: normal; overflow-wrap: anywhere; }
.tool-materials-page .humanize-comparison del { color: #625458; }
.tool-materials-page [data-demo-prompt],
.tool-materials-page .context-tabs-demo__toolbar > b { color: #586678; }
.tool-materials-page .context-tabs-demo__pdf { background: #bd4037; }
.humanize-materials .tools-main { padding-top: 138px; }
.humanize-materials .humanize-tool-hero { min-height: 210px; }
.humanize-materials .humanize-workspace { margin-top: 26px; }
.humanize-materials .humanize-workspace__grid { min-height: 0; }
.humanize-materials .humanize-workspace__field { min-height: 290px; }
.humanize-materials .humanize-workspace textarea { height: 230px; min-height: 230px; }

.tool-materials-legacy .tools-main .button { display: inline-flex; justify-content: center; align-items: center; min-width: 0; height: 52px; min-height: 52px; padding: 0 22px; border: 1px solid #aebac7; border-radius: 999px; color: var(--clay-ink); background: transparent; box-shadow: none; font: 600 14px/1 var(--sans); }
.tool-materials-legacy .tools-main .button--dark { border-color: var(--clay-ink); background: var(--clay-ink); color: #fff; }
.tool-materials-legacy .tools-main .button i { display: none; }
.tool-materials-legacy .tools-main .button::before,
.tool-materials-legacy .tools-main .button::after { display: none; }
.tool-materials-legacy .tools-main .button:hover { box-shadow: 0 10px 20px rgba(45, 58, 78, .15); }
.tool-materials-legacy :is(.tools-step, .tools-content-card, .tools-prose-grid article, .tools-toggle-card, .comparison-card) { border: 1px solid rgba(108, 126, 147, .14); border-radius: 10px; background: rgba(255, 255, 255, .38); box-shadow: none; }
.tool-materials-legacy :is(.tools-media-card, .tools-video-card) { border: 0; border-radius: 12px; background: transparent; box-shadow: none; }
.tool-materials-legacy .tools-content-media { border-radius: 12px; }
.tool-materials-legacy .tools-tab-context__card { border: 1px solid rgba(108, 126, 147, .14); border-radius: 10px; background: #fff; box-shadow: none; }
.tool-materials-legacy .tools-tab-context__card span { border: 1px solid #ccd4df; border-radius: 6px; background: transparent; box-shadow: none; color: #234d85; }
.tool-materials-legacy .tools-privacy { border-radius: 0; background: transparent; box-shadow: none; }
.tool-materials-legacy .tools-privacy blockquote { color: var(--clay-ink); }
.tool-materials-legacy .tools-faq .faq__list { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.tool-materials-legacy .tools-faq .faq-row > button i { border: 0; background: none; box-shadow: none; }
.tool-materials-legacy .tools-faq .faq-row.is-open { background: transparent; }
.tool-materials-legacy .tools-closing { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.tool-materials-legacy .tools-closing::before,
.tool-materials-legacy .tools-closing::after { display: none; }
.tool-materials-legacy .tools-section-head p { max-width: 640px; }
.tool-materials-legacy .tools-section-head h2,
.tool-materials-legacy .tools-faq > h2 { font-size: clamp(34px, 3.2vw, 46px); line-height: 1.08; }
.tool-materials-legacy .tools-content-card { min-height: 0; }
.tool-materials-legacy .tools-step > span { display: none; }
.tool-materials-legacy .tools-step h3 { margin-top: 0; }
.tool-materials-legacy .tools-step { min-height: 220px; }
.tool-materials-legacy .tools-hero-video { margin-top: 64px; padding: 0; }
.tool-materials-legacy .tools-detail-hero__actions { flex-wrap: wrap; }
.tool-materials-legacy .tools-detail-hero h1 { font-size: clamp(40px, 5.2vw, 74px); }
@media (max-width: 767px) {
  .humanize-materials .tools-main { padding-top: 118px; }
  .humanize-materials .humanize-tool-hero { min-height: 180px; }
  .humanize-materials .humanize-workspace__field { min-height: 205px; }
  .humanize-materials .humanize-workspace textarea { height: 145px; min-height: 145px; }
  .tool-materials-legacy .tools-detail-hero h1 { font-size: clamp(29px, 8.5vw, 52px); }
  .tool-materials-legacy .tools-main .button { min-height: 48px; padding-inline: 18px; }
  .tool-materials-legacy .tools-step { min-height: 0; }
  .tool-materials-legacy .tools-section-head h2,
  .tool-materials-legacy .tools-faq > h2 { font-size: clamp(28px, 8.2vw, 34px); line-height: 1.1; }
  .tool-materials-legacy .tools-content-card { padding: 24px; }
  .tool-materials-legacy .tools-privacy { min-height: 0; padding-inline: 0; }
  .tool-materials-legacy .tools-privacy blockquote { font-size: 30px; line-height: 1.15; }
}
@media (prefers-reduced-motion: reduce) {
  .tool-materials-legacy .tools-main .button { transition: none; transform: none; }
}