/* Market pages (/sv/tradera-annons, /vinted-listing-generator, …).
   The shared B shell in pop.css covers the frame (hero, paper, demo, FAQ, footer).
   This file adds only what is specific to these pages. No shadows, no grey filler. */

/* The note next to the hero button should not run the full width under the lead. */
.mkt-page .bnote { max-width: 26em; line-height: 1.5; }

/* The five tips: a hairline list in two columns, not cards. */
.mkt-tips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; }
.mkt-tips article { padding: 24px 0 26px; border-top: 1px solid var(--line); }
.mkt-tips .n { font-size: 11px; font-weight: 600; letter-spacing: .08em; color: var(--cobalt); }
.mkt-tips h3 { font-size: 18px; margin: 8px 0 6px; }
.mkt-tips p { font-size: 15px; line-height: 1.55; color: var(--ink-2); max-width: 40ch; }

/* The closing block sits on cobalt: keep the label and the links readable. */
.mkt-page .bfinal .label { color: rgba(255, 255, 255, .7); }
.mkt-page .bfinal .mkt-others { margin: 56px 0 0; }
.mkt-page .bfinal .mkt-links { margin-top: 12px; }
.mkt-page .bfinal .mkt-links a { color: rgba(255, 255, 255, .85); }
.mkt-page .bfinal .mkt-links a:hover { color: #fff; }

@media (max-width: 900px) {
  .mkt-tips { grid-template-columns: 1fr; column-gap: 0; }
}

@media (max-width: 560px) {
  .mkt-tips article { padding: 20px 0 22px; }
}