.recipe-page{--cook:#0e7490;--cook-bg:#ecfeff;--cook-line:#a5f3fc}
  .recipe-page .btn--cook{background:var(--cook);color:#fff;display:inline-flex;align-items:center;gap:7px;font-weight:800;
    font-size:14px;padding:9px 16px;border-radius:9px;border:1px solid transparent;text-decoration:none}
  .recipe-page .btn--cook:hover{background:#0c5e76;text-decoration:none}

  .recipe-page .rhead{background:radial-gradient(800px 300px at 15% -60px,var(--cook-bg),transparent);
    border-bottom:1px solid var(--line);padding:26px 0 30px}
  .recipe-page .crumb{font-size:13px;color:var(--muted);font-family:var(--mono);margin-bottom:16px;display:flex;gap:7px;flex-wrap:wrap}
  .recipe-page .crumb a{color:var(--cook)}.recipe-page .crumb .sepc{color:#cbd5e1}
  .recipe-page .rtag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;font-weight:800;
    letter-spacing:.03em;color:var(--cook);background:var(--cook-bg);border:1px solid var(--cook-line);
    border-radius:999px;padding:4px 11px}
  .recipe-page .rtag .d{width:7px;height:7px;border-radius:50%;background:var(--cook)}
  .recipe-page .rhead h1{font-size:33px;line-height:1.15;margin:14px 0 8px;font-weight:850;letter-spacing:-.02em}
  .recipe-page .rhead .lead{font-size:16.5px;color:var(--slate);max-width:680px;margin:0 0 18px}
  .recipe-page .rmeta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
  .recipe-page .rmeta .m{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--slate);background:#fff;
    border:1px solid var(--line);border-radius:7px;padding:5px 10px;display:inline-flex;gap:6px;align-items:center}
  .recipe-page .rmeta .m b{color:var(--ink)}
  .recipe-page .rmeta .rev{margin-left:auto;font-size:12px;color:var(--muted)}

  .recipe-page .rbody{padding:30px 0 50px}
  .recipe-page .rlayout{display:grid;grid-template-columns:1fr 230px;gap:34px;align-items:start}
  .recipe-page .rlayout > div{min-width:0}

  .recipe-page .ten{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--cook);
    border-radius:12px;padding:18px 20px;margin-bottom:26px}
  .recipe-page .ten h3{margin:0 0 7px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--cook)}
  .recipe-page .ten p{margin:0;font-size:15px;color:var(--ink);line-height:1.6}
  .recipe-page .sympt{background:var(--warn-bg);border:1px solid #fde68a;border-radius:12px;padding:16px 18px;margin-bottom:30px}
  .recipe-page .sympt h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--warn);display:flex;gap:8px;align-items:center}
  .recipe-page .sympt ul{margin:0;padding-left:20px}.recipe-page .sympt li{font-size:14px;color:#7c5408;margin:3px 0}

  .recipe-page .phase{display:flex;align-items:center;gap:12px;margin:30px 0 16px}
  .recipe-page .phase .pn{font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    color:#fff;border-radius:6px;padding:4px 10px}
  .recipe-page .phase.diag .pn{background:#1d4ed8}.recipe-page .phase.fix .pn{background:var(--sev1)}.recipe-page .phase.verify .pn{background:var(--ok)}
  .recipe-page .phase h2{margin:0;font-size:19px;font-weight:820}
  .recipe-page .phase .line{flex:1;height:1px;background:var(--line)}

  .recipe-page .steps{position:relative;margin-left:14px;padding-left:30px;border-left:2px solid var(--line)}
  .recipe-page .step{position:relative;margin-bottom:24px}
  .recipe-page .step .num{position:absolute;left:-44px;top:0;width:28px;height:28px;border-radius:50%;
    background:#fff;border:2px solid var(--cook);color:var(--cook);font-family:var(--mono);font-weight:800;
    font-size:13px;display:grid;place-items:center}
  .recipe-page .step h4{margin:2px 0 6px;font-size:16px}
  .recipe-page .step p{margin:0 0 10px;font-size:14px;color:var(--slate);line-height:1.6}
  .recipe-page .codeblock{background:var(--code-bg);border-radius:10px;overflow:hidden;border:1px solid #1e293b;margin:0 0 10px}
  .recipe-page .codeblock .cap{display:flex;align-items:center;gap:8px;padding:7px 13px;border-bottom:1px solid #1e293b;
    font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}
  .recipe-page .codeblock .cap .lbl{padding:1px 7px;border-radius:5px}
  .recipe-page .cap .lbl--run{background:#13233d;color:#7cb3ff}.recipe-page .cap .lbl--out{background:#06140c;color:#86efac}
  .recipe-page .codeblock pre{margin:0;padding:13px 15px;font-size:12.5px;line-height:1.55;color:var(--code-ink);overflow:auto}
  .recipe-page .codeblock pre.out{color:#bbf7d0}
  .recipe-page .note{font-size:13px;color:var(--muted);border-left:3px solid var(--cook-line);padding:2px 0 2px 12px;margin:0 0 10px}
  .recipe-page .body p,.recipe-page .prevent-content p{margin:0 0 14px;font-size:15px;line-height:1.7;color:var(--ink)}
  .recipe-page .body p + p{margin-top:0}
  .recipe-page .body h3{margin:22px 0 10px;font-size:16px;font-weight:800}

  .recipe-page .pitfalls{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px 22px;margin:34px 0}
  .recipe-page .pitfalls h3{margin:0 0 12px;font-size:15px;display:flex;gap:9px;align-items:center}
  .recipe-page .pitfalls h3 .ic{width:24px;height:24px;border-radius:7px;background:#fef2f2;color:var(--sev1);display:grid;place-items:center;font-size:13px}
  .recipe-page .pitfalls .pf{display:flex;gap:11px;padding:8px 0;border-top:1px dashed var(--line);font-size:14px;color:var(--slate)}
  .recipe-page .pitfalls .pf:first-of-type{border-top:0}
  .recipe-page .pitfalls .pf .x{color:var(--sev1);font-weight:800;flex:none}

  .recipe-page .prevent{background:linear-gradient(160deg,#faf5ff,#fff);border:1px solid #ddd6fe;border-radius:15px;
    padding:26px;margin:30px 0;position:relative}
  .recipe-page .prevent .lk{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;
    letter-spacing:.05em;color:var(--pro);background:#fff;border:1px solid #ddd6fe;border-radius:6px;padding:4px 10px}
  .recipe-page .prevent h3{margin:13px 0 8px;font-size:20px}
  .recipe-page .prevent p{margin:0 0 14px;color:var(--slate);font-size:14.5px}
  .recipe-page .prevent ul{list-style:none;margin:0 0 18px;padding:0}
  .recipe-page .prevent li{display:flex;gap:10px;padding:5px 0;font-size:14px;color:var(--slate)}
  .recipe-page .prevent li .k{color:var(--pro);font-weight:800}
  .recipe-page .prevent .cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
  .recipe-page .prevent .price{font-family:var(--mono);font-weight:800;color:var(--ink)}

  .recipe-page .rrail{position:sticky;top:80px}
  .recipe-page .rrail .toc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
  .recipe-page .rrail h5{font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 11px}
  .recipe-page .rrail .toc a{display:flex;gap:9px;align-items:center;color:var(--slate);font-size:13px;font-weight:600;padding:5px 0}
  .recipe-page .rrail .toc a:hover{color:var(--ink);text-decoration:none}
  .recipe-page .rrail .toc a .b{width:7px;height:7px;border-radius:50%;flex:none}
  .recipe-page .b-diag{background:#1d4ed8}.recipe-page .b-fix{background:var(--sev1)}.recipe-page .b-verify{background:var(--ok)}
  .recipe-page .rrail .share{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
  .recipe-page .rrail .share .row{display:flex;gap:8px;margin-top:8px}
  .recipe-page .rrail .share .ic{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;color:var(--slate)}
  .recipe-page .rrail .share a.ic:hover{border-color:var(--cook);color:var(--cook);text-decoration:none}
  .recipe-page .rrail .share .copy-link-btn{background:none;cursor:pointer;font-size:inherit;font-family:inherit;line-height:1}

  .recipe-page .related{border-top:1px solid var(--line);padding-top:26px;margin-top:10px}
  .recipe-page .related h3{margin:0 0 14px;font-size:17px}
  .recipe-page .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
  .recipe-page .rel{display:block;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:15px;border-left:4px solid var(--cook)}
  .recipe-page .rel:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.07);transition:.12s}
  .recipe-page .rel .tk{font-family:var(--mono);font-size:10.5px;font-weight:800;color:var(--cook)}
  .recipe-page .rel h4{margin:7px 0 0;font-size:14px;color:var(--ink)}

  @media(max-width:980px){
    /* Header */
    .recipe-page .rhead{padding:20px 0 22px}
    .recipe-page .rhead h1{font-size:24px;letter-spacing:-.015em}
    .recipe-page .rhead .lead{font-size:15px}
    .recipe-page .rmeta{gap:6px}
    .recipe-page .rmeta .m{font-size:11px;padding:4px 8px}
    .recipe-page .rmeta .rev{margin-left:0;width:100%}

    /* Layout */
    .recipe-page .rlayout{grid-template-columns:1fr}
    .recipe-page .rrail{display:none}
    .recipe-page .rel-grid{grid-template-columns:1fr}
    .recipe-page .rbody{padding:20px 0 36px}

    /* In-10 and sympt boxes */
    .recipe-page .ten{padding:14px 15px;margin-bottom:18px}
    .recipe-page .sympt{padding:13px 14px;margin-bottom:20px}

    /* Phase headers */
    .recipe-page .phase{gap:8px;margin:22px 0 12px;flex-wrap:wrap}
    .recipe-page .phase h2{font-size:17px}
    .recipe-page .phase .line{display:none}

    /* Steps */
    .recipe-page .steps{margin-left:0;padding-left:20px}
    .recipe-page .step .num{left:-32px;width:24px;height:24px;font-size:11px}
    .recipe-page .step h4{font-size:15px}

    /* Code blocks: horizontal scroll, readable font */
    .recipe-page .codeblock{border-radius:8px;max-width:100%;overflow-x:auto !important;-webkit-overflow-scrolling:touch}
    .recipe-page .codeblock pre{font-size:11.5px;line-height:1.5;overflow-x:visible;max-width:none;white-space:pre}
    .recipe-page .codeblock .cap{font-size:10px;padding:5px 10px}

    /* Pitfalls */
    .recipe-page .pitfalls{padding:15px 16px;margin:22px 0}
    .recipe-page .pitfalls .pf{gap:8px;font-size:13px;padding:6px 0}

    /* Pro gate */
    .recipe-page .pro-gate{padding:15px;margin:14px 0}
    .recipe-page .pro-gate-header{flex-wrap:wrap;gap:7px}
    .recipe-page .pro-gate-header h3{font-size:14.5px}

    /* Rollback */
    .recipe-page .rollback-box{padding:14px 15px;margin:20px 0}

    /* Safe badge */
    .recipe-page .safe-badge{font-size:12.5px;padding:9px 12px}

    /* FAQ */
    .recipe-page .faq-q{font-size:13.5px;padding:11px 13px}
    .recipe-page .faq-a{font-size:13px;padding:0 13px 11px}

    /* Matrix table */
    .recipe-page .matrix-table{font-size:11.5px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}

    /* Prevent */
    .recipe-page .prevent{padding:18px;margin:18px 0}
    .recipe-page .prevent h3{font-size:17px}
    .recipe-page .prevent p,.recipe-page .prevent li{font-size:13.5px}
    .recipe-page .prevent .cta{flex-direction:column;align-items:flex-start;gap:8px}
    .recipe-page .prevent .price{font-size:13px}
    .recipe-page .prevent--unlocked .prevent-content pre{font-size:11px;overflow-x:auto;max-width:none;width:max-content;min-width:100%}

    /* Section h3 */
    .recipe-page .section-h3{font-size:16px;margin:24px 0 12px}

    /* Related */
    .recipe-page .related{padding-top:18px}
  }

  /* ── Small phones (≤ 640px): tighter wrap + overflow guard ──────────────── */
  @media(max-width:640px){
    /* Reduce wrap side-padding so content uses the full phone width */
    .recipe-page .rhead > .wrap,
    .recipe-page .rbody > .wrap{padding-left:14px;padding-right:14px}

    /* Prevent ANY element escaping the recipe page width */
    .recipe-page .body.recipe-content > *{max-width:100%;box-sizing:border-box}

    /* Code blocks: hard-contain on small phones */
    .recipe-page .codeblock{border-radius:6px;overflow-x:auto !important;-webkit-overflow-scrolling:touch}
    .recipe-page .codeblock pre{font-size:10.5px;overflow-x:visible;max-width:none}

    /* Main column: hard clamp so nothing escapes viewport */
    .recipe-page .rlayout > div:first-child{min-width:0;max-width:100%;overflow-x:hidden}

    /* Step numbers: reduce gap so circles stay visible */
    .recipe-page .steps{padding-left:26px}
    .recipe-page .step .num{left:-34px;width:22px;height:22px;font-size:10px}
    .recipe-page .step h4{font-size:14px}

    /* Phase badge: allow wrapping on very small screens */
    .recipe-page .phase .pn{font-size:10px;padding:3px 8px}
    .recipe-page .phase h2{font-size:16px}

    /* Header: stack meta pills full-width */
    .recipe-page .rhead h1{font-size:22px}
    .recipe-page .rmeta .m{font-size:10.5px;padding:3px 7px}

    /* Pitfall text: smaller */
    .recipe-page .pitfalls .pf{font-size:12.5px}

    /* FAQ */
    .recipe-page .faq-q{font-size:13px}

    /* Prevent box */
    .recipe-page .prevent{padding:14px}
    .recipe-page .prevent h3{font-size:16px}

    /* Note callouts */
    .recipe-page .note{font-size:12px}
  }

  /* ── Version matrix table ─────────────────────────────────────────────── */
  .recipe-page .matrix-table{width:100%;border-collapse:collapse;font-size:13px;margin:16px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
  .recipe-page .matrix-table th{background:var(--card);padding:9px 13px;text-align:left;font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--muted);border-bottom:2px solid var(--line)}
  .recipe-page .matrix-table td{padding:9px 13px;border-bottom:1px solid var(--line);vertical-align:top}
  .recipe-page .matrix-table tr:last-child td{border-bottom:0}
  .recipe-page .matrix-table code{font-size:12px}

  /* ── FAQ accordion ────────────────────────────────────────────────────── */
  .recipe-page .faq-section{margin:0}
  .recipe-page .faq-item{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;overflow:hidden;background:#fff}
  .recipe-page .faq-q{cursor:pointer;padding:13px 16px;font-size:14.5px;font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
  .recipe-page .faq-q::-webkit-details-marker{display:none}
  .recipe-page .faq-q::after{content:"＋";color:var(--cook);font-weight:400;flex:none}
  .recipe-page details[open] .faq-q::after{content:"－"}
  .recipe-page .faq-a{padding:0 16px 14px;font-size:14px;color:var(--slate);line-height:1.7;border-top:1px solid var(--line)}
  .recipe-page .faq-a p{margin:0}

  /* ── Pro gate box ────────────────────────────────────────────────────── */
  .recipe-page .pro-gate{border:1px solid #ddd6fe;border-radius:13px;padding:20px;margin:20px 0;background:linear-gradient(160deg,#faf5ff,#fff)}
  .recipe-page .pro-gate-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}
  .recipe-page .pro-gate-header h3{margin:0;font-size:16px}
  .recipe-page .pro-badge{background:#7c3aed;color:#fff;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:5px;letter-spacing:.04em;text-transform:uppercase;flex:none}
  .recipe-page.is-free .pro-gate{display:none !important}

  /* ── Rollback box ────────────────────────────────────────────────────── */
  .recipe-page .rollback-box{background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f97316;border-radius:10px;padding:18px;margin:28px 0}
  .recipe-page .rollback-box h3{margin:0 0 10px;font-size:15px;color:#c2410c}
  .recipe-page .rollback-box p{margin:0;font-size:14px;color:#7c2d12;line-height:1.7}

  /* ── Safe-concurrent badge ───────────────────────────────────────────── */
  .recipe-page .safe-badge{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:11px 15px;margin-bottom:16px;font-size:13.5px;color:#14532d;line-height:1.6}
  .recipe-page .safe-badge strong{color:#16a34a}

  /* ── Section h3 ──────────────────────────────────────────────────────── */
  .recipe-page .section-h3{margin:34px 0 16px;font-size:18px;font-weight:820}

  /* ── Pro unlocked prevent ────────────────────────────────────────────── */
  .recipe-page .prevent--unlocked{background:linear-gradient(160deg,#f0fdf4,#fff);border-color:#86efac}
  .recipe-page .prevent--unlocked .prevent-content{font-size:14px;color:var(--slate);line-height:1.7}
  .recipe-page .prevent--unlocked .prevent-content pre{background:var(--code-bg);border-radius:8px;padding:12px;font-size:12px;color:var(--code-ink);overflow:auto;margin:12px 0}

  /* ── References list ─────────────────────────────────────────────────── */
  .recipe-page .ref-list{padding-left:20px;margin:0}
  .recipe-page .ref-list li{margin:6px 0;font-size:13.5px}
  .recipe-page .ref-list a{color:var(--cook)}
  .recipe-page .ref-list a:hover{text-decoration:underline}