.spc-training{--ink:#172b28;--muted:#526863;--green:#245b4d;--green-dark:#164338;--light:#f0f6f2;--border:#d6e3de;--card:#fff;--page:#f7faf8;--warning:#fff6e8;--warning-border:#d9a84f;--good:#e8f5e9;--bad:#fff0ed}
.spc-training *{box-sizing:border-box}
.spc-training{scroll-behavior:smooth}
.spc-training{margin:0;background:var(--page);font-family:Arial,'Segoe UI',sans-serif;line-height:1.7;color:var(--ink);font-size:18px}
.spc-training a{color:#195b51}
.spc-training button{font:inherit;cursor:pointer}
.spc-training button:focus-visible,.spc-training a:focus-visible,.spc-training input:focus-visible{outline:3px solid #265f9a;outline-offset:3px}
.spc-training .skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px}
.spc-training .skip:focus{left:8px;z-index:30}
.spc-training .mast{padding:18px max(22px,calc((100vw - 1240px)/2));background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.spc-training .brand{font-weight:800;font-size:1.3rem;text-decoration:none;color:var(--green-dark)}
.spc-training .status{background:#eaf3e9;border:1px solid #b9d0c2;border-radius:999px;padding:4px 14px;font-size:.78rem;font-weight:700}
.spc-training .shell{max-width:1240px;margin:0 auto;padding:24px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px}
.spc-training .sidebar{align-self:start;position:sticky;top:16px;border:1px solid var(--border);background:#fff;border-radius:16px;padding:16px;max-height:calc(100vh - 32px);overflow:auto}
.spc-training .sidebar h2{font-size:1rem;margin:0 0 10px}
.spc-training .nav-link{display:block;border-radius:9px;text-decoration:none;padding:9px 12px;color:var(--ink);margin:4px 0;font-size:.88rem;line-height:1.4}
.spc-training .nav-link:hover,.spc-training .nav-link.current{background:var(--light);color:var(--green-dark)}
.spc-training .nav-link.current{font-weight:700;border-left:4px solid var(--green)}
.spc-training .navnum{font-size:.72rem;font-weight:700;color:var(--muted);margin-right:8px}
.spc-training .top-note{color:var(--muted);font-size:.8rem}
.spc-training .content{min-width:0}
.spc-training .view{display:none}
.spc-training .view.current{display:block}
.spc-training .hero{background:linear-gradient(135deg,#eaf5ee,#f9fdf9);border:1px solid var(--border);border-radius:18px;padding:30px;margin-bottom:20px}
.spc-training .eyebrow{text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:700;color:#396b60}
.spc-training .hero h1{font-size:clamp(1.65rem,3.5vw,2.4rem);line-height:1.23;margin:10px 0}
.spc-training .hero p{margin:8px 0 0;max-width:70ch}
.spc-training .panel{border:1px solid var(--border);background:var(--card);border-radius:15px;padding:25px;margin:17px 0}
.spc-training .panel h2{font-size:1.35rem;margin:0 0 10px;line-height:1.35}
.spc-training .panel h3{font-size:1.1rem}
.spc-training .panel p,.spc-training .panel li{max-width:80ch}
.spc-training .panel p:first-of-type{margin-top:8px}
.spc-training .panel ul,.spc-training .panel ol{padding-left:1.55em}
.spc-training .panel li+li{margin-top:9px}
.spc-training .panel strong{color:#153b32}
.spc-training .source-list{font-size:.9rem}
.spc-training .source-list li{overflow-wrap:anywhere}
.spc-training .hint{background:var(--warning);border-left:4px solid var(--warning-border);padding:15px 18px;margin:16px 0;border-radius:7px}
.spc-training .pill{font-size:.8rem;border-radius:10px;background:var(--light);padding:3px 9px;display:inline-block;color:var(--green-dark);margin:4px 0}
.spc-training .btn{background:var(--green);color:#fff;border:2px solid var(--green);border-radius:10px;padding:11px 17px;font-weight:700;display:inline-block;text-decoration:none;line-height:1.35;min-height:48px}
.spc-training .btn:hover{background:var(--green-dark)}
.spc-training .btn.secondary{background:#fff;color:var(--green-dark)}
.spc-training .btn:disabled{opacity:.5;cursor:not-allowed}
.spc-training .figure{margin:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:white;max-width:760px}
.spc-training .figure img{display:block;width:100%;height:auto}
.spc-training .figure figcaption{padding:10px 14px;color:var(--muted);font-size:.84rem}
.spc-training .exercise{background:#f9fcfb}
.spc-training .mock{max-width:680px;margin:20px 0;border:1px solid #cbd5d2;border-radius:13px;overflow:hidden;background:#fff;font-size:1rem}
.spc-training .mock-header{background:#e7efeb;padding:12px 18px;color:#263d38;font-weight:700}
.spc-training .mock-body{padding:18px}
.spc-training .mock-row{display:grid;grid-template-columns:100px 1fr;gap:10px;margin-bottom:8px}
.spc-training .mockrow-right{text-align:right}
.spc-training .chat-bubble{max-width:85%;background:#e7efeb;border-radius:16px 16px 16px 2px;padding:12px 16px;margin-bottom:12px;line-height:1.48}
.spc-training .chat-bubble.other{margin-left:auto;border-radius:16px 16px 2px 16px;background:#dcf2e2}
.spc-training .fake-link{color:#aa472c;text-decoration:underline;overflow-wrap:anywhere}
.spc-training .amount{font-weight:800;font-size:1.9rem;color:#6b2b24}
.spc-training .mock-badge{background:#f6dfd6;border-radius:6px;color:#7e3527;padding:5px 9px;display:inline-block}
.spc-training .explain{display:none;background:#e8f4ee;border-left:4px solid #317861;padding:13px 16px;margin-top:15px;border-radius:8px}
.spc-training .explain.visible{display:block}
.spc-training .quiz-item{padding:22px;margin:18px 0;border:1px solid var(--border);border-radius:13px;background:#fff}
.spc-training .quiz-item legend{font-weight:700;line-height:1.5;padding:0}
.spc-training .choice{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:11px 13px;margin:8px 0;cursor:pointer;line-height:1.45}
.spc-training .choice:hover{background:var(--light)}
.spc-training .choice input{margin-top:8px;flex:none;accent-color:var(--green);width:20px;height:20px}
.spc-training .feedback{margin-top:12px;border-radius:8px;padding:12px 15px;background:var(--good);font-size:.94rem}
.spc-training .feedback.wrong{background:var(--bad)}
.spc-training .feedback[hidden]{display:none}
.spc-training .quiz-actions{margin-top:12px}
.spc-training .scorebox{background:var(--light);padding:16px;border-radius:10px;margin-top:16px}
.spc-training .test-note{border-left:4px solid #647871;padding:14px 20px;background:#eaf1ed;margin-top:20px;font-size:.87rem}
.spc-training .page-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.spc-training .page-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 15px;text-decoration:none;display:block;color:var(--ink)}
.spc-training .page-card:hover{border-color:var(--green)}
.spc-training .page-card small{color:var(--muted);display:block}
.spc-training .footer{padding:36px 0;color:var(--muted);font-size:.8rem}
.spc-training .btnrow{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.spc-training .sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:860px){.spc-training .shell{display:block;padding:12px}
.spc-training .sidebar{position:static;max-height:none;margin-bottom:14px;padding:10px}
.spc-training .sidebar h2{margin:8px}
.spc-training .sidebar .nav-items{display:none}
.spc-training .sidebar.open .nav-items{display:block}
.spc-training .toggle-nav{display:block}
.spc-training .hero{padding:20px}
.spc-training .panel{padding:18px}
.spc-training .page-links{grid-template-columns:1fr}}
@media(min-width:861px){.spc-training .toggle-nav{display:none}}
@media(max-width:480px){.spc-training{font-size:17px}
.spc-training .mast{padding:14px}
.spc-training .hero h1{font-size:1.6rem}
.spc-training .mock-row{grid-template-columns:1fr;gap:1px}
.spc-training .quiz-item{padding:14px}}
.spc-training .mini-practice{background:#f0f7f3;border:1px solid #b9d7c7;box-shadow:none;margin:22px 0 8px;padding:18px 20px}
.spc-training .practice-tag{font-size:.86rem;letter-spacing:.02em;font-weight:700;color:#275a4b;margin:0 0 10px}
.spc-training .mini-practice legend{font-weight:700}
.spc-training .exercise-in-context{margin:22px 0;padding:18px 20px;border:1px solid #b7d4c7;border-radius:12px;background:#f7fbf8}
.spc-training .exercise-in-context h3{margin:0 0 8px}
.spc-training .exercise-in-context .mock,.spc-training .exercise-in-context .figure{margin:14px 0}
.spc-training .lesson-close{background:#f5faf6}
.spc-training .exam-progress{background:#e8f2ed;border-radius:8px;padding:10px 15px;font-weight:700;color:#194e3f}
.spc-training .exam-item{padding:21px;margin:17px 0;border:1px solid var(--border);border-radius:12px}
.spc-training .exam-item legend{font-weight:700}
.spc-training .exam-feedback{padding:13px 15px;margin-top:12px;border-radius:9px;background:#e8f5e9}
.spc-training .exam-feedback.wrong{background:#fff0ed}
.spc-training .exam-feedback[hidden]{display:none}
.spc-training .exam-result{font-weight:600;padding:20px;margin-top:18px;border:1px solid #a4cbb7;background:#eef7f1;border-radius:12px}
.spc-training .exam-result[hidden]{display:none}
.spc-training .exam-actions{display:flex;gap:12px;flex-wrap:wrap}
.spc-training .exam-item[aria-invalid="true"]{border-color:#b23f2b}
@media print{.spc-training{background:white;color:black}
.spc-training .mast,.spc-training .sidebar,.spc-training .btn,.spc-training .btnrow,.spc-training .footer,.spc-training .quiz-actions{display:none!important}
.spc-training .shell{display:block;padding:0}
.spc-training .view{display:none!important}
.spc-training .view.current{display:block!important}
.spc-training .panel,.spc-training .hero,.spc-training .quiz-item{border:0;break-inside:avoid;padding:8px 0;margin:8px 0}
.spc-training .content{width:100%}
.spc-training .explain{display:block!important}
.spc-training .feedback{display:none!important}}
.spc-training .experience{background:#f2f8f5;border:2px solid #9ac5b2;border-radius:16px;margin:24px 0;padding:20px 22px;max-width:85ch}
.spc-training .experience h3{font-size:1.15em;margin:4px 0 10px;line-height:1.4}
.spc-training .activity-label{font-weight:800;color:#185241;font-size:.82rem;letter-spacing:.02em}
.spc-training .experience p{margin:12px 0}
.spc-training .activity-result{background:white;border-left:4px solid #5c9781;padding:12px 15px;margin-top:14px;border-radius:7px;min-height:28px}
.spc-training .experience .activity-result:empty{display:none}
.spc-training .activity-counter{font-size:.91rem;color:#355c53}
.spc-training .experience .activity-reset,.spc-training .experience .inspect,.spc-training .experience .situation-grid button,.spc-training .experience .account-lines button,.spc-training .experience .move-order{cursor:pointer}
.spc-training .experience .activity-reset{border:1px solid #b2c9be;border-radius:8px;background:white;padding:7px 13px;color:#205c4c;margin-top:12px;font-weight:700}
.spc-training .mail-box,.spc-training .offer-screen,.spc-training .fake-phone{background:white;border:1px solid #d5dedd;border-radius:12px;margin:14px 0;padding:17px}
.spc-training .fake-mailbar,.spc-training .screen-title{font-size:.78rem;color:#51605d;background:#f1f4f3;margin:-17px -17px 13px;padding:8px 17px;border-radius:12px 12px 0 0}
.spc-training .experience .inspect{display:inline;border:0;background:transparent;text-align:left;color:#144e75;border-bottom:2px dashed #658aa5;padding:2px 0;font-weight:600;white-space:normal}
.spc-training .experience .inspect.found{background:#dcf4e7;color:#154b37;border-bottom-color:#398763}
.spc-training .sample-warning{font-size:.82rem;color:#5f645e}
.spc-training .practice-photo{display:block;width:100%;max-height:330px;object-fit:contain;background:#f4f7f5;border-radius:10px}
.spc-training .fake-phone{max-width:440px;border:4px solid #2a3e3d;border-radius:25px;margin:20px auto;padding:18px}
.spc-training .address-strip{background:#edf2ef;font-family:monospace;font-size:.85rem;padding:10px;border-radius:8px;overflow-wrap:anywhere}
.spc-training .offer-price{font-size:1.7em;color:#15593d}
.spc-training .offer-terms{font-size:.89rem;line-height:1.5;background:#faf4ed;padding:12px;border:1px solid #e2cdbb}
.spc-training .button-look{display:inline-block;opacity:.75;background:#d9dfdc;padding:8px 12px;border-radius:7px;margin-top:15px;font-size:.78rem}
.spc-training .task-checkbox{display:flex;align-items:flex-start;gap:11px;padding:11px;background:white;border-radius:9px;margin:8px 0;border:1px solid #d0ddd6}
.spc-training .task-checkbox input{margin-top:7px;transform:scale(1.2);flex-shrink:0}
.spc-training .flow-bubble{padding:16px;background:#fff;border:1px solid #b6cfc2;border-left:6px solid #347e64;border-radius:12px;white-space:pre-line;font-size:1.02rem;margin:15px 0}
.spc-training .flow-options{display:grid;gap:10px;margin:14px 0}
.spc-training .flow-options button,.spc-training .situation-grid button{padding:12px 14px;line-height:1.45;text-align:left;border:1px solid #9bbfb0;border-radius:10px;background:#fff;color:#173f34;cursor:pointer;font-weight:600}
.spc-training .flow-options button:hover,.spc-training .situation-grid button:hover,.spc-training .account-lines button:hover{background:#e6f3ec}
.spc-training .flow-options button:disabled{opacity:.7;cursor:default}
.spc-training .flow-stepcount{font-size:.85rem;color:#466055;font-weight:700}
.spc-training .situation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.spc-training .situation-grid button[aria-pressed=true]{background:#dff0e6;border:2px solid #408666}
.spc-training .account-lines{background:white;border:1px solid #d0ddd6;border-radius:12px;overflow:hidden;margin:12px 0}
.spc-training .account-lines button{width:100%;padding:12px 16px;display:flex;gap:14px;justify-content:space-between;background:white;border:0;border-bottom:1px solid #e0e7e2;text-align:left;font:inherit;cursor:pointer}
.spc-training .order-list{counter-reset:practice;list-style:none;margin:15px 0;padding:0;display:grid;gap:10px}
.spc-training .order-list li{background:white;border:1px solid #c2d8ce;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:9px;padding:10px 14px;margin:0!important}
.spc-training .order-list li >span{flex:1}
.spc-training .order-buttons{display:flex;gap:5px}
.spc-training .move-order{border:1px solid #9cb8ac;padding:5px 10px;border-radius:6px;background:#eef5f1;font-weight:700}
.spc-training .experience .choice{margin:9px 0}
.spc-training .experience input[type=radio]{margin-right:8px}
@media(max-width:560px){.spc-training .experience{padding:16px;margin:18px 0}
.spc-training .situation-grid{grid-template-columns:1fr}
.spc-training .order-list li{display:block}
.spc-training .order-buttons{margin-top:8px}
.spc-training .flow-options button{padding:12px}}
@media print{.spc-training .experience{break-inside:avoid}
.spc-training .flow-options button,.spc-training .inspect{border:1px solid #888!important}}
.spc-training .ccv-audio-only{border:1px solid #d1dfda;border-radius:16px;padding:1.2rem;background:#f7fbf9;margin-top:1rem;color:#23352c}
.spc-training .ccv-audio-only h3{margin-top:0}
.spc-training .ccv-audio-only .test-note{background:#fff;border-left:4px solid #a9bbae;padding:.75rem}
.spc-training .ccv-picker{font-weight:700;display:block;margin:.7rem 0}
.spc-training .ccv-picker input{display:block;margin-top:.6rem;width:100%;font:inherit}
.spc-training .ccv-controls{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}
.spc-training .ccv-progress{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem}
.spc-training .ccv-progress label{width:100%;font-weight:700}
.spc-training .ccv-progress input{min-width:150px;flex:1}
.spc-training .ccv-progress output{font-variant-numeric:tabular-nums}
.spc-training .ccv-source{font-size:.95rem}
.spc-training .ccv-audio-only a{text-decoration:underline}
.spc-training article.view{display:block!important}
.spc-training .lesson-intro{background:#f0f7f3;border:1px solid #bfd7c7;padding:22px 25px;border-radius:14px;margin:0 0 24px}
.spc-training .lesson-intro h2{margin-top:0}
.spc-training .lesson-intro p{max-width:76ch}
.spc-training .lesson-section{padding:24px 28px;margin:0 0 22px}
.spc-training .lesson-section p{max-width:78ch}
.spc-training .lesson-section h2{margin-top:0;line-height:1.3}
.spc-training .info-extra{border-left:4px solid #7fb59b;background:#f8fbf8;padding:14px 18px;margin:16px 0;font-size:1rem}
.spc-training .starter-note{border:1px solid #d9e6e0;background:white;border-radius:12px;padding:16px 20px;margin:12px 0 24px}
.spc-training .lesson-progress{font-size:.84rem;color:#376b56;font-weight:700;letter-spacing:.03em}
.spc-training .lesson-jump{display:inline-block;margin:8px 0 24px}
.spc-training .lesson-end{background:#eef5ef;border:1px solid #b8d8c6;padding:18px;border-radius:12px}
.spc-training .breadcrumbs{font-size:.87rem;margin:4px 0 16px}
@media (max-width:700px){.spc-training .lesson-intro,.spc-training .lesson-section{padding:17px 16px}
.spc-training .hero{padding:20px 18px}
.spc-training .lesson-section{margin-bottom:16px}}
.spc-training .lesson-cards{list-style:none;margin:15px 0;padding:0;display:grid;gap:12px}
.spc-training .lesson-cards li{margin:0!important}
.spc-training .lesson-cards li a{display:block;background:#f6faf7;border:1px solid #caddd0;border-radius:11px;padding:16px 20px;text-decoration:none;color:#17483b}
.spc-training .lesson-cards li strong{display:block;font-size:1.04rem}
.spc-training .lesson-cards li span{display:block;color:#445d55;margin-top:5px;line-height:1.45}
.spc-training .lesson-cards li a:hover{background:#eaf4ec}
.spc-training #main{scroll-margin-top:12px}
.spc-training .download-training{font-size:1rem}
.spc-training .starter-note p{margin:8px 0}
.spc-training main{min-width:0}
.spc-training .logo-examples{margin:24px 0 30px;padding:20px;border:1px solid #c3d8ce;border-radius:12px;background:#f6faf8;scroll-margin-top:16px}
.spc-training .logo-examples h3{margin-top:0}
.spc-training .logo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.spc-training .logo-example{margin:0;min-width:0;overflow:hidden;border:1px solid #cbdcd3;border-radius:10px;background:#fff}
.spc-training .logo-stage{min-height:152px;padding:30px 22px;display:flex;align-items:center;justify-content:center;background:#fff}
.spc-training .logo-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:84px;object-fit:contain}
.spc-training .logo-stage-dark{background:#002b1d}
.spc-training .logo-example figcaption{padding:16px;line-height:1.55}
.spc-training .logo-example figcaption strong,.spc-training .logo-example figcaption span{display:block}
.spc-training .logo-example figcaption strong{margin-bottom:5px}
.spc-training .logo-reminder{margin-bottom:0}
@media(max-width:650px){.spc-training .logo-gallery{grid-template-columns:1fr}
.spc-training .logo-examples{padding:15px}
.spc-training .logo-stage{min-height:140px;padding:28px 20px}}
.spc-training .logo-stage img.logo-seal{max-height:120px}
.spc-training .logo-example-platform{grid-column:1/-1}
.spc-training .logo-example-platform .logo-stage img{max-width:276px;width:100%}