:root {
      --bg: #ffffff;
      --card: #f7f8fa;
      --ink: #0f172a;
      --muted: #64748b;
      --brand: #0ea5e9;
      --accent: #10b981;
      --ring: rgba(14,165,233,0.35);
      --radius: 16px;
    }
    * { box-sizing: border-box; }
    body { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; margin: 0; color: var(--ink); background: var(--bg); }
    header { position: sticky; top: 0; z-index: 20; backdrop-filter: saturate(180%) blur(8px); background: rgba(255,255,255,0.85); border-bottom: 1px solid #e5e7eb; }
    .wrap { max-width: 1100px; margin: 0 auto; padding: 16px; }
    .brand { display:flex; align-items:center; gap:12px; }
    .brand h1 { font-size: 20px; margin: 0; letter-spacing: .3px; }
    .tabs { display:flex; gap:8px; flex-wrap: wrap; margin-top: 12px; }
    .tab { border: 1px solid #e5e7eb; background: #fff; padding: 10px 14px; border-radius: 999px; cursor:pointer; font-weight:600; color:#0f172a; }
    .tab[aria-selected="true"] { background: var(--brand); border-color: var(--brand); color: #fff; }
    main { padding: 22px 16px 64px; }
    .grid { display:grid; gap:16px; grid-template-columns: repeat(12, 1fr); }
    .card { background: var(--card); border:1px solid #e5e7eb; border-radius: var(--radius); padding:16px; }
    .card h3 { margin: 0 0 10px 0; font-size: 18px; }
    .muted { color: var(--muted); font-size: 14px; }
    .pill { display:inline-block; padding:6px 10px; border-radius:999px; background:#fff; border:1px solid #e5e7eb; margin:4px 6px 0 0; font-size: 13px; }
    .btn { appearance:none; border:none; border-radius: 10px; padding: 10px 14px; font-weight:600; cursor:pointer; }
    .btn-primary { background: var(--brand); color:#fff; }
    .btn-ghost { background:#fff; border:1px solid #e5e7eb; }
    .btn-outline { background:transparent; border:1px solid var(--brand); color: var(--brand); }
    .row { display:flex; gap:12px; align-items:center; flex-wrap: wrap; }
    input[type="text"], select { width:100%; padding:12px 14px; border-radius: 10px; border:1px solid #e5e7eb; outline:none; }
    input[type="text"]:focus { border-color: var(--brand); box-shadow: 0 0 0 4px var(--ring); }
    .results { display:grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap:16px; }
    .product { background:#fff; border:1px solid #e5e7eb; border-radius: var(--radius); padding:16px; display:flex; flex-direction:column; gap:8px; }
    .product .title { font-weight:700; }
    .product a { text-decoration:none; color: var(--brand); font-weight:600; }
    .kicker { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing:.1em; }
    .section-title { display:flex; align-items:center; justify-content:space-between; margin: 8px 0 14px; }
    .chips { display:flex; flex-wrap: wrap; gap:8px; }
    .chip { border:1px solid #e5e7eb; background:#fff; border-radius:999px; padding:8px 12px; cursor:pointer; font-weight:600; }
    .chip.active { background: var(--accent); border-color: var(--accent); color:#fff; }
    footer { border-top:1px solid #e5e7eb; padding:24px 16px; color: var(--muted); font-size: 13px; }
    .notice { background:#ecfeff; border:1px solid #bae6fd; padding:12px; border-radius:12px; }
    .two-col { display:grid; gap:16px; grid-template-columns: 1fr; }
    @media (min-width: 900px) { .two-col { grid-template-columns: 1.2fr 1fr; } }
  html, body, #container
{
   width: 100%;
   height: 100%;
}
body
{
   background-color: #FFFFFF;
   color: #400000;
   font-family: Garamond;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #400000;
   text-decoration: underline;
}
a:hover
{
   color: #400000;
   text-decoration: underline;
}
  :root{
    --la-brand:#D4AF37; --la-dark:#111; --la-light:#fff; --la-border:#e5e7eb;
    --la-shadow:0 10px 25px rgba(0,0,0,.15); --la-radius:14px; --la-z:2147480000
  }
  /* Skip link */
  .la-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
  .la-skip:focus{position:fixed;left:16px;top:16px;z-index:var(--la-z);background:#111;color:#fff;padding:10px 14px;border-radius:10px}
  /* Focus ring (only when it should show) */
  :where(a,button,[role="button"],input,select,textarea,summary):focus-visible{outline:3px solid #0B5FFF;outline-offset:2px}
  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
  /* Tappable target */
  :where(a,button,[role="button"]){min-height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center}
  /* Visually hidden helper */
  .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

  /* Launcher */
  #la-widget-launcher{
    position:fixed;right:18px;bottom:18px;z-index:var(--la-z);
    background:var(--la-brand);color:var(--la-light);border:none;border-radius:999px;
    padding:14px 18px;font:600 16px/1.1 system-ui,Arial,sans-serif;box-shadow:var(--la-shadow);
    display:inline-flex;align-items:center;gap:8px;cursor:pointer
  }
  #la-widget-launcher:focus-visible{outline:3px solid #000;outline-offset:2px}

  /* Panel */
  #la-widget-panel{
    position:fixed;right:18px;bottom:74px;width:min(92vw,380px);z-index:var(--la-z);
    background:#fff;color:#111;border:1px solid var(--la-border);border-radius:var(--la-radius);
    box-shadow:var(--la-shadow);transform:translateY(20px);opacity:0;pointer-events:none;
    transition:transform .2s,opacity .2s
  }
  #la-widget-panel.la-open{transform:translateY(0);opacity:1;pointer-events:auto}
  .la-hdr{padding:10px;background:#f8fafc;border-bottom:1px solid var(--la-border);text-align:center}
  .la-hdr h3{margin:0;font:700 16px/1.2 system-ui,Arial,sans-serif}
  .la-body{padding:10px 14px 14px;max-height:65vh;overflow:auto}
  .la-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px dashed var(--la-border)}
  .la-row:last-child{border-bottom:0}
  .la-btn,.la-toggle{border:1px solid var(--la-border);background:#fff;border-radius:10px;padding:8px 10px;font:600 14px/1 system-ui;cursor:pointer}
  .la-btn:hover,.la-toggle:hover{background:#f3f4f6}
  .la-badge{font:600 12px/1 system-ui;padding:6px 8px;border-radius:8px;background:#eef2ff;border:1px solid #e0e7ff}
  .la-foot{padding:10px 14px;background:#f8fafc;border-top:1px solid var(--la-border);text-align:right}

  /* Modes */
  body.la-contrast *{color:#000!important;background:#fff!important;border-color:#000!important}
  body.la-readable{font-family:Arial,Helvetica,system-ui,-apple-system,"Segoe UI",sans-serif!important}
  body.la-lineheight{line-height:1.6!important}
  body.la-linkhighlight a,[role="link"]{outline:2px dashed #f59e0b!important;outline-offset:2px!important;background:#fff7ed!important}

  /* Full-page zoom */
  #la-zoom-root{transform-origin:top left; width:100%; position:relative}
  html,body{max-width:100%}
  body{overflow-x:hidden}

  /* Auto-contrast helper */
  .la-force-dark{color:#111!important}
  .la-underline-links a{text-decoration:underline}

  @media (max-width:480px){#la-widget-panel{width:calc(100vw - 24px)}}