/* Condition pages (/treatment/<category>/<condition>) - 2026-11-11
   Builds on blog.css (.jpb). Text runs the full page width on large screens and wraps only on smaller screens. */
.jpb.cond{padding-top:8px}
.jpb.cond .article-head,
.jpb.cond .article-body,
.jpb.cond .refs,
.jpb.cond .disclaimer,
.jpb.cond .author-box,
.jpb.cond .back-row{max-width:none}
.jpb.cond .article-head{margin-top:18px}
/* 2026-11-12: space between the category tag (e.g. "Pain Management") and the intro line */
.jpb.cond .article-head .cat-tag{display:inline-block;margin-bottom:14px}
.jpb.cond .article-head .cat-tag + .standfirst{margin-top:14px}
.jpb.cond .article-body{margin-top:28px}
.jpb.cond .tbl-note{font-size:.95rem;color:var(--muted)}
.jpb.cond .redflag .t-label + ul{margin-bottom:14px}
.jpb.cond .redflag ul:last-child{margin-bottom:0}

/* Link cards: exercises + articles */
.jpb .link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:1.2em 0 1.6em}
.jpb .link-grid .lcard{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}
.jpb .link-grid .lcard:hover{transform:translateY(-2px);border-color:var(--green)}
.jpb .link-grid .l-kind{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-weight:700}
.jpb .link-grid .l-title{font-size:1.04rem;font-weight:700;line-height:1.35}
.jpb .link-grid .l-sub{font-size:.9rem;color:var(--muted);line-height:1.45}

/* FAQ */
.jpb .faq{margin:1em 0 2em;border-top:1px solid var(--line)}
.jpb .faq details{border-bottom:1px solid var(--line);padding:4px 0}
.jpb .faq summary{cursor:pointer;list-style:none;font-weight:700;padding:14px 36px 14px 0;position:relative;line-height:1.45}
.jpb .faq summary::-webkit-details-marker{display:none}
.jpb .faq summary::after{content:"+";position:absolute;right:6px;top:10px;font-size:1.4rem;color:var(--green);font-weight:400}
.jpb .faq details[open] summary::after{content:"\2212"}
.jpb .faq details p{margin:0 0 14px;color:var(--ink)}

@media (max-width:900px){.jpb .link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.jpb .link-grid{grid-template-columns:1fr}}