/* Guides (/guides/..., /pl/poradnik/...). Loaded after compare.css; only adds the article layout: the byline and
   dates in the hero, the method's steps with their prompts and "In POSTIVA" notes, the sample week and the hub's
   guide cards. */

.guide-meta { margin: 28px auto 0; max-width: 640px; }
.guide-meta .plan-byline { margin: 0 auto; text-align: left; }
.guide-meta .plan-byline__text { font-size: 15px; color: #393346; }
.guide-meta .plan-byline__text a { position: relative; z-index: 1; color: #614bdb; display: inline-block; padding: 11px 0; margin: -11px 0; }
.guide-dates { margin: 16px 0 0; font-size: 14px; line-height: 1.6; color: #686274; text-align: center; }
.guide-dates time { color: #393346; font-weight: 600; }

.guide-copy { max-width: 760px; }
.guide-copy > * { margin: 0; }
.guide-copy > * + * { margin-top: 18px; }
.guide-copy p, .guide-copy li { font-size: 17px; line-height: 1.7; color: #393346; }
.guide-copy a { color: #614bdb; font-weight: 600; }
.guide-copy ul { padding-left: 22px; }
.guide-copy li + li { margin-top: 10px; }
.guide-copy strong { color: #211a35; }

.guide-step + .guide-step { margin-top: clamp(48px, 6vw, 72px); }
.guide-step__title { font: 600 clamp(26px, 2.6vw, 34px)/1.25 var(--font-display); letter-spacing: -.02em; color: #211a35; margin: 0 0 20px; text-wrap: balance; scroll-margin-top: 100px; }

.guide-prompt { margin: 0; padding: 18px 22px; background: var(--feature-lavender); border-left: 4px solid #614bdb; border-radius: 0 14px 14px 0; }
.guide-prompt__label { display: block; font: 600 14px/1.4 var(--font-display); color: #614bdb; margin-bottom: 8px; }
.guide-prompt p { margin: 0; font-size: 16px; line-height: 1.65; font-style: italic; }

.guide-note { padding: 16px 20px; border: 1px solid var(--feature-line); border-radius: 14px; background: #fff; }
.guide-note p { margin: 0; font-size: 16px; line-height: 1.65; }

.guide-copy .feature-ui, .feature-limits .feature-ui { font-weight: 600; color: #211a35; }

.guide-week .industry-panel { margin-top: 8px; max-width: 1100px; }
@media (min-width: 1100px) {
  .guide-week .industry-week__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.guide-week__more { margin-top: 24px; }

.guide-compare { margin-top: 32px; }

/* Hub: one card per guide, with its author and dates. */
.guide-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; max-width: 800px; }
.guide-card { background: #fff; border: 1px solid var(--feature-line); border-radius: 20px; padding: 26px 24px; }
.guide-card__title { font: 700 clamp(22px, 2.2vw, 26px)/1.3 var(--font-display); letter-spacing: -.02em; margin: 0; }
.guide-card__title a { display: block; padding: 6px 0; margin: -6px 0; color: #211a35; text-decoration: none; }
.guide-card__title a:hover { text-decoration: underline; }
.guide-card__desc { margin: 12px 0 0; font-size: 16px; line-height: 1.65; color: #393346; }
.guide-card__meta { margin: 14px 0 0; font-size: 14px; line-height: 1.6; color: #686274; }
.guide-card__meta time { color: #393346; font-weight: 600; }
.guide-card__meta a { position: relative; z-index: 1; display: inline-block; padding: 11px 0; margin: -11px 0; color: #614bdb; font-weight: 600; }
.guide-card__more { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 6px; font-size: 15px; font-weight: 600; color: #614bdb; text-decoration: none; }
.guide-card__more:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .guide-copy p, .guide-copy li { font-size: 16px; }
  .guide-prompt { padding: 16px 18px; }
}