/* Career Compass — brand: Montserrat, #222747 / #3A4278 / #515DA9 / #747DBA / #C9CDE4 / #EEEFF6. Mobile-first, RTL-aware via logical properties. */
.cc-root{--c1:#222747;--c2:#3A4278;--c3:#515DA9;--c4:#747DBA;--c5:#C9CDE4;--c6:#EEEFF6;--grad:linear-gradient(107.49deg,#7661B4 7.25%,#0D23AC 95.34%);--ok:#1c7a4b;--warn:#8a5a00;--bad:#b3261e;
  font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;color:var(--c1);background:#fff;line-height:1.6;box-sizing:border-box;max-width:100vw;overflow-x:hidden}
.cc-root *,.cc-root *::before,.cc-root *::after{box-sizing:inherit}
.cc-root.cc-ar{font-family:'Montserrat','Segoe UI',Tahoma,Arial,sans-serif}
.cc-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;max-width:1040px;margin:0 auto}
.cc-brand{font-weight:700;color:var(--c3);letter-spacing:.02em}
.cc-lang{border:1px solid var(--c5);background:#fff;color:var(--c2);border-radius:999px;padding:6px 14px;font:inherit;font-weight:600;cursor:pointer;min-height:40px}
.cc-main{max-width:1040px;margin:0 auto;padding:8px 16px 56px}
.cc-main h1{font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.2;margin:.2em 0 .4em;color:var(--c1)}
.cc-main h2{font-size:clamp(1.25rem,3.4vw,1.6rem);margin:1.6em 0 .6em;color:var(--c2)}
.cc-main h3{font-size:1.1rem;margin:.2em 0 .5em;color:var(--c2)}
.cc-main h4{font-size:.98rem;margin:1.1em 0 .3em;color:var(--c3)}
.cc-main :focus-visible{outline:3px solid var(--c4);outline-offset:2px;border-radius:4px}
.cc-main [tabindex="-1"]:focus{outline:none}
.cc-hero{background:var(--c6);border-radius:18px;padding:28px 20px;margin-block:8px 20px}
.cc-lead{font-size:1.05rem;max-width:62ch;color:var(--c2)}
.cc-chips{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.cc-chips li{background:#fff;border:1px solid var(--c5);border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:600;color:var(--c2)}
.cc-card{background:#fff;border:1px solid var(--c5);border-radius:14px;padding:18px;margin-block:14px;min-width:0}
.cc-card-prem{border-color:var(--c3);background:linear-gradient(180deg,#fff,var(--c6))}
.cc-two{display:grid;gap:14px;grid-template-columns:1fr}
.cc-two>.cc-card{margin:0}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:999px;border:0;background:var(--grad);color:#fff;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}
.cc-btn:hover{filter:brightness(1.08)}
.cc-btn[disabled]{opacity:.45;cursor:not-allowed}
.cc-btn-lg{padding:14px 32px;font-size:1.02rem}
.cc-btn-ghost{background:#fff;color:var(--c3);border:2px solid var(--c3)}
.cc-btn-danger{background:#fff;color:var(--bad);border:2px solid var(--bad)}
.cc-link{background:none;border:0;color:var(--c3);text-decoration:underline;cursor:pointer;font:inherit;padding:6px 8px;min-height:36px}
.cc-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-block:14px}
.cc-small{font-size:.86rem;color:var(--c2)}
.cc-note{background:var(--c6);border-inline-start:4px solid var(--c4);padding:10px 14px;border-radius:8px}
.cc-warn{border-inline-start-color:#c98a00;background:#fff8e6;color:var(--warn)}
.cc-err{color:var(--bad);font-weight:600;min-height:1.2em;margin:.4em 0}
.cc-loading{padding:48px 0;text-align:center;color:var(--c3);font-weight:600}
.cc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--c6)}
/* segment + consent */
.cc-seg{border:0;padding:0;margin:0 0 12px;display:grid;gap:10px;grid-template-columns:1fr}
.cc-seg legend{font-weight:700;margin-bottom:8px;padding:0}
.cc-seg-item,.cc-opt{position:relative}
.cc-seg-item input,.cc-opt input[type=radio],.cc-opt input[type=checkbox]{position:absolute;opacity:0;inset-inline-start:0;top:0;width:100%;height:100%;margin:0;cursor:pointer}
.cc-seg-item label,.cc-opt label{display:block;border:2px solid var(--c5);border-radius:12px;padding:12px 14px 12px 44px;cursor:pointer;background:#fff;position:relative;min-height:48px}
.cc-root[dir=rtl] .cc-seg-item label,.cc-root[dir=rtl] .cc-opt label{padding:12px 44px 12px 14px}
.cc-seg-item label::before,.cc-opt label::before{content:"";position:absolute;inset-inline-start:14px;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid var(--c4);border-radius:50%;background:#fff}
.cc-opt input[type=checkbox]+label::before{border-radius:5px}
.cc-seg-item input:checked+label,.cc-opt input:checked+label{border-color:var(--c3);background:var(--c6)}
.cc-seg-item input:checked+label::before,.cc-opt input:checked+label::before{background:var(--c3);box-shadow:inset 0 0 0 3px #fff}
.cc-seg-item input:focus-visible+label,.cc-opt input:focus-visible+label{outline:3px solid var(--c4);outline-offset:2px}
.cc-opt input:disabled+label{opacity:.5;cursor:not-allowed}
.cc-seg-item label span{display:block;font-size:.86rem;color:var(--c2)}
.cc-consent{display:flex;gap:10px;align-items:flex-start;margin-block:12px}
.cc-consent input{width:22px;height:22px;margin-top:3px;flex:none}
.cc-steps{list-style:none;padding:0;display:grid;gap:12px;grid-template-columns:1fr;counter-reset:s}
.cc-steps li{counter-increment:s;background:var(--c6);border-radius:12px;padding:14px 14px 14px 56px;position:relative}
.cc-root[dir=rtl] .cc-steps li{padding:14px 56px 14px 14px}
.cc-steps li::before{content:counter(s);position:absolute;inset-inline-start:14px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;font-weight:700;display:grid;place-items:center}
.cc-steps strong,.cc-steps span{display:block}
/* wizard */
.cc-progress{height:8px;background:var(--c6);border-radius:99px;overflow:hidden;margin-block:8px}
.cc-progress span{display:block;height:100%;background:var(--grad);transition:width .3s}
.cc-stepno{font-size:.84rem;color:var(--c3);font-weight:600;margin:0}
.cc-intro{color:var(--c2)}
.cc-q{border:0;border-bottom:1px solid var(--c6);padding:16px 0 18px;margin:0;min-width:0}
.cc-q legend{font-weight:700;padding:0;margin-bottom:8px;float:none;width:100%}
.cc-q.cc-missing{outline:2px solid var(--bad);outline-offset:6px;border-radius:6px}
.cc-help{font-size:.86rem;color:var(--c2);margin:0 0 8px}
.cc-opt{margin-block:8px}
.cc-scale{display:flex;gap:8px;flex-wrap:wrap}
.cc-scale-opt{position:relative}
.cc-scale-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.cc-scale-opt label{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--c5);border-radius:50%;font-weight:700;cursor:pointer;background:#fff;color:var(--c2)}
.cc-scale-opt input:checked+label{background:var(--c3);border-color:var(--c3);color:#fff}
.cc-scale-opt input:focus-visible+label{outline:3px solid var(--c4);outline-offset:2px}
.cc-scale-lbl{display:flex;justify-content:space-between;font-size:.8rem;color:var(--c2);margin-top:4px;max-width:340px}
.cc-grid{display:grid;gap:4px}
.cc-grid-row{display:grid;gap:6px;padding:10px 0;border-top:1px dashed var(--c5);grid-template-columns:1fr}
.cc-grid-l{font-weight:600}
.cc-grid select,.cc-q input[type=text],.cc-q input[type=number],.cc-task select{width:100%;min-height:44px;border:2px solid var(--c5);border-radius:10px;padding:8px 12px;font:inherit;background:#fff;color:var(--c1)}
.cc-nav{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--c5);display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;margin-top:16px}
.cc-save{font-size:.8rem;color:var(--c3)}
/* report */
.cc-rhead{background:var(--c6);border-radius:18px;padding:22px 18px;margin-block:8px 6px}
.cc-meta{display:flex;flex-wrap:wrap;gap:8px}
.cc-pill{display:inline-block;background:#fff;border:1px solid var(--c5);border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:700;color:var(--c2)}
.cc-pill-prem{background:var(--grad);color:#fff;border:0}
.cc-metric{display:grid;grid-template-columns:1fr;gap:3px;margin-block:10px}
.cc-metric>span{font-size:.9rem}
.cc-barv{position:relative;height:12px;background:var(--c6);border-radius:99px;display:flex;align-items:center}
.cc-barv span{display:block;height:100%;background:var(--grad);border-radius:99px}
.cc-barv em{position:absolute;inset-inline-end:0;top:-20px;font-style:normal;font-size:.76rem;font-weight:700;color:var(--c3)}
.cc-dim-off{opacity:.5}
.cc-path-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.cc-score{text-align:center;background:var(--grad);color:#fff;border-radius:14px;padding:6px 16px;min-width:110px}
.cc-score strong{display:block;font-size:1.7rem;line-height:1.1}
.cc-score span{font-size:.72rem;font-weight:600}
.cc-dims{display:grid;gap:0 18px;grid-template-columns:1fr;margin-block:12px 22px}
.cc-list{padding-inline-start:20px;margin:.3em 0}
.cc-list li{margin-block:4px}
.cc-exp{background:var(--c6);border-radius:12px;padding:10px 14px;margin-top:14px}
.cc-fb{font-size:.84rem;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px}
.cc-prem-box{margin-top:14px;border:1px dashed var(--c3);border-radius:12px;padding:10px 14px;background:#fff}
.cc-prem-box summary{font-weight:700;color:var(--c3);cursor:pointer;min-height:36px}
.cc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cc-tbl{width:100%;border-collapse:collapse;font-size:.88rem}
.cc-tbl th,.cc-tbl td{border-bottom:1px solid var(--c6);padding:8px 10px;text-align:start;vertical-align:top}
.cc-tbl th{background:var(--c6);color:var(--c2)}
.cc-tbl tr.cc-dim{opacity:.55}
.cc-weeks{display:grid;gap:8px}
.cc-week{border:1px solid var(--c5);border-radius:12px;padding:6px 14px;background:#fff}
.cc-week summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cc-task{border-top:1px solid var(--c6);padding:12px 0}
.cc-task-h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.cc-task[data-st=done]{opacity:.7}
.cc-task[data-st=done] strong{text-decoration:line-through}
.cc-task-s{display:flex;align-items:center;gap:8px;max-width:300px}
.cc-obj{display:grid;gap:12px;grid-template-columns:1fr}
.cc-obj .cc-card{margin:0}
.cc-svc .cc-why{background:var(--c6);padding:8px 12px;border-radius:8px}
.cc-price{font-weight:700;color:var(--c3)}
.cc-ai-out{margin-top:12px}
@media (min-width:700px){
 .cc-two{grid-template-columns:1fr 1fr}.cc-seg{grid-template-columns:1fr 1fr}.cc-steps{grid-template-columns:repeat(4,1fr)}
 .cc-steps li{padding:56px 14px 14px}.cc-root[dir=rtl] .cc-steps li{padding:56px 14px 14px}
 .cc-grid-row{grid-template-columns:1.2fr 1fr;align-items:center}.cc-obj{grid-template-columns:repeat(3,1fr)}.cc-dims{grid-template-columns:1fr 1fr}
 .cc-hero{padding:44px 40px}.cc-metric{grid-template-columns:200px 1fr;align-items:center}
}
@media print{
 .cc-noprint,.cc-bar,.cc-nav,header,footer,.site-header,.site-footer{display:none!important}
 .cc-main{max-width:none;padding:0}.cc-week{break-inside:avoid}.cc-week:not([open])>*:not(summary){display:block}
 .cc-card,.cc-sec{break-inside:avoid-page}
}
@media (prefers-reduced-motion:reduce){.cc-progress span{transition:none}}
.cc-off{max-width:600px;margin:80px auto;padding:0 16px;text-align:center}