/* Генерирано од tools/upatstvo.mjs — не менувај рачно. */
body { font-family: Inter, system-ui, sans-serif; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.pomos { max-width: 1200px; margin: 0 auto; padding: 1.5rem 1.25rem 4rem; display: grid; gap: 2rem; }
@media (min-width: 900px) { .pomos { grid-template-columns: 260px minmax(0, 1fr); } aside { position: sticky; top: 4.5rem; align-self: start; max-height: calc(100vh - 5rem); overflow: auto; } }
.poglavja summary { cursor: pointer; font-weight: 700; color: #191c1e; padding: .25rem 0; }
.poglavja ol { list-style: none; padding: 0; margin: .5rem 0 0; }
.poglavja a { display: block; padding: .4rem .6rem; border-radius: .5rem; color: #444651; font-size: .9rem; line-height: 1.35; }
.poglavja a:hover { background: #eef0f6; }
.poglavja a[aria-current] { background: #1e3a8a; color: #fff; font-weight: 600; }
.upatstvo { min-width: 0; color: #444651; line-height: 1.65; }
.upatstvo h1 { font-size: 1.875rem; font-weight: 700; color: #191c1e; letter-spacing: -.01em; margin: 0 0 1rem; }
.upatstvo h2 { font-size: 1.35rem; font-weight: 700; color: #191c1e; margin: 2.5rem 0 .75rem; padding-top: .5rem; border-top: 1px solid #e2e8f0; scroll-margin-top: 5rem; }
.upatstvo h3 { font-size: 1.1rem; font-weight: 700; color: #191c1e; margin: 1.75rem 0 .5rem; scroll-margin-top: 5rem; }
.upatstvo p, .upatstvo li { margin: .5rem 0; }
.upatstvo ul { list-style: disc; padding-left: 1.4rem; }
.upatstvo ol { list-style: decimal; padding-left: 1.4rem; }
.upatstvo strong { color: #191c1e; }
.upatstvo a { color: #1e3a8a; text-decoration: underline; text-underline-offset: 2px; }
.upatstvo code { background: #eef0f6; border-radius: .25rem; padding: .05rem .3rem; font-size: .9em; }
.upatstvo blockquote { margin: 1rem 0; padding: .6rem 1rem; border-left: 4px solid #1e3a8a; background: #eef2ff; border-radius: 0 .5rem .5rem 0; }
.upatstvo hr { margin: 2rem 0; border: 0; border-top: 1px solid #e2e8f0; }
.tabela { overflow-x: auto; margin: 1rem 0; border: 1px solid #e2e8f0; border-radius: .5rem; }
.tabela table { border-collapse: collapse; width: 100%; font-size: .92rem; }
.tabela th, .tabela td { text-align: left; vertical-align: top; padding: .5rem .75rem; border-bottom: 1px solid #e2e8f0; }
.tabela th { background: #f5f6fa; color: #191c1e; font-weight: 600; }
.tabela tr:last-child td { border-bottom: 0; }
.vo { margin: 0 0 1.5rem; padding: .75rem 1rem; border: 1px solid #e2e8f0; border-radius: .5rem; background: #fff; }
.vo summary { cursor: pointer; font-weight: 600; color: #191c1e; }
.vo ul { list-style: none; padding: 0; columns: 2 16rem; }
.vo li { margin: .2rem 0; break-inside: avoid; }
.sled { display: flex; justify-content: space-between; gap: 1rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #e2e8f0; }
.sled a { font-weight: 600; }
.jazici { margin-left: auto; display: flex; gap: .25rem; }
.jazici a { padding: .15rem .5rem; border: 1px solid #c5c6d2; border-radius: .25rem; font-size: .75rem; font-weight: 600; color: #444651; }
.jazici a[aria-current] { background: #1e3a8a; border-color: #1e3a8a; color: #fff; }