/* Equiptova Task-First Visual Composition Wave 4 v1.0.1-rc1
   Integrates existing content/evidence/media into four task-first page families.
   No new public copy, URLs, formula behavior or visual assets. */
body.eq-composition-v4{--eq-v4-wide:1120px;--eq-v4-read:900px;--eq-v4-gap:clamp(34px,4vw,52px)}
body.eq-composition-v4 .eq-page-hero{margin-bottom:52px!important}
body.eq-composition-v4 .eq-post-content{padding-bottom:80px}
body.eq-composition-v4 .eq-search-launch-content{max-width:var(--eq-v4-wide)!important;margin-inline:auto!important;display:grid!important;gap:0!important}
body.eq-composition-v4 .eq-search-lede{max-width:940px!important;margin:0 0 38px!important}
body.eq-composition-v4 .eq-v4-primary-task{margin:0 0 32px!important}
body.eq-composition-v4 .eq-search-launch-content>.eq-media-w3,
body.eq-composition-v4 .eq-search-launch-content>.eq-seo-w2{width:100%!important;max-width:var(--eq-v4-wide)!important;margin:0 0 42px!important;padding:0!important;border:0!important;border-bottom:0!important;background:transparent!important;box-shadow:none!important}
body.eq-composition-v4 .eq-search-launch-content>.eq-media-w3{margin-top:4px!important}
body.eq-composition-v4 .eq-media-w3__head{grid-template-columns:minmax(0,.92fr) minmax(280px,.78fr);gap:26px;margin-bottom:16px}
body.eq-composition-v4 .eq-media-w3__figure{box-shadow:0 12px 32px rgba(23,35,38,.065)}
body.eq-composition-v4 .eq-v4-compact-how{max-width:var(--eq-v4-read)!important;margin:4px auto 34px!important;padding:22px 26px!important;display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:22px!important;align-items:start;border:1px solid var(--eq-border)!important;border-radius:14px!important;background:var(--eq-surface-alt)!important;box-shadow:none!important}
body.eq-composition-v4 .eq-v4-compact-how h2{margin:0!important;font-size:20px!important;line-height:1.3!important}
body.eq-composition-v4 .eq-v4-compact-how p{margin:0 0 10px!important;font-size:15.5px!important;line-height:1.62!important;color:var(--eq-text-secondary)!important}
body.eq-composition-v4 .eq-v4-compact-how p:last-child{margin-bottom:0!important}
/* Wave 2 official source depth and Wave 1 descriptive related cards supersede the older duplicate surfaces visually. Source/link text remains in the server HTML and stored post content is untouched. */
body.eq-composition-v4 .eq-v4-legacy-sources,body.eq-composition-v4 .eq-v4-legacy-related{display:none!important}
body.eq-composition-v4 .eq-seo-w1{max-width:var(--eq-v4-wide);margin:52px auto 0;padding:0 20px}
body.eq-composition-v4 .eq-seo-w1-intro{padding:30px 0 34px;grid-template-columns:72px minmax(0,800px);gap:24px}
body.eq-composition-v4 .eq-seo-w1-intro__icon{width:60px;height:60px;border-radius:15px}
body.eq-composition-v4 .eq-seo-w1-body{max-width:var(--eq-v4-read)}
body.eq-composition-v4 .eq-seo-w1-section{padding:36px 0}
body.eq-composition-v4 .eq-seo-w1-section h3{font-size:24px}
body.eq-composition-v4 .eq-seo-w1-section p{font-size:17.5px;line-height:1.68}
body.eq-composition-v4 .eq-seo-w2{max-width:var(--eq-v4-wide);margin:46px auto 0;padding:0 20px}
body.eq-composition-v4 .eq-search-launch-content>.eq-seo-w2{padding:0!important}
body.eq-composition-v4 .eq-seo-w2__header{padding:30px 32px;box-shadow:0 9px 24px rgba(23,35,38,.05)}
body.eq-composition-v4 .eq-seo-w2__table-wrap{margin-top:16px;box-shadow:0 7px 20px rgba(23,35,38,.04)}
body.eq-composition-v4 .eq-v4-evidence-secondary{margin-top:40px}
body.eq-composition-v4 .eq-v4-evidence-secondary .eq-seo-w2__example{margin-top:0}
body.eq-composition-v4 .eq-v4-faq-wrapper{margin-top:38px}
body.eq-composition-v4 .eq-v4-faq-wrapper .eq-seo-w1-faq{margin-top:0}
body.eq-composition-v4 .eq-v4-sources-wrapper{margin-top:38px}
body.eq-composition-v4 .eq-v4-sources-wrapper .eq-seo-w2__sources{margin-top:0}
body.eq-composition-v4 .eq-v4-related-wrapper{margin-top:38px}
body.eq-composition-v4 .eq-v4-related-wrapper .eq-seo-w1-related{margin-top:0;padding-top:34px}
/* Calculator = task first. Make the frozen formula surface read like the primary product, not a small form in a long article. */
body.eq-composition-v4--calculator .eq-search-tool{width:100%;max-width:var(--eq-v4-wide)!important;margin:0 auto 26px!important;padding:32px!important;border-radius:20px!important;box-shadow:0 14px 38px rgba(23,35,38,.07)!important;background:linear-gradient(145deg,#fff 0 72%,rgba(237,242,241,.72) 100%)!important}
body.eq-composition-v4--calculator .eq-search-tool>h2{font-size:28px!important;margin-bottom:24px!important}
body.eq-composition-v4--calculator .eq-search-calc{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;grid-template-areas:"fields result" "primary result" "secondary result" "note note";gap:18px 28px!important;align-items:start}
body.eq-composition-v4--calculator .eq-search-field-grid{grid-area:fields!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:16px!important}
body.eq-composition-v4--calculator .eq-search-calc :is(input,select,textarea){min-height:54px!important;padding:12px 14px!important;font-size:16.5px!important;border-radius:10px!important;background:#fff!important}
body.eq-composition-v4--calculator .eq-search-calc>button[type="submit"]{grid-area:primary;min-width:170px!important;min-height:52px!important;padding-inline:24px!important;font-size:15px!important}
body.eq-composition-v4--calculator .eq-search-calc__result{grid-area:result!important;min-height:100%!important;height:100%;padding:28px 28px 28px 32px!important;border-radius:15px!important;display:flex;flex-direction:column;justify-content:center;font-size:16px!important;background:linear-gradient(145deg,var(--eq-surface-alt),#fff)!important;box-shadow:inset 0 0 0 1px rgba(47,102,112,.05)}
body.eq-composition-v4--calculator .eq-search-calc>.eq-result-actions{grid-area:secondary!important;margin:0!important;justify-self:start}
body.eq-composition-v4--calculator .eq-search-calc>.eq-search-note{grid-area:note!important}
body.eq-composition-v4--calculator .eq-search-launch-content>ul{max-width:var(--eq-v4-read);margin:0 auto 28px!important;padding:18px 22px 18px 42px!important;border:1px solid var(--eq-border);border-radius:13px;background:#fff;font-size:15.5px!important;line-height:1.55!important}
/* Guide = decision first. */
body.eq-composition-v4--guide .eq-v4-primary-task{max-width:var(--eq-v4-read)!important;padding:28px 30px!important;border-left:4px solid var(--eq-brand-secondary)!important;background:#fff!important;box-shadow:0 8px 22px rgba(23,35,38,.035)!important}
/* Reference = answer first. Evidence header/table is moved ahead of explanatory prose in the DOM. */
body.eq-composition-v4--reference .eq-search-launch-content>.eq-seo-w2{margin-bottom:30px!important}
body.eq-composition-v4--reference .eq-search-launch-content>.eq-media-w3{margin-bottom:34px!important}
body.eq-composition-v4--reference .eq-v4-primary-task{max-width:var(--eq-v4-read)!important;margin-inline:auto!important;padding:24px 28px!important;background:var(--eq-surface-alt)!important;box-shadow:none!important}
/* Topic = route first. */
body.eq-composition-v4--topic .eq-v4-primary-task{margin-bottom:28px!important;box-shadow:0 9px 26px rgba(23,35,38,.045)!important}
body.eq-composition-v4--topic .eq-media-w3__figure{background:#fff}
/* Five review pages get slightly stronger first-screen task emphasis without page-specific copy. */
body.eq-composition-v4--priority .eq-search-lede{border-left-width:4px!important}
body.eq-v4-page-roof-pitch-chart .eq-search-launch-content>.eq-seo-w2__table-wrap{scroll-margin-top:120px}
@media(max-width:1023px){
 body.eq-composition-v4{--eq-v4-wide:calc(100vw - 48px);--eq-v4-read:min(860px,calc(100vw - 48px))}
 body.eq-composition-v4 .eq-v4-compact-how{grid-template-columns:1fr!important;gap:8px!important}
 body.eq-composition-v4--calculator .eq-search-calc{grid-template-columns:1fr!important;grid-template-areas:"fields" "primary" "result" "secondary" "note"}
 body.eq-composition-v4--calculator .eq-search-calc__result{min-height:150px!important}
}
@media(max-width:767px){
 body.eq-composition-v4{--eq-v4-wide:calc(100vw - 32px);--eq-v4-read:calc(100vw - 32px)}
 body.eq-composition-v4 .eq-page-hero{margin-bottom:38px!important}
 body.eq-composition-v4 .eq-search-lede{margin-bottom:28px!important}
 body.eq-composition-v4 .eq-search-launch-content>.eq-media-w3,body.eq-composition-v4 .eq-search-launch-content>.eq-seo-w2{margin-bottom:32px!important}
 body.eq-composition-v4 .eq-v4-compact-how{padding:20px!important;margin-bottom:28px!important}
 body.eq-composition-v4 .eq-seo-w1,body.eq-composition-v4 .eq-seo-w2{padding-inline:16px;margin-top:40px}
 body.eq-composition-v4 .eq-seo-w1-intro{grid-template-columns:1fr;gap:16px;padding:26px 0 30px}
 body.eq-composition-v4 .eq-seo-w1-section{padding:30px 0}
 body.eq-composition-v4 .eq-seo-w2__header{padding:24px 20px}
 body.eq-composition-v4--calculator .eq-search-tool{padding:24px 20px!important;border-radius:16px!important}
 body.eq-composition-v4--calculator .eq-search-field-grid{grid-template-columns:1fr!important}
 body.eq-composition-v4--calculator .eq-search-calc>button[type="submit"]{width:100%!important}
}
@media(prefers-reduced-motion:reduce){body.eq-composition-v4 *{scroll-behavior:auto!important}}
@media print{body.eq-composition-v4 .eq-v4-legacy-sources,body.eq-composition-v4 .eq-v4-legacy-related{display:block!important}body.eq-composition-v4 .eq-search-tool,body.eq-composition-v4 .eq-media-w3__figure,body.eq-composition-v4 .eq-seo-w2__header{box-shadow:none!important}}