/* Extracted from user-guide.html block 1. */
/* ── MyKyah brand palette: navy #0A0A0B + teal #0D9488 ── */
    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#FFFFFF;color:#1A1A2E;line-height:1.7;font-size:16.5px}
    .container{max-width:920px;margin:0 auto;padding:0 28px}

    .guide-header{background:linear-gradient(135deg,#FFFFFF 0%,#0D9488 100%);color:white;padding:46px 0;border-bottom:4px solid #0D9488}
    .guide-header .container{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
    .guide-header h1{font-family:'Cormorant',Georgia,serif;font-size:46px;font-weight:700;letter-spacing:-0.5px;line-height:1.05}
    .guide-header .sub{font-size:15.5px;opacity:0.92;margin-top:8px;font-weight:500}
    .guide-header .meta{margin-top:10px;font-size:13px;opacity:0.78}
    .guide-header .meta a{color:#0F766E;text-decoration:underline;font-weight:600}
    .pdf-btn{margin-left:auto;padding:12px 22px;background:#FAFBFC;color:#0D9488;border:none;cursor:pointer;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:'DM Sans',sans-serif;border-radius:7px;transition:transform 0.12s,box-shadow 0.12s}
    .pdf-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.18)}

    .guide-nav{background:#FAFBFC;border-bottom:1px solid #EDEDED;padding:16px 0;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px rgba(0,0,0,0.05)}
    .guide-nav .container{display:flex;flex-wrap:wrap;gap:8px}
    .guide-nav a{padding:7px 14px;border-radius:20px;font-size:12.5px;font-weight:600;text-decoration:none;color:#0D9488;border:1px solid rgba(13, 148, 136,0.3);background:#FAFBFC;transition:all 0.15s}
    .guide-nav a:hover{background:#0D9488;color:white;border-color:#0D9488}

    .guide-body{padding:46px 0 100px}

    h2{font-family:'Cormorant',Georgia,serif;font-size:38px;font-weight:700;color:#1A1A2E;margin:58px 0 16px;padding-bottom:10px;border-bottom:3px solid #0D9488;letter-spacing:-0.3px;line-height:1.1}
    h2:first-of-type{margin-top:0}
    h3{font-family:'Cormorant',Georgia,serif;font-size:27px;font-weight:600;color:#0D9488;margin:34px 0 10px;letter-spacing:-0.2px}
    h4{font-size:13px;font-weight:700;color:#0D9488;margin:22px 0 8px;text-transform:uppercase;letter-spacing:1.5px}
    p{font-size:16.5px;margin-bottom:14px;color:#404040}
    li{font-size:16.5px;margin-bottom:8px;color:#404040}
    ul,ol{padding-left:26px;margin-bottom:18px}
    strong{font-weight:700;color:#1A1A2E}
    code{background:#FAFBFC;color:#0D9488;padding:1px 6px;border-radius:4px;font-size:14.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

    table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;background:#FAFBFC;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.06)}
    th{background:#FFFFFF;color:white;padding:12px 16px;text-align:left;font-weight:600;font-size:13.5px;letter-spacing:0.3px}
    td{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.08);color:#404040}
    tr:last-child td{border-bottom:none}
    tr:nth-child(even){background:#FAFBFC}

    .callout{padding:16px 20px;border-radius:10px;margin:18px 0;font-size:15.5px;border-left:5px solid;background:#FAFBFC;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
    .callout-tip{background:rgba(13, 148, 136,0.07);border-color:#0D9488}
    .callout-tip strong{color:#0D9488}
    .callout-warn{background:rgba(245,158,11,0.10);border-color:#F59E0B}
    .callout-warn strong{color:#B45309}
    .callout-help{background:rgba(220,38,38,0.06);border-color:#DC2626}
    .callout-help strong{color:#B91C1C}

    .step-list{counter-reset:steps;list-style:none;padding-left:0}
    .step-list>li{counter-increment:steps;padding:14px 0 14px 50px;position:relative;border-left:2px solid rgba(13, 148, 136,0.25);margin-left:14px;font-size:16.5px}
    .step-list>li::before{content:counter(steps);position:absolute;left:-18px;top:12px;width:36px;height:36px;background:#0D9488;color:white;border-radius:50%;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid white}

    .big-button-demo{display:inline-block;padding:6px 14px;background:#FFFFFF;color:white;border-radius:7px;font-weight:600;font-size:13px;letter-spacing:0.3px;margin:0 2px;white-space:nowrap}
    .teal-button{background:#0D9488;color:white}
    .green-button{background:#10B981;color:white}
    .red-button{background:#DC2626;color:white}

    .footer{background:#FFFFFF;color:rgba(255,255,255,0.66);padding:36px 0;text-align:center;font-size:13px;border-top:4px solid #0D9488}
    .footer strong{color:#0F766E}

    @media print {
      body{font-size:11pt;color:#1A1A2E;background:#FAFBFC}
      .guide-header{background:#FFFFFF !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
      .pdf-btn,.guide-nav{display:none !important}
      .footer{background:#FFFFFF !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
      h2{page-break-after:avoid;color:#1A1A2E !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
      h3,h4{page-break-after:avoid}
      table,.callout{page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
      th{background:#FFFFFF !important;color:white !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
    }