/* Page-specific additions for the Kuai Kuai English case study. */
.layana-case-study .breadcrumb {
      font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.04em;
      color: rgba(255,255,255,0.5); margin-bottom: 1.3rem;
      display: flex; flex-wrap: wrap; gap: 0.45rem;
    }
    .layana-case-study .breadcrumb a { color: rgba(255,255,255,0.5); }
    .layana-case-study .breadcrumb a:hover { color: var(--j-orange); opacity: 1; }
    .layana-case-study .breadcrumb span[aria-hidden] { opacity: 0.5; }
    .layana-case-study .body-copy { font-size: 0.93rem; color: #444; line-height: 1.8; margin-bottom: 1.3rem; max-width: 72ch; }
    .layana-case-study .body-copy:last-child { margin-bottom: 0; }
    .layana-case-study .fig-ph img.fig-img { display: block; width: 100%; height: auto; }
    .layana-case-study .fig-ph.img-missing img.fig-img { display: none; }
    .layana-case-study .fig-ph figcaption .img-credit { display: block; margin-top: 0.3rem; font-size: 0.72rem; color: #999; }
    .layana-case-study .rule-grid {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
      background: var(--j-rule); border: 1px solid var(--j-rule); border-radius: 4px; overflow: hidden; margin-bottom: 2.2rem;
    }
    @media (max-width: 700px) { .layana-case-study .rule-grid { grid-template-columns: 1fr; } }
    .layana-case-study .rule-card { background: #fff; padding: 1.8rem 1.6rem; transition: background 0.2s; }
    .layana-case-study .rule-card:hover { background: #f8f7f6; }
    .layana-case-study .rule-num { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--j-orange); margin-bottom: 0.8rem; font-weight: 500; }
    .layana-case-study .rule-card h3 { font-size: 1rem; font-weight: 700; color: var(--j-blue); margin-bottom: 0.55rem; line-height: 1.3; }
    .layana-case-study .rule-card p { font-size: 0.86rem; color: #666; line-height: 1.7; }
    .layana-case-study .color-chip {
      display: inline-block; width: 11px; height: 11px; border-radius: 50%;
      margin-right: 0.45rem; vertical-align: baseline; border: 1px solid rgba(0,0,0,0.12);
    }
    .layana-case-study .chip-green  { background: #2e9e4f; }
    .layana-case-study .chip-yellow { background: #f2c500; }
    .layana-case-study .chip-red    { background: #d0342c; }
    .layana-case-study .ref-list { list-style: none; counter-reset: ref; margin-top: 0.5rem; }
    .layana-case-study .ref-list li {
      counter-increment: ref; position: relative; padding: 0.7rem 0 0.7rem 2.4rem;
      font-size: 0.85rem; color: #555; line-height: 1.65; border-bottom: 1px solid var(--j-rule);
    }
    .layana-case-study .ref-list li:last-child { border-bottom: none; }
    .layana-case-study .ref-list li::before {
      content: counter(ref, decimal-leading-zero); position: absolute; left: 0; top: 0.8rem;
      font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.08em; color: var(--j-orange); font-weight: 700;
    }
    .layana-case-study .ref-list li em { color: var(--j-blue); font-style: normal; font-weight: 700; }