body { margin:0; font-family:Arial,sans-serif; background:#f7f6f2; color:#1f2937; line-height:1.6; }
.page { width:min(1000px,92%); margin:0 auto; padding:20px 0 40px; }
.topbar { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding:12px 0 20px; }
.topbar a { text-decoration:none; color:#0f766e; font-weight:700; margin-right:10px; }
.content { background:#fff; padding:28px; border-radius:16px; border:1px solid #d1d5db; box-shadow:0 8px 22px rgba(0,0,0,.05); }
.card pre { background:#f3f4f6; padding:12px; overflow:auto; border-radius:10px; }
.full-image { width:100%; max-width:800px; height:auto; border-radius:12px; margin-top:14px; }
@media (max-width:700px){ .topbar{ flex-direction:column; align-items:flex-start; } }