/* FakturaPlus centar za pomoć — page-fp-pomoc.php (builds on fp-home-2026.css tokens) */
.help-hero{padding-block:56px 16px}
.help-hero .wrap{display:grid;gap:14px}
.help-list{padding-block:24px 80px}
.help-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.help-card{display:grid;gap:10px;align-content:start;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.help-card:hover{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.help-card h2{font-size:1.15rem;line-height:1.3}
.help-card p{color:var(--ink-soft);font-size:.95rem}
.help-more{color:var(--blue);font-weight:600;font-size:.92rem}
@media (max-width:760px){.help-cards{grid-template-columns:1fr}}
.help-contact{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:var(--r);background:var(--bg-alt);border:1px solid var(--line)}
.help-contact strong{font:600 1.05rem/1.3 var(--f-head)}
.help-contact p{color:var(--ink-soft);font-size:.95rem}

.help-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-block:40px 80px;align-items:start}
@media (max-width:960px){.help-layout{grid-template-columns:1fr}}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.88rem;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--blue);text-decoration:none}
.help-article h1{font-size:clamp(1.8rem,3.4vw,2.5rem);margin-bottom:14px}
.help-article .lede{margin-bottom:26px}
.prose{max-width:68ch;color:var(--ink);font-size:1.02rem;line-height:1.7}
.prose>*+*{margin-top:1em}
.prose h2{font-size:1.4rem;margin-top:2em;scroll-margin-top:90px}
.prose h3{font-size:1.1rem;margin-top:1.6em}
.prose p,.prose li{color:var(--ink-soft)}
.prose strong{color:var(--ink);font-weight:600}
.prose ol,.prose ul{padding-left:1.3em;display:grid;gap:.45em}
.prose li::marker{color:var(--teal-text);font-weight:600}
.prose .ui{font:600 .92em/1 var(--f-body);color:var(--ink);background:var(--bg-alt);border:1px solid var(--line);border-radius:5px;padding:.15em .45em;white-space:nowrap}
.prose .tip,.prose .note{border-radius:8px;padding:14px 16px;font-size:.96rem}
.prose .tip{background:var(--teal-50);border:1px solid color-mix(in srgb,var(--teal) 30%,transparent)}
.prose .note{background:var(--bg-alt);border:1px solid var(--line)}
.prose .tip p,.prose .note p{margin:0}
.prose table{width:100%;border-collapse:collapse;font-size:.94rem;display:block;overflow-x:auto}
.prose th,.prose td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-soft)}
.prose th{color:var(--ink);font-weight:600;background:var(--bg-alt)}
.help-updated{margin-top:36px;color:var(--muted);font-size:.86rem}

.help-aside{display:grid;gap:18px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px)}
@media (max-width:960px){.help-aside{position:static}}
.help-toc{border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 12px;display:grid;gap:10px}
.help-toc ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.help-toc a{display:block;padding:7px 8px;border-radius:6px;color:var(--ink-soft);text-decoration:none;font-size:.94rem}
.help-toc a:hover{background:var(--bg-alt);color:var(--blue)}
.help-toc a[aria-current="page"]{background:var(--blue-50);color:var(--blue);font-weight:600}
.gen-cta{border:1px solid var(--line);border-radius:var(--r);background:var(--teal-50);padding:20px 22px;display:grid;gap:10px}
.gen-cta strong{font:600 1.05rem/1.3 var(--f-head);color:var(--ink)}
.gen-cta p{color:var(--ink-soft);font-size:.94rem}
.gen-cta .btn{justify-self:start}
footer .legal a{color:var(--ink-soft)}