/* CRM-Betreuung: compact care scenarios in the approved blue/indigo/violet family.
   This page only. The shared footer is independently styled. */
body.care-harmony.page-composed.subpage-polish.sp-design.subpage-studio.subpage-craft.craft-crm-betreuung {
  --care-shadow:inset 0 1px 0 #fff,0 2px 4px #274a7007,0 18px 30px -24px #244d7870;
  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-label{font-size:11px;color:#526b8c}
  & .story-tag.mint{background:#e8e3f7;color:#60478e;border-color:#cec3e5}
  & .story-tag.neutral{background:#e9e6f5;color:#5b4c83}
  & .story-care-hero>div:first-child{padding-bottom:17px}
  & .story-care-hero>div>strong{font-size:23px;line-height:1.35}
  & .story-care-cards{gap:13px;align-items:stretch}
  & .story-care-cards>div{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-color:#c5d3eb;background:linear-gradient(145deg,#fff,#e6eefb);box-shadow:inset 0 3px 0 #4675c0,var(--care-shadow);border-radius:15px}
  & .story-care-cards>div+div{background:linear-gradient(145deg,#fff,#ede7f8);border-color:#d1c5e7;box-shadow:inset 0 3px 0 #8565b7,var(--care-shadow);transform:none;margin:0}
  & .story-care-cards strong{font-size:16px;line-height:1.45;margin:18px 0 16px;color:#294972}
  & .story-care-cards small{margin-top:auto;color:#596c86;font-size:11px}
  & .story-hero>figcaption{margin-top:14px}
  & .detail-grid{align-items:stretch;gap:22px}
  & .detail-grid>.story-feature{min-width:0}
  & .story-feature .card-copy h3{font-size:26px;line-height:1.25;hyphens:none;text-wrap:pretty}
  & .story-feature .card-copy p{font-size:15px;line-height:1.7;hyphens:none}
  & .story-feature::before,& .story-feature::after{background:linear-gradient(90deg,transparent,#cbd6eb,transparent)}
  & .detail-grid>.story-feature-1{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:34px;padding:25px 28px;border:1px solid #c6d5e9;border-radius:21px;background:linear-gradient(135deg,#fafdff,#e9f0fb);box-shadow:inset 3px 0 0 #4d78bd,var(--care-shadow)}
  & .detail-grid>.story-feature-2{background:linear-gradient(145deg,#f9fbff,#e6eefb);border:1px solid #c1d1e9;border-radius:21px;box-shadow:inset 0 3px 0 #4d78bd,var(--care-shadow)}
  & .detail-grid>.story-feature-3{background:linear-gradient(145deg,#fcfbff,#eae7f6);border:1px solid #cec7e4;border-radius:21px;box-shadow:inset 0 3px 0 #8063b4,var(--care-shadow)}
  & .detail-grid>.story-feature-4{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:34px;padding:24px 0;border:0;background:none;box-shadow:none}
  & .story-visual{min-width:0}
  & .story-visual>figcaption{font-size:11px;line-height:1.6;margin-top:12px;color:#5b708c}
  & .care-review{border:1px solid #c1d1e9;border-radius:13px;background:#ffffffdf;box-shadow:var(--care-shadow);overflow:hidden}
  & .care-review header{padding:16px 18px;background:#e5edfb;border-bottom:1px solid #c7d5ea}
  & .care-review header strong{display:block;margin-top:8px;font-size:15px;line-height:1.4;color:#2f4f7b}
  & .care-review-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px 17px 4px;color:#647590;font-size:11px}
  & .care-review dl{margin:0;padding:0 17px 8px}
  & .care-review dl>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid #d8e1ee;font-size:12px;line-height:1.5}
  & .care-review dl>div:last-child{border:0}
  & .care-review dt{display:flex;gap:10px;align-items:center;color:#36567e;font-weight:650}
  & .care-review dt i{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:7px;background:#e7eefb;color:#496ba1;font-size:11px;font-style:normal}
  & .care-review dd{margin:0;color:#526886}
  & .story-priorities{display:grid;gap:9px}
  & .story-priorities>.story-label{margin-bottom:5px}
  & .story-priorities>div{display:grid;grid-template-columns:31px 1fr;gap:3px 12px;padding:13px;border:1px solid #c4d3e9;border-radius:10px;background:#ffffffde;box-shadow:0 8px 14px -14px #335986}
  & .story-priorities>div>span{display:grid;place-items:center;grid-row:span 2;align-self:center;width:29px;height:29px;color:#fff;background:#4674bd;border-radius:8px;font-size:11px}
  & .story-priorities>div:nth-of-type(2)>span{background:#626fba}
  & .story-priorities>div:nth-of-type(3)>span{background:#7e6aa8}
  & .story-priorities strong{font-size:13px;color:#34547f}
  & .story-priorities small{font-size:11px;color:#5c6e86}
  & .story-playbook{height:100%;padding:18px 17px 18px 12px;gap:15px;border-color:#cac2e3;background:linear-gradient(135deg,#fff,#faf9fe);box-shadow:3px 3px 0 #dedbef,0 13px 23px -21px #4d3e73;border-radius:7px 13px 13px 7px}
  & .story-book-spine{color:#70628e;border-color:#ded8ea}
  & .story-playbook>div:last-child{min-width:0}
  & .story-playbook .story-label{color:#665583}
  & .story-playbook>div>strong{font-size:15px;line-height:1.4;color:#514172}
  & .story-playbook .story-steps{gap:14px;margin-top:17px}
  & .story-playbook .story-steps>li>span{background:#ece7f8;color:#69528f;border-color:#d5cae9}
  & .story-playbook .story-steps strong{font-size:12px;color:#51486e}
  & .story-playbook .story-steps small{color:#6c6580}
  & .story-release{padding:21px;border:1px solid #687eae;border-radius:17px;background:linear-gradient(130deg,#264b80,#4b4481);box-shadow:0 18px 27px -20px #30437190}
  & .story-release>.story-label{color:#d1dff4}
  & .story-release-top{margin:15px 0 18px;justify-content:space-between;gap:13px}
  & .story-version{font-size:28px;color:#fff;letter-spacing:-.04em;white-space:nowrap}
  & .story-version>span{color:#b9c9ea;margin-inline:6px}
  & .story-release .story-tag{background:#e7e3f7;color:#53427e;border-color:#c6bce1;white-space:normal}
  & .story-release .story-steps.horizontal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
  & .story-release .story-steps>li{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:14px 12px;background:#ffffffef;border:1px solid #d5def0;border-radius:10px;box-shadow:inset 0 1px 0 #fff,0 4px 8px #14264e20}
  & .story-release .story-steps>li>span{margin:0;background:#e4e9f9;color:#465c90;border-color:#c8d3ec}
  & .story-release .story-steps strong{font-size:12px;line-height:1.4;color:#304e78}
  & .story-release .story-steps small{line-height:1.5;color:#576b88}

  /* 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(--care-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;hyphens:none}
  & .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(--care-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}
  & .care-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}
  & .care-process-art figcaption{color:var(--step-accent);font-size:11px;font-weight:650;letter-spacing:.035em;text-transform:uppercase;margin-bottom:12px}
  & .care-process-art dl{margin:0;display:grid;gap:0;flex:1}
  & .care-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}
  & .care-process-art dl>div:last-child{border:0}
  & .care-process-art dt{font-size:11px;color:#5c6d88}
  & .care-process-art dd{margin:0;font-weight:600}
  & .care-change ol{display:grid;list-style:none;gap:6px;padding:0;margin:0}
  & .care-change li{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}
  & .care-change 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}
  & .care-change>small{display:block;font-size:11px;line-height:1.5;color:#586b88;margin-top:10px}
  & .care-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(--care-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(--care-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}

  /* The mascot has its own space, without clipping or text underneath. */
  & .story-delivery .scope-note{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px 14px;overflow:visible}
  & .scope-note>span{grid-column:1;grid-row:1;margin:0}
  & .scope-note>p{grid-column:1;grid-row:2;margin:0}
  & .scope-note .craft-schlaubi{position:static;grid-column:2;grid-row:1/3;width:104px;height:112px;max-width:100%;object-fit:contain;opacity:.68;align-self:center;transform:none;filter:none;mix-blend-mode:multiply}
  & .care-process-art dl>div{grid-template-columns:79px 1fr}
  & .care-change ol{gap:10px}
  & .care-change li{align-items:center}
  & .care-change li div{display:grid;gap:3px}
  & .care-change li strong{font-size:12px}
  & .care-change li small{font-size:11px;font-weight:400;line-height:1.45;color:#686281}
  & .craft-mini-record .studio-avatar{background:#e2e8f7;color:#536b9a;border-color:#c7d3ea}
  & .craft-mini-doc>span{color:#5f70a0}
  @media(min-width:1101px){
    & .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-feature:is(.story-feature-2,.story-feature-3) .story-visual>figcaption{margin-top:auto;padding-top:12px}
    & .process-step{grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
  }
  @media(min-width:651px){
    & .deliverables>li{grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
  }
  @media(max-width:1100px){
    & .story-care-cards strong{font-size:15px}
    & .deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media(min-width:651px) and (max-width:1100px){
    & .detail-grid>.story-feature{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;align-items:center;padding:24px;gap:25px}
    & .detail-grid>.story-feature-4{padding-inline:0}
    & .story-feature .card-copy h3{font-size:25px}
    & .care-review dl>div{grid-template-columns:1fr;gap:4px;padding:9px 0}
    & .care-review dd{padding-left:35px}
    & .care-review-columns{display:none}
    & .care-review dl{padding-top:5px}
    & .story-release .story-steps.horizontal{grid-template-columns:1fr}
    & .story-release .story-steps>li{flex-direction:row;align-items:center;gap:12px;padding:11px}
    & .story-release-top{flex-wrap:wrap;margin-bottom:13px}
    & .story-delivery .scope-copy{grid-template-columns:1fr}
    & .story-delivery .scope-copy>h2,& .story-delivery .scope-copy>p,& .story-delivery .scope-copy>.scope-note{grid-row:auto;grid-column:1}
    & .story-delivery .scope-copy>p{margin-top:18px}
    & .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;font-size:22px}
    & .process-step>p{grid-column:2;grid-row:2;margin:0}
    & .care-process-art{grid-column:3;grid-row:1/3;padding:13px}
  }
  @media(max-width:650px){
    & .story-care-cards{grid-template-columns:1fr;gap:12px}
    & .story-care-cards>div,& .story-care-cards>div+div{margin:0;padding:18px;transform:none}
    & .story-care-cards strong{font-size:16px;margin:13px 0}
    & .detail-grid>.story-feature{display:flex!important;flex-direction:column;grid-column:1/-1!important;grid-template-columns:1fr!important;padding:23px 18px;gap:20px}
    & .detail-grid>.story-feature-4{padding-inline:0}
    & .story-feature .card-copy h3{font-size:25px}
    & .care-review header{padding:15px}
    & .care-review-columns{display:none}
    & .care-review dl{padding:4px 14px 7px}
    & .care-review dl>div{grid-template-columns:1fr;gap:5px;padding:11px 0}
    & .care-review dd{padding-left:35px}
    & .story-playbook{padding:18px 13px 18px 10px;gap:12px}
    & .story-release{padding:19px 17px}
    & .story-release-top{flex-wrap:wrap}
    & .story-release .story-steps.horizontal{grid-template-columns:1fr}
    & .story-release .story-steps>li{flex-direction:row;align-items:center;gap:12px;padding:12px}
    & .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{grid-template-columns:minmax(0,1fr) 84px;margin-top:17px;gap:8px 10px;padding:15px}
    & .scope-note .craft-schlaubi{width:84px;height:106px}
    & .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}
    & .care-process-art{padding:16px}
    & .care-process-caption{text-align:left;line-height:1.6}
  }
  @media(max-width:360px){
    & .story-delivery .scope-note{grid-template-columns:minmax(0,1fr) 65px}
    & .scope-note .craft-schlaubi{width:65px;height:90px}
    & .care-process-art dl>div{grid-template-columns:1fr;gap:3px}
  }
}