.demo-main{padding-bottom:30px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:45px 0 25px}.demo-heading h1{font-size:48px;margin:16px 0}.demo-heading h1 em{color:#245988}.demo-heading p{color:var(--muted);line-height:1.7}.demo-notice{background:#eef5fd;border-left:4px solid #4B92DB;padding:18px 22px;border-radius:6px;font-size:13px;line-height:1.7}.demo-notice p{margin:6px 0 0;color:#46586a}.demo-switch{display:flex;gap:8px;margin:28px 0 15px;padding:6px;background:#edf2f8;border-radius:12px;width:fit-content}.demo-switch button{padding:14px 22px;background:transparent;border-radius:8px;font-weight:700;color:#46586a}.demo-switch button[aria-pressed=true]{background:#101010;color:#fff}.demo-tip{color:#46586a;font-size:14px;line-height:1.7;margin-bottom:24px}.demo-panel{border:1px solid #d0dce9;border-radius:16px;background:white;padding:26px;margin:20px 0}.demo-panel h2{margin-top:0}.demo-panel p{line-height:1.7}.demo-identity{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-badge{display:inline-block;padding:7px 12px;border-radius:20px;background:#edf5fe;color:#245988;font-size:12px;font-weight:700}.demo-book{display:grid;grid-template-columns:130px 1fr;gap:28px;align-items:center}.demo-cover{background:#101010;color:#fff;border-left:8px solid #4B92DB;border-radius:3px 10px 10px 3px;min-height:170px;display:flex;flex-direction:column;justify-content:center;padding:18px;font-family:Georgia,serif;font-size:23px;box-shadow:6px 8px 0 #dceafa}.demo-cover small{font-family:'DM Sans',sans-serif;font-size:8px;color:#93c4f5;letter-spacing:1px;margin-top:16px}.demo-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}.demo-actions .primary{background:#245988}.demo-facts{display:flex;gap:20px;flex-wrap:wrap;color:#46586a;font-size:13px}.demo-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.demo-summary>div{background:#f2f7fd;border-radius:12px;padding:22px}.demo-summary strong{display:block;font-size:32px;color:#245988}.demo-summary span{font-size:12px;color:#46586a}.demo-track{height:8px;background:#e0eaf5;border-radius:9px;overflow:hidden;margin:14px 0}.demo-track>div{height:100%;background:#4B92DB}.demo-quiz fieldset{border:1px solid #d0dce9;border-radius:12px;margin:22px 0;padding:18px}.demo-quiz legend{font-weight:700;padding:0 6px;font-size:15px;line-height:1.6;max-width:100%}.demo-quiz label{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:8px;margin:6px 0;background:#f7faff;line-height:1.6;font-size:14px}.demo-quiz input{flex-shrink:0;margin-top:4px}.demo-quiz details{font-size:13px;color:#46586a;padding:12px 4px}.demo-quiz summary{cursor:pointer;color:#245988}.demo-table{width:100%;border-collapse:collapse;font-size:13px}.demo-table th,.demo-table td{padding:14px 12px;border-bottom:1px solid #e1e8f1;text-align:left;line-height:1.6}.demo-table th{color:#46586a}.demo-panel .notice{line-height:1.7}.demo-result{background:#f0f7ff;border:1px solid #c3d8f0;padding:24px;border-radius:12px}.demo-result h3{font-size:24px;margin:0 0 10px}.demo-review{border-top:1px solid #e1e8f1;padding:15px 0;font-size:14px}.demo-status{color:#245988;font-size:14px;line-height:1.7;min-height:24px}.demo-ready{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#101010;color:#fff;padding:30px;border-radius:16px;margin:35px 0}.demo-ready h2{margin:0 0 12px}.demo-ready p{font-size:13px;line-height:1.7;margin:0;color:#d0deed}.demo-ready>a{white-space:nowrap;background:#4B92DB;color:#101010}.demo-main a{color:#245988}.demo-ready a{color:#101010}header nav a{font-size:13px;color:#245988;text-decoration:none}.demo-review p{margin:5px 0}@media(max-width:720px){header{flex-wrap:wrap;gap:20px}header nav{flex-wrap:wrap;margin:0}.demo-heading{align-items:flex-start;flex-direction:column;padding-top:28px}.demo-heading h1{font-size:36px;letter-spacing:-1.5px}.demo-book{grid-template-columns:1fr}.demo-cover{max-width:150px}.demo-identity,.demo-ready{align-items:flex-start;flex-direction:column}.demo-summary{gap:8px}.demo-summary>div{padding:15px 10px}.demo-summary strong{font-size:25px}.demo-panel{padding:20px}.demo-switch{width:100%}.demo-switch button{flex:1;padding:12px 10px;font-size:13px}.demo-main{padding-left:20px;padding-right:20px}.demo-ready>a{white-space:normal}footer{margin:0 20px;gap:16px;flex-wrap:wrap}}