:root{
    --mlrea-bg: #f6fbf7;
    --mlrea-card: #ffffff;
    --mlrea-accent: #10b981;
    --mlrea-accent-dark: #059669;
    --mlrea-muted: #6b7280;
    --mlrea-text: #0f172a;
    --mlrea-radius: 12px;
    --mlrea-max: 980px;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  }

  body.mlrea-body{margin:0;background:var(--mlrea-bg);color:var(--mlrea-text);-webkit-font-smoothing:antialiased}

  .mlrea-wrap{max-width:var(--mlrea-max);margin:28px auto;padding:20px;}
  .mlrea-card{background:var(--mlrea-card);border-radius:var(--mlrea-radius);box-shadow:0 8px 30px rgba(2,6,23,0.06);overflow:hidden}
  .mlrea-header{padding:28px 28px 12px;border-bottom:1px solid #eef6ee}
  .mlrea-brand{display:flex;gap:14px;align-items:center}
  .mlrea-logo{
    width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#baf3d6, #8fe0b6);display:flex;align-items:center;justify-content:center;
    font-weight:700;color:var(--mlrea-accent-dark);font-size:22px;border:3px solid rgba(5,150,105,0.12)
  }
  .mlrea-header h1{margin:0;font-size:20px}
  .mlrea-lead{margin:6px 0 0;color:var(--mlrea-muted);font-size:14px}

  .mlrea-content{padding:22px}
  .mlrea-section{margin-bottom:18px}
  .mlrea-section h2{margin:0 0 10px;font-size:16px;color:var(--mlrea-accent-dark)}
  .mlrea-muted{color:var(--mlrea-muted);font-size:14px}

  .mlrea-content ul{padding-left:20px;margin-top:8px}
  .mlrea-content li{margin:8px 0;line-height:1.5}

  .mlrea-summary{
    display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;
  }
  .mlrea-box{
    background:linear-gradient(180deg,#f7fff9,#ffffff);border-radius:10px;padding:12px;border:1px solid #ecf6ee;
  }
  .mlrea-box strong{display:block;font-size:13px;color:var(--mlrea-accent-dark)}
  .mlrea-box p{margin:6px 0 0;color:var(--mlrea-muted);font-size:13px}

  table.mlrea-specs{width:100%;border-collapse:collapse;margin-top:10px}
  table.mlrea-specs td{padding:8px;border-top:1px dashed #eef6ee;font-size:14px}
  table.mlrea-specs td:first-child{width:42%;color:var(--mlrea-muted)}

  .mlrea-cta-row{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
  .mlrea-btn{background:var(--mlrea-accent);color:white;border:0;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}
  .mlrea-btn.ghost{background:transparent;border:1px solid #dfeff0;color:var(--mlrea-accent-dark)}
  .mlrea-note{font-size:13px;color:var(--mlrea-muted);margin-top:8px}

  /* signature area */
  .mlrea-signature{display:flex;gap:18px;align-items:flex-end;margin-top:18px;flex-wrap:wrap}
  .mlrea-sig-box{flex:1;min-width:220px;padding:14px;border-radius:10px;background:#fbfffb;border:1px solid #ecf7ee;text-align:center}
  .mlrea-sig-box .mlrea-line{height:2px;background:linear-gradient(90deg,#ddd,#bbb);margin:22px 0}
  .mlrea-sig-small{font-size:13px;color:var(--mlrea-muted)}

  /* footer */
  .mlrea-footer{padding:16px 22px;background:#f0fff4;border-top:1px solid #ecf7ee;color:var(--mlrea-muted);font-size:13px;border-radius:0 0 var(--mlrea-radius) var(--mlrea-radius)}
  .mlrea-small{font-size:13px;color:var(--mlrea-muted)}

  /* responsive */
  @media (max-width:760px){
    .mlrea-summary{grid-template-columns:1fr}
    .mlrea-header{padding:18px}
    .mlrea-content{padding:14px}
  }

  /* print */
  @media print{
    body.mlrea-body{background:white}
    .mlrea-wrap{box-shadow:none;margin:0;padding:0}
    .mlrea-btn{display:none}
    .mlrea-footer{display:none}
  }