.reading-progress-bar.svelte-1friq0m{position:fixed;top:0;left:0;width:100%;height:4px;background:#007bff33;z-index:10000;transition:opacity .3s}.reading-progress.svelte-1friq0m{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .2s ease-out;box-shadow:0 0 10px #007bff80}.quick-answer-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;border-radius:12px;margin:24px 0;border-left:5px solid #fff;box-shadow:0 4px 12px #667eea4d}.quick-answer-box strong{font-size:1.1rem;display:block;margin-bottom:8px}.note-box{background:#e7f3ff;border-left:4px solid #2196F3;padding:16px 20px;margin:20px 0;border-radius:8px}.note-box strong{color:#1976d2;font-weight:600}.warning-box{background:#fff3cd;border-left:4px solid #ff9800;padding:16px 20px;margin:20px 0;border-radius:8px}.warning-box strong{color:#f57c00;font-weight:600}.cta-link{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s;margin:8px 0}.cta-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;color:#fff!important}article table{width:100%;border-collapse:collapse;margin:24px 0;box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden}article thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}article th{padding:14px 16px;text-align:left;font-weight:600}article td{padding:12px 16px;border-bottom:1px solid #e0e0e0}article tbody tr:nth-child(2n){background-color:#f8f9fa}article tbody tr:hover{background-color:#e7f3ff}article code{background:#f4f4f4;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#d73a49}article ul,article ol{margin:16px 0;padding-left:24px;line-height:1.8}article li{margin:8px 0}article h2{margin-top:32px;margin-bottom:16px;color:#1a1a1a;font-weight:700;font-size:1.8rem}article h3{margin-top:24px;margin-bottom:12px;color:#333;font-weight:600;font-size:1.4rem}article h4{margin-top:20px;margin-bottom:10px;color:#444;font-weight:600;font-size:1.2rem}article p{margin:16px 0;line-height:1.8;color:#333}article a{color:#667eea;text-decoration:underline;transition:color .2s}article a:hover{color:#764ba2}@media (max-width: 768px){.reading-progress-bar.svelte-1friq0m{height:3px}.quick-answer-box,.note-box,.warning-box{padding:16px;margin:16px 0}article h2{font-size:1.5rem}article h3{font-size:1.2rem}article table{font-size:.9rem}}