
.ulw-guide { font-family: "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; color: #2a2a2a; line-height: 1.75; }
.ulw-guide h1 { font-size: 2.2rem; margin: 0 0 18px; }
.ulw-guide h2 { font-size: 1.5rem; margin: 36px 0 12px; }
.ulw-guide h3 { font-size: 1.15rem; margin: 22px 0 10px; }
.ulw-guide p { margin: 0 0 12px; }
.ulw-guide ul, .ulw-guide ol { margin: 0 0 16px; padding-left: 22px; }
.ulw-guide li { margin-bottom: 8px; }
.ulw-guide a { color: #0a58ca; text-decoration: underline; }
.ulw-guide .lead { font-size: 1.05rem; color: #555; max-width: 820px; }
.ulw-guide .callout { background: #f6f6f6; border-left: 3px solid #111; padding: 16px 20px; border-radius: 6px; margin: 18px 0; }
.ulw-guide .compare { width: 100%; border-collapse: collapse; margin: 14px 0 24px; }
.ulw-guide .compare th, .ulw-guide .compare td { border: 1px solid #e2e2e2; padding: 10px 12px; vertical-align: top; text-align: left; }
.ulw-guide .compare th { background: #f0f0f0; }
.ulw-guide .pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 14px 0 24px; }
.ulw-guide .pros, .ulw-guide .cons { background: #fafafa; border: 1px solid #ececec; border-radius: 8px; padding: 16px 20px; }
.ulw-guide .pros h4 { color: #117a3a; margin: 0 0 8px; }
.ulw-guide .cons h4 { color: #a23b1f; margin: 0 0 8px; }
.ulw-guide .who-card { background: #fff; border: 1px solid #ececec; border-radius: 10px; padding: 18px 22px; margin: 16px 0; }
.ulw-guide .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin: 14px 0 24px; }
.ulw-guide .product-grid a { display: block; padding: 12px 14px; border: 1px solid #e2e2e2; border-radius: 8px; text-decoration: none; color: #111; background: #fff; }
.ulw-guide .product-grid a:hover { border-color: #111; }
.ulw-guide .cta { display: inline-block; padding: 12px 26px; background: #111; color: #fff !important; border-radius: 8px; text-decoration: none; font-weight: 600; }
.ulw-guide .cta.ghost { background: #fff; color: #111 !important; border: 1px solid #111; }
.ulw-guide .faq-item { background: #fafafa; border: 1px solid #ececec; border-radius: 8px; padding: 14px 18px; margin-bottom: 10px; }
.ulw-guide .faq-item h3 { margin: 0 0 6px; font-size: 1rem; }
.ulw-guide .faq-item p { margin: 0; color: #555; }
@media (max-width: 720px) {
  .ulw-guide .pros-cons { grid-template-columns: 1fr; }
  .ulw-guide h1 { font-size: 1.7rem; }
}
