/* ============ Theme ============ */
    :root{
      --bg:#0b1220; --card:#121a2b; --ink:#e9eef9; --muted:#b9c8dd; --accent:#7cc5ff;
      --ok:#42e6a0; --warn:#ffd166; --bad:#ff8fa3; --border:#243655;
      --shadow:0 10px 24px rgba(0,0,0,.28); --radius:16px;
      --maxw:1200px; --maxw-wide:1320px;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;line-height:1.65}
    img{max-width:100%;height:auto}
    a{color:var(--accent);text-decoration:none}
    a:hover{text-decoration:underline}
    .container{max-width:var(--maxw-wide);margin:0 auto;padding:16px}
    .grid{display:grid;gap:20px}
    .main-grid{grid-template-columns:320px 1fr}
    @media (max-width:1000px){.main-grid{grid-template-columns:1fr}}
    .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
    .pad{padding:20px}
    .article header{padding:20px 20px 0}
    .article h1{font-size:2rem;margin:.25em 0}
    .meta{color:var(--muted);font-size:.92rem}
    .note{background:#0e1b31;border:1px dashed var(--border);padding:14px;border-radius:12px}
    .kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#0f1830;border:1px solid var(--border);padding:2px 6px;border-radius:6px}
    .pill{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:6px 10px}
    .btn{display:inline-block;padding:10px 14px;border-radius:12px;background:var(--accent);color:#08101d;font-weight:700}
    .btn:hover{text-decoration:none;opacity:.95}
    .badge{background:var(--accent);color:#08101d;border-radius:10px;padding:2px 8px;font-weight:700}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

    /* ============ Hero ============ */
    .hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
    @media (max-width:980px){.hero{grid-template-columns:1fr}}
    .hero-figure{border:1px solid var(--border);border-radius:18px;padding:16px}
    .hero h1{font-size:2.25rem}
    .hero .quick-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

    /* ============ Flexible blocks ============ */
    .features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    @media (max-width:1100px){.features{grid-template-columns:repeat(2,1fr)}}
    @media (max-width:720px){.features{grid-template-columns:1fr}}
    .feature{display:flex;gap:14px;padding:16px;border:1px solid var(--border);border-radius:14px}
    .feature .ico{font-size:32px;line-height:1}

    /* ============ Carousel ============ */
    .carousel{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--border)}
    .slides{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
    .slide{min-width:100%;scroll-snap-align:start;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}
    @media (max-width:900px){.slide{grid-template-columns:1fr}}
    .slide-visual{border:1px dashed var(--border);border-radius:12px;padding:16px;text-align:center}
    .dots{display:flex;gap:8px;justify-content:center;padding:12px}
    .dot{width:10px;height:10px;border-radius:50%;background:#274167;display:inline-block}

    /* ============ Lists / grids ============ */
    .list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    @media (max-width:720px){.list-grid{grid-template-columns:1fr}}
    .directory{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    @media (max-width:1200px){.directory{grid-template-columns:repeat(2,1fr)}}
    @media (max-width:720px){.directory{grid-template-columns:1fr}}
    .biz{border:1px solid var(--border);border-radius:14px;padding:16px}
    .biz h3{margin:.1em 0}
    .biz small{color:var(--muted)}
    .biz .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
    .tag{font-size:.85rem;border:1px solid var(--border);border-radius:999px;padding:4px 8px}

    /* ============ Tables ============ */
    .table{width:100%;border-collapse:collapse;border:1px solid var(--border)}
    .table th,.table td{border:1px solid var(--border);padding:10px;vertical-align:top}
    .table th{background:#0e1b31}

    /* ============ Forms ============ */
    .form{display:grid;grid-template-columns:2fr 1fr;gap:10px}
    @media (max-width:720px){.form{grid-template-columns:1fr}}
    input[type="email"],input[type="text"],select,textarea{
      width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:#0e1830;color:var(--ink)
    }
    button[type="submit"]{padding:12px;border-radius:12px;border:0;background:var(--accent);color:#08101d;font-weight:700}
    .lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    @media (max-width:900px){.lead-form{grid-template-columns:1fr}}
    .lead-form .full{grid-column:1 / -1}

    /* ============ Ad / promo ============ */
    .ad-slot{
      border:1px dashed var(--border);background:#0f1830;padding:18px;border-radius:14px;
      text-align:center;color:var(--muted);font-size:.95rem
    }
    .promo{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
    @media (max-width:860px){.promo{grid-template-columns:1fr}}

    /* ============ Breadcrumb ============ */
    .breadcrumb{font-size:.9rem;color:var(--muted);margin-bottom:12px}
    .breadcrumb a{color:var(--muted)}
    /* Sidebar defaults */
    #__sidebar .widget{padding:16px}
  </style>

  <!-- Schema: WebSite + Breadcrumb -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"WebSite",
    "name":"Cincinnati Skincare",
    "url":"index.html",
    "potentialAction":{
      "@type":"SearchAction",
      "target":"search.html?q={query}",
      "query-input":"required name=query"
    }
  }
  </script>
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"BreadcrumbList",
    "itemListElement":[
      {"@type":"ListItem","position":1,"name":"Home","item":"index.html"}
    ]
  }