/* Podstrani storitev (/storitve/<slug>/) — dopolnilo k skupnemu slogu blog.css */
main.storitev { max-width: 820px; }
.uvod { font-size: 19px; line-height: 1.6; color: var(--muted); margin: 0 0 24px; }
@media (min-width: 640px) { .uvod { font-size: 20px; } }
.gumbi { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin: 0 0 8px; }
.gumb-glavni { display: inline-block; border-radius: 999px; background: var(--coal); color: var(--cream); padding: 14px 26px; font-weight: 700; font-size: 15px; text-decoration: none; transition: background .2s, color .2s; }
.gumb-glavni:hover { background: var(--sun); color: var(--coal); }
.opomba-gumb { font-size: 14px; color: var(--muted); }
.seznam { list-style: none; padding: 0; margin: 0 0 8px; }
.seznam li { position: relative; padding-left: 22px; margin-bottom: 10px; }
.seznam li::before { content: ''; position: absolute; left: 0; top: 0.65em; width: 8px; height: 8px; border-radius: 50%; background: var(--sun); }
.koraki { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0 0 8px; }
@media (min-width: 640px) { .koraki { grid-template-columns: 1fr 1fr; gap: 16px; } }
.korak { background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 20px 22px; }
.korak .n { display: block; font-family: var(--sans); font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--muted); margin-bottom: 8px; }
.korak h3 { font-family: var(--sans); font-size: 17px; font-weight: 700; margin: 0 0 6px; line-height: 1.3; }
.korak p { font-size: 15px; color: var(--muted); margin: 0; }
main.storitev details { border: 1px solid var(--line); background: var(--paper); border-radius: 16px; padding: 14px 20px; margin-top: 10px; }
main.storitev summary { font-weight: 700; font-size: 16px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
main.storitev summary::-webkit-details-marker { display: none; }
main.storitev summary::after { content: "+"; color: var(--muted); font-size: 22px; line-height: 1; flex: none; }
main.storitev details[open] summary::after { content: "–"; }
main.storitev details p { color: var(--muted); margin: 10px 0 0; font-size: 16px; }
.sorodno { margin-top: 28px; font-size: 14px; color: var(--muted); }
.sorodno a { display: inline-block; padding: 4px 0; }