/* Slog za članke, vodiče in daljše strani. Brez zunanjih pisav. */
:root{--ar-paper:#fbfaf7}
body.ar{background:var(--ar-paper)}
/* glava na svetlem ozadju */
body.ar .sitebar .topbar{border-color:var(--line);background:#fff}
body.ar .sitebar .brand{color:var(--ink)}
body.ar .sitebar .nav-link{color:var(--ink-2)}
body.ar .sitebar .nav-link:hover{color:var(--ink);background:var(--surface)}
body.ar .sitebar .nav-link .chev{border-color:var(--muted)}
body.ar .sitebar .nav-search{color:var(--muted)}
body.ar .sitebar .head-cta{border-color:var(--ink);background:var(--ink);color:#fff}
body.ar .sitebar .mm summary{color:var(--ink)}
body.ar .sitebar.is-stuck{background:rgba(251,250,247,.97)}

/* uvod */
.ar-hero{padding:7.2rem 0 2.6rem;border-bottom:1px solid var(--line)}
.ar-post .ar-hero{background:var(--ar-paper)}
.ar-page .ar-hero{background:var(--surface)}
.ar-guide .ar-hero{background:#f1f3f2}
.ar-crumb{display:flex;flex-wrap:wrap;gap:.5rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ar-crumb a{color:inherit}.ar-crumb a:hover{color:var(--ink);text-decoration:none}
.ar-crumb i{font-style:normal;color:var(--line-2)}
.ar-hero h1{font-family:var(--display);font-weight:500;font-size:clamp(2.1rem,5.4vw,4rem);line-height:1.04;letter-spacing:-.045em;max-width:20ch;margin:1.4rem 0 0;color:var(--ink);text-wrap:balance}
.ar-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:1.8rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ar-meta span+span::before{content:"";display:inline-block;width:.24rem;height:.24rem;background:var(--accent);border-radius:50%;margin-right:1.4rem;vertical-align:.15em}

/* razporeditev */
.ar-grid{display:block;padding-top:2.4rem;padding-bottom:5rem}
@media (min-width:1000px){.ar-grid{display:grid;grid-template-columns:15rem minmax(0,42.5rem);gap:4.5rem;padding-top:3.4rem;padding-bottom:7rem;justify-content:center}}

/* kazalo */
.ar-toc summary{cursor:pointer;list-style:none;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:.4rem 0}
.ar-toc summary::-webkit-details-marker{display:none}
.ar-toc summary::after{content:"+";float:right;font-size:1rem;letter-spacing:0}
.ar-toc details[open] summary::after{content:"\2013"}
.ar-toc div{display:grid;border-top:1px solid var(--line);margin-top:.5rem}
.ar-toc a{padding:.62rem 0;border-bottom:1px solid var(--line);font-size:.86rem;line-height:1.35;color:var(--ink-2)}
.ar-toc a:hover{color:var(--ink);text-decoration:none}
.ar-toc a.on{color:var(--ink);font-weight:600;box-shadow:inset 3px 0 0 var(--accent);padding-left:.75rem}
@media (min-width:1000px){
  .ar-toc{position:sticky;top:6.2rem;align-self:start;max-height:calc(100vh - 8rem);overflow:auto}
  .ar-toc summary{pointer-events:none}.ar-toc summary::after{display:none}
}
@media (max-width:999px){.ar-toc{margin-bottom:2.4rem;border:1px solid var(--line);background:#fff;padding:.6rem 1rem}}

/* besedilo */
.ar-body{font-family:var(--sans);font-size:1.06rem;line-height:1.72;color:#26282a;min-width:0}
.ar-body p{margin:0 0 1.25rem}
.ar-body .ar-lead{font-family:var(--display);font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.5;letter-spacing:-.015em;color:var(--ink);margin-bottom:1.7rem}
.ar-body .ar-lead+p{color:var(--ink-2)}
.ar-body strong{font-weight:600;color:var(--ink)}
.ar-body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
.ar-body a:hover{background:rgba(200,52,28,.08)}
.ar-body h2{font-family:var(--display);font-weight:500;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.12;letter-spacing:-.035em;margin:4rem 0 1.3rem;padding-top:1.4rem;border-top:1px solid var(--ink);color:var(--ink);scroll-margin-top:6rem;text-wrap:balance}
.ar-body h3{font-family:var(--display);font-weight:600;font-size:1.25rem;letter-spacing:-.02em;margin:2.4rem 0 .7rem;color:var(--ink)}
.ar-body ul,.ar-body ol{margin:0 0 1.4rem;padding:0 0 0 1.5rem}
.ar-body ul{list-style:none;padding-left:0}
.ar-body ul li{position:relative;padding-left:1.5rem;margin:.55rem 0}
.ar-body ul li::before{content:"";position:absolute;left:.1rem;top:.78em;width:.42rem;height:.42rem;background:var(--accent)}
.ar-body ol li{margin:.7rem 0;padding-left:.4rem}
.ar-body ol li::marker{font-family:var(--mono);font-size:.85em;color:var(--accent-ink);font-weight:600}
.ar-body hr{border:0;border-top:1px solid var(--line);margin:3rem 0}
.ar-body code{font-family:var(--mono);font-size:.88em;background:var(--surface-2);padding:.1em .35em}

/* tabele */
.ar-tw{overflow-x:auto;margin:1.8rem 0 2rem;border-top:2px solid var(--ink);border-bottom:1px solid var(--line-2);background:#fff}
.ar-body table{width:100%;min-width:30rem;border-collapse:collapse;font-family:var(--sans);font-size:.93rem;line-height:1.5}
.ar-body th,.ar-body td{padding:.85rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ar-body tbody tr:last-child td{border-bottom:0}
.ar-body thead th{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;background:var(--surface)}
.ar-body td:first-child{font-weight:600;color:var(--ink);width:34%}
.yn{display:inline-block;padding:.12rem .6rem;border-radius:99px;font-size:.78rem;font-weight:600;border:1px solid}
.yn.y{color:#1d6b43;border-color:#9fd0b6;background:#eef8f2}
.yn.n{color:#a82a13;border-color:#eab2a7;background:#fdf1ee}
.yn.m{color:#7a5a00;border-color:#e3cd8a;background:#fbf5e1}

/* vprašanja */
.ar-body .faq{margin-top:1.2rem}
.ar-body .faq summary{font-family:var(--display);font-size:1.08rem;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
.ar-body .faq p{font-size:1rem;line-height:1.7;color:var(--ink-2);max-width:none}

/* opomnik */
.ar-disc{margin-top:3.4rem;padding-top:1.2rem;border-top:1px solid var(--line-2);font-family:var(--sans);font-size:.84rem;line-height:1.55;color:var(--muted);font-style:italic}
@media (max-width:640px){.ar-body{font-size:1.02rem}.ar-hero{padding-top:6.4rem}}
@media print{.sitebar,.ar-toc,.mobile-cta,.foot{display:none}}

/* stran Članki */
.ar-idx{padding:2.4rem 0 6rem}
@media (min-width:1000px){.ar-idx{padding:3.4rem 0 8rem}}
.ar-list{max-width:52rem;margin:0 auto;border-top:2px solid var(--ink)}
.ar-item{display:block;padding:1.8rem 0 1.9rem;border-bottom:1px solid var(--line-2);color:var(--ink)}
.ar-item:hover{text-decoration:none}
.ar-item .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ar-item .k b{font-weight:500;color:var(--accent-ink)}
.ar-item h2{font-family:var(--display);font-weight:500;font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.12;letter-spacing:-.035em;margin:.7rem 0 .8rem;text-wrap:balance;max-width:28ch}
.ar-item:hover h2{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}
.ar-item p{margin:0;color:var(--ink-2);font-size:1rem;line-height:1.6;max-width:62ch}
.ar-item .go{display:inline-block;margin-top:1rem;font-weight:600;font-size:.9rem}