/* Notranje strani v novem videzu (BRAND.md, 14. 10. 2026). Gradi na žetonih iz stran.css; telo strani dobi class="np". */
.ip main{padding-top:72px}
.ip .nav{color:var(--ink)}
.ip .nav::before{transform:none}
.ip .burger{background:var(--tint)}
.ip .nav-cta{margin-left:auto}
.ip-sec{padding:clamp(56px,7vw,104px) 0}
.ip-sec + .ip-sec{border-top:1px solid var(--line)}
.ip-lab{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--grey);margin-bottom:14px}
.ip-lab i{width:7px;height:7px;border-radius:999px;background:var(--lime-deep)}
.ip h1{font-family:var(--serif);font-size:clamp(44px,6vw,80px);line-height:1;letter-spacing:-.02em;text-wrap:balance;max-width:16ch}
.ip h2{font-family:var(--serif);font-size:clamp(30px,3.4vw,44px);line-height:1.06;letter-spacing:-.015em;text-wrap:balance}
.ip h3{font-size:17px;font-weight:600;letter-spacing:-.01em}
.ip-lead{margin-top:20px;max-width:58ch;font-size:clamp(17px,1.4vw,19px);color:var(--ink-2)}
.ip-meta{margin-top:22px;font-family:var(--mono);font-size:12px;color:var(--grey-2)}
.ip-meta a{text-decoration:underline;text-underline-offset:3px}
.ip-meta a:hover{color:var(--ink)}

/* dolgo besedilo: kazalo + en bralni stolpec */
.ip-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.ip-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px}
.ip-toc p{font-family:var(--mono);font-size:11px;color:var(--grey-2);margin:0 0 8px}
.ip-toc a{padding:7px 12px;margin-left:-12px;border-radius:var(--r-sm);font-size:14px;color:var(--grey);transition:background-color .2s var(--ease),color .2s var(--ease)}
.ip-toc a:hover{background:var(--tint);color:var(--ink)}
.ip-doc{max-width:70ch}
.ip-doc section{padding:36px 0;border-top:1px solid var(--line);scroll-margin-top:92px}
.ip-doc section:first-child{border-top:0;padding-top:0}
.ip-doc h2{margin:0 0 16px}
.ip-doc p,.ip-doc li{color:var(--ink-2)}
.ip-doc p + p,.ip-doc ul + p,.ip-doc p + ul,.ip-doc .ip-table + p,.ip-doc p + .ip-table{margin-top:14px}
.ip-doc strong{color:var(--ink);font-weight:600}
.ip-doc ul{margin:0;padding-left:20px}
.ip-doc li{margin:6px 0}
.ip-doc li::marker{color:var(--lime-deep)}
.ip-doc a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lime-deep);text-decoration-thickness:2px}
.ip-doc a:hover{text-decoration-color:var(--ink)}
.ip-doc code{font-family:var(--mono);font-size:.86em;color:var(--ink);background:var(--tint);padding:2px 6px;border-radius:var(--r-xs);white-space:nowrap}

.ip-table{overflow-x:auto;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--ring)}
.ip-table table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.ip-table th{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--grey-2);text-align:left;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--tint)}
.ip-table td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.ip-table tr:first-child td{border-top:0}
.ip-table td:first-child{width:32%;color:var(--ink)}
.ip-table td:last-child{white-space:nowrap;color:var(--grey)}
.ip-table.basis td{white-space:normal !important;color:var(--ink-2)}
.ip-table.basis td:first-child{color:var(--ink);width:34%}
mark.todo{background:transparent;color:var(--green);border:1px dashed var(--green);padding:0 5px;border-radius:var(--r-xs);font-family:var(--mono);font-size:.86em}

@media(max-width:900px){
  .ip-grid{grid-template-columns:1fr}
  .ip-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:4px 8px;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .ip-toc p{width:100%}
  .ip-toc a{margin-left:0;padding:6px 10px;background:var(--tint)}
}
@media(max-width:640px){
  .ip .wrap,.ip .nav-in{padding:0 20px}
  .ip-table table{min-width:0}
  .ip-table thead{display:none}
  .ip-table tr{display:block;padding:12px 16px;border-top:1px solid var(--line)}
  .ip-table tr:first-child{border-top:0}
  .ip-table td{display:block;padding:2px 0;border:0;white-space:normal !important;width:auto !important}
  .ip-table td:first-child{margin-bottom:4px;font-weight:600}
}