/* Short rationales sit beside the project material and inherit the case accent. */
body.estro-case-polish main .cs-creative-note {display:block;flex:0 0 100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:24px 0;padding:clamp(22px,2.2vw,32px);background:#fff;color:#27272c;border:1px solid #17171b12;border-left:3px solid var(--case-accent,#775b80);box-shadow:0 10px 32px #15151b06;border-radius:3px;text-align:left;position:relative;isolation:isolate}
body.estro-case-polish main .cs-creative-note .cs-creative-label {font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#68636b;margin:0 0 10px;padding:0;max-width:none}
body.estro-case-polish main .cs-creative-note h3 {font:600 clamp(19px,1.6vw,24px)/1.3 'DM Sans',sans-serif;letter-spacing:-.025em;text-transform:none;color:#202025;margin:0 0 12px;max-width:42ch;overflow-wrap:break-word;text-wrap:balance}
body.estro-case-polish main .cs-creative-note p:not(.cs-creative-label) {font:400 16px/1.7 'DM Sans',sans-serif;color:#4b474f;max-width:72ch;margin:0;padding:0;text-transform:none;letter-spacing:normal}
.cs-legacy-flow>.cs-creative-note:first-child {margin-top:0}
.cs-legacy-flow>.cs-creative-note {margin-block:4px}
@media(max-width:767px){body.estro-case-polish main .cs-creative-note {margin-block:20px;padding:21px 19px}body.estro-case-polish main .cs-creative-note p:not(.cs-creative-label){font-size:15px;line-height:1.7}body.estro-case-polish main .cs-creative-note h3{font-size:20px}.cs-legacy-flow>.cs-creative-note{margin-block:0}}