/* Clarity V10.34 — product UX system
   Purpose: make the authenticated product calmer, clearer and more action-led
   without changing the established brand language. */
:root{
  --cs-ink:#0a0a0f;
  --cs-panel:#111118;
  --cs-panel-soft:#0f0f15;
  --cs-paper:#f5f0e8;
  --cs-dim:rgba(245,240,232,.64);
  --cs-muted:rgba(245,240,232,.42);
  --cs-line:rgba(245,240,232,.10);
  --cs-line-strong:rgba(245,240,232,.16);
  --cs-gold:#c9a84c;
  --cs-gold-soft:rgba(201,168,76,.12);
  --cs-radius:0px;
  --cs-app-rail:214px;
}

/* Shared interaction discipline */
button,a,input,textarea,select{transition:border-color .18s ease,background-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cs-gold);outline-offset:3px}
button:disabled{cursor:not-allowed}

/* Signed-in application shell */
@media(min-width:901px){
  html.cs-member{--cs-header-h:76px}
  body.cs-authenticated{padding-left:var(--cs-app-rail)!important}
  body.cs-authenticated #cs-hi{height:76px;padding-left:24px;padding-right:24px}
  body.cs-authenticated #cs-logo{margin-left:-8px}
  body.cs-authenticated #cs-logo img{height:86px;clip-path:inset(10% 0)}
  body.cs-authenticated .cs-nav{display:none!important}
  body.cs-authenticated main{width:auto}
  body.cs-authenticated footer{margin-left:0}
}

#cs-app-rail{display:none}
@media(min-width:901px){
  body.cs-authenticated #cs-app-rail{display:flex;position:fixed;left:0;top:var(--cs-header-h);bottom:0;width:var(--cs-app-rail);z-index:430;background:#0c0c12;border-right:1px solid var(--cs-line);padding:22px 13px 18px;flex-direction:column}
  .cs-app-kicker{padding:0 11px 14px;color:var(--cs-muted);font:500 .58rem "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
  .cs-app-nav{display:grid;gap:4px}
  .cs-app-link{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:center;padding:11px 11px;border-left:2px solid transparent;color:rgba(245,240,232,.58);font:600 .78rem "DM Sans",system-ui,sans-serif;text-decoration:none}
  .cs-app-link:hover{background:rgba(245,240,232,.025);color:var(--cs-paper)}
  .cs-app-link.active{border-left-color:var(--cs-gold);background:rgba(201,168,76,.055);color:var(--cs-paper)}
  .cs-app-icon{font:500 .62rem "DM Mono",monospace;color:var(--cs-muted);letter-spacing:.04em}
  .cs-app-link.active .cs-app-icon{color:var(--cs-gold)}
  .cs-app-divider{height:1px;background:var(--cs-line);margin:17px 10px}
  .cs-app-secondary{display:grid;gap:3px}
  .cs-app-secondary a{padding:9px 11px;color:var(--cs-muted);font:500 .72rem "DM Sans",system-ui,sans-serif;text-decoration:none}
  .cs-app-secondary a:hover{color:var(--cs-paper)}
  .cs-app-foot{margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--cs-line);color:var(--cs-muted);font:400 .68rem/1.55 "DM Sans",system-ui,sans-serif}
  .cs-app-foot b{display:block;color:rgba(245,240,232,.76);font-weight:600;margin-bottom:3px}
}

#cs-bottom-nav{display:none}
@media(max-width:900px){
  body.cs-authenticated{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}
  body.cs-authenticated #cs-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:520;background:rgba(7,7,10,.98);border-top:1px solid rgba(245,240,232,.11);padding:7px 7px calc(7px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(16px)}
  .cs-bottom-link{display:grid;place-items:center;gap:3px;min-height:50px;color:rgba(245,240,232,.5);font:600 .62rem "DM Sans",system-ui,sans-serif;text-decoration:none}
  .cs-bottom-link .cs-app-icon{font:500 .57rem "DM Mono",monospace;color:rgba(245,240,232,.38)}
  .cs-bottom-link.active{color:var(--cs-paper)}
  .cs-bottom-link.active .cs-app-icon{color:var(--cs-gold)}
}

