/* ============================================================
   Pomoc Prawna Kredyty — wspólny arkusz stylów
   Spójny z index.html (te same tokeny i komponenty)
   ============================================================ */
:root{
  --paper:#F4F2EC; --paper-2:#ECE9E0; --ink:#13302B; --ink-soft:#3A4B45;
  --pine:#1C4D43; --pine-deep:#15362F; --ochre:#C68A2C; --ochre-soft:#E7C06A;
  --line:#D7D2C6; --white:#FBFAF6; --maxw:1140px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.display{font-family:'Bricolage Grotesque',sans-serif;line-height:1.08;letter-spacing:-0.015em;font-weight:600}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.narrow{max-width:760px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:'Source Serif 4',serif;font-style:italic;font-size:.95rem;color:var(--pine)}
.clause-mark{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.06em;color:var(--ochre)}
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1rem;padding:.85em 1.5em;border-radius:2px;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;cursor:pointer;border:1.5px solid transparent}
.btn-primary{background:var(--ochre);color:#251803;box-shadow:0 1px 0 #9c6a18}
.btn-primary:hover{background:#d79a3a;transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}

/* HEADER */
header.site{position:sticky;top:0;z-index:50;background:rgba(244,242,236,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.12rem;letter-spacing:-.01em;text-decoration:none;display:flex;align-items:center;gap:.5em}
.brand .dot{width:11px;height:11px;background:var(--ochre);display:inline-block;border-radius:1px;transform:rotate(45deg)}
.nav nav{display:flex;gap:28px;align-items:center}
.nav nav a{text-decoration:none;font-size:.95rem;color:var(--ink-soft);font-weight:500}
.nav nav a:hover{color:var(--ink)}
.nav nav a.active{color:var(--ink)}
.nav .btn{padding:.55em 1.1em;font-size:.92rem}
.menu-toggle{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer;color:var(--ink)}

/* PAGE HERO (blog/article) */
.page-hero{padding:60px 0 30px;border-bottom:1px solid var(--line)}
.crumbs{font-size:.85rem;color:var(--ink-soft);margin-bottom:18px}
.crumbs a{text-decoration:none;color:var(--pine)}
.crumbs a:hover{color:var(--ochre)}
.page-hero h1{font-size:clamp(2.1rem,4.4vw,3.2rem);margin:.2em 0 .4em;max-width:20ch}
.page-hero .sub{font-size:1.15rem;color:var(--ink-soft);max-width:60ch}

/* SECTION */
section{padding:64px 0}
.sec-head{margin-bottom:38px;max-width:62ch}
.sec-head h2{font-size:clamp(1.7rem,3.2vw,2.3rem);margin:.25em 0 .35em}
.sec-head p{color:var(--ink-soft);font-size:1.08rem}

/* BLOG: post grid */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:3px;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -26px rgba(19,48,43,.5);border-color:#c4bdab}
.post-card .thumb{height:8px;background:linear-gradient(90deg,var(--pine),var(--ochre))}
.post-card .body{padding:24px 22px 22px;display:flex;flex-direction:column;flex:1}
.post-card .cat{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.74rem;letter-spacing:.06em;color:var(--ochre);text-transform:uppercase}
.post-card h3{font-size:1.18rem;margin:.5em 0 .4em;color:var(--ink)}
.post-card p{color:var(--ink-soft);font-size:.96rem;flex:1}
.post-card .read{margin-top:16px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.9rem;color:var(--pine)}
.post-card:hover .read{color:var(--ochre)}
.tag-draft{display:inline-block;margin-top:14px;font-size:.72rem;color:var(--ink-soft);font-family:'Source Serif 4',serif;font-style:italic}

/* WYROKI feed */
.rulings{background:var(--paper-2)}
.ruling{display:grid;grid-template-columns:150px 1fr;gap:26px;padding:28px 0;border-top:1px solid var(--line)}
.ruling:last-child{border-bottom:1px solid var(--line)}
.ruling .meta{font-family:'Bricolage Grotesque',sans-serif}
.ruling .sig{font-weight:700;color:var(--ink);font-size:1rem}
.ruling .court{font-size:.82rem;color:var(--ochre);margin-top:4px;letter-spacing:.03em}
.ruling .date{font-size:.82rem;color:var(--ink-soft);margin-top:2px}
.ruling h3{font-size:1.2rem;margin-bottom:.4em;color:var(--ink)}
.ruling p{color:var(--ink-soft);font-size:1rem}
.ruling .so-what{margin-top:10px;font-family:'Source Serif 4',serif;font-style:italic;color:var(--pine);font-size:.97rem}
.verify{font-family:'Source Serif 4',serif;font-style:italic;color:var(--ink-soft);font-size:.9rem;margin-top:18px;border-left:3px solid var(--ochre);padding-left:14px}

/* ARTICLE body */
.article{padding:52px 0 70px}
.article .meta-line{display:flex;gap:18px;flex-wrap:wrap;font-size:.88rem;color:var(--ink-soft);margin-bottom:34px;font-family:'Bricolage Grotesque',sans-serif}
.article .meta-line span:before{content:'·';margin-right:18px;color:var(--ochre)}
.article .meta-line span:first-child:before{content:none}
.article .lead{font-size:1.28rem;line-height:1.55;color:var(--ink);font-family:'Source Serif 4',serif;margin-bottom:30px}
.article h2{font-size:1.6rem;margin:42px 0 14px}
.article h3{font-size:1.22rem;margin:30px 0 10px}
.article p{margin-bottom:18px;color:var(--ink-soft)}
.article p strong{color:var(--ink)}
.article ul{margin:0 0 20px 0;padding-left:0;list-style:none}
.article ul li{position:relative;padding-left:28px;margin-bottom:11px;color:var(--ink-soft)}
.article ul li:before{content:'§';position:absolute;left:0;top:0;font-family:'Source Serif 4',serif;color:var(--ochre);font-size:1.05rem}
.callout{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--ochre);border-radius:3px;padding:22px 24px;margin:28px 0}
.callout strong{font-family:'Bricolage Grotesque',sans-serif;display:block;margin-bottom:6px;color:var(--ink)}
.cta-box{background:var(--pine-deep);color:var(--paper);border-radius:4px;padding:34px 32px;margin:40px 0;text-align:center}
.cta-box h3{color:var(--paper);font-size:1.5rem;margin-bottom:10px}
.cta-box p{color:#cdd6d1;margin-bottom:20px;max-width:48ch;margin-left:auto;margin-right:auto}
.article details{border-bottom:1px solid var(--line);padding:4px 0}
.article summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;position:relative;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1.08rem;color:var(--ink)}
.article summary::-webkit-details-marker{display:none}
.article summary:after{content:'+';position:absolute;right:6px;top:15px;font-size:1.5rem;color:var(--ochre);transition:transform .2s}
.article details[open] summary:after{transform:rotate(45deg)}
.article .ans{padding:0 40px 20px 0;color:var(--ink-soft)}
.disclaimer-note{font-family:'Source Serif 4',serif;font-style:italic;color:var(--ink-soft);font-size:.92rem;line-height:1.6;border-top:1px solid var(--line);margin-top:46px;padding-top:24px}

/* FOOTER */
footer.site{background:var(--ink);color:#aebab4;padding:50px 0 36px;font-size:.88rem}
footer .top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:30px}
footer .brand-f{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.15rem;color:var(--paper)}
footer .disclaimer{font-family:'Source Serif 4',serif;font-style:italic;max-width:62ch;line-height:1.6;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}
footer a{color:#cdd6d1}

/* MOTION + RESPONSIVE */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
@media(max-width:920px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
  .nav nav{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:var(--paper);padding:18px 24px;gap:18px;border-bottom:1px solid var(--line)}
  .nav nav.open{display:flex}
  .menu-toggle{display:block}
  .post-grid{grid-template-columns:1fr}
  .ruling{grid-template-columns:1fr;gap:8px}
  section{padding:48px 0}
}

/* === Nagłówek: wyraźniejsze oddzielenie logo od menu (2026-06-14) === */
@media(min-width:621px){
  .nav nav{
    gap:20px;                          /* ciaśniejsze menu = więcej luzu tuż za logo */
    padding-left:32px;                 /* odstęp przed „Obszary pomocy" */
    border-left:1px solid var(--line); /* delikatna pionowa kreska oddzielająca logo od menu */
  }
  .nav nav a{ font-size:.92rem; }
}