/* TypingTutor.Online Certificates v17.5.0 */
:root { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
body { margin:0; color:var(--text,#142038); background:var(--background,#f5f8fc); font-family:Inter,Arial,sans-serif; }
.certificate-shell { width:min(1380px,calc(100% - 34px)); margin:0 auto; padding:24px 0 70px; }
.certificate-breadcrumbs { margin:0 0 18px; color:#60728e; font-size:14px; }
.certificate-breadcrumbs a { color:#1769ff; text-decoration:none; }
.certificate-hero,.certificate-section,.eligibility-card,.certificate-output,.certificate-faq,.certificate-path-card,.issued-certificate-card,.verification-search,.verification-result { background:var(--surface,#fff); border:1px solid var(--border,#dbe4f0); border-radius:22px; box-shadow:0 8px 30px rgba(15,23,42,.06); }
.certificate-hero { padding:clamp(28px,5vw,64px); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:center; }
.certificate-eyebrow { color:#1769ff; font-weight:800; text-transform:uppercase; letter-spacing:.09em; font-size:13px; }
.certificate-hero h1 { margin:10px 0 14px; font-family:Poppins,Inter,sans-serif; font-size:clamp(34px,4vw,62px); line-height:1.07; }
.certificate-hero p { max-width:850px; margin:0; color:#526681; font-size:clamp(16px,1.5vw,20px); line-height:1.7; }
.certificate-hero-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
.certificate-primary-link,.certificate-secondary-link,.certificate-action-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 17px; border-radius:11px; font-weight:800; text-decoration:none; cursor:pointer; }
.certificate-primary-link,.certificate-action-button.primary { color:#fff; background:#1769ff; border:1px solid #1769ff; }
.certificate-secondary-link,.certificate-action-button { color:#1769ff; background:#eff5ff; border:1px solid #c8daf7; }
.certificate-summary { display:grid; grid-template-columns:repeat(2,minmax(130px,1fr)); gap:12px; min-width:300px; }
.certificate-summary article { padding:18px; background:#f0f6ff; border:1px solid #d4e3fb; border-radius:16px; text-align:center; }
.certificate-summary span { display:block; color:#62758f; font-size:12px; font-weight:800; text-transform:uppercase; }
.certificate-summary strong { display:block; margin-top:7px; color:#1769ff; font-size:30px; }
.certificate-section { margin-top:22px; padding:clamp(22px,3vw,38px); }
.section-heading { display:flex; justify-content:space-between; gap:20px; align-items:end; margin-bottom:22px; }
.section-heading h2 { margin:0; font-family:Poppins,Inter,sans-serif; font-size:clamp(25px,3vw,38px); }
.section-heading p { margin:6px 0 0; color:#62758f; }
.certificate-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.certificate-path-card { padding:24px; box-shadow:none; position:relative; display:flex; flex-direction:column; }
.certificate-path-earned { border-color:#7fd4a7; background:linear-gradient(180deg,#f7fffa,#fff); }
.certificate-card-icon { width:54px; height:54px; display:grid; place-items:center; background:#edf4ff; border-radius:15px; font-size:28px; }
.certificate-card-heading { display:flex; justify-content:space-between; align-items:start; gap:12px; margin-top:16px; }
.certificate-card-heading h2 { margin:0; font-size:21px; }
.certificate-path-card p { color:#5b6f89; line-height:1.6; }
.certificate-path-card ul { padding-left:19px; color:#50647f; line-height:1.55; flex:1; }
.certificate-path-card .certificate-primary-link { margin-top:14px; }
.certificate-status { flex:0 0 auto; padding:5px 8px; border-radius:999px; font-size:11px; font-weight:800; }
.certificate-status-earned { color:#08783e; background:#dcf8e8; }
.certificate-status-locked { color:#7a5b08; background:#fff3c4; }
.certificate-progress-label { color:#1769ff; font-size:14px; }
.certificate-info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.certificate-info-grid article { padding:22px; background:#f2f6fb; border-radius:16px; }
.certificate-info-grid h3 { margin:0 0 9px; }
.certificate-info-grid p,.certificate-info-grid li { color:#536883; line-height:1.65; }
.eligibility-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); gap:20px; margin-top:22px; }
.eligibility-card { padding:28px; }
.eligibility-title { margin:0 0 10px; color:#a63b31; }
.eligibility-title.is-earned { color:#087a43; }
.eligibility-detail { color:#536883; line-height:1.65; }
.certificate-form { padding:24px; background:#f4f8ff; border:1px solid #d4e3fb; border-radius:17px; }
.certificate-form label { display:block; margin-top:14px; color:#344963; font-weight:750; }
.certificate-form input[type="text"] { width:100%; min-height:46px; margin-top:7px; padding:10px 12px; border:1px solid #bfcde0; border-radius:10px; background:var(--surface,#fff); color:var(--text,#142038); }
.certificate-form-check { display:flex!important; gap:10px; align-items:start; font-weight:600!important; line-height:1.5; }
.certificate-form-check input { margin-top:4px; }
.certificate-form button { width:100%; margin-top:18px; }
.certificate-message { color:#1769ff; font-weight:700; line-height:1.55; }
.certificate-output { margin-top:22px; padding:24px; }
.certificate-preview-card { overflow:auto; padding:15px; background:#dce7f7; border-radius:16px; }
.certificate-preview-canvas { display:block; width:100%; height:auto; background:#fff; box-shadow:0 14px 40px rgba(15,23,42,.18); }
.certificate-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.issued-certificate-list { display:grid; gap:14px; }
.issued-certificate-card { padding:21px; display:flex; justify-content:space-between; gap:20px; align-items:center; box-shadow:none; }
.issued-certificate-card span { color:#1769ff; font-weight:800; }
.issued-certificate-card h2 { margin:5px 0; }
.issued-certificate-card p { margin:5px 0 10px; color:#5a6e88; }
.issued-certificate-actions { display:flex; flex-direction:column; gap:8px; }
.issued-certificate-actions a,.issued-certificate-actions button { min-height:40px; padding:8px 12px; border-radius:9px; border:1px solid #c8daf7; color:#1769ff; background:#eff5ff; text-decoration:none; font-weight:750; cursor:pointer; }
.verification-search { padding:24px; display:flex; gap:10px; }
.verification-search input { flex:1; min-height:46px; padding:10px 12px; border:1px solid #bdcce0; border-radius:10px; }
.verification-result { margin-top:20px; padding:28px; }
.verification-valid > span { color:#087a43; font-weight:800; }
.verification-valid dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.verification-valid dl div { padding:14px; background:#f1f6fc; border-radius:12px; }
.verification-valid dt { color:#6a7d95; font-size:12px; text-transform:uppercase; font-weight:800; }
.verification-valid dd { margin:6px 0 0; font-weight:800; overflow-wrap:anywhere; }
.verification-invalid h2 { color:#a63b31; }
.certificate-faq { margin-top:22px; padding:28px; }
.certificate-faq details { padding:15px 0; border-bottom:1px solid #dbe4f0; }
.certificate-faq summary { font-weight:800; cursor:pointer; }
.certificate-faq p { color:#536883; line-height:1.65; }
.certificate-footer { padding:28px; text-align:center; color:#65768f; }
html[data-theme="dark"] body { background:#091321; color:#e5edf8; }
html[data-theme="dark"] .certificate-hero,html[data-theme="dark"] .certificate-section,html[data-theme="dark"] .eligibility-card,html[data-theme="dark"] .certificate-output,html[data-theme="dark"] .certificate-faq,html[data-theme="dark"] .certificate-path-card,html[data-theme="dark"] .issued-certificate-card,html[data-theme="dark"] .verification-search,html[data-theme="dark"] .verification-result { background:#101b2e; border-color:#40516a; }
html[data-theme="dark"] .certificate-hero p,html[data-theme="dark"] .certificate-path-card p,html[data-theme="dark"] .certificate-path-card li,html[data-theme="dark"] .certificate-info-grid p,html[data-theme="dark"] .certificate-info-grid li,html[data-theme="dark"] .eligibility-detail,html[data-theme="dark"] .certificate-faq p { color:#bac8da; }
html[data-theme="dark"] .certificate-summary article,html[data-theme="dark"] .certificate-info-grid article,html[data-theme="dark"] .certificate-form,html[data-theme="dark"] .verification-valid dl div { background:#16243a; border-color:#40516a; }
html[data-theme="dark"] .certificate-path-earned { background:linear-gradient(180deg,#102b24,#101b2e); }
@media (max-width:1050px) { .certificate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .certificate-hero { grid-template-columns:1fr; } .certificate-summary { max-width:500px; } }
@media (max-width:760px) { .certificate-shell { width:min(100% - 20px,1380px); padding-top:14px; } .certificate-grid,.certificate-info-grid,.verification-valid dl { grid-template-columns:1fr; } .eligibility-layout { grid-template-columns:1fr; } .issued-certificate-card { align-items:stretch; flex-direction:column; } .verification-search { flex-direction:column; } }
@media print { .test-site-header,.certificate-breadcrumbs,.certificate-actions,.certificate-footer,.certificate-hero,.eligibility-layout,.certificate-section,.certificate-faq { display:none!important; } .certificate-shell,.certificate-output { width:100%; margin:0; padding:0; border:0; box-shadow:none; } .certificate-preview-card { padding:0; background:#fff; } @page { size:A4 landscape; margin:0; } }

.test-nav-more.mode-more-active > summary { color:#1769ff; background:#eef4ff; border-color:#dbe8fa; }
html[data-theme="dark"] .test-nav-more.mode-more-active > summary { color:#fff; background:#1b3150; border-color:#40516a; }
@media (prefers-color-scheme:dark) {
 html[data-theme="system"] body { background:#091321; color:#e5edf8; }
 html[data-theme="system"] .certificate-hero,html[data-theme="system"] .certificate-section,html[data-theme="system"] .eligibility-card,html[data-theme="system"] .certificate-output,html[data-theme="system"] .certificate-faq,html[data-theme="system"] .certificate-path-card,html[data-theme="system"] .issued-certificate-card,html[data-theme="system"] .verification-search,html[data-theme="system"] .verification-result { background:#101b2e; border-color:#40516a; }
 html[data-theme="system"] .certificate-hero p,html[data-theme="system"] .certificate-path-card p,html[data-theme="system"] .certificate-path-card li,html[data-theme="system"] .certificate-info-grid p,html[data-theme="system"] .certificate-info-grid li,html[data-theme="system"] .eligibility-detail,html[data-theme="system"] .certificate-faq p { color:#bac8da; }
 html[data-theme="system"] .certificate-summary article,html[data-theme="system"] .certificate-info-grid article,html[data-theme="system"] .certificate-form,html[data-theme="system"] .verification-valid dl div { background:#16243a; border-color:#40516a; }
 html[data-theme="system"] .certificate-path-earned { background:linear-gradient(180deg,#102b24,#101b2e); }
 html[data-theme="system"] .test-nav-more.mode-more-active > summary { color:#fff; background:#1b3150; border-color:#40516a; }
}