.professional-explanation{margin:24px 0 30px;padding:26px;border:1px solid #d9e3ee;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fafc);box-shadow:0 10px 30px rgba(23,59,99,.06)}
.professional-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8f1f8;color:#173b63;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.professional-explanation h3{margin:12px 0 8px;color:#173b63;font-size:1.45rem}.professional-explanation p{line-height:1.75;color:#34495e}.professional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.professional-grid article{padding:18px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.professional-grid h4{margin:0 0 8px;color:#173b63}.professional-code{margin:18px 0}.professional-code>span{display:block;margin-bottom:8px;font-weight:800;color:#173b63}.professional-code pre{margin:0;padding:18px;overflow:auto;border-radius:12px;background:#111827;color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:.92rem;line-height:1.6}.professional-result,.professional-tip{margin-top:16px;padding:16px 18px;border-radius:12px;background:#f1f7fb;border-left:4px solid #173b63}.professional-result strong,.professional-tip strong{color:#173b63}.professional-check{margin-top:18px;padding:18px;border-radius:12px;background:#fff;border:1px dashed #b8c7d8}.professional-check strong{color:#173b63}.professional-check ol{margin:10px 0 0;padding-left:22px;line-height:1.8}@media(max-width:720px){.professional-explanation{padding:18px;border-radius:14px}.professional-grid{grid-template-columns:1fr}.professional-code pre{font-size:.82rem}}