Spaces:
Running
Running
| /* Shared course overview and certificate interface. */ | |
| *{box-sizing:border-box} | |
| [hidden]{display:none} | |
| html{color-scheme:light} | |
| body{margin:0;background:#eee9df;color:#182f46;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} | |
| main{width:100%;min-width:0;max-width:1090px;margin:0 auto;padding:20px} | |
| .status{max-width:620px;margin:40px auto;padding:12px 14px;border:1px solid #cbb58a;border-radius:9px;background:#fffaf1;color:#182f46;font-size:14px} | |
| .status.error{background:#3d252b;border-color:#87515d;color:#ffdade} | |
| .canvas{width:100%;margin:0;padding:0;overflow:hidden} | |
| @media(max-width:750px){main{padding:8px}} | |
| /* Public course overview. Scoped so certificate layouts remain unchanged. */ | |
| body.home-view{background:#f5f4ef;color:#172e40;display:block;min-height:100vh} | |
| body.home-view main{max-width:960px;margin:0 auto;padding:48px 36px 32px} | |
| .homepage a,.certificate-tools a,.certificate-help a{color:inherit;text-underline-offset:4px} | |
| .home-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid #d9d9d0} | |
| .university{font-size:15px;font-weight:650;margin:0;letter-spacing:.02em} | |
| .course-number{font-size:12px;color:#5b6971;white-space:nowrap} | |
| .home-intro{padding:54px 0 40px} | |
| .home-eyebrow{font-size:11px;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:#806027;margin:0 0 20px} | |
| .homepage h1{font:500 clamp(38px,6vw,62px)/1.07 Georgia,serif;letter-spacing:-.035em;margin:0 0 24px} | |
| .home-summary{color:#53636e;font-size:15px;margin:0;max-width:480px} | |
| .homepage h2{font:650 15px/1.4 system-ui,sans-serif;letter-spacing:0;margin:0 0 16px} | |
| .home-terms{padding:26px 0 32px;border-top:1px solid #d9d9d0} | |
| .terms-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px} | |
| .terms-table th,.terms-table td{padding:14px 0;border-bottom:1px solid #e2e2da} | |
| .terms-table thead th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#69757b;font-weight:550;padding-top:0} | |
| .terms-table tbody th{font-weight:450} | |
| .terms-table th:last-child,.terms-table td:last-child{text-align:right} | |
| .term-status{display:inline-block;font-size:12px;line-height:1.4;padding:4px 11px;border-radius:4px} | |
| .term-status.completed{background:#e7ece7;color:#3c5947} | |
| .term-status.ongoing{background:#f0e6ce;color:#72581c} | |
| .term-status.unspecified{color:#6d777b} | |
| .home-guidance{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:4px 0 32px} | |
| .home-guidance h2{margin-bottom:8px} | |
| .home-guidance p{font-size:13px;line-height:1.7;color:#53636e;margin:0} | |
| .home-footer{border-top:1px solid #d9d9d0;padding:20px 0;display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:11px;color:#66747b} | |
| .home-footer p{margin:0} | |
| .home-footer a{white-space:nowrap} | |
| .certificate-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;font-size:13px} | |
| .certificate-tools button{padding:9px 14px;border:1px solid #ac956e;border-radius:5px;background:#fffaf1;color:#182f46;font:inherit;cursor:pointer} | |
| .certificate-help{max-width:620px;margin:0 auto;font-size:13px} | |
| a:focus-visible,button:focus-visible{outline:3px solid #ac853f;outline-offset:4px} | |
| @media(max-width:600px){body.home-view main{padding:28px 22px}.home-intro{padding:40px 0 32px}.home-guidance{grid-template-columns:1fr;gap:24px}.home-footer{flex-direction:column;gap:10px}.home-header{gap:10px}.university{font-size:14px}} | |
| @media print{.certificate-tools,.certificate-help,.homepage{display:none}} | |