*{margin:0;padding:0;box-sizing:border-box;}body{background:#fef9e7;font-family:'Segoe UI','Roboto',system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;}.double-border-card{max-width:1200px;width:100%;background:#ffffffdd;backdrop-filter:blur(2px);border:4px solid #f7b731;outline:4px solid #f1c40f;outline-offset:2px;border-radius:48px 16px 48px 16px;box-shadow:0 20px 40px rgba(241,196,15,0.25),0 8px 16px rgba(0,0,0,0.05);padding:2rem 2.5rem;transition:all 0.2s ease;background:#fffcf0;}.header-title{display:flex;align-items:center;gap:12px;margin-bottom:1.8rem;border-bottom:3px dashed #f39c12;padding-bottom:0.75rem;}.header-title h1{font-size:2.4rem;font-weight:700;color:#2c3e50;letter-spacing:-0.5px;background:linear-gradient(145deg,#e67e22,#f1c40f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 0 rgba(243,156,18,0.1);}.header-title .badge{background:#f1c40f;color:#1e2a3a;font-weight:600;font-size:0.9rem;padding:0.2rem 1rem;border-radius:40px;border:2px solid #e67e22;background:#fdebd0;}.subhead{color:#5d4e37;font-size:1.1rem;margin-bottom:2rem;background:#fceabb;padding:0.6rem 1.4rem;border-radius:60px;display:inline-block;border:2px solid #f39c12;}.routing-table{width:100%;border-collapse:separate;border-spacing:0 8px;margin:1.8rem 0;}.routing-table th{background:#f7dc6f;color:#2c3e50;font-weight:700;padding:14px 12px;border-radius:30px 30px 12px 12px;border:2px solid #e67e22;font-size:1.05rem;}.routing-table td{background:#fef9e7;padding:14px 12px;border-radius:20px;border:2px solid #f5cba7;font-weight:500;color:#2c3e50;box-shadow:0 4px 0 #e8c292;}.routing-table tr:last-child td{border-bottom:2px solid #f5cba7;}.code-fragment{background:#2d3436;color:#f8f9fa;padding:0.2rem 0.6rem;border-radius:30px;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.9rem;border:1px solid #f1c40f;white-space:nowrap;}pre{background:#1e272e;color:#f1f2f6;padding:1.4rem 1.8rem;border-radius:32px 8px 32px 8px;border:3px solid #f39c12;box-shadow:inset 0 0 0 2px #f1c40f,0 8px 0 #b9770e;font-size:0.95rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-family:'JetBrains Mono','Fira Code',monospace;margin:1.5rem 0;}pre .comment{color:#7f8c8d;font-style:italic;}pre .keyword{color:#f1c40f;font-weight:600;}pre .string{color:#2ecc71;}pre .type{color:#74b9ff;}.svg-container{display:flex;justify-content:center;margin:2.2rem 0;background:#fcf3e0;padding:1.2rem;border-radius:48px 12px 48px 12px;border:3px solid #f5cba7;}svg{max-width:100%;height:auto;filter:drop-shadow(0 6px 6px rgba(0,0,0,0.08));}.best-list{background:#fdebd0;padding:1.6rem 2rem 1.6rem 3rem;border-radius:40px 12px 40px 12px;border:3px solid #e67e22;margin:1.8rem 0;list-style-type:"🌟 ";font-weight:500;}.best-list li{margin:0.6rem 0;padding-left:0.5rem;color:#2c3e50;}.best-list li strong{color:#d35400;}.note-box{background:#f9e79f;border-left:12px solid #e67e22;padding:1rem 1.8rem;border-radius:30px 8px 30px 8px;margin:1.5rem 0;border:2px solid #f1c40f;}footer{margin-top:3rem;text-align:center;font-size:1.2rem;font-weight:600;color:#5d4e37;border-top:4px double #f39c12;padding-top:1.5rem;letter-spacing:2px;background:#fceabb;border-radius:60px 60px 20px 20px;padding:0.8rem 1rem;}@media (max-width:680px){.double-border-card{padding:1.2rem;}.header-title h1{font-size:1.8rem;}pre{font-size:0.75rem;padding:1rem;}}
