/* Styles are scoped to the six relocated CSM marketing destinations. */
.csm-local-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;max-width:1200px;margin:6rem auto 0;padding:1.5rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--line,#8884)}
.csm-local-nav a{font-size:.9rem;font-weight:650;text-underline-offset:.25em}
.csm-import{--csm-rule:color-mix(in srgb,currentColor 18%,transparent);overflow-wrap:anywhere}
.csm-import>section,.csm-import>header,.csm-import>article{max-width:1120px;margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1.25rem,4vw,3rem)}
.csm-import>section+section,.csm-import article>section+section{border-top:1px solid var(--csm-rule)}
.csm-import>article{padding-top:0}
.csm-import article>section{padding:2.5rem 0}
.csm-import h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;max-width:19ch;letter-spacing:-.045em;margin:.75rem 0 1.5rem}
.csm-import h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.12;letter-spacing:-.025em;margin:.5rem 0 1.25rem;max-width:25ch}
.csm-import h3{font-size:1.3rem;line-height:1.35;margin:1.5rem 0 .75rem}
.csm-import p,.csm-import li{line-height:1.75;max-width:78ch}
.csm-import p+p{margin-top:1rem}
.csm-import a{text-decoration:underline;text-underline-offset:.2em}
.csm-import a:focus-visible,.csm-import summary:focus-visible,.csm-import button:focus-visible,.csm-import input:focus-visible,.csm-import textarea:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.csm-import .button,.csm-import .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;border:1px solid currentColor;border-radius:.7rem;text-decoration:none;margin:.5rem .5rem .5rem 0}
.csm-import ul,.csm-import ol{padding-left:1.5rem;margin:1.25rem 0}
.csm-import li+li{margin-top:.6rem}
.csm-import img,.csm-import svg{max-width:100%;height:auto}
.csm-import svg{max-height:26rem}
.csm-import [class*="_chapter_"]{padding:1.3rem 0;border-bottom:1px solid var(--csm-rule)}
.csm-import details{margin:1rem 0;padding:1rem 1.25rem;border:1px solid var(--csm-rule);border-radius:1rem}
.csm-import summary{cursor:pointer;font-size:1.2rem;font-weight:650;line-height:1.5}
.csm-import summary span{margin-right:.7rem}
.csm-import summary>div{display:inline}
.csm-import details[open]>div{padding-top:1rem}
.csm-import [class*="_preview_"],.csm-import [class*="_frame_"],.csm-import .marketing-price-card,.csm-import .csm-help-links{padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--csm-rule);border-radius:1.5rem;margin:2rem 0;background:color-mix(in srgb,currentColor 3%,transparent)}
.csm-import [class*="_frame_"]{font-size:.95rem}
.csm-import [class*="_frame_"] h2{font-size:clamp(1.5rem,3vw,2.25rem)}
.csm-import [class*="_frame_"] aside{border-bottom:1px solid var(--csm-rule);padding:1rem 0}
.csm-import [class*="_frame_"] nav{display:flex;flex-wrap:wrap;gap:.6rem}
.csm-import .marketing-outcome-strip ul,.csm-import [class*="_grid_"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.csm-import .marketing-workflow article,.csm-import .marketing-bento article,.csm-import .marketing-principles article,.csm-import .marketing-start-small article,.csm-import .marketing-problem article{padding:1.5rem 0;border-bottom:1px solid var(--csm-rule)}
.csm-import :is(section,article,h1,h2,h3,[id]),.csm-anchor{scroll-margin-top:9rem}
.csm-anchor{display:block;width:0;height:0}
.csm-support-tools label{display:block;margin:1rem 0;font-weight:650}
.csm-support-tools textarea,.csm-support-tools input{display:block;width:100%;max-width:46rem;min-height:7rem;padding:1rem;border:1px solid var(--csm-rule);border-radius:.75rem;background:transparent;color:inherit;font:inherit;margin-top:.5rem}
.csm-support-tools button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:.65rem;padding:.75rem 1rem;cursor:pointer}
.csm-support-tools button:disabled{opacity:.6;cursor:wait}
.csm-support-answer{padding:1.5rem 0;border-bottom:1px solid var(--csm-rule);white-space:pre-line}
.csm-support-notice{font-size:.9rem;opacity:.85}
.csm-guide-search{min-height:auto!important}
@media(max-width:640px){.csm-local-nav{gap:.75rem 1rem}.csm-import .marketing-outcome-strip ul,.csm-import [class*="_grid_"]{grid-template-columns:1fr}.csm-import>section,.csm-import>header,.csm-import>article{padding-left:1.25rem;padding-right:1.25rem}.csm-import [class*="_frame_"]{padding:1rem}.csm-import h1{max-width:100%}}
@media(prefers-reduced-motion:reduce){.csm-import *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.csm-import>.csm-status{max-width:1024px;margin:2rem auto 0;padding:0 clamp(1.25rem,4vw,3rem)}
