/* Shared styles for content pages (legal + poradnik) — imports base tokens. */
@import url("./style.css");

article.page { max-width: 720px; margin: 0 auto; padding: 0 1rem 3rem; }
article.page .card { padding: 1.6rem 1.5rem; }
article.page h1 { font-size: clamp(1.4rem, 4vw, 1.9rem); margin: 1.4rem 0 .4rem; }
article.page .lead { color: var(--muted); font-size: 1rem; margin-bottom: 1.2rem; }
article.page h2.sec { font-size: 1.05rem; letter-spacing: 0; text-transform: none; color: var(--navy); margin: 1.3rem 0 .4rem; display: block; }
article.page p { margin: 0 0 .8rem; font-size: .95rem; }
article.page ul { margin: 0 0 .8rem 1.2rem; font-size: .95rem; }
article.page li { margin-bottom: .35rem; }
article.page .cta {
  display: block; background: var(--navy); color: #fff; text-align: center;
  border-radius: 10px; padding: .85rem 1rem; font-weight: 700; text-decoration: none; margin: 1.4rem 0 .6rem;
}
article.page .cta:hover { background: var(--navy-3); }
article.page .note { background: var(--amber-bg); border-radius: 10px; padding: .8rem .9rem; font-size: .85rem; color: #7C4A0B; margin: 1rem 0; }
article.page a { color: var(--navy-3); }
.breadcrumb { font-size: .8rem; margin: 1rem 0 0; }
.breadcrumb a { color: var(--ice); text-decoration: none; font-weight: 700; }