/* pretty-unique.css — compact UI patch (safe overrides) */
:root{
  --accent: hsl(210 80% 45%);
  --accent2: hsl(190 70% 40%);
  --bg: #f7f7fb;
  --card: #ffffff;
  --text: #1d2430;
  --muted: #5b6678;
  --radius: 14px;
  --shadow: 0 10px 28px rgba(13, 21, 34, .10);
}

html { scroll-behavior:smooth; }
body{
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a{ color: var(--accent); text-underline-offset: 3px; }
a:hover{ color: var(--accent2); }

img, video, iframe{ max-width: 100%; height: auto; }

.u-card{
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 14px 16px;
  margin: 14px 0;
}

.u-summary h2, .u-summary h3{
  margin: 10px 0 6px;
  line-height: 1.2;
}

.u-summary p{ margin: 0 0 10px; color: var(--muted); }
.u-list, .u-steps{ margin: 6px 0 0 18px; }
.u-list li, .u-steps li{ margin: 6px 0; }

main, .site-content, .container{
  max-width: 1120px;
}

.entry-content p, .post-content p, .bs-blog-post p, article p{
  line-height: 1.7;
}

button, input[type="submit"], .button, .wp-block-button__link, a.more-link{
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  border: 0 !important;
  color: #fff !important;
  border-radius: calc(var(--radius) - 4px);
  padding: 10px 14px;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

button:hover, input[type="submit"]:hover, .button:hover, .wp-block-button__link:hover, a.more-link:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}

input[type="text"], input[type="email"], input[type="tel"], input[type="search"], textarea{
  border-radius: calc(var(--radius) - 6px);
  border: 1px solid rgba(0,0,0,.12);
  padding: 10px 12px;
  background: #fff;
}

blockquote{
  border-left: 4px solid var(--accent);
  padding: 10px 12px;
  background: rgba(0,0,0,.03);
  border-radius: calc(var(--radius) - 6px);
}

hr{ border: 0; border-top: 1px solid rgba(0,0,0,.08); margin: 18px 0; }

/* small fixes for SVG icons if theme expects them */
svg.icon{ width: 1em; height: 1em; vertical-align: -0.125em; }