:root{font-family:Arial,Helvetica,sans-serif;color:#28251f;background:#f8f5ed;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{background:#fff;padding:20px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ded8cb}.brand{color:#8a2924;font-size:24px;font-weight:900;letter-spacing:.02em;text-decoration:none}.brand span{display:block;font-size:12px;letter-spacing:.08em;color:#5d594f;text-transform:uppercase}nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}a{color:#852c26}nav a{font-size:14px}nav form{margin:0}.review{background:#eee3c9;text-align:center;padding:9px 18px;font-size:12px;font-weight:700;color:#574728}main{max-width:1120px;margin:auto;padding:46px 24px}h1{font-size:clamp(30px,5vw,48px);line-height:1.12;letter-spacing:-.025em;margin:8px 0 18px}h2{font-size:22px;line-height:1.3}h3{font-size:20px}.eyebrow{color:#8a2924;letter-spacing:.13em;font-size:12px;font-weight:bold}.intro{font-size:18px;max-width:620px}.training-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;margin:30px 0}.panel,.login{background:#fff;border:1px solid #ded8cb;border-radius:14px;padding:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.status{display:inline-block;border-radius:20px;background:#f0e8d7;color:#685738;font-size:11px;padding:4px 9px}.video-placeholder{background:#302f2a;color:#f5f1e8;border-radius:10px;min-height:270px;padding:30px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:12px 0 20px}.video-placeholder p{font-size:14px;color:#d9d3c6;max-width:360px}.play{width:54px;height:54px;line-height:54px;border:1px solid #777366;border-radius:50%;padding-left:3px}.card-placeholder{background:#f8f5ed;border:2px dashed #d4c9b5;padding:40px 12px;text-align:center;margin:25px 0;color:#776e5d}.card-placeholder strong{display:block;font-size:12px;margin-top:20px}video{width:100%;background:#232323;border-radius:10px}.fixture{font-weight:bold;color:#842d25;font-size:12px}.permanent{border-top:1px solid #ded8cb;padding-top:20px}code{display:block;overflow-wrap:anywhere;background:#eae5d8;padding:16px;border-radius:8px;font-size:13px}.muted{font-size:13px;color:#6c685f}.login{max-width:470px;margin:25px auto}label{display:block;margin:14px 0;font-weight:600;font-size:14px}input:not([type=checkbox]),select{width:100%;padding:12px;border:1px solid #a9a293;border-radius:6px;font:inherit;margin-top:5px;background:#fff}input[type=checkbox]{width:19px;height:19px;vertical-align:middle;margin-right:8px}button{background:#8a2924;color:white;border:1px solid #8a2924;border-radius:7px;padding:12px 20px;font-size:14px;font-weight:bold;cursor:pointer;min-height:44px}.quiet{background:#fff;color:#8a2924}.error{background:#fee8e6;color:#841c16;padding:12px;border-radius:8px}.notice{background:#e4f1e1;padding:18px;overflow-wrap:anywhere;border-radius:10px;margin:20px 0}details{margin:16px 0}summary{cursor:pointer;font-weight:bold;font-size:18px}.employee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}fieldset{border:1px solid #ded8cb;border-radius:6px;margin:15px 0}footer{font-size:12px;text-align:center;padding:25px;color:#736b5c}:focus-visible{outline:3px solid #bc8c2d;outline-offset:3px}@media(max-width:700px){header{padding:14px 18px;align-items:flex-start;flex-direction:column}main{padding:28px 18px}.training-grid,.employee-grid{grid-template-columns:1fr}.panel{padding:18px}.section-head{align-items:flex-start;flex-direction:column}.video-placeholder{min-height:230px}button{width:100%}nav button{width:auto}.login{margin:8px 0}nav{gap:14px}}
.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:30px 0}.hub-link{display:block;color:#28251f;text-decoration:none;transition:border-color .15s,box-shadow .15s}.hub-link:hover{border-color:#8a2924;box-shadow:0 5px 18px #28251f12}.hub-link strong{color:#8a2924;font-size:14px}.hub-icon{font-size:28px;color:#8a2924}.hub-pending{color:#706a5e}@media(max-width:700px){.hub-grid{grid-template-columns:1fr;gap:18px}}
