*{margin:0;padding:0;box-sizing:border-box;}body{background:#fef9e7;font-family:'Segoe UI','PingFang SC',Roboto,system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;}.double-border-wrapper{max-width:1300px;width:100%;background:#ffffffdd;border:6px solid #f9d9b1;outline:4px solid #b7d7e8;outline-offset:-10px;border-radius:48px 48px 32px 32px;padding:28px 30px 20px 30px;backdrop-filter:blur(2px);box-shadow:0 20px 40px rgba(0,20,30,0.1);transition:all 0.2s;background:#fffcf5;}.course-card{background:transparent;border-radius:28px;padding:10px 5px 5px 5px;}.header-title{display:flex;align-items:baseline;justify-content:space-between;border-bottom:3px dashed #f3cba5;padding-bottom:12px;margin-bottom:25px;flex-wrap:wrap;}.header-title h1{font-size:2.4rem;font-weight:700;color:#2c5f7a;letter-spacing:1px;background:linear-gradient(145deg,#1f4e6a,#3b7a9b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 0 #f0e3d0;}.header-title .sub{font-size:1.1rem;background:#faeedc;padding:8px 18px;border-radius:60px;color:#2f5570;font-weight:600;border:2px solid #dbbd9c;box-shadow:inset 0 1px 4px white;}.topic-description{background:#e7f2fa;padding:18px 25px;border-radius:60px 20px 60px 20px;margin-bottom:30px;border:2px solid #b3d0e3;color:#1d3f55;font-size:1.1rem;font-weight:500;box-shadow:0 6px 0 #c7dbe9;}.topic-description strong{color:#b4533a;font-weight:700;}.table-wrap{overflow-x:auto;margin:25px 0 30px 0;border-radius:30px;background:#fcf7ef;border:2px solid #e7cfb2;padding:6px;}table{width:100%;border-collapse:collapse;background:#fefcf9;border-radius:24px;font-size:0.95rem;}th{background:#b7d7e8;color:#1f3f52;font-weight:700;padding:16px 12px;border-bottom:4px solid #8bb9d1;text-align:center;}td{padding:14px 12px;border-bottom:1px solid #e6d9c8;vertical-align:middle;}tr:last-child td{border-bottom:none;}.highlight-bg{background:#fcf2e6;}.code-badge{background:#2d5a77;color:white;border-radius:30px;padding:2px 14px;font-family:'JetBrains Mono','Cascadia Code',monospace;font-size:0.8rem;display:inline-block;}.feature-list{display:flex;flex-wrap:wrap;gap:20px 30px;background:#f5ede1;padding:20px 25px;border-radius:40px 12px 40px 12px;border:2px solid #dcc7ae;margin:20px 0;}.feature-list li{list-style-type:"🧩 ";font-weight:500;color:#2b4b5e;margin-left:20px;line-height:1.7;}.svg-container{background:#fcf6ed;border-radius:48px;padding:20px 10px 15px 10px;margin:30px 0 20px 0;border:3px solid #e3cfb6;box-shadow:inset 0 0 0 2px #f9efe3;}.svg-container svg{display:block;width:100%;height:auto;max-height:320px;}pre{background:#1e2f3c;color:#e4f0e6;padding:20px 25px;border-radius:30px 10px 30px 10px;font-size:0.9rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:2px solid #b7c9d6;box-shadow:0 6px 0 #3d5a6c;margin:20px 0;font-family:'JetBrains Mono','Fira Code',monospace;}pre span.comment{color:#9bb7c7;}pre span.keyword{color:#f7d68c;}pre span.func{color:#b3e0b3;}.footer-note{margin-top:40px;padding:18px 0 8px 0;border-top:4px double #dbbd9c;text-align:center;font-size:1.2rem;font-weight:600;color:#3f6a7a;letter-spacing:2px;background:#fcf3e7;border-radius:0 0 30px 30px;}@media (max-width:700px){.double-border-wrapper{padding:15px;}.header-title h1{font-size:1.8rem;}}