*{box-sizing:border-box}body{margin:0;font:17px 'Segoe UI',Arial,sans-serif;color:#243545;background:#f4f7fa}header{background:white;border-top:8px solid #ff5a0b;display:flex;align-items:center;gap:30px;padding:22px max(5%,20px);box-shadow:0 2px 10px #0001}header img{width:150px}header span{margin-left:auto;font-size:13px;color:#002c42;font-weight:bold}main{max-width:1100px;margin:45px auto;padding:0 24px}h1,h2,h3{color:#002c42}h1{font-size:38px;line-height:1.2}p{line-height:1.7}button,.button{display:inline-block;border:0;border-radius:7px;padding:13px 19px;background:#002c42;color:white;cursor:pointer;font:600 16px 'Segoe UI';text-decoration:none;margin:5px 6px 5px 0}button:disabled{opacity:.4;cursor:not-allowed}a{color:#a33a00}.orange{background:#d84700}.cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}.panel,article{background:white;border:1px solid #d7e0e8;border-radius:12px;padding:28px;margin:20px 0}.course-card{display:grid;grid-template-rows:4em 3.6em 2.2em auto 3.5em;row-gap:10px;align-content:start}.course-card h2,.course-card p{margin:0}.course-card h2{line-height:1.3}.course-card progress{align-self:center}.course-actions{display:flex;align-items:center;gap:6px}.muted,small{color:#596b7b}label{display:block;margin:20px 0 8px}input:not([type=radio]){display:block;width:100%;padding:13px;border:1px solid #aabac8;border-radius:6px;font:inherit}input[type=radio]{margin-right:12px}progress{width:100%;height:18px;accent-color:#ff5a0b}.steps{display:flex;flex-wrap:wrap;margin:20px 0}.steps button{font-size:14px}.active{background:#d84700}iframe{width:100%;height:700px;border:1px solid #ccd5df}.option{padding:13px;background:#f4f7fa;border:1px solid #d7e0e8;border-radius:6px;cursor:pointer}.score{font-size:42px;color:#d84700;font-weight:bold}.notice{border-left:4px solid #ff5a0b;padding:12px 20px;background:#fff1e9}footer{margin:40px 0} @media(max-width:700px){.cards{grid-template-columns:1fr}.course-card{grid-template-rows:auto;row-gap:16px}.course-card h2,.course-summary,.course-status,.course-card progress{margin-bottom:0}header span{display:none}h1{font-size:30px}}