*{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:2rem 1rem;}.double-border-wrapper{max-width:1200px;width:100%;background:#ffffffdd;border:4px solid #f9d9b1;border-radius:48px 48px 32px 32px;padding:12px;box-shadow:0 20px 40px rgba(245,180,100,0.15);backdrop-filter:blur(2px);}.inner-card{background:#fffcf5;border:3px solid #b7d7e8;border-radius:40px 40px 24px 24px;padding:2.5rem 2.8rem;box-shadow:inset 0 0 0 2px #faeedb,0 8px 18px rgba(160,120,70,0.08);}.header{margin-bottom:2.2rem;border-bottom:3px dashed #f3cd9b;padding-bottom:1.2rem;}.header h1{font-size:2.6rem;font-weight:700;color:#3f5a7a;letter-spacing:-0.01em;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.header h1 small{font-size:1.2rem;font-weight:400;color:#b48b6a;background:#f7e9da;padding:0.2rem 1rem;border-radius:40px;margin-left:0.5rem;}.subhead{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:0.5rem;color:#6f7f8f;font-weight:500;}.subhead span{background:#e7f0f7;padding:0.2rem 1.2rem;border-radius:30px;font-size:0.9rem;color:#2f5575;}.section{margin:2.8rem 0 2.2rem 0;}.section-title{font-size:1.8rem;font-weight:600;color:#3f6a5c;border-left:12px solid #f7c59f;padding-left:1.2rem;margin-bottom:1.6rem;display:flex;align-items:center;gap:10px;}.section-title span{background:#d9e9d6;font-size:1rem;padding:0.1rem 1rem;border-radius:30px;color:#2b5a4a;}.card-grid{display:flex;flex-wrap:wrap;gap:1.8rem;margin:1.8rem 0;}.card-item{background:#fcf9f2;border-radius:32px;padding:1.6rem 1.8rem;flex:1 1 260px;border:2px solid #e7dac6;box-shadow:0 4px 8px #e2d3be55;transition:all 0.1s ease;}.card-item:hover{border-color:#c7b294;background:#fffcf3;}.card-item h3{font-size:1.4rem;color:#3f5a4a;margin-bottom:0.8rem;display:flex;align-items:center;gap:8px;}.badge{background:#f3d9c2;border-radius:30px;padding:0.1rem 0.9rem;font-size:0.75rem;font-weight:600;color:#5f3f2a;letter-spacing:0.3px;}.code-block{background:#f3efe8;border-radius:24px;padding:1.2rem 1.5rem;border:2px solid #dccfc0;margin:1.2rem 0;overflow-x:auto;}pre{font-family:'JetBrains Mono','Fira Code','Cascadia Code',monospace;font-size:0.9rem;line-height:1.6;color:#2d3c3a;white-space:pre-wrap;word-break:break-word;}.inline-code{background:#eae3d8;padding:0.2rem 0.6rem;border-radius:20px;font-family:monospace;font-size:0.9rem;color:#2b4f3e;}table{width:100%;border-collapse:separate;border-spacing:0 8px;margin:1.8rem 0;}th{text-align:left;background:#daeedf;padding:0.9rem 1.2rem;border-radius:30px 30px 12px 12px;color:#1f4a3a;font-weight:600;font-size:1rem;}td{background:#f7f3ea;padding:0.9rem 1.2rem;border-radius:16px;color:#2f3f3a;border:1px solid #e7dccb;}.svg-container{display:flex;justify-content:center;margin:2.2rem 0;background:#faf5eb;border-radius:48px;padding:1.8rem 0.5rem;border:2px solid #e2d3be;}.footer-note{margin-top:3rem;text-align:center;font-size:1.1rem;font-weight:500;color:#6f7f6a;border-top:3px solid #eddcc9;padding-top:1.8rem;letter-spacing:2px;}.footer-note strong{background:#f5e3d1;padding:0.2rem 2rem;border-radius:40px;font-weight:600;color:#3f5a3a;}@media (max-width:680px){.inner-card{padding:1.5rem 1.2rem;}.header h1{font-size:2rem;}}