/* ── Solution / tool landing pages (mp/solutions.jsx, mp/cookiescanner.jsx) ───────── */
.sol-hero { padding-bottom: 20px; }
.sol-h1 { font-size: 46px; max-width: 16em; margin-inline: auto; }
.sol-prose { max-width: 46em; }
.sol-prose .mp-h2 { font-size: 27px; }
.sol-p { font-size: 16px; line-height: 1.7; color: var(--fg-muted); margin: 14px 0 0; text-wrap: pretty; }
.sol-h2--gap { margin-top: 44px; }
.sol-xlink { text-align: center; margin-top: 26px; font-size: 14px; color: var(--fg-muted); }
.sol-xlink a { color: var(--accent); font-weight: 600; }
.sol-related { grid-template-columns: repeat(4, 1fr); }
.tool-card { max-width: 860px; margin: 0 auto; padding: 24px; border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--bg-elev); text-align: left; }
.tool-form__lbl { display: block; font-weight: 600; font-size: 14px; margin-bottom: 8px; }
.tool-form__row { display: flex; gap: 10px; }
.tool-form__input { flex: 1; min-width: 0; height: 46px; padding: 0 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg); color: var(--fg); font: inherit; font-size: 15px; }
.tool-form__input:focus { outline: 2px solid color-mix(in srgb, var(--accent) 55%, transparent); outline-offset: 1px; }
.tool-form__hint { font-size: 13px; color: var(--fg-muted); margin: 10px 0 0; line-height: 1.5; }
.tool-form__err { color: var(--danger, #c0392b); font-size: 14px; margin: 12px 0 0; }
.tool-result { margin-top: 20px; }
.tool-result__note { display: flex; gap: 8px; align-items: center; font-size: 13.5px; color: var(--fg-muted); background: var(--accent-bg-soft); padding: 10px 12px; border-radius: 10px; margin: 0 0 14px; }
.tool-result__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.tool-result__stats div { display: flex; flex-direction: column; gap: 2px; padding: 12px; border: 1px solid var(--border); border-radius: 12px; }
.tool-result__stats b { font-family: var(--font-display); font-size: 22px; }
.tool-result__stats span { font-size: 12.5px; color: var(--fg-muted); }
.tool-result__table { border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.tool-result__row { display: grid; grid-template-columns: 1.3fr 1.3fr 1fr 1fr 0.8fr; gap: 10px; padding: 10px 14px; font-size: 13.5px; border-top: 1px solid var(--hairline, var(--border)); align-items: center; }
.tool-result__row--head { border-top: 0; font-weight: 600; color: var(--fg-muted); font-size: 12.5px; background: var(--bg); }
.tool-result__mono { font-family: var(--font-mono, ui-monospace, monospace); font-size: 12.5px; overflow-wrap: anywhere; }
.tool-result__cta { display: flex; justify-content: center; margin-top: 18px; }
@media (max-width: 760px) {
  .sol-h1 { font-size: 34px; }
  .sol-related { grid-template-columns: 1fr; }
  .tool-form__row { flex-direction: column; }
  .tool-result__stats { grid-template-columns: repeat(2, 1fr); }
  .tool-result__row { grid-template-columns: 1fr 1fr; }
  .tool-result__row--head { display: none; }
}