/* Cure4Pain block design layer (Claude). Brand: teal #183A37, sage #7C9287, leaf #6A973D, cream #E4E2D8, slate #4B6563, CTA coral #c0392b. */
:root{--c4p-teal:#183A37;--c4p-sage:#7C9287;--c4p-leaf:#6A973D;--c4p-cream:#E4E2D8;--c4p-slate:#4B6563;--c4p-ink:#22302e;--c4p-cta:#c0392b;--c4p-radius:16px}

.c4p-band{padding:clamp(48px,7vw,88px) 20px;margin:0!important}
.c4p-band h2{font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.25;margin:0 0 .9em;color:var(--c4p-teal)}
.c4p-band p,.c4p-band li{font-size:1.02rem;line-height:1.7;color:var(--c4p-ink)}
.c4p-note{font-size:.92rem!important;opacity:.85}

/* Hero */
.c4p-hero{background:linear-gradient(135deg,#dfe3dc 0%,#c3cec6 45%,#9eb1a6 100%);padding-top:clamp(28px,4vw,48px)}
.c4p-h1{font-size:clamp(2rem,4.4vw,3.2rem)!important;line-height:1.12!important;font-weight:700;color:#111!important;margin:.2em 0 .35em!important}
.c4p-eyebrow{font-weight:600;color:var(--c4p-teal)!important;font-size:1.08rem!important;margin:0 0 .6em}
.c4p-rule{border:0!important;border-top:4px solid var(--c4p-slate)!important;opacity:.6;width:100%;max-width:640px;margin:.4em 0 1.4em!important}
.c4p-hero strong{color:#1b2523}
.c4p-hero p a{color:inherit;text-decoration:underline;text-decoration-color:rgba(24,58,55,.4);text-underline-offset:3px}.c4p-hero p a:hover,.c4p-hero p a:focus{color:var(--c4p-teal);text-decoration-color:currentColor}
.c4p-hero-img img{width:100%;height:auto;max-width:440px;margin-inline:auto;display:block}
.c4p-leaf{margin-bottom:.2em!important}

/* Buttons */
.c4p-cta-row{margin:1.4em 0 1em}
.c4p-btn .wp-block-button__link{background:var(--c4p-cta);color:#fff;border-radius:6px;padding:.85em 1.6em;font-weight:600;text-decoration:none;transition:background-color .15s ease}
.c4p-btn .wp-block-button__link:hover,.c4p-btn .wp-block-button__link:focus-visible{background:#a93226}

/* Featured strip */
.c4p-featured{background:#f1f0ea;padding-block:clamp(28px,4vw,44px)}
.c4p-featured-title{margin:0!important;font-size:clamp(1.4rem,2.2vw,1.9rem)!important;color:#111!important}
.c4p-featured img{width:100%;height:auto}

/* Dark bands */
.c4p-dark{background:var(--c4p-teal)}
.c4p-dark h2{color:#fff}
.c4p-card{background:linear-gradient(180deg,#e3e5df,#a9b8ae);border-radius:var(--c4p-radius);padding:clamp(20px,3vw,36px);margin:0 auto 32px!important;max-width:900px;gap:clamp(16px,3vw,40px)!important}
.c4p-card:last-child{margin-bottom:0!important}
.c4p-portrait img{border-radius:50%;border:10px solid #d7d3c4;width:100%;max-width:300px;height:auto;margin-inline:auto;display:block;aspect-ratio:1/1;object-fit:cover}
.c4p-name{text-align:center;margin:0 0 .15em!important;color:#111!important;font-size:1.45rem!important}
.c4p-cred{text-align:center;font-weight:700;font-size:.95rem!important;margin:0 0 .35em}
.c4p-role{text-align:center;font-size:.95rem!important;margin:0 0 1em!important;color:#22302e}
.c4p-name a{color:inherit;text-decoration:none}.c4p-name a:hover,.c4p-name a:focus{text-decoration:underline}
.c4p-specialists .c4p-team-note{color:#e8efe9!important;text-align:center;max-width:760px!important;margin:0 auto!important;font-size:1rem!important;line-height:1.6}
.c4p-list{padding-left:1.2em;margin:0}
.c4p-list li{margin:.45em 0}

/* Cream / sage bands */
.c4p-cream{background:var(--c4p-cream)}
.c4p-approach h3{color:var(--c4p-teal);font-size:1.2rem;margin:1.6em 0 .4em}
.c4p-approach a{color:var(--c4p-teal);text-decoration:underline;text-decoration-color:rgba(24,58,55,.45);text-underline-offset:3px}.c4p-approach a:hover,.c4p-approach a:focus{text-decoration-color:currentColor}
.c4p-approach .c4p-more{font-weight:600;margin-top:.6em}
.c4p-sage{background:linear-gradient(180deg,#7C9287,#5f776c)}
.c4p-sage h2,.c4p-sage .c4p-note{color:#fff!important}

/* Blog grid */
.c4p-posts .wp-block-post-template{gap:24px}
.c4p-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.c4p-blogs .c4p-sub{text-align:center;color:#e8efe9!important;margin:-.4em auto 1.6em!important;max-width:none!important;font-size:1.05rem}
.c4p-post-grid .wp-block-post-featured-image{background:#1F4843}
.c4p-post-grid .wp-block-post-featured-image img{object-fit:contain!important}
.c4p-post-card{background:#f4f2ea;border-radius:var(--c4p-radius);overflow:hidden;padding:0 0 18px;height:100%}
.c4p-post-card>*{padding-inline:18px}
.c4p-post-card .wp-block-post-featured-image{padding:0;margin:0 0 12px}
.c4p-post-card .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.c4p-post-cat,.c4p-post-cat a{font-size:.78rem;color:var(--c4p-slate);text-decoration:none;text-transform:uppercase;letter-spacing:.04em}
.c4p-post-title{font-size:1.08rem!important;line-height:1.35;margin:.3em 0}
.c4p-post-title a{color:var(--c4p-teal);text-decoration:none}
.c4p-post-date{font-size:.82rem;color:var(--c4p-slate)}
.c4p-post-card .wp-block-post-excerpt__excerpt{font-size:.92rem;line-height:1.55}
.c4p-post-card .wp-block-post-excerpt__more-link{display:inline-block;margin-top:.4em;font-weight:600;color:var(--c4p-leaf)}

@media (max-width:781px){
  .c4p-hero-img img{max-width:220px}
  .c4p-card-rev{flex-direction:column-reverse}
  .c4p-posts .wp-block-post-template{grid-template-columns:1fr!important}
  .c4p-post-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.c4p-btn .wp-block-button__link{transition:none}}

/* Wireframe templates: ailment / approach / doctor pages */
.rank-math-breadcrumb{font-size:.85rem;color:var(--c4p-slate);margin:0 0 1rem}
.rank-math-breadcrumb a{color:var(--c4p-slate);text-decoration:none}
.c4p-reviewed{font-size:.9rem!important;color:var(--c4p-slate)!important;border-left:3px solid var(--c4p-leaf);padding-left:.75rem}
.c4p-keyfacts-title{margin-bottom:.3rem!important}
.c4p-keyfacts{background:#f4f2ea;border-radius:12px;padding:1rem 1.25rem}

/* Content pages (content SEO part 2, D37): condition hubs + rebuilt condition pages */
.c4p-sec{padding:clamp(32px,5vw,56px) 20px;margin:0!important}
.c4p-sec h2{font-size:clamp(1.45rem,2.4vw,1.95rem);line-height:1.25;color:var(--c4p-teal);margin:1.8em 0 .6em}
.c4p-sec h2:first-child,.c4p-sec h2[id="watch"]{margin-top:0}
.c4p-sec h3{font-size:1.2rem;color:var(--c4p-teal);margin:1.8em 0 .5em}
.c4p-sec p,.c4p-sec li{font-size:1.02rem;line-height:1.7;color:var(--c4p-ink)}
.c4p-sec li{margin:.35em 0}
.c4p-sec a{color:var(--c4p-teal)}
.c4p-pagehero{padding-bottom:clamp(32px,5vw,56px)}
.c4p-h1--page{font-size:clamp(1.8rem,3.6vw,2.6rem)!important}
.c4p-btn--ghost .wp-block-button__link{background:transparent;color:var(--c4p-teal);border:2px solid var(--c4p-teal)}
.c4p-btn--ghost .wp-block-button__link:hover,.c4p-btn--ghost .wp-block-button__link:focus-visible{background:var(--c4p-teal);color:#fff}
.c4p-tiles{list-style:none;margin:1em 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.c4p-tiles li{margin:0!important}
.c4p-tile{display:block;height:100%;box-sizing:border-box;background:#f4f2ea;border:1px solid #dedbd0;border-radius:12px;padding:14px 16px;color:var(--c4p-ink)!important;text-decoration:none}
a.c4p-tile:hover,a.c4p-tile:focus-visible{border-color:var(--c4p-leaf)}
.c4p-tile-title{display:block;font-weight:600;color:var(--c4p-teal);margin-bottom:.25em}
a.c4p-tile .c4p-tile-title::after{content:" \203A"}
.c4p-tile-text{display:block;font-size:.92rem;line-height:1.5}
.c4p-faq details,.c4p-case{border-bottom:1px solid #d3cfc2;padding:.85em 0}
.c4p-faq summary,.c4p-case summary{cursor:pointer;font-weight:600;color:var(--c4p-teal);font-size:1.04rem}
.c4p-faq details>p{margin:.6em 0 0}
.c4p-case summary{font-size:.98rem}
.c4p-case ul{padding-left:1.2em}
.c4p-case-table{width:100%;border-collapse:collapse;font-size:.88rem;display:block;overflow-x:auto}
.c4p-case-table td{border:1px solid #d3cfc2;padding:.45em .6em;vertical-align:top}
.c4p-case-table p{margin:0;font-size:.88rem}
.c4p-case-table th{border:1px solid #d3cfc2;padding:.45em .6em;background:#f4f2ea;text-align:left;vertical-align:top}
.c4p-labs{overflow-x:auto;margin:.6em 0 1em}
.c4p-labs table{border-collapse:collapse;font-size:.86rem;min-width:640px}
.c4p-labs th,.c4p-labs td{border:1px solid #d3cfc2;padding:.4em .55em;text-align:left}
.c4p-labs th{background:#f4f2ea;font-weight:600}
.c4p-labs td:first-child{font-weight:600;white-space:nowrap}
.c4p-labs figcaption{font-size:.82rem;opacity:.85;text-align:left}
.c4p-evidence table{font-size:.92rem}
.c4p-evidence th{background:#f4f2ea;text-align:left}
.c4p-ref{font-size:.86rem!important;line-height:1.5!important;margin:.35em 0!important;overflow-wrap:anywhere}
.c4p-sec .wp-block-image figcaption{font-size:.85rem;color:var(--c4p-slate);text-align:center}
.c4p-sec .wp-block-image img{border-radius:10px}
.c4p-sec .wp-block-embed{margin:1em 0 0}

/* D77: scientific explainer videos box (links to the patient portal Resources) */
.c4p-videos{padding:clamp(32px,5vw,56px) 20px;margin:0!important;background:#f3f5f2}
.c4p-videos-in{max-width:880px;margin:0 auto;display:flex;gap:clamp(16px,3vw,32px);align-items:flex-start;background:#fff;border:1px solid #d7ddd8;border-radius:var(--c4p-radius);padding:clamp(20px,3vw,32px)}
.c4p-videos-thumb{flex:0 0 auto;width:clamp(96px,16vw,140px);aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#dfe3dc,#9eb1a6);display:flex;align-items:center;justify-content:center}
.c4p-videos-thumb svg{width:48%;height:auto}
/* D184: his photo fills the thumbnail; the play mark moves to the corner so it does not cover the face */
.c4p-videos-thumb.has-photo{position:relative;overflow:hidden;width:clamp(140px,22vw,220px)}
.c4p-videos-thumb.has-photo .c4p-videos-photo{width:100%;height:100%;object-fit:cover;object-position:45% 30%;display:block}
.c4p-videos-thumb.has-photo svg{position:absolute;right:8px;bottom:8px;width:30%;max-width:52px}
.c4p-videos-txt{min-width:0}
.c4p-videos h2{font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.25;margin:0 0 .6em;color:var(--c4p-teal)}
.c4p-videos p{line-height:1.65;color:var(--c4p-ink);margin:0 0 .8em}
.c4p-videos-note{font-size:.92rem}
.c4p-videos .wp-block-buttons{margin:1.1em 0 .4em}
@media (max-width:600px){.c4p-videos-in{flex-direction:column}.c4p-videos-thumb{width:100%;max-width:150px}}
/* D84: tables on phones: keep words whole (hyphenate where needed) instead of WordPress fixed-layout mid-word breaks; a still-wide table scrolls inside its own box */
@media (max-width:600px){.wp-block-table .has-fixed-layout{table-layout:auto}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:normal;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}}
/* D147: Related articles on condition pages: hide the section when none of its posts is published */
.c4p-related:not(:has(h2)){display:none}

/* D154: long pages: boxed "On this page" list and a fold-open box */
.c4p-jump{background:#f6f5ef;border:1px solid #d3cfc2;border-radius:8px;padding:.9em 1.1em;margin:0 0 1.6em}
.c4p-jump p{margin:.3em 0;font-size:.95rem;line-height:1.6}
.c4p-jump a{text-decoration:underline;text-underline-offset:3px}
.c4p-sec h2[id]{scroll-margin-top:120px}
.c4p-fold{border:1px solid #d3cfc2;border-radius:8px;padding:.8em 1.1em;margin:1em 0 1.4em}
.c4p-fold summary{cursor:pointer;font-weight:600;color:var(--c4p-teal)}
.c4p-fold>p{margin:.8em 0 0}
/* /our-treatments/ groups (D160) */
.c4p-tx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:28px 32px;margin:1.2em 0 2em}
.c4p-tx-item{min-width:0}
.c4p-tx-item figure{margin:0 0 .6em}
.c4p-tx-item img{width:96px;height:96px;border-radius:50%!important}
.c4p-sec .c4p-tx-item h3{margin:0 0 .4em;font-size:1.1rem}
.c4p-tx-item ul{margin:0;padding-left:1.1em}
.c4p-tx-item li{font-size:.97rem!important;line-height:1.5!important;margin:.25em 0}
.c4p-tx-grid>.c4p-tx-item{margin:0!important;max-width:none!important;width:auto}
.c4p-tx-item>*{margin-left:0!important;margin-right:0!important;max-width:none!important}
/* D188: doctor profile cards on /about/ (photo beside the name and text; stacked on phones) */
.c4p-profile{display:grid;grid-template-columns:150px 1fr;gap:2px 28px;align-items:start;margin:0 0 24px!important;padding:clamp(18px,3vw,28px);background:#fff;border:1px solid #d7ddd8;border-radius:var(--c4p-radius)}
.c4p-profile>*{margin-left:0!important;margin-right:0!important;max-width:none!important}
.c4p-profile>figure{grid-row:1/span 3;margin:0!important}
.c4p-profile img{width:150px;height:150px;border-radius:50%;object-fit:cover;display:block}
.c4p-profile h3{margin:0 0 .4em;text-align:left!important;scroll-margin-top:120px}
.c4p-profile p{margin:0 0 .7em}
@media (max-width:600px){.c4p-profile{grid-template-columns:1fr}.c4p-profile>figure{grid-row:auto;margin-bottom:12px!important}.c4p-profile img{width:120px;height:120px}}
