/* CRM-Automatisierung: aligned content tracks, compact examples, blue/violet accents.
   Scoped to this page; the shared footer remains independent. */
body.automation-harmony.crm-focused.page-composed.subpage-polish.sp-design.subpage-studio.subpage-craft.craft-crm-automatisierung {
  --auto-shadow:inset 0 1px 0 #fff,0 2px 4px #274a7007,0 18px 30px -24px #244d7870;
  --auto-line:#c8d6e9;
  background:#f5f8fc;
  & .detail-hero{background:radial-gradient(ellipse at 80% 70%,#e4e9fb99,transparent 65%),#f8fafc}
  & .hero-material-light::after{background:radial-gradient(ellipse,#a9b8ee55,transparent 75%)}
  & .hero-material-sheen{background:radial-gradient(ellipse 50% 8% at 50% 50%,#eef7ff 0%,#94b9fa8c 17%,#a9ccf445 39%,transparent 81%)}
  & .nav-ready-check{background:#edf2fc;color:#345b8f;border-color:#d1ddef}
  & .nav-check-symbol{color:#5279bb}
  & .story-tag.mint{background:#e4eafb;color:#35538b;border-color:#c5d3ed}
  & .story-tag.amber{background:#f4e9da;color:#76552a;border-color:#dfcbaa}
  & .story-tag.neutral{background:#e9e6f5;color:#5b4c83}
  & .story-gate>span,& .story-label{font-size:11px}
  & .story-gate>span{color:#4f657b}
  & .story-automation-hero{background:linear-gradient(145deg,#f8faff,#e7eefb);border-color:#c5d4eb;box-shadow:var(--auto-shadow)}
  & .story-human{color:#365580}
  & .story-hero-ai{background:linear-gradient(120deg,#24467b,#3e4387);border-color:#637ab0}

  /* Two interactive examples retain their exact tab/panel behaviour. */
  & .process-examples-intro{padding-block:32px 18px}
  & .vp-services{padding-top:24px}
  & .vp-story{--vp-accent:#3267bb;--vp-pale:#e7effc;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:25px;gap:30px;border:1px solid #c6d5eb;border-radius:22px;background:linear-gradient(130deg,#fafdff,#eaf1fc);box-shadow:inset 3px 0 0 #4477c3,var(--auto-shadow);align-items:start}
  & .vp-story+.vp-story{margin-top:24px;padding-top:25px;border:1px solid #d0cce9}
  & .vp-story-mint{--vp-accent:#6954aa;--vp-pale:#ece8f8;background:linear-gradient(130deg,#fdfcff,#eeebf9);box-shadow:inset 3px 0 0 #7762b5,var(--auto-shadow)}
  & .vp-story-copy{padding-top:0}
  & .vp-story-copy h3{font-size:29px;line-height:1.15;margin:15px 0 13px;hyphens:none}
  & .vp-story-copy>p{font-size:14px;line-height:1.7;margin:0;hyphens:none}
  & .vp-story-kicker>span{background:var(--vp-accent);color:#fff;border-color:var(--vp-accent);width:29px;height:29px;font-size:11px;box-shadow:0 5px 10px -7px #234f97}
  & .vp-benefits{gap:7px;margin:17px 0 10px}
  & .vp-story-link{min-height:44px;color:var(--vp-accent)}
  & .vp-principle{max-width:none;margin-top:15px;padding:13px 15px;border:1px solid #cad8eb;border-radius:11px;background:#ffffffa8;gap:9px}
  & .vp-principle p{font-size:12px;line-height:1.65;margin:0;color:#4b6480}
  & .vp-principle strong{color:#355581}
  & .vp-story-mint .vp-principle{border-color:#d7d0eb}
  & .vp-story-mint .vp-principle strong{color:#59477e}
  & .vp-story-tabs{margin-bottom:12px;background:#dfe9f8;border-color:#c6d6ed}
  & .vp-story-mint .vp-story-tabs{background:#e5e0f3;border-color:#d0c7e7}
  & .vp-story-tabs button{min-height:44px;color:#415d7e}
  & .vp-story-tabs button[aria-selected=true]{color:var(--vp-accent);border-color:#c2cfe4;box-shadow:0 3px 7px #2e4b7515}
  & .vp-story-tabs button[aria-selected=true]>span{background:var(--vp-pale);color:var(--vp-accent);border-color:#c5cce5}
  & .vp-screen{border-color:#bbcce3;box-shadow:inset 0 1px 0 #fff,0 2px 3px #24405e08,0 15px 24px -20px #294d7880}
  & .vp-windowbar{min-height:44px;padding:11px 17px;background:#f9fbff}
  & .vp-mail-layout{min-height:0;grid-template-columns:91px minmax(0,1fr)}
  & .vp-mail-sidebar{padding:17px 7px;font-size:11px}
  & .vp-mail-sidebar>span{padding:5px 3px}
  & .vp-mail-content{padding:17px}
  & .vp-screen h4{margin:15px 0 11px}
  & .vp-message-text{font-size:13px;line-height:1.7}
  & .vp-attachment{margin-top:15px;padding:9px}
  & .vp-attachment :is(strong,small),& .vp-file-type,& .vp-state,& .vp-time,& .vp-mail-person small,& .vp-task-strip small,& .vp-mail-meta,& .vp-story-progress{font-size:11px}
  & .vp-task-strip{padding:12px 17px}
  & .vp-panel-takeaway{padding-top:11px;line-height:1.65;color:#4f6784}
  & .vp-story-kicker,& .vp-story-tabs button>span,& .vp-panel-takeaway>span,& .vp-context-strip :is(p,strong),& .vp-mail-meta strong,& .vp-systems-note,& .story-ai-input>span{font-size:11px}
  & .vp-story-controls{padding-top:6px;margin-top:10px}
  & .vp-context-strip{margin:13px 17px 0;padding:10px 12px;border-color:#cccfe8;background:#f0f0fb}
  & .vp-context-strip>span{font-size:11px;color:#5e5484}
  & .vp-story-mint .vp-context-strip{background:#f0edfa;border-color:#d1c8e8;border-left-color:#8a70bb}
  & .vp-draft-content{padding:15px 17px}
  & .vp-draft-content p{line-height:1.75;margin-bottom:9px}
  & .vp-draft-content h4{margin:12px 0}
  & .vp-review-bar{margin:0 17px 14px;padding:10px 12px;background:#edeafa;border-color:#d3c9e9}
  & .vp-review-bar strong,& .vp-review-bar>span:last-child{color:#5b4987;font-size:11px}
  & .vp-check-circle{background:#e4def5;border-color:#c9bce6;color:#634b9c}
  & .vp-state-mint,& .vp-story-mint :is(.vp-customer-header,.vp-mail-meta) .vp-state-mint{background:#e9e4f7;color:#5b468b;border-color:#d1c4e9}
  & .vp-stop-status{margin:0 17px;padding:12px;background:#e8eefb;border-color:#c1d2ec}
  & .vp-stop-status strong,& .vp-stop-status p{color:#355687}
  & .vp-reply-content{padding:17px}
  & .vp-next-task{margin:16px 17px}
  & #bestandskunden .vp-customer-header{padding:12px 17px}
  & #bestandskunden .vp-customer-header h4{margin:0 0 3px}
  & #bestandskunden .vp-record-meta{margin:0 17px 4px;padding:7px 0}
  & #bestandskunden .vp-customer-history{padding:0 17px 3px}
  & #bestandskunden .vp-history-item{padding:8px 0}
  & #bestandskunden .vp-history-item p{line-height:1.6;margin-top:4px}
  & #bestandskunden .vp-history-highlight>div{padding:9px 11px;background:#eeeafb;border-color:#d5caec;border-left-color:#8162b7}
  & #bestandskunden .vp-history-highlight .vp-history-dot{background:#8162b7;border-color:#8162b7}
  & #bestandskunden .vp-task-row{padding:10px 17px}
  & #bestandskunden .vp-record-source{padding:9px 17px;line-height:1.6}

  /* Shared headline, text and visual baselines; distinct visual meanings. */
  & .detail-grid{align-items:stretch;gap:22px}
  & .story-feature .card-copy h3{font-size:26px;line-height:1.25;hyphens:none;text-wrap:pretty}
  & .story-feature .card-copy p{hyphens:none;line-height:1.7}
  & .story-feature::before,& .story-feature::after{background:linear-gradient(90deg,transparent,#cbd6eb,transparent)}
  & .story-feature-1,& .story-feature-4{gap:32px;padding:20px 0}
  & .detail-grid>.story-feature-2{background:linear-gradient(145deg,#f9fbff,#e6eefb);border-color:#c1d1e9;box-shadow:inset 0 3px 0 #4d78bd,var(--auto-shadow)}
  & .detail-grid>.story-feature-3{background:linear-gradient(145deg,#fcfbff,#eae7f6);border-color:#cec7e4;box-shadow:inset 0 3px 0 #8063b4,var(--auto-shadow)}
  & .story-steps.horizontal{gap:10px}
  & .story-steps.horizontal>li{padding:14px 12px;background:linear-gradient(145deg,#fff,#edf3fc);border:1px solid #c5d5ec;border-radius:12px;box-shadow:var(--auto-shadow)}
  & .story-steps.horizontal>li>span{background:#3669b5;border-color:#3669b5;color:white}
  & .story-mini{background:#eef2fb;border-color:#cad7eb;border-radius:10px;padding:11px 13px;margin-top:13px}
  & .story-mini>span{background:#e1e8fa;color:#4a6298}
  & .story-rules{display:grid;gap:8px}
  & .story-rules>div{min-height:60px;padding:12px;background:#ffffffd6;border:1px solid #cbd8eb;border-radius:10px;box-shadow:0 6px 13px -13px #244b7c}
  & .story-rules>div>strong{color:#345172;font-size:12px}
  & .focus-handoffs{gap:8px}
  & .focus-handoff{min-height:60px;padding:10px 12px;border-color:#d0c7e4;background:#ffffffce;box-shadow:0 6px 13px -13px #51427a}
  & .focus-handoff .story-label{color:#64528b;font-size:11px}
  & .focus-handoff strong{color:#433b68}
  & .focus-handoff>span,& .focus-handoffs>p{color:#695787}
  & .story-visual>figcaption{font-size:11px;line-height:1.6;margin-top:12px;color:#5b708c}
  & .story-ai{grid-template-columns:1fr 24px 1.35fr;gap:12px;align-items:center}
  & .story-ai-input>span:not(.story-label){border-color:#c8d4eb;background:linear-gradient(120deg,#fff,#eaf0fa);box-shadow:var(--auto-shadow);padding:12px}
  & .story-ai-output{padding:21px;background:linear-gradient(130deg,#294e85,#524589);border-color:#7d80af;border-radius:15px;box-shadow:0 17px 26px -18px #30437170}
  & .story-ai-output .story-tag{background:#e8e4fa;color:#514078;border-color:#c8bfe7;white-space:normal}
  & .story-ai-spark{color:#6d5aa6}

  /* Results show a compact workflow specification; process cards show project work. */
  & .story-delivery{padding-block:58px;background:linear-gradient(180deg,#f5f8fc,#eef2fc)}
  & .scope-grid{gap:30px}
  & .story-delivery .scope-copy{grid-template-columns:1fr 1fr;gap:0 40px;max-width:none;align-items:start}
  & .story-delivery .scope-copy>h2{grid-row:2/4;align-self:start;margin:14px 0 0;max-width:500px}
  & .story-delivery .scope-copy>p{grid-column:2;grid-row:1/3;margin:0}
  & .story-delivery .scope-note{grid-column:2;grid-row:3;border:1px solid #d0d9ed;border-left:3px solid #6485c2;border-radius:12px;background:#e8eefb;padding:15px 17px;margin-top:15px;max-width:none}
  & .scope-note :is(span,p){color:#496284}
  & .deliverables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
  & .deliverables>li{display:grid;grid-template-rows:auto auto 1fr auto;gap:0;padding:20px 17px!important;border:1px solid #c8d6e9;border-radius:15px;background:linear-gradient(145deg,#fff,#edf3fc);box-shadow:var(--auto-shadow);min-width:0}
  & .deliverables>li:nth-child(2n){background:linear-gradient(145deg,#fff,#eeeafa);border-color:#d2cbe7}
  & .deliverables>li>div:first-of-type{display:contents}
  & .craft-delivery-index{font-size:11px;letter-spacing:.02em;color:#506a90;margin-bottom:12px}
  & .deliverables h3{font-size:19px;line-height:1.3;margin:0;hyphens:none;letter-spacing:-.025em;color:#294970}
  & .deliverables p{font-size:13px;line-height:1.65;margin:10px 0 16px;color:#4c6582}
  & .deliverables [class^="craft-mini-"]{min-height:89px;margin:0;padding:11px;border:1px solid #cbd7e9;border-radius:9px;background:#e9effa;align-items:center;box-shadow:inset 0 1px 0 #fff}
  & .craft-mini-trace{gap:7px}
  & .craft-mini-trace>span{font-size:11px;color:#3f5b80}
  & .craft-mini-trace i{background:#6b7db5}
  & .craft-mini-record strong,& .craft-mini-doc strong{font-size:12px;color:#35557e}
  & .craft-mini-record small,& .craft-mini-doc small{font-size:11px;color:#5a6e8a}
  & .detail-process{padding-block:58px;background:#f8f9fe;border:0}
  & .process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
  & .process-step{--step-accent:#386dbb;--step-tint:#dfeafb;--step-line:#becfeb;display:grid;grid-template-rows:auto auto 1fr auto;gap:0;min-width:0;margin:0;padding:24px 22px 20px;border:1px solid var(--step-line);border-radius:20px;background:linear-gradient(145deg,#f3f7ff,#e0ebfb);box-shadow:inset 0 4px 0 var(--step-accent),var(--auto-shadow)}
  & .process-step:nth-child(2){--step-accent:#5762ba;--step-tint:#e6e8fb;--step-line:#c7cceb;background:linear-gradient(145deg,#f7f7ff,#e5e7fa)}
  & .process-step:nth-child(3){--step-accent:#7957a7;--step-tint:#ece4f7;--step-line:#d3c6e6;background:linear-gradient(145deg,#faf6ff,#eae2f6)}
  & .process-number{display:grid;place-items:center;width:36px;height:36px;min-width:0;background:var(--step-accent);color:white;border:1px solid var(--step-accent);border-radius:10px;font-size:12px;margin:0 0 18px;box-shadow:inset 0 1px 0 #ffffff55,0 6px 12px -7px #294e8b77}
  & .process-step h3{font-size:23px;line-height:1.25;hyphens:none;letter-spacing:-.03em;margin:0 0 13px}
  & .process-step>p{font-size:14px;line-height:1.7;hyphens:none;margin:0 0 19px;color:#49617e}
  & .auto-process-art{display:flex;flex-direction:column;align-self:stretch;margin:0;padding:15px;border:1px solid var(--step-line);border-radius:11px;background:#ffffffd9;box-shadow:0 10px 18px -18px #354f82;color:#365376;min-width:0}
  & .auto-process-art figcaption{color:var(--step-accent);font-size:11px;font-weight:650;letter-spacing:.035em;text-transform:uppercase;margin-bottom:12px}
  & .auto-process-art dl{margin:0;display:grid;gap:0;flex:1}
  & .auto-process-art dl>div{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #dbe2ef;font-size:12px;line-height:1.45}
  & .auto-process-art dl>div:last-child{border:0}
  & .auto-process-art dt{font-size:11px;color:#5c6d88}
  & .auto-process-art dd{margin:0;font-weight:600}
  & .auto-build ol{display:grid;list-style:none;gap:6px;padding:0;margin:0}
  & .auto-build li{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}
  & .auto-build li>span{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:var(--step-tint);color:var(--step-accent);font-size:11px}
  & .auto-build>small{display:block;font-size:11px;line-height:1.5;color:#586b88;margin-top:10px}
  & .auto-process-caption{font-size:11px;color:#63748e;text-align:right;margin:17px 0 0}
  & .seo-summary{background:#eef3fb}
  & .seo-knowledge{background:#f8fafd}
  & .seo-reading-nav{background:linear-gradient(145deg,#f5f7fd,#e9effa);border-color:#cad7eb;box-shadow:var(--auto-shadow)}
  & .depth-contract{background:#edf2fb;border-color:#c7d5e9;border-radius:14px}
  & .seo-source-note{background:#f0f4fb;border-color:#d0dcec}
  & .detail-related a{background:linear-gradient(120deg,#fff,#eaf1fc);border-color:#c7d8ec;box-shadow:var(--auto-shadow)}
  & .detail-related a:nth-child(2){background:linear-gradient(120deg,#fff,#efecfa);border-color:#d2cce6}
  & .story-final-action .button{background:linear-gradient(135deg,#fff,#e8efff);color:#204681;border-color:#d5e2fa}

  @media(min-width:901px){
    & .detail-grid>.story-feature:is(.story-feature-2,.story-feature-3){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-row:span 4;grid-template-rows:subgrid;row-gap:12px;padding:24px;align-self:stretch}
    & .story-feature:is(.story-feature-2,.story-feature-3) .card-copy{display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:12px}
    & .story-feature:is(.story-feature-2,.story-feature-3) .card-copy h3{margin:0}
    & .story-feature:is(.story-feature-2,.story-feature-3) .card-stage{grid-row:4;padding-top:5px}
    & .story-feature:is(.story-feature-2,.story-feature-3) .story-visual{display:flex;flex-direction:column;height:100%}
    & .story-decisions>figcaption{margin-top:auto;padding-top:12px}
    & .deliverables>li,& .process-step{grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
  }
  @media(max-width:1100px){
    & .vp-story{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:22px}
    & .vp-mail-layout{grid-template-columns:minmax(0,1fr)}
    & .vp-mail-sidebar{display:none}
    & .deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}
    & .process-step{padding:22px 18px}
    & .process-step h3{font-size:21px}
    & .auto-process-art{padding:13px}
  }
  @media(min-width:651px) and (max-width:900px){
    & .vp-story{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px;padding:22px}
    & .vp-story-copy h3{font-size:27px}
    & .vp-story-tabs button{flex-direction:column;gap:5px;padding:8px 4px}
    & .story-feature-1,& .story-feature-4{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:25px}
    & .detail-grid>.story-feature:is(.story-feature-2,.story-feature-3){display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px;align-items:center;padding:22px}
    & .story-steps.horizontal{grid-template-columns:1fr}
    & .story-steps.horizontal>li{display:flex;gap:12px;align-items:center;padding:11px}
    & .story-steps.horizontal>li>span{margin:0;flex:none}
    & .story-ai{grid-template-columns:1fr;gap:8px}
    & .story-ai-input{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    & .story-ai-input>.story-label{grid-column:1/-1}
    & .story-ai-input>span:not(.story-label){margin:0}
    & .story-ai-spark{display:none}
    & .story-delivery .scope-copy{grid-template-columns:1fr}
    & .story-delivery .scope-copy>*{grid-row:auto;grid-column:1}
    & .story-delivery .scope-copy>p{margin-top:18px}
  }
  @media(min-width:651px) and (max-width:1100px){
    & .process-grid{grid-template-columns:1fr;gap:16px}
    & .process-step{grid-row:auto;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 20px;padding:23px}
    & .process-number{grid-column:1;grid-row:1/3;margin:0}
    & .process-step h3{grid-column:2;grid-row:1}
    & .process-step>p{grid-column:2;grid-row:2;margin:0}
    & .auto-process-art{grid-column:3;grid-row:1/3}
  }
  @media(max-width:650px){
    & .vp-story{grid-template-columns:1fr;gap:23px;padding:22px 17px;border-radius:18px}
    & .vp-story+.vp-story{padding-top:22px;margin-top:20px}
    & .vp-story-copy h3{font-size:28px}
    & .vp-principle{padding:12px}
    & .vp-story-tabs{gap:3px;padding:4px}
    & .vp-story-tabs button{flex-direction:column;gap:6px;padding:8px 4px;font-size:11px}
    & .vp-story-controls{gap:9px}
    & .vp-windowbar{padding:11px 13px}
    & .vp-mail-content,& .vp-draft-content,& .vp-reply-content{padding:15px 13px}
    & .vp-review-bar,& .vp-stop-status,& .vp-context-strip{margin-inline:13px}
    & .vp-review-bar{gap:7px}
    & .vp-review-bar>span:last-child{margin-left:27px}
    & .vp-mail-person{flex-wrap:wrap;gap:8px}
    & .vp-task-strip{padding:11px 13px;gap:9px;flex-wrap:wrap}
    & .vp-task-strip .vp-state{margin-left:41px}
    & #bestandskunden .vp-customer-header{padding:13px;flex-wrap:wrap;gap:9px}
    & #bestandskunden .vp-customer-header .vp-state{margin-left:53px}
    & #bestandskunden .vp-record-meta{margin-inline:13px}
    & #bestandskunden .vp-customer-history{padding-inline:13px}
    & #bestandskunden .vp-task-row{padding:11px 13px;gap:9px}
    & #bestandskunden .vp-task-row>.vp-state{grid-column:2;justify-self:start}
    & #bestandskunden .vp-record-source{padding:10px 13px}
    & .detail-grid>.story-feature:is(.story-feature-2,.story-feature-3){display:flex!important;flex-direction:column;padding:23px 18px;gap:20px}
    & .story-feature .card-copy h3{font-size:25px}
    & .story-feature-1,& .story-feature-4{gap:22px;padding-block:18px}
    & .story-steps.horizontal>li{display:flex;gap:12px;align-items:center;padding:12px}
    & .story-steps.horizontal>li>span{margin:0;flex:none}
    & .story-rules>div{grid-template-columns:1fr 15px 1.1fr;padding:11px 10px;gap:8px}
    & .story-rules .story-tag{white-space:normal;font-size:11px;padding:5px 7px}
    & .focus-handoff{padding:10px;gap:7px}
    & .story-ai{grid-template-columns:1fr;gap:10px}
    & .story-ai-spark{display:none}
    & .story-ai-input{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    & .story-ai-input>.story-label{grid-column:1/-1}
    & .story-ai-input>span:not(.story-label){margin:0;padding:11px}
    & .story-ai-output{padding:20px}
    & .story-delivery,& .detail-process{padding-block:44px}
    & .story-delivery .scope-copy{display:block}
    & .story-delivery .scope-copy>h2{margin:14px 0 18px}
    & .story-delivery .scope-note{margin-top:17px}
    & .deliverables,& .process-grid{grid-template-columns:1fr;gap:16px}
    & .deliverables>li{padding:22px!important}
    & .deliverables h3{font-size:21px}
    & .process-step{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:24px 20px}
    & .process-step>*{grid-column:1;grid-row:auto}
    & .process-step>.process-number{grid-row:auto;margin-bottom:18px}
    & .process-step h3{font-size:24px}
    & .process-step>p{margin-bottom:18px}
    & .auto-process-art{padding:16px}
    & .auto-process-caption{text-align:left;line-height:1.6}
  }
  @media(max-width:360px){
    & .vp-story{padding:21px 13px}
    & .vp-story-tabs button>span{display:none}
    & .vp-story-tabs button{min-height:49px}
    & .vp-story-copy h3{font-size:26px}
    & .vp-mail-person .vp-time{margin-left:42px}
    & .story-ai-input{grid-template-columns:1fr}
  }
}