/* Preseci: traka na vrhu i blok posle teksta.
   Sve je pod .pr-* klasama i ima sopstvene boje, da se ne sudara sa stilom samog teksta. */

.pr-top,.pr-end,.pr-hidden{
  --pr-paper:transparent; --pr-ink:#121821; --pr-ink2:#4a5462; --pr-muted:#6f7886;
  --pr-rule:rgba(18,24,33,.14); --pr-wash:rgba(18,24,33,.05); --pr-field:#fff;
  --pr-accent:#e0561f; --pr-on-accent:#fff;
  font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--pr-ink); line-height:1.5; text-align:left;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.pr-top,.pr-end,.pr-hidden){
  --pr-ink:#edf0f3; --pr-ink2:#b7bfca; --pr-muted:#8f98a4; --pr-rule:rgba(255,255,255,.14);
  --pr-wash:rgba(255,255,255,.06); --pr-field:#151a21; --pr-accent:#f0733d; --pr-on-accent:#121821}}
:root[data-theme="dark"] :is(.pr-top,.pr-end,.pr-hidden){
  --pr-ink:#edf0f3; --pr-ink2:#b7bfca; --pr-muted:#8f98a4; --pr-rule:rgba(255,255,255,.14);
  --pr-wash:rgba(255,255,255,.06); --pr-field:#151a21; --pr-accent:#f0733d; --pr-on-accent:#121821}

.pr-in{max-width:980px;margin:0 auto}
.pr-top *,.pr-end *{box-sizing:border-box}
.pr-top a,.pr-end a{color:inherit}
.pr-end :focus-visible,.pr-top :focus-visible{outline:2px solid var(--pr-accent);outline-offset:3px;border-radius:3px}

.pr-hidden{background:var(--pr-accent);color:#fff;text-align:center;padding:8px 16px;font-size:.95rem;font-weight:600;margin:0 -16px}

/* traka */
.pr-top .pr-in{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--pr-rule)}
.pr-home{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:1rem}
.pr-home:hover span{text-decoration:underline;text-underline-offset:3px}
.pr-meta{color:var(--pr-muted);font-size:.93rem}

/* Venov znak */
.pr-mark{width:26px;height:26px;flex:none;display:block;overflow:visible}
.pr-mark .c{fill:var(--pr-wash);stroke:var(--pr-ink);stroke-width:9}
.pr-mark .x{fill:var(--pr-accent)}

/* blok posle teksta */
.pr-end{padding:0 0 calc(56px + env(safe-area-inset-bottom,0px))}
.pr-end .pr-in{border-top:3px solid var(--pr-ink);padding-top:clamp(28px,5vw,44px)}
.pr-end p{margin:0}
.pr-h{font:800 1.25rem/1.2 "Archivo","Arial Narrow",Arial,sans-serif;margin:0 0 14px!important;letter-spacing:-.005em}

.pr-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:32px 56px;padding-bottom:clamp(28px,5vw,40px)}

.pr-btn{font:700 1rem/1 "Source Sans 3",system-ui,sans-serif;padding:12px 22px;border-radius:999px;border:1.5px solid var(--pr-ink);background:transparent;color:var(--pr-ink);cursor:pointer}
.pr-btn:hover{background:var(--pr-ink);color:var(--pr-field)}
.pr-btn[disabled]{opacity:.55;cursor:default}
.pr-choices{display:flex;gap:10px;flex-wrap:wrap}

.pr-split{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--pr-wash);gap:3px;margin:4px 0 12px}
.pr-split span{display:block;height:100%;min-width:0}
.pr-sa{background:var(--pr-accent)}
.pr-sb{background:var(--pr-ink);opacity:.82}
.pr-sum{color:var(--pr-ink2);font-size:.98rem}
.pr-sum b{color:var(--pr-ink);font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:no-preference){.pr-split span{transition:flex-grow .6s cubic-bezier(.3,.1,.2,1)}}

.pr-pills{display:flex;flex-wrap:wrap;gap:8px}
.pr-pill{font:600 .94rem/1 "Source Sans 3",system-ui,sans-serif;padding:10px 15px;border-radius:999px;border:1px solid var(--pr-rule);background:transparent;color:var(--pr-ink);text-decoration:none;cursor:pointer}
.pr-pill:hover{border-color:var(--pr-ink)}
.pr-copy.done{background:var(--pr-ink);color:var(--pr-field);border-color:var(--pr-ink)}

/* primedba */
.pr-fb{border-top:1px solid var(--pr-rule);border-bottom:1px solid var(--pr-rule)}
.pr-fb summary{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:18px 0;cursor:pointer;list-style:none;color:var(--pr-ink2);font-size:1.02rem}
.pr-fb summary::-webkit-details-marker{display:none}
.pr-fb-open{font-weight:700;color:var(--pr-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--pr-accent)}
.pr-fb[open] .pr-fb-open{text-decoration:none;color:var(--pr-muted)}
.pr-form{display:grid;gap:6px;max-width:620px;padding:0 0 24px}
.pr-lab{display:block!important;font-size:.92rem!important;color:var(--pr-ink2)!important;margin-top:8px;text-transform:none!important;letter-spacing:0!important}
.pr-form textarea,.pr-form input{font:400 1rem/1.5 "Source Sans 3",system-ui,sans-serif;width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--pr-rule);background:var(--pr-field);color:var(--pr-ink)}
.pr-form textarea{resize:vertical;min-height:120px}
.pr-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.pr-send{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}
.pr-status{color:var(--pr-ink2);font-size:.95rem}

/* ostali tekstovi */
.pr-more{padding-top:clamp(28px,5vw,40px)}
.pr-more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px 40px}
.pr-more a{display:flex;align-items:flex-start;gap:14px;text-decoration:none;padding:10px 0}
.pr-more .pr-mark{width:44px;height:44px;margin-top:2px}
.pr-more .pr-mark .c{stroke-width:3}
.pr-more strong{display:block;font:750 1.2rem/1.2 "Archivo","Arial Narrow",Arial,sans-serif}
.pr-more small{display:block;color:var(--pr-muted);font-size:.9rem;margin-top:4px}
.pr-more a:hover strong{text-decoration:underline;text-decoration-color:var(--pr-accent);text-underline-offset:4px}

.pr-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:clamp(32px,5vw,48px)!important;padding-top:18px;border-top:1px solid var(--pr-rule);font-size:.92rem;color:var(--pr-muted)}
.pr-foot a{color:var(--pr-ink2)}