#fw-section-custom-html-ddbf45b3-a1bc-4576-a516-2c283c8d09e9 {
--color-primary: #d31b48;
--color-primary-rgb: 211, 27, 72;
--color-background: #ececec;
--color-background-rgb: 236, 236, 236;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ebebeb;
--color-background-brightness: 236;
background-color: var(--color-background);
color: var(--color-on-background);

  * { box-sizing: border-box; }
  .wrap-body {
    --bg: #ffffff;
    --ink: #141820;
    --muted: #5b6476;
    --border: #e8ecf3;
    --card: #ffffff;
    --shadow: 0 10px 30px rgba(17, 24, 39, .06);
    --primary: #6d4aff;   /* purple */
    --accent: #0db79b;    /* teal   */
    --pop: #ff6a3d;       /* orange */
    --gold: #f7b500;      /* gold   */
    --blue: #2b7cff;      /* blue   */
    margin:0; padding:0; background: var(--bg); color: var(--ink);
}
  .wrap-body { font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; }
  .wrap { max-width: 1000px; margin: 0 auto; padding: 28px 18px 48px; }
  .hero {
    border: 1px solid var(--border);
    border-radius: 20px;
    background: linear-gradient(180deg,#ffffff, #f7f9ff);
    padding: 22px;
    display: grid; grid-template-columns: 96px 1fr; gap: 18px; align-items: center;
    box-shadow: var(--shadow);
  }
  .hero img { width: 96px; height: 96px; border-radius: 18px; object-fit: cover; border: 3px solid #fff; box-shadow: 0 6px 18px rgba(0,0,0,.08); }
  h1 { margin:0 0 4px; font-size: 1.9rem; letter-spacing: .2px; }
  .subtitle { margin:0; color: var(--muted); font-size: .98rem; }
  .pill { display:inline-block; padding:.2rem .55rem; border-radius:999px; font-size:.78rem; background:#eef2ff; color:#4b3df2; margin-left:6px; border:1px solid #e4e9ff; }
  .grid { display:grid; gap:16px; margin-top: 22px; grid-template-columns: 1fr; }
  @media (min-width: 780px) { .grid-2 { grid-template-columns: 1fr 1fr; } .grid-3 { grid-template-columns: 1fr 1fr 1fr; } }
  .card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 16px 16px 14px; box-shadow: var(--shadow); }
  .card h2, .card h3 { margin: 0 0 8px; }
  h2.section { margin: 28px 0 10px; font-size:1.25rem; }
  .kicker { color: var(--accent); font-weight: 700; font-size:.78rem; letter-spacing:.4px; text-transform: uppercase; }
  ul { margin: 8px 0 0 20px; padding:0; }
  li { margin: 4px 0; }
  .cmd { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace; background:#f5f7fb; padding: .18rem .45rem; border-radius: 6px; border:1px solid #e8ecf3; }
  .tag { display:inline-block; padding:.18rem .5rem; border-radius:8px; font-size:.8rem; margin:.12rem .2rem; background:#eefdf8; border:1px solid #c7f2e6; color:#0a9d84; }
  table { border-collapse: collapse; width: 100%; font-size: .98rem; margin-top: 8px; }
  th, td { border:1px solid var(--border); padding:8px 10px; vertical-align: top; }
  th { background:#f7f9ff; text-align:left; }
  .footer { color: var(--muted); text-align:center; margin-top: 26px; font-size: .9rem; }
}