.ssc-shell{--ssc-bg:#f3f7fc;--ssc-card:#ffffff;--ssc-line:#d6e0ea;--ssc-text:#14263d;--ssc-soft:#5e6f84;--ssc-primary:#173b67;--ssc-accent:#0b7d74;--ssc-warn:#8e2f2a;--ssc-shadow:0 18px 40px rgba(15,32,56,.14);margin:32px auto;padding:24px;border-radius:28px;background:linear-gradient(180deg,#f8fbff 0%,#eef4fa 100%);box-shadow:var(--ssc-shadow);color:var(--ssc-text);font-family:Arial,sans-serif;max-width:1120px}
.ssc-shell *{box-sizing:border-box}
.ssc-topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
.ssc-kicker{display:inline-block;padding:9px 14px;border-radius:999px;background:#e7f0fb;color:var(--ssc-primary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ssc-badges{display:flex;flex-wrap:wrap;gap:8px}.ssc-badges span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--ssc-line);font-size:13px;font-weight:700;color:#27425f}
.ssc-hero{display:block;margin-bottom:20px}
.ssc-hero-copy h2{margin:0;color:#102f57;font-size:46px;line-height:1.04;letter-spacing:-.02em}
.ssc-deck{max-width:900px;font-size:18px;line-height:1.7;color:#27425f;margin:14px 0 14px}
.ssc-hero-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.ssc-hero-highlights span{padding:9px 12px;border-radius:12px;background:#ffffff;border:1px solid var(--ssc-line);font-size:14px;font-weight:700;color:#19324f}
.ssc-hero-media{position:relative;overflow:hidden;border-radius:24px;background:#dde8f4;border:1px solid #cfdce8;box-shadow:0 12px 30px rgba(19,50,91,.1)}
.ssc-hero-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ssc-overlay{position:absolute;background:rgba(16,47,87,.94);color:#fff;padding:10px 14px;border-radius:14px;font-size:13px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.ssc-overlay-a{left:18px;bottom:18px}.ssc-overlay-b{left:160px;bottom:18px}.ssc-overlay-c{right:18px;top:18px;max-width:240px;text-align:center}
.ssc-notice{margin:22px 0;padding:18px 20px;border-radius:18px;background:#fff6e8;border:1px solid #ead1a2;color:#563f1c;line-height:1.7;font-size:15px}
.ssc-steps{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.ssc-step-pill{padding:10px 14px;border-radius:999px;background:#ffffff;border:1px solid var(--ssc-line);font-size:13px;font-weight:700;color:#36506f}.ssc-step-pill.active{background:#173b67;color:#fff;border-color:#173b67}
.ssc-card{background:var(--ssc-card);border:1px solid var(--ssc-line);border-radius:22px;padding:22px;margin:0 0 18px;box-shadow:0 10px 24px rgba(12,30,54,.06)}
.ssc-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.ssc-card-head h3{margin:0 0 6px;font-size:28px;line-height:1.15;color:#102f57}.ssc-card-head p{margin:0;font-size:15px;line-height:1.6;color:var(--ssc-soft)}
.ssc-grid{display:grid;gap:16px}.ssc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ssc-span-2{grid-column:1 / -1}
.ssc-field{display:block}.ssc-field>span{display:block;margin-bottom:7px;font-size:14px;font-weight:800;color:#19324f}.ssc-field small{display:block;margin-top:6px;color:#66788e;font-size:12px;line-height:1.5}
.ssc-field input,.ssc-field select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid #bccbd8;background:#fff;color:#15273e;font-size:16px;line-height:1.4;min-height:50px;outline:none}
.ssc-field input::placeholder{color:#8392a5}.ssc-field input:focus,.ssc-field select:focus{border-color:#2f5d92;box-shadow:0 0 0 3px rgba(47,93,146,.16)}
.ssc-input-prefix,.ssc-input-suffix{position:relative}.ssc-input-prefix b,.ssc-input-suffix b{position:absolute;top:50%;transform:translateY(-50%);font-size:15px;color:#415870;pointer-events:none}.ssc-input-prefix b{left:14px}.ssc-input-suffix b{right:14px}.ssc-input-prefix input{padding-left:34px}.ssc-input-suffix input{padding-right:34px}
.ssc-help-box{padding:16px 18px;border-radius:16px;background:#edf4fb;border:1px solid #d5e2ef;color:#23405d;font-size:14px;line-height:1.65}.ssc-help-box ul{margin:8px 0 0 18px;padding:0}
.ssc-inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 18px}
.ssc-btn{appearance:none;border:0;border-radius:15px;padding:14px 18px;font-weight:800;font-size:15px;cursor:pointer;line-height:1.2;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.ssc-btn:hover{transform:translateY(-1px)}.ssc-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(47,93,146,.16)}
.ssc-btn-primary{background:#173b67;color:#fff;box-shadow:0 8px 18px rgba(23,59,103,.2)}.ssc-btn-secondary{background:#e7f0fb;color:#173b67;border:1px solid #c9d9ea}.ssc-btn-ghost{background:#fff;color:#173b67;border:1px solid var(--ssc-line)}
.ssc-candidate-wrap{border-top:1px solid var(--ssc-line);padding-top:18px}.ssc-candidate-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.ssc-candidate-head h4{margin:0;font-size:20px;color:#102f57}
.ssc-candidates{display:grid;gap:12px}.ssc-candidate{padding:16px;border:1px solid var(--ssc-line);border-radius:16px;background:#fafcff}.ssc-candidate-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.ssc-candidate-top strong{font-size:16px;color:#143154}.ssc-candidate-top button{border:0;background:#f0f3f7;color:#35506d;border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer}
.ssc-candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ssc-candidate-grid label{display:block}.ssc-candidate-grid span{display:block;margin-bottom:6px;font-size:12px;font-weight:800;color:#37506f}.ssc-candidate-grid input,.ssc-candidate-grid select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid #c5d3df;background:#fff;font-size:14px;color:#15273e;min-height:44px}
.ssc-primary-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:22px 0 6px}
.ssc-results{display:grid;gap:18px;margin-top:24px}.ssc-result-card{background:#fff;border:1px solid var(--ssc-line);border-radius:22px;padding:22px;box-shadow:0 10px 24px rgba(12,30,54,.06)}.ssc-result-card h3{margin:0 0 12px;font-size:28px;color:#102f57}.ssc-result-card p{margin:0;color:#33506e;line-height:1.7;font-size:15px}
.ssc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ssc-metric{background:#f4f8fc;border:1px solid #d8e3ee;border-radius:18px;padding:16px}.ssc-metric small{display:block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64778d;margin-bottom:7px}.ssc-metric strong{display:block;font-size:29px;line-height:1.1;color:#12375f}
.ssc-comparison{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.ssc-table-wrap{overflow-x:auto}.ssc-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}.ssc-table th,.ssc-table td{padding:13px 14px;border:1px solid #d9e2ec;text-align:left;vertical-align:top}.ssc-table th{background:#edf3f8;color:#1d3858;font-weight:800}.ssc-table td{color:#19324f;background:#fff}.ssc-table .ssc-pass{color:#0b7d74;font-weight:800}.ssc-table .ssc-check{color:#8e2f2a;font-weight:800}.ssc-table .ssc-neutral{color:#54677d;font-weight:800}
.ssc-reco{padding:18px;border-radius:18px;background:#eff6ff;border:1px solid #cedff3}.ssc-reco strong{display:block;margin-bottom:8px;font-size:22px;color:#12375f}.ssc-reco ul{margin:10px 0 0 18px;padding:0;color:#20405f;line-height:1.65}
.ssc-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ssc-note-list{margin:0;padding-left:18px;color:#23405d;line-height:1.75;font-size:15px}
.ssc-a4-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}
@media (max-width:960px){.ssc-metrics,.ssc-comparison,.ssc-subgrid,.ssc-grid-2,.ssc-candidate-grid{grid-template-columns:1fr}.ssc-hero-copy h2{font-size:38px}.ssc-overlay-b{left:18px;bottom:62px}.ssc-overlay-c{top:auto;right:18px;bottom:18px;max-width:210px}}
@media (max-width:640px){.ssc-shell{padding:18px;border-radius:22px}.ssc-topbar,.ssc-candidate-head,.ssc-primary-actions,.ssc-inline-actions{flex-direction:column;align-items:stretch}.ssc-btn{width:100%}.ssc-hero-copy h2{font-size:32px}.ssc-deck{font-size:16px}.ssc-card{padding:18px}.ssc-card-head h3,.ssc-result-card h3{font-size:24px}.ssc-overlay{font-size:12px;padding:8px 10px}.ssc-overlay-a,.ssc-overlay-b{left:12px}.ssc-overlay-a{bottom:12px}.ssc-overlay-b{bottom:50px}.ssc-overlay-c{right:12px;bottom:12px}}
@media (prefers-color-scheme:dark){.ssc-shell{background:linear-gradient(180deg,#0f1b2c 0%,#111f30 100%);color:#edf3fb;box-shadow:0 22px 46px rgba(0,0,0,.45)}.ssc-kicker{background:#18304d;color:#cfe2ff}.ssc-badges span,.ssc-card,.ssc-result-card,.ssc-step-pill,.ssc-metric,.ssc-reco,.ssc-help-box,.ssc-candidate{background:#162537;border-color:#2a3a4d;color:#eef4fc}.ssc-badges span,.ssc-step-pill,.ssc-hero-highlights span,.ssc-card-head h3,.ssc-result-card h3,.ssc-candidate-head h4,.ssc-field>span,.ssc-metric strong,.ssc-reco strong,.ssc-table th,.ssc-table td{color:#eef4fc}.ssc-deck,.ssc-card-head p,.ssc-result-card p,.ssc-note-list,.ssc-help-box,.ssc-field small,.ssc-metric small,.ssc-table td,.ssc-table th,.ssc-candidate-grid span{color:#c1d0df}.ssc-hero-highlights span,.ssc-field input,.ssc-field select,.ssc-candidate-grid input,.ssc-candidate-grid select{background:#0e1928;border-color:#30445d;color:#f5f9ff}.ssc-field input::placeholder{color:#94a6bc}.ssc-notice{background:#33250f;border-color:#745523;color:#fde9bc}.ssc-btn-secondary{background:#1a3350;color:#dbe8f8;border-color:#2b4462}.ssc-btn-ghost,.ssc-candidate-top button{background:#132336;color:#dbe8f8;border-color:#314760}.ssc-table th{background:#1a2b41}.ssc-table td{background:#132132;border-color:#2c4056}.ssc-metric{background:#132132;border-color:#2c4056}.ssc-reco{background:#16283d;border-color:#2e4967}.ssc-hero-media{border-color:#2f4258;background:#152639}.ssc-overlay{background:rgba(8,21,37,.92)}}

/* ==========================================================
 * v1.0.1 HIGH-CONTRAST READABILITY OVERRIDES
 * Prevents theme/browser color rules from washing out text.
 * ========================================================== */
.ssc-shell{
  color-scheme:light;
  --ssc-text:#0f2033;
  --ssc-soft:#3f536a;
  --ssc-line:#bdccda;
  color:#0f2033 !important;
}
.ssc-shell,
.ssc-shell p,
.ssc-shell li,
.ssc-shell label,
.ssc-shell small,
.ssc-shell span,
.ssc-shell strong,
.ssc-shell h2,
.ssc-shell h3,
.ssc-shell h4,
.ssc-shell th,
.ssc-shell td{
  text-shadow:none !important;
}
.ssc-shell .ssc-deck,
.ssc-shell .ssc-card-head p,
.ssc-shell .ssc-result-card p,
.ssc-shell .ssc-note-list,
.ssc-shell .ssc-field small,
.ssc-shell .ssc-help-box,
.ssc-shell .ssc-candidate-grid span{
  color:#40546a !important;
  -webkit-text-fill-color:#40546a !important;
}
.ssc-shell .ssc-hero-copy h2,
.ssc-shell .ssc-card-head h3,
.ssc-shell .ssc-result-card h3,
.ssc-shell .ssc-candidate-head h4,
.ssc-shell .ssc-field>span,
.ssc-shell .ssc-metric strong,
.ssc-shell .ssc-reco strong,
.ssc-shell .ssc-candidate-top strong{
  color:#0d2f55 !important;
  -webkit-text-fill-color:#0d2f55 !important;
}
.ssc-shell .ssc-badges span,
.ssc-shell .ssc-hero-highlights span,
.ssc-shell .ssc-step-pill:not(.active){
  color:#183650 !important;
  -webkit-text-fill-color:#183650 !important;
  background:#ffffff !important;
}
.ssc-shell .ssc-step-pill.active,
.ssc-shell .ssc-btn-primary,
.ssc-shell .ssc-overlay{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.ssc-shell .ssc-field input,
.ssc-shell .ssc-field select,
.ssc-shell .ssc-candidate-grid input,
.ssc-shell .ssc-candidate-grid select,
.ssc-shell .ssc-candidate-grid option,
.ssc-shell select option{
  background:#ffffff !important;
  color:#0b1d30 !important;
  -webkit-text-fill-color:#0b1d30 !important;
  opacity:1 !important;
  border-color:#9fb2c5 !important;
  caret-color:#0b1d30 !important;
}
.ssc-shell .ssc-field input::placeholder,
.ssc-shell .ssc-candidate-grid input::placeholder{
  color:#62758a !important;
  -webkit-text-fill-color:#62758a !important;
  opacity:1 !important;
}
.ssc-shell .ssc-input-prefix b,
.ssc-shell .ssc-input-suffix b{
  color:#2c465f !important;
  -webkit-text-fill-color:#2c465f !important;
}
.ssc-shell .ssc-table th{
  background:#e7eff7 !important;
  color:#102f50 !important;
  -webkit-text-fill-color:#102f50 !important;
}
.ssc-shell .ssc-table td{
  background:#ffffff !important;
  color:#102b45 !important;
  -webkit-text-fill-color:#102b45 !important;
}
.ssc-shell .ssc-table .ssc-pass{
  color:#076449 !important;
  -webkit-text-fill-color:#076449 !important;
}
.ssc-shell .ssc-table .ssc-check{
  color:#8a211d !important;
  -webkit-text-fill-color:#8a211d !important;
}
.ssc-shell .ssc-table .ssc-neutral{
  color:#3e5268 !important;
  -webkit-text-fill-color:#3e5268 !important;
}
.ssc-shell .ssc-metric small{
  color:#42566d !important;
  -webkit-text-fill-color:#42566d !important;
}
.ssc-shell .ssc-reco,
.ssc-shell .ssc-help-box{
  color:#173954 !important;
  -webkit-text-fill-color:#173954 !important;
}
.ssc-shell .ssc-btn-secondary,
.ssc-shell .ssc-btn-ghost,
.ssc-shell .ssc-candidate-top button{
  color:#12385e !important;
  -webkit-text-fill-color:#12385e !important;
}
.ssc-shell ::selection{
  background:#173b67 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.ssc-shell input::selection,
.ssc-shell textarea::selection{
  background:#173b67 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

@media (prefers-color-scheme:dark){
  .ssc-shell{
    color-scheme:dark;
    color:#f4f8fc !important;
  }
  .ssc-shell .ssc-deck,
  .ssc-shell .ssc-card-head p,
  .ssc-shell .ssc-result-card p,
  .ssc-shell .ssc-note-list,
  .ssc-shell .ssc-field small,
  .ssc-shell .ssc-help-box,
  .ssc-shell .ssc-candidate-grid span{
    color:#d6e2ee !important;
    -webkit-text-fill-color:#d6e2ee !important;
  }
  .ssc-shell .ssc-hero-copy h2,
  .ssc-shell .ssc-card-head h3,
  .ssc-shell .ssc-result-card h3,
  .ssc-shell .ssc-candidate-head h4,
  .ssc-shell .ssc-field>span,
  .ssc-shell .ssc-metric strong,
  .ssc-shell .ssc-reco strong,
  .ssc-shell .ssc-candidate-top strong{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  .ssc-shell .ssc-badges span,
  .ssc-shell .ssc-hero-highlights span,
  .ssc-shell .ssc-step-pill:not(.active){
    background:#17283b !important;
    color:#f2f7fd !important;
    -webkit-text-fill-color:#f2f7fd !important;
  }
  .ssc-shell .ssc-field input,
  .ssc-shell .ssc-field select,
  .ssc-shell .ssc-candidate-grid input,
  .ssc-shell .ssc-candidate-grid select,
  .ssc-shell .ssc-candidate-grid option,
  .ssc-shell select option{
    background:#0a1624 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#60758d !important;
    caret-color:#ffffff !important;
  }
  .ssc-shell .ssc-field input::placeholder,
  .ssc-shell .ssc-candidate-grid input::placeholder{
    color:#aebfd0 !important;
    -webkit-text-fill-color:#aebfd0 !important;
  }
  .ssc-shell .ssc-input-prefix b,
  .ssc-shell .ssc-input-suffix b{
    color:#e7eff7 !important;
    -webkit-text-fill-color:#e7eff7 !important;
  }
  .ssc-shell .ssc-table th{
    background:#24384f !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  .ssc-shell .ssc-table td{
    background:#101f30 !important;
    color:#f5f8fc !important;
    -webkit-text-fill-color:#f5f8fc !important;
  }
  .ssc-shell .ssc-metric small{
    color:#d2deea !important;
    -webkit-text-fill-color:#d2deea !important;
  }
  .ssc-shell .ssc-reco,
  .ssc-shell .ssc-help-box{
    color:#eef5fc !important;
    -webkit-text-fill-color:#eef5fc !important;
  }
  .ssc-shell .ssc-btn-secondary,
  .ssc-shell .ssc-btn-ghost,
  .ssc-shell .ssc-candidate-top button{
    color:#f5f9ff !important;
    -webkit-text-fill-color:#f5f9ff !important;
  }
}