/* CRM-Setup, 15 October 2026. Page-scoped response to the latest user review.
   Shared tracks align real content; natural height remains on narrow screens. */
body.setup-harmony.crm-focused.page-composed.subpage-polish.sp-design.subpage-studio.subpage-craft.craft-crm-setup {
  --setup-shadow:inset 0 1px 0 #fff,0 2px 4px #274a7006,0 17px 28px -24px #244d786b;
  --setup-line:#c9d7e8;
  background:#f5f8fc;

  & .detail-hero{background:radial-gradient(ellipse at 80% 75%,#e4eafa99,transparent 65%),#f8fafc}
  & .hero-material-light::after{background:radial-gradient(ellipse,#a5b3e74d,transparent 75%)}
  & .hero-material-sheen{background:radial-gradient(ellipse 50% 8% at 50% 50%,#eef7ff 0%,#94b9fa8c 17%,#a9ccf445 39%,transparent 81%)}
  & .detail-hero::after,& .story-feature::before,& .story-feature::after{background:linear-gradient(90deg,transparent,#cdd9ee,transparent)}
  & .story-tag.mint{background:#e1eafb;color:#35558a}
  & .story-task{background:linear-gradient(120deg,#fff,#eaf0fc);border-color:#c1d2e9;box-shadow:var(--setup-shadow)}
  & .story-task :is(.story-label,small),& .story-date>span{color:#48638a}
  & .story-date{border-color:#bdcfe6}
  & .story-date>span{background:#e5ecf9}
  & .studio-product-caption strong{color:#42618a}
  & .nav-ready-check{background:#edf2fc;color:#345b8f;border-color:#d1ddef}

  /* One axis for the two complementary foundation cards. */
  & .detail-grid{align-items:stretch;gap:24px}
  & .detail-grid>.story-feature-2{background:linear-gradient(145deg,#f7faff,#e8f0fc);border-color:#c4d5ec;box-shadow:var(--setup-shadow)}
  & .detail-grid>.story-feature-3{background:linear-gradient(145deg,#fbfbff,#edf0fa);border-color:#cbd1e5;box-shadow:var(--setup-shadow)}
  & .detail-grid>.story-feature-4{border:0;box-shadow:none;background:none;padding:24px 0}
  & .story-feature .card-copy h3{font-size:26px;line-height:1.25;text-wrap:pretty;hyphens:none}
  & .story-feature .card-copy p{hyphens:none}
  & .focus-import{padding:16px;border:1px solid #c9d8eb;border-radius:12px;background:#ffffffa8;box-shadow:var(--setup-shadow)}
  & .focus-import .story-label{margin-bottom:10px}
  & .focus-data-check{padding:9px 0}
  & .focus-data-check:last-child{border-bottom:0;padding-bottom:0}
  & .focus-data-check:first-of-type{padding-top:0}
  & .focus-owner{border-color:#c6d0e6;background:#ffffffc9;box-shadow:var(--setup-shadow);display:flex;flex-direction:column}
  & .focus-owner :is(dt,dd){color:#415d80}
  & .focus-owner dl{gap:0;flex:1}
  & .focus-owner dl>div{padding:9px 0;border-bottom:1px solid #dae2ef;align-items:center}
  & .focus-owner dl>div:last-child{border:0;padding-bottom:0}
  & .focus-owner>strong{font-size:17px;color:#294874;margin-bottom:5px}
  & .story-team .story-playbook{max-width:none;box-shadow:4px 3px 0 -1px #e5eaf4,5px 4px 0 -1px #cad5e7,0 18px 28px -25px #284d7a88}
  & .story-feature-4 .card-stage{padding-right:5px}
  & .story-book-spine{color:#536c92}

  /* Four deliverables, aligned by label, title, description and example. */
  & .story-delivery{padding-block:60px 64px;background:linear-gradient(180deg,#f5f8fc,#edf3fb)}
  & .story-delivery .scope-copy{max-width:none;grid-template-columns:1fr 1fr;column-gap:48px;align-items:start}
  & .story-delivery .scope-copy>h2{align-self:start;grid-row:2/4;margin:14px 0 0;max-width:500px}
  & .story-delivery .scope-copy>p{grid-row:1/3;align-self:start}
  & .story-delivery .scope-note{grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) 124px;align-items:center;gap:14px;border:0;border-radius:14px;background:#e7eefb;padding:17px 14px 17px 20px;overflow:visible;isolation:auto;max-width:none;width:100%}
  & .setup-note-copy>span{font-size:11px;letter-spacing:.05em;font-weight:650;text-transform:uppercase;color:#425e85}
  & .setup-note-copy>p{font-size:12px;line-height:1.7;color:#47617f;margin:7px 0 0}
  & .scope-note .craft-schlaubi{position:static;width:124px;height:124px;max-width:100%;object-fit:contain;opacity:.72;filter:none;z-index:auto;transform:none;margin:0}
  & .story-delivery .deliverables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch}
  & .story-delivery .deliverables>li{display:grid;grid-template-rows:auto auto 1fr auto;padding:20px 17px!important;background:linear-gradient(145deg,#fff,#f7faff);border:1px solid #ccd9e9;border-radius:15px;box-shadow:var(--setup-shadow);min-width:0;gap:0}
  & .story-delivery .deliverables>li:nth-child(2){background:linear-gradient(150deg,#fff,#edf3fd);border-color:#c3d3ea}
  & .story-delivery .deliverables>li:nth-child(3){background:linear-gradient(150deg,#fff,#f0f0fa);border-color:#d2d6e8}
  & .story-delivery .deliverables>li>div:first-of-type{display:contents}
  & .story-delivery .craft-delivery-index{font-size:11px;letter-spacing:0;margin:0 0 14px;color:#526c8c}
  & .story-delivery .deliverables h3{font-size:18px;line-height:1.35;letter-spacing:-.025em;margin:0;color:#284566;hyphens:none}
  & .story-delivery .deliverables p{font-size:13px;line-height:1.65;margin:10px 0 19px;color:#4a6381}
  & .story-delivery [class^="craft-mini-"]{min-height:76px;align-items:center;margin-top:0;background:#eaf0fa;border:1px solid #cedbed;border-radius:9px;padding:10px;box-shadow:inset 0 1px 0 #fff}
  & .story-delivery .craft-mini-pipeline{gap:3px;padding:8px 5px}
  & .story-delivery .craft-mini-pipeline>*{padding:9px 2px;font-size:11px}
  & .story-delivery .craft-mini-pipeline>b{background:#315fa4}
  & .story-delivery .craft-mini-rule{row-gap:3px}
  & .story-delivery .craft-mini-record{gap:7px}
  & .craft-linked{color:#345b8c}

  /* Three tangible project artefacts add detail without inventing success data. */
  & .detail-process{background:#f6f8fd;border:0;padding-block:64px}
  & .process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
  & .process-step{--step-accent:#3268bd;--step-ink:#28538f;--step-tint:#e0ebfc;--step-line:#bed0ed;display:grid;grid-template-rows:auto auto 1fr auto;min-width:0;padding:25px 23px 21px;border:1px solid var(--step-line);border-radius:20px;background:linear-gradient(155deg,#f1f6ff,#dce9fb);box-shadow:inset 0 4px 0 var(--step-accent),inset 0 5px 0 #ffffff99,0 2px 4px #274a7006,0 18px 28px -24px #244d7890;gap:0;margin:0}
  & .process-step:nth-child(2){--step-accent:#505fc0;--step-ink:#414b91;--step-tint:#e6e9fc;--step-line:#c3caee;background:linear-gradient(155deg,#f2f3ff,#e0e5fb)}
  & .process-step:nth-child(3){--step-accent:#7a59aa;--step-ink:#65478e;--step-tint:#eee6f8;--step-line:#d2c5e7;background:linear-gradient(155deg,#f8f4ff,#eae2f6)}
  & .process-number{display:grid;place-items:center;min-width:0;width:38px;height:38px;border:1px solid var(--step-accent);border-radius:11px;background:var(--step-accent);color:#fff;box-shadow:inset 0 1px 0 #ffffff55,0 6px 12px -6px #294e8b66;font-size:13px;margin:0 0 20px}
  & .process-step h3{font-size:22px;line-height:1.25;hyphens:none;margin:0 0 14px;letter-spacing:-.03em}
  & .process-step>p{font-size:14px;line-height:1.75;hyphens:none;margin:0 0 22px;color:#45617c}
  & .setup-process-art{align-self:stretch;min-width:0;margin:0;padding:16px 14px;border-radius:12px;border:1px solid var(--step-line);background:#ffffffdc;box-shadow:inset 0 1px 0 #fff,0 12px 17px -18px #234b7d99;font-size:12px;color:#355476}
  & .setup-process-art figcaption{font-size:11px;letter-spacing:.035em;text-transform:uppercase;color:var(--step-ink);margin:0 0 14px;font-weight:650}
  & .setup-process-art strong{font-size:12px;line-height:1.5;display:block;font-weight:600}
  & .setup-process-art small{font-size:11px;line-height:1.6;display:block;color:#5a6f89;margin:3px 0 0}
  & .setup-map ol{display:grid;gap:12px;list-style:none;margin:0;padding:0}
  & .setup-map li{display:flex;gap:10px;align-items:center}
  & .setup-map li>span{display:grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid var(--step-line);border-radius:8px;background:var(--step-tint);color:var(--step-ink);font-size:11px;font-weight:650}
  & .setup-test>div{display:grid;grid-template-columns:23px 1fr auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #dce5f1}
  & .setup-test>div>span:last-child{font-size:11px;color:var(--step-ink);background:var(--step-tint);border-radius:4px;padding:3px 5px}
  & .setup-test .setup-test-icon{color:var(--step-accent);font-size:17px}
  & .setup-test>small{margin-top:12px}
  & .setup-start-book{display:flex;align-items:center;gap:12px;padding:15px 10px;border:1px solid var(--step-line);border-left:4px solid var(--step-accent);border-radius:4px 9px 9px 4px;background:linear-gradient(130deg,#faf7ff,var(--step-tint));box-shadow:3px 2px 0 -1px #e6dfef,4px 3px 0 -1px #c9bcdc}
  & .setup-start-book>span{display:grid;place-items:center;flex:none;width:34px;height:44px;border-right:1px solid var(--step-line);color:var(--step-ink);font-size:17px;font-weight:650}
  & .setup-start-note{display:flex;gap:9px;padding:14px 0 0;align-items:center}
  & .setup-start-note>span{font-size:23px;color:var(--step-accent)}
  & .setup-process-caption{font-size:11px;color:#60748d;margin:18px 0 0;text-align:right}

  /* Reading sections keep their information, with a quieter blue hierarchy. */
  & .seo-summary{background:#eef3fb}
  & .seo-knowledge{background:#f8fafd}
  & .seo-reading-nav{background:linear-gradient(145deg,#f2f6fd,#eaf0fa);border-color:#cbd9ec;box-shadow:var(--setup-shadow)}
  & .seo-topic{background:transparent;border-color:#ced9e8}
  & .depth-contract{background:#ecf2fb;border-color:#c4d5e9;border-radius:15px;box-shadow:var(--setup-shadow)}
  & .seo-source-note{background:#f0f4fb;border-color:#d0dcec}
  & .detail-related a{box-shadow:var(--setup-shadow);background:linear-gradient(120deg,#fff,#eaf1fc);border-color:#c7d8ec}
  & .detail-related a:nth-child(2){background:linear-gradient(120deg,#fff,#efeffa);border-color:#d0d5e8}
  & .story-final-action .button{background:linear-gradient(135deg,#fff,#e8efff);border-color:#d5e2fa;color:#204681;box-shadow:0 8px 18px -14px #091d53}
  & .story-final-action .button:hover{background:#fff}
  & .we-reviews{background:linear-gradient(110deg,#ffffffaa,#eef3fcaa);border:1px solid #d0ddec;box-shadow:var(--setup-shadow);color:#203b58}
  & .we-reviews :is(h2 span,.we-reviews-link,.we-reviews-eyebrow){color:#3c6298}
  & .we-reviews-eyebrow i{background:#7b9dd1;box-shadow:0 0 0 4px #e5edf9}
  & .we-reviews-seal{border-color:#cad8e9}

  @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;align-self:stretch;padding:24px}
    & .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:7px}
    & .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>div{flex:1}
    & .story-delivery .deliverables>li{grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
    & .process-step{grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
  }
  @media(max-width:1100px){
    & .story-delivery .deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}
    & .process-grid{gap:15px}
    & .process-step{padding:22px 18px}
    & .setup-process-art{padding:14px 10px}
    & .process-step h3{font-size:21px}
    & .story-delivery .scope-copy{column-gap:28px}
  }
  @media(min-width:651px) and (max-width:900px){
    & .detail-grid>.story-feature:is(.story-feature-2,.story-feature-3){display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center;gap:24px}
    & .story-delivery .scope-copy{grid-template-columns:1fr}
    & .story-delivery .scope-copy>*{grid-column:1;grid-row:auto}
    & .story-delivery .scope-copy>p{margin-top:20px;max-width:560px}
    & .story-delivery .scope-note{grid-column:1;grid-row:auto;max-width:none;grid-template-columns:1fr 124px}
    & .process-grid{grid-template-columns:1fr}
    & .process-step{grid-template-columns:42px minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:20px;padding:24px}
    & .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-bottom:0}
    & .setup-process-art{grid-column:3;grid-row:1/3;padding:14px}
  }
  @media(max-width:650px){
    & .detail-grid>.story-feature:is(.story-feature-2,.story-feature-3){display:flex!important;flex-direction:column;padding:22px 18px;gap:20px}
    & .story-feature .card-copy h3{font-size:25px}
    & .focus-import,& .focus-owner{padding:14px}
    & .focus-data-check{align-items:start;flex-wrap:wrap;gap:7px}
    & .focus-data-check strong{font-size:12px}
    & .focus-data-check .story-tag{margin-bottom:3px}
    & .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{display:grid;grid-template-columns:minmax(0,1fr) 94px;gap:9px;padding:17px 10px 17px 16px;margin-top:18px}
    & .scope-note .craft-schlaubi{width:94px;height:124px}
    & .story-delivery .deliverables{grid-template-columns:1fr;gap:15px}
    & .story-delivery .deliverables>li{padding:22px!important}
    & .story-delivery .deliverables h3{font-size:21px}
    & .story-delivery [class^="craft-mini-"]{min-height:70px}
    & .process-grid{grid-template-columns:1fr;gap:20px}
    & .process-step{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:23px 20px}
    & .process-step>*{grid-column:1;grid-row:auto;min-width:0}
    & .process-step>.process-number{grid-row:auto;margin-bottom:20px}
    & .process-step h3{font-size:24px}
    & .process-step>p{font-size:14px;margin-bottom:20px}
    & .setup-process-art{padding:17px 15px}
    & .setup-process-caption{text-align:left;line-height:1.6}
  }
  @media(max-width:360px){
    & .story-delivery .scope-note{grid-template-columns:1fr}
    & .scope-note .craft-schlaubi{width:104px;height:104px;justify-self:end}
  }
}