/* ==========================================================================
   /rozwoj/ — style lokalne dla dziennika rozwoju OPP Asystenta.
   Ten plik NIE zawiera kopii globalnego css/styles.css — korzysta
   z jego zmiennych (var(--accent), var(--ink), var(--border), itd.)
   i musi być wczytany PO nim.
   ========================================================================== */

/* ---------- /rozwoj/ journal header back-link ---------- */
.back-link{display:inline-flex; align-items:center; font-size:14.5px; font-weight:600; color:var(--text-body); white-space:nowrap; transition:color .15s ease;}
.back-link:hover{color:var(--accent);}
.back-link .back-short{display:none;}
@media (max-width:480px){
  .back-link .back-full{display:none;}
  .back-link .back-short{display:inline;}
}

/* ---------- /rozwoj/ journal hero ---------- */
.journal-hero{padding:clamp(40px,6vw,72px) 0 clamp(24px,4vw,40px);}
.journal-hero .inner{display:flex; flex-direction:column; gap:16px; max-width:680px;}
.journal-hero h1{font-size:clamp(28px,3.6vw,44px); font-weight:800; line-height:1.12; letter-spacing:-.015em; color:var(--ink);}
.journal-hero p{font-size:18px; line-height:1.6; color:var(--lead); max-width:560px;}

/* ---------- /rozwoj/ journal entries ---------- */
.journal{padding:8px 0 var(--sec-y);}
.entry{max-width:720px; margin:0 auto;}
.entry + .entry{border-top:1px solid var(--border); margin-top:64px; padding-top:64px;}
.entry-meta{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px;}
.entry-meta time{font-size:13.5px; color:var(--text-faint); font-weight:500;}
.entry-tag{display:inline-flex; align-items:center; font-size:12px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--accent); background:var(--bg-blue); padding:4px 10px; border-radius:100px;}
.entry-header h2{font-size:clamp(24px,3vw,34px); font-weight:800; line-height:1.22; letter-spacing:-.01em; color:var(--ink); max-width:680px;}
.entry-body{display:flex; flex-direction:column; gap:16px; margin-top:24px;}
.entry-body p{font-size:17px; line-height:1.65; color:var(--text-body);}
.entry-lead{font-size:19px; line-height:1.6; color:var(--lead);}
.entry-body h3{font-size:20px; font-weight:700; letter-spacing:-.005em; color:var(--ink); margin-top:12px;}
.entry-quote{border-left:3px solid var(--bg-blue-border); padding-left:18px; font-size:17px; line-height:1.6; color:var(--ink); font-style:italic;}

.status-list{display:flex; flex-direction:column; gap:12px; margin-top:4px;}
.status-item{display:flex; align-items:flex-start; gap:14px; background:#fff; border:1px solid var(--border); border-radius:var(--r-md); padding:18px 20px;}
.status-badge{flex-shrink:0; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:5px 10px; border-radius:100px; white-space:nowrap; margin-top:2px;}
.status-badge.testing{background:var(--bg-blue); color:var(--accent);}
.status-badge.backlog{background:var(--bg-soft); color:var(--text-muted); border:1px solid var(--border);}
.status-item p{font-size:15.5px; line-height:1.55; color:var(--text-body); margin:0;}

/* ---------- /rozwoj/ CTA ---------- */
.journal-cta{background:var(--bg-soft-2); padding:clamp(48px,7vw,80px) 0; text-align:center;}
.journal-cta .container{display:flex; flex-direction:column; align-items:center; gap:14px;}
.journal-cta h2{font-size:clamp(24px,3vw,34px); font-weight:800; letter-spacing:-.01em; max-width:520px;}
.journal-cta p{font-size:16.5px; line-height:1.6; color:var(--text-muted); max-width:480px;}

/* ---------- Footer: current-section indicator (non-link), used on /rozwoj/ ---------- */
.f-current{font-size:13.5px; color:var(--ink); font-weight:700;}