/* 3.0 Maktaba: pete ya nembo, orodha, msomaji (mtindo wa SomaActivity) */
.nembo { position: relative; flex: none; width: 44px; height: 44px; margin-right: 6px; border-radius: 50%; }
.kichwa button.nembo { width: 44px; height: 44px; }
.nembo img { position: absolute; left: 5px; top: 5px; width: 34px; height: 34px; object-fit: contain; background: #fff; border-radius: 50%; }
.nembo svg { position: absolute; left: 0; top: 0; width: 44px; height: 44px; transform: rotate(-90deg); }
.nembo circle { fill: none; stroke-width: 3; }
.nembo .njia { stroke: rgba(255, 255, 255, .25); }
.nembo .jaa { stroke: #fff; stroke-linecap: round; transition: stroke-dashoffset .4s; }
.nembo .tiki { position: absolute; right: -1px; bottom: -1px; width: 16px; height: 16px; font-size: 11px; line-height: 16px; text-align: center; font-weight: 700; color: var(--kijani); background: #fff; border-radius: 50%; }
.maktabaHali { margin: 0 4px 8px; padding: 8px 10px; font-size: 14px; color: var(--kijivu); background: #fff; border-radius: 8px; }
.safuMakala { display: block; width: calc(100% - 8px); margin: 4px 4px 0; padding: 13px 14px; text-align: left; color: var(--maandishi); background: #fff; border-radius: 8px; }
.safuMakala.giza { color: #fff; background: var(--safu); border-radius: 10px; }
.safuMakala.kundi { font-weight: 700; }
.maktabaZaidi { width: calc(100% - 8px); margin: 10px 4px; }
.kichwa button#aKubwa, .kichwa button#aDogo { font-size: 16px; font-weight: 700; color: #fff; }
.makala { max-width: 720px; margin: 0 auto; padding: 14px 16px 40px; font-size: 16px; line-height: 1.55; color: #1f2933; background: #fff; overflow-wrap: anywhere; min-height: 80vh; }
.makala h1 { margin: 4px 0 12px; font-size: 1.38em; color: #00574b; }
.makala h2 { font-size: 1.19em; color: var(--kijani); }
.makala h3, .makala h4 { font-size: 1.06em; color: var(--safu); }
.makala img { max-width: 100%; height: auto; }
.makala img.kuu { display: block; width: 100%; max-height: 240px; margin-bottom: 8px; object-fit: cover; }
.makala a { color: var(--kijani); }
.makala blockquote { margin: 8px 0; padding: 4px 12px; background: #f2f7f6; border-left: 4px solid var(--kijani); }
.jedwali { margin: 10px 0; overflow-x: auto; }
.makala table { min-width: 100%; border-collapse: collapse; }
.makala td, .makala th { padding: 6px 8px; font-size: .88em; vertical-align: top; border: 1px solid #b9c7cf; overflow-wrap: normal; }
.makala td p { margin: 0; }
.makala tr:first-child td { background: #e6f2f0; }
.muhtasari { margin: 0 0 14px; padding: 8px 10px; color: var(--safu); background: var(--bg); border-radius: 6px; }
.muhtasari b { color: #00574b; }
.muhtasari p { margin: 2px 0 0; }