/* More restrained product surfaces. Marketing pages retain the stronger gold treatment. */
body.cs-authenticated .panel,
body.cs-authenticated .pane,
body.cs-authenticated .card,
body.cs-authenticated .action,
body.cs-authenticated .attention-item,
body.cs-authenticated .extra-card{
  border-color:var(--cs-line)!important;
}
body.cs-authenticated .panel:hover,
body.cs-authenticated .action:hover,
body.cs-authenticated .card:hover,
body.cs-authenticated .extra-card:hover{border-color:var(--cs-line-strong)!important}
body.cs-authenticated .eyebrow{color:rgba(201,168,76,.82)!important}
body.cs-authenticated .primary,
body.cs-authenticated .run,
body.cs-authenticated .save,
body.cs-authenticated .upgradebtn{box-shadow:none!important}

/* Dashboard — action first, features second */
.page-dashboard main{padding-top:38px!important}
.page-dashboard #welcome{font-size:clamp(2.45rem,5vw,4rem)!important;margin-bottom:10px!important}
.page-dashboard main>.lead{max-width:760px!important;margin-bottom:24px!important}
.page-dashboard .attention-panel{border:1px solid rgba(245,240,232,.13)!important;background:linear-gradient(135deg,#14141c,#101017)!important;padding:26px!important;margin:0 0 18px!important}
.page-dashboard .attention-head{align-items:center!important}
.page-dashboard .attention-head h2{font-size:1.8rem!important}
.page-dashboard .attention-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.page-dashboard .attention-item{padding:17px!important;background:rgba(255,255,255,.012)!important}
.page-dashboard .attention-item .kind{color:rgba(201,168,76,.78)!important}
.page-dashboard .attention-item a{font-weight:600!important}
.page-dashboard .dashboard-path-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 12px}
.page-dashboard .dashboard-path-head h2{font:500 1.52rem 'Playfair Display',Georgia,serif;margin:4px 0 0}
.page-dashboard .dashboard-path-head p{max-width:430px;margin:0;color:var(--cs-dim);font-size:.82rem;line-height:1.55;text-align:right}
.page-dashboard .actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 18px!important}
.page-dashboard .action{min-height:152px!important;padding:18px!important;background:#111118!important}
.page-dashboard .action.primary-path{border-color:var(--cs-line)!important;background:#111118!important}
.page-dashboard .action b{font-size:1.16rem!important;margin:7px 0!important}
.page-dashboard .action p{font-size:.82rem!important;line-height:1.5!important}
.page-dashboard .action .arrow{padding-top:13px!important;font-size:.76rem!important}
.page-dashboard .action .eyebrow{font-size:.57rem!important;color:var(--cs-muted)!important}
.page-dashboard .action:hover .arrow{color:var(--cs-gold)}
.page-dashboard .secondary-tools{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px}
.page-dashboard .secondary-tool{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--cs-line);color:var(--cs-dim);font-size:.78rem;text-decoration:none}
.page-dashboard .secondary-tool:hover{border-color:var(--cs-line-strong);color:var(--cs-paper)}
.page-dashboard .stats{margin:0 0 22px!important;border-color:var(--cs-line)!important;background:var(--cs-line)!important}
.page-dashboard .stat{padding:15px 18px!important;background:#0f0f15!important}
.page-dashboard .num{font-size:1.55rem!important;color:var(--cs-paper)!important}
.page-dashboard .lbl{font-size:.58rem!important}
.page-dashboard .upgradebar{margin:0 0 18px!important;border-color:var(--cs-line)!important;background:#101017!important}
.page-dashboard .activation{border-color:var(--cs-line)!important;background:#0f0f15!important}
.page-dashboard .activation-step.done{border-color:var(--cs-line-strong)!important;background:rgba(255,255,255,.02)!important}
.page-dashboard .extra-card{background:#101017!important}
@media(max-width:1180px) and (min-width:901px){.page-dashboard .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){
  .page-dashboard .attention-grid,.page-dashboard .actions{grid-template-columns:1fr!important}
  .page-dashboard .dashboard-path-head{align-items:flex-start;flex-direction:column}
  .page-dashboard .dashboard-path-head p{text-align:left}
}

/* Reality Check — demonstrate value before the first run */
.page-reality-check .rc-example{border:1px solid var(--cs-line);background:rgba(255,255,255,.012);padding:16px;margin-top:4px}
.page-reality-check .rc-example-tag{display:inline-flex;padding:5px 7px;background:rgba(245,240,232,.05);color:var(--cs-muted);font:500 .56rem 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px}
.page-reality-check .rc-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.page-reality-check .rc-example-row{padding:11px 0;border-top:1px solid var(--cs-line)}
.page-reality-check .rc-example-row:nth-child(-n+2){border-top:0}
.page-reality-check .rc-example-row span{display:block;color:var(--cs-muted);font:500 .56rem 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.page-reality-check .rc-example-row b{display:block;color:rgba(245,240,232,.82);font-size:.84rem;line-height:1.45;font-weight:500}
.page-reality-check .preview-grid{display:block}
.page-reality-check .accordion.show~.savehint + .output-fine{}
@media(max-width:700px){.page-reality-check .rc-example-grid{grid-template-columns:1fr}.page-reality-check .rc-example-row:nth-child(2){border-top:1px solid var(--cs-line)}}

/* Coach — shorter composer, more contextual routes */
.page-coach .input-field{min-height:230px!important;height:230px!important}
.page-coach .coach-context{display:none;border:1px solid var(--cs-line);background:rgba(255,255,255,.012);padding:12px 13px;margin:0 0 12px}
.page-coach .coach-context.show{display:block}
.page-coach .coach-context b{display:block;font-size:.82rem;margin-bottom:3px}
.page-coach .coach-context span{display:block;color:var(--cs-dim);font-size:.76rem;line-height:1.45}
.page-coach .coach-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px}
.page-coach .coach-prompt{padding:9px 10px!important;min-height:0!important;border:1px solid var(--cs-line)!important;background:transparent!important;color:var(--cs-dim)!important;font:500 .7rem 'DM Sans',system-ui,sans-serif!important;text-align:left;cursor:pointer}
.page-coach .coach-prompt:hover{border-color:var(--cs-line-strong)!important;color:var(--cs-paper)!important}
.page-coach .mode-card.active{background:rgba(245,240,232,.035)!important;border-color:var(--cs-line-strong)!important}
@media(max-width:1100px){.page-coach .input-field{height:auto!important;min-height:210px!important}}
@media(max-width:700px){.page-coach .coach-prompts{grid-template-columns:1fr}.page-coach .input-field{min-height:190px!important}}

/* Case — focus hub first, full workflow on demand */
.page-case main{padding-top:34px!important}
.page-case .back{display:none!important}
.page-case .toprow{align-items:flex-start!important}
.page-case .toprow .eyebrow{margin-top:0!important}
.page-case #caseTitle{font-size:clamp(2.3rem,5vw,3.8rem)!important}
.page-case .case-focus-hub{margin:24px 0 18px;border:1px solid var(--cs-line-strong);background:linear-gradient(135deg,#15151d,#101017);padding:22px}
.page-case .case-focus-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}
.page-case .case-focus-head h2{margin:5px 0 0;font:500 1.55rem 'Playfair Display',Georgia,serif}
.page-case .case-focus-head p{margin:0;max-width:430px;color:var(--cs-dim);font-size:.8rem;line-height:1.5;text-align:right}
.page-case .case-focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--cs-line);border:1px solid var(--cs-line)}
.page-case .case-focus-card{background:#0f0f15;padding:15px 16px;min-height:102px}
.page-case .case-focus-card span{display:block;color:var(--cs-muted);font:500 .56rem 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}
.page-case .case-focus-card b{display:block;font:500 1.03rem 'Playfair Display',Georgia,serif;color:var(--cs-paper);line-height:1.25}
.page-case .case-focus-card small{display:block;color:var(--cs-dim);font-size:.72rem;line-height:1.45;margin-top:5px}
.page-case .case-focus-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.page-case .case-focus-action{border:1px solid var(--cs-line);background:transparent;color:var(--cs-dim);padding:10px 12px;font:600 .73rem 'DM Sans',system-ui,sans-serif;cursor:pointer}
.page-case .case-focus-action.primary-focus{background:var(--cs-gold);border-color:var(--cs-gold);color:#08080b}
.page-case .case-focus-action:hover:not(.primary-focus){color:var(--cs-paper);border-color:var(--cs-line-strong)}
.page-case .stats{margin:0!important}
.page-case .stats-caption{margin-bottom:18px!important}
.page-case #caseFlow{display:none!important}
.page-case .case-workspace{display:none!important;margin-top:14px!important;grid-template-columns:1fr!important}
.page-case.case-full-view .case-workspace{display:grid!important}
.page-case .case-step-rail{display:none!important}
.page-case .case-workspace-main{max-width:900px}
.page-case .flow-step{border-color:var(--cs-line)!important;background:#111118!important}
.page-case .flow-step-head{background:#111118!important}
.page-case .flow-number{color:var(--cs-muted)!important}
.page-case .flow-step:not(.flow-collapsed) .flow-number{color:var(--cs-gold)!important}
.page-case .case-persistent{margin-top:26px!important}
.page-case .persistent-heading{border-top-color:var(--cs-line)!important}
.page-case .insight-card,.page-case .stake,.page-case .dates-card{border-color:var(--cs-line)!important}
@media(max-width:900px){
  .page-case .case-focus-grid{grid-template-columns:1fr 1fr}
  .page-case .case-focus-head{align-items:flex-start;flex-direction:column}
  .page-case .case-focus-head p{text-align:left}
}
@media(max-width:560px){.page-case .case-focus-grid{grid-template-columns:1fr}.page-case .case-focus-action{width:100%}}

/* Career / transitions — clearer secondary product areas */
.page-career .panel,.page-transitions .card{background:#111118!important;border-color:var(--cs-line)!important}
.page-career .hero-note{border-left-color:var(--cs-line-strong)!important}
.page-transitions .card:hover{border-color:var(--cs-line-strong)!important}

/* Public architecture copy blocks — less product jargon */
.product-name-note{color:var(--cs-muted);font-size:.78rem;line-height:1.55;margin-top:6px}

/* Mobile density and hierarchy */
@media(max-width:900px){
  body.cs-authenticated main{padding-top:24px!important}
  body.cs-authenticated h1{font-size:clamp(2.1rem,10vw,3rem)!important}
  body.cs-authenticated .panel,body.cs-authenticated .pane{padding:18px!important}
  .page-dashboard .stats{grid-template-columns:repeat(3,1fr)!important}
  .page-dashboard .stat{padding:12px!important}
}

/* Case progressive detail */
.page-case>.stats{}
.page-case main>.stats,.page-case main>.stats-caption{display:none!important}
.page-case.case-full-view main>.stats{display:grid!important;margin:18px 0 0!important}
.page-case.case-full-view main>.stats-caption{display:block!important;margin:8px 0 18px!important}
.page-case .case-more{border:1px solid var(--cs-line);background:#0f0f15;margin-top:14px}
.page-case .case-more>summary{cursor:pointer;list-style:none;padding:15px 17px;color:var(--cs-dim);font:600 .78rem 'DM Sans',system-ui,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:12px}
.page-case .case-more>summary::-webkit-details-marker{display:none}
.page-case .case-more>summary:after{content:'+';color:var(--cs-gold);font-size:1rem}
.page-case .case-more[open]>summary{color:var(--cs-paper);border-bottom:1px solid var(--cs-line)}
.page-case .case-more[open]>summary:after{content:'−'}
.page-case .case-more-body{padding:14px}
.page-case .case-more-body>.panel:last-child{margin-bottom:0}
@media(min-width:901px){body.cs-authenticated.page-transitions main,body.cs-authenticated.page-career main{padding-top:38px!important}}
.page-transitions .back,.page-career .back{display:none!important}
.page-transitions .group:first-of-type{margin-top:28px}
.page-transitions .flow{border-color:var(--cs-line-strong)!important;background:#111118!important}
.page-transitions .snap{border-color:var(--cs-line)!important}

/* Pricing — keep the choice simple; disclose detail on demand */
.page-pricing .hero-follow{padding-bottom:8px}
.page-pricing .hero-follow .pricing-intro{max-width:760px}
.page-pricing .plan-more{margin:8px 0 0;border-top:1px solid var(--cs-line)}
.page-pricing .plan-more>summary{cursor:pointer;list-style:none;padding:13px 0;color:rgba(245,240,232,.62);font:600 .78rem 'DM Sans',system-ui,sans-serif;display:flex;justify-content:space-between;align-items:center}
.page-pricing .plan-more>summary::-webkit-details-marker{display:none}
.page-pricing .plan-more>summary:after{content:'+';color:var(--cs-gold)}
.page-pricing .plan-more[open]>summary:after{content:'−'}
.page-pricing .plan-more ul{margin-top:0}
.page-pricing .services .card{border-color:var(--cs-line)!important}

/* How it works — a simple product model first, full mechanics only when wanted */
.page-how-it-works .how-deep-dive{max-width:1240px;margin:0 auto;border-top:1px solid rgba(245,240,232,.11);border-bottom:1px solid rgba(245,240,232,.11);background:#0d0d13}
.page-how-it-works .how-deep-dive>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;padding:24px 32px}
.page-how-it-works .how-deep-dive>summary::-webkit-details-marker{display:none}
.page-how-it-works .deep-kicker{grid-row:1/3;color:var(--cs-gold);font:500 .62rem 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.page-how-it-works .how-deep-dive>summary strong{font:500 1.35rem 'Playfair Display',Georgia,serif}
.page-how-it-works .how-deep-dive>summary small{color:var(--cs-dim);font-size:.78rem;margin-top:3px}
.page-how-it-works .how-deep-dive>summary:after{content:'+';grid-column:3;grid-row:1/3;color:var(--cs-gold);font-size:1.25rem}
.page-how-it-works .how-deep-dive[open]>summary:after{content:'−'}
.page-how-it-works .how-deep-body{border-top:1px solid var(--cs-line)}
@media(max-width:700px){.page-how-it-works .how-deep-dive>summary{padding:20px 18px;grid-template-columns:1fr auto}.page-how-it-works .deep-kicker{grid-row:auto;grid-column:1/2}.page-how-it-works .how-deep-dive>summary strong{grid-column:1/2}.page-how-it-works .how-deep-dive>summary small{grid-column:1/2}.page-how-it-works .how-deep-dive>summary:after{grid-column:2;grid-row:1/4}}

/* Homepage — explain the product in four concepts, not the internal 10-step machinery */
.page-index #system-flow .ten-flow{grid-template-columns:repeat(4,1fr)!important}
.page-index #system-flow .ten-step{border-bottom:0!important;border-right:1px solid rgba(245,240,232,.1)!important;min-height:178px}
.page-index #system-flow .ten-step:last-child{border-right:0!important}
@media(max-width:900px){.page-index #system-flow .ten-flow{grid-template-columns:1fr 1fr!important}.page-index #system-flow .ten-step{border-bottom:1px solid rgba(245,240,232,.1)!important}.page-index #system-flow .ten-step:nth-child(2n){border-right:0!important}.page-index #system-flow .ten-step:nth-last-child(-n+2){border-bottom:0!important}}
@media(max-width:600px){.page-index #system-flow .ten-flow{grid-template-columns:1fr!important}.page-index #system-flow .ten-step{border-right:0!important;border-bottom:1px solid rgba(245,240,232,.1)!important}.page-index #system-flow .ten-step:last-child{border-bottom:0!important}}
.cs-app-secondary a.active{color:var(--cs-paper)!important;background:rgba(245,240,232,.025)}
@media(max-width:900px){body.cs-input-focus #cs-bottom-nav{display:none!important}}

/* V10.35 — final product hardening: shared components, states and mobile interaction */
:root{
  --cs-control-h:44px;
  --cs-state-info:rgba(245,240,232,.06);
  --cs-danger:#e7aaa0;
  --cs-success:#b8d2b0;
}

/* One interaction language across the authenticated product */
body.cs-authenticated .cs-control,
body.cs-authenticated .btn{
  min-height:var(--cs-control-h);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--cs-line-strong)!important;
  background:transparent;
  color:rgba(245,240,232,.78);
  font:600 .76rem/1.2 'DM Sans',system-ui,sans-serif;
  letter-spacing:0;
  text-decoration:none;
  box-shadow:none!important;
}
body.cs-authenticated .cs-control:hover,
body.cs-authenticated .btn:hover{border-color:rgba(245,240,232,.28)!important;color:var(--cs-paper)}
body.cs-authenticated .cs-control-primary,
body.cs-authenticated .primary,
body.cs-authenticated .run,
body.cs-authenticated .save,
body.cs-authenticated .upgradebtn{
  background:var(--cs-gold)!important;
  border-color:var(--cs-gold)!important;
  color:#09090d!important;
}
body.cs-authenticated .cs-control-primary:hover,
body.cs-authenticated .primary:hover,
body.cs-authenticated .run:hover,
body.cs-authenticated .save:hover,
body.cs-authenticated .upgradebtn:hover{filter:brightness(1.04)}
body.cs-authenticated button:disabled,
body.cs-authenticated .btn[aria-disabled="true"]{opacity:.46!important;pointer-events:none}
body.cs-authenticated .cs-busy{position:relative;padding-left:34px!important}
body.cs-authenticated .cs-busy:before{content:'';position:absolute;left:13px;width:12px;height:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cs-spin .7s linear infinite}
@keyframes cs-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body.cs-authenticated .cs-busy:before{animation:none;border-right-color:currentColor}.cs-skeleton i:after{animation:none!important}}

body.cs-authenticated .cs-field,
body.cs-authenticated input,
body.cs-authenticated textarea,
body.cs-authenticated select{
  min-height:44px;
  border:1px solid var(--cs-line-strong)!important;
  background:#0d0d13!important;
  color:var(--cs-paper)!important;
  box-shadow:none!important;
}
body.cs-authenticated textarea{line-height:1.55}
body.cs-authenticated .cs-field:hover,
body.cs-authenticated input:hover,
body.cs-authenticated textarea:hover,
body.cs-authenticated select:hover{border-color:rgba(245,240,232,.24)!important}
body.cs-authenticated .cs-field:focus,
body.cs-authenticated input:focus,
body.cs-authenticated textarea:focus,
body.cs-authenticated select:focus{border-color:rgba(201,168,76,.72)!important;outline:1px solid rgba(201,168,76,.18)!important;outline-offset:0!important}

/* Shared loading / empty / error / success states */
.cs-state{border:1px dashed var(--cs-line-strong)!important;background:rgba(255,255,255,.012)!important;padding:16px!important;color:var(--cs-dim)!important;font-size:.82rem!important;line-height:1.55!important}
.cs-state-loading{position:relative;overflow:hidden}
.cs-skeleton{display:grid;gap:7px;margin-top:12px;max-width:520px}
.cs-skeleton i{display:block;height:7px;background:rgba(245,240,232,.06);position:relative;overflow:hidden}
.cs-skeleton i:nth-child(1){width:92%}.cs-skeleton i:nth-child(2){width:76%}.cs-skeleton i:nth-child(3){width:54%}
.cs-skeleton i:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(245,240,232,.09),transparent);animation:cs-shimmer 1.3s ease-in-out infinite}
@keyframes cs-shimmer{to{transform:translateX(100%)}}
body.cs-authenticated .status.show{display:flex!important;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px!important;border:1px solid var(--cs-line-strong)!important;background:rgba(255,255,255,.018)!important;color:var(--cs-dim)!important;font-size:.8rem!important;line-height:1.5!important}
body.cs-authenticated .status.show:not(.bad){border-left:2px solid rgba(184,210,176,.62)!important}
body.cs-authenticated .status.show.bad{border-left:2px solid var(--cs-danger)!important;color:#efc2ba!important;background:rgba(231,170,160,.035)!important}
.cs-retry{min-height:34px!important;height:34px!important;padding:7px 10px!important;white-space:nowrap}
#cs-network-state{position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:900;width:min(560px,calc(100vw - 28px));border:1px solid rgba(231,170,160,.35);background:#171216;color:var(--cs-paper);padding:12px 14px;box-shadow:0 14px 40px rgba(0,0,0,.35);font:500 .78rem/1.45 'DM Sans',system-ui,sans-serif}
#cs-network-state strong{display:block;margin-bottom:2px}#cs-network-state span{color:var(--cs-dim)}

/* Case — remove remaining dashboard-like density; make status + next action do the work */
.page-case .caseactions{align-items:flex-end!important;gap:8px!important}
.page-case .case-state-wrap{min-width:220px;max-width:250px}
.page-case .case-state-wrap label{font-size:.58rem!important;text-transform:uppercase;letter-spacing:.08em;color:var(--cs-muted)!important}
.page-case .case-state-wrap select{margin-top:6px}
.page-case .status-help{display:none!important}
.page-case #caseStatus{display:none!important}
.page-case #resolveCase{min-height:44px!important;color:var(--cs-dim)!important;background:transparent!important;border-color:var(--cs-line)!important}
.page-case .case-focus-hub{padding:24px!important;margin-top:20px!important}
.page-case .case-focus-head h2{font-size:1.68rem!important}
.page-case .case-focus-card{min-height:94px!important}
.page-case .case-focus-actions{margin-top:16px!important}
.page-case .case-focus-action{min-height:42px!important}
.page-case .persistent-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:24px;align-items:end;margin:26px 0 12px;padding-top:22px;border-top:1px solid var(--cs-line)}
.page-case .persistent-heading .eyebrow{margin:0 0 5px!important}
.page-case .persistent-heading h2{margin:0;font:500 1.55rem 'Playfair Display',Georgia,serif}
.page-case .persistent-heading p{margin:0;color:var(--cs-dim);font-size:.8rem;line-height:1.5}
.page-case #timelineSection{margin-bottom:12px!important}
.page-case #timelineSection .panelhead span{color:var(--cs-muted)!important}
.page-case .case-more{margin-top:10px!important}
.page-case .case-more>summary:before{content:'Advanced';font:500 .55rem 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-muted);margin-right:auto}
.page-case .case-more>summary{justify-content:flex-start!important}.page-case .case-more>summary:after{margin-left:auto}
@media(max-width:700px){.page-case .toprow{display:block!important}.page-case .caseactions{margin-top:16px!important;display:grid!important;grid-template-columns:1fr auto}.page-case .case-state-wrap{min-width:0;max-width:none}.page-case #resolveCase{align-self:end}.page-case .persistent-heading{grid-template-columns:1fr;gap:7px}.page-case .case-focus-hub{padding:18px!important}}

/* Career + workplace-change are one forward-looking journey */
.page-career main{max-width:1180px!important}
.page-career .career-change-hub{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:24px;align-items:center;margin:22px 0 0;padding:20px 22px;border:1px solid var(--cs-line);background:#101017}
.page-career .career-change-hub .eyebrow{margin:0 0 6px!important;color:var(--cs-muted)!important}
.page-career .career-change-hub h2{margin:0 0 7px;font:500 1.45rem 'Playfair Display',Georgia,serif}
.page-career .career-change-hub p{margin:0;color:var(--cs-dim);font-size:.8rem;line-height:1.55;max-width:680px}
.page-career .career-change-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.page-career .cs-button,.page-transitions .cs-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid var(--cs-line-strong);color:var(--cs-dim);font:600 .72rem 'DM Sans',system-ui,sans-serif;text-decoration:none}
.page-career .cs-button:hover,.page-transitions .cs-button:hover{border-color:rgba(245,240,232,.28);color:var(--cs-paper)}
.page-career .cs-button-primary{background:var(--cs-gold);border-color:var(--cs-gold);color:#09090d}
.page-career .layout{margin-top:18px!important;align-items:start}
.page-career .layout>.panel{margin-bottom:0!important}
.page-career .evidence-capture{padding:0!important;margin:22px 0 0!important;max-width:none!important}
.page-career .evidence-panel{border-color:var(--cs-line)!important;background:#101017!important}
.page-career .evidence-item{border-color:var(--cs-line)!important}
.page-career #empty{border:1px dashed var(--cs-line-strong);padding:16px;margin-top:18px!important;color:var(--cs-dim)}
.page-career .snapshot.show{animation:cs-reveal .2s ease-out}
@keyframes cs-reveal{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}
.page-career .options{grid-template-columns:1fr!important}
.page-career .option{border-color:var(--cs-line)!important;background:#0f0f15!important}
.page-career .callout{border-color:var(--cs-line)!important;background:rgba(255,255,255,.012)!important}

.page-transitions .transition-career-bridge{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 8px;padding:18px 20px;border:1px solid var(--cs-line);background:#101017}
.page-transitions .transition-career-bridge .eyebrow{margin:0 0 5px!important;color:var(--cs-muted)!important}
.page-transitions .transition-career-bridge strong{font:500 1.05rem 'Playfair Display',Georgia,serif}
.page-transitions .transition-career-bridge p{margin:5px 0 0;color:var(--cs-dim);font-size:.78rem;line-height:1.5}
.page-transitions .group{scroll-margin-top:100px}
.page-transitions .card{min-height:174px!important}
.page-transitions .flow.show{scroll-margin-top:96px}
.page-transitions .snapshot-actions{align-items:stretch!important}
.page-transitions .snapshot-actions .btn{min-height:44px}
@media(max-width:820px){.page-career .career-change-hub{grid-template-columns:1fr}.page-career .career-change-actions{justify-content:flex-start}.page-transitions .transition-career-bridge{align-items:flex-start;flex-direction:column}.page-career .layout{grid-template-columns:1fr!important}}

/* Mobile interaction hardening */
@media(max-width:900px){
  body.cs-authenticated input,body.cs-authenticated textarea,body.cs-authenticated select{font-size:16px!important}
  body.cs-authenticated button,body.cs-authenticated .btn,body.cs-authenticated a.cs-button{min-height:44px}
  body.cs-authenticated .tags,body.cs-authenticated .quick-dates{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none;padding-bottom:2px}
  body.cs-authenticated .tags::-webkit-scrollbar,body.cs-authenticated .quick-dates::-webkit-scrollbar{display:none}
  body.cs-authenticated .tag,body.cs-authenticated .quick-dates button{flex:0 0 auto}
  body.cs-authenticated .panelhead{align-items:flex-start!important}
  body.cs-authenticated .panelhead .smalllink{min-height:38px;display:inline-flex;align-items:center}
  .page-career .career-change-hub,.page-transitions .transition-career-bridge{margin-left:0;margin-right:0}
  .page-career .evidence-form{grid-template-columns:1fr!important}
  .page-career .evidence-form .wide{grid-column:auto!important}
  .page-transitions .snapshot-actions{display:grid!important;grid-template-columns:1fr!important}
  .page-transitions .snapshot-actions>*{width:100%}
  .page-transitions .flowtop{align-items:flex-start!important}
  .page-transitions #closeFlow{min-width:72px}
}
@media(hover:none){
  body.cs-authenticated .cs-app-link:hover,body.cs-authenticated .action:hover,body.cs-authenticated button:hover,body.cs-authenticated .btn:hover{transform:none!important}
  body.cs-authenticated button:active,body.cs-authenticated .btn:active,body.cs-authenticated .action:active{opacity:.78}
}
body.cs-authenticated .status-msg{margin:0!important;padding:11px 13px!important;border:1px solid var(--cs-line-strong)!important;background:rgba(255,255,255,.018)!important;color:var(--cs-dim)!important;font-size:.8rem!important;line-height:1.5!important}
body.cs-authenticated .status-msg.error{border-left:2px solid var(--cs-danger)!important;color:#efc2ba!important;background:rgba(231,170,160,.035)!important}
body.cs-authenticated .status-msg.success{border-left:2px solid rgba(184,210,176,.62)!important;color:#cae0c4!important;background:rgba(184,210,176,.03)!important}