body {margin: 0; font-family: system-ui, sans-serif; background: #f5f7fb; color: #222;}
    .wrapper {max-width: 1100px; margin: auto; padding: 20px 16px;}
    .card {background: #fff; padding: 28px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.07);}
    h1 {color: #1b6cb5; font-size: 2rem;}
    h2 {color: #1b6cb5; margin-top: 30px;}
    h3 {margin-top: 20px;}
    p {line-height: 1.6;}
    .tag {display: inline-block; background:#e6f1fb; color:#1b6cb5; padding:6px 12px; border-radius:20px; font-size:.8rem; font-weight:600;}
    img {width:100%; height:auto; display:block;}
    figure {margin:0; border:1px solid #e5e5e5; border-radius:14px; overflow:hidden;}
    figcaption {padding:10px; background:#f8f9fd; font-size:.85rem; color:#555;}
    .cta {margin-top:40px; text-align:center; background: linear-gradient(135deg, #1b6cb5, #0dbf9b); padding:26px; border-radius:20px; color:#fff;}
    .cta .btn {background:#fff; color:#1b6cb5; padding:12px 24px; border-radius:40px; font-weight:700; text-decoration:none; display:inline-block; margin-top:10px;}
    .grid2 {display:grid; grid-template-columns:1fr; gap:20px;}
    @media(min-width:900px){.grid2{grid-template-columns:1fr 1fr;}}
    details {margin: 10px 0; padding:12px; border-radius:10px; border:1px solid #ddd; background:#fff;}
    summary {cursor:pointer; font-weight:600;}