/* Church Stories: public pages. Colours follow the site's own text colour so the pages sit well on any theme. */
.chst{
	--chst-accent:#1d4f91;
	--chst-radius:6px;
	--chst-muted:color-mix(in srgb,currentColor 66%,transparent);
	--chst-line:color-mix(in srgb,currentColor 15%,transparent);
	--chst-wash:color-mix(in srgb,currentColor 5%,transparent);
	box-sizing:border-box;
	text-align:left;
}
.chst *,.chst *::before,.chst *::after{box-sizing:border-box}
.chst[data-type="editorial"]{--chst-display:"CHST Fraunces",Georgia,"Times New Roman",serif;--chst-body:"CHST Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
.chst[data-type="modern"]{--chst-display:"CHST Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--chst-body:"CHST Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
.chst[data-type="bold"]{--chst-display:"CHST Oswald","Arial Narrow",Impact,sans-serif;--chst-body:"CHST Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
.chst:not([data-type="inherit"]){font-family:var(--chst-body)}
.chst:not([data-type="inherit"]) :is(h1,h2,h3,.chst-cta-line,blockquote){font-family:var(--chst-display)}
.chst :is(h1,h2,h3){color:inherit;margin:0;text-wrap:balance}
.chst p{margin:0}
.chst a{color:inherit}
.chst-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.chst.chst-breakout{position:relative;left:50%;transform:translateX(-50%);width:min(1180px,calc(100vw - 48px));max-width:none}

/* ---------- Buttons and links ---------- */
.chst .chst-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.5em;border:1.5px solid var(--chst-accent);border-radius:var(--chst-radius);background:var(--chst-accent);color:#fff;font:inherit;font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:filter .15s}
.chst .chst-btn:hover{filter:brightness(.9);color:#fff}
.chst .chst-btn:focus-visible,.chst a:focus-visible,.chst button:focus-visible,.chst :is(input,textarea,select):focus-visible{outline:2px solid var(--chst-accent);outline-offset:3px}
.chst .chst-btn[disabled]{opacity:.6;cursor:progress}
.chst .chst-btn-ghost{background:transparent;color:inherit;border-color:currentColor}
.chst .chst-btn-ghost:hover{filter:none;background:var(--chst-wash);color:inherit}
.chst .chst-link{appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;cursor:pointer}
.chst .chst-link:hover{color:var(--chst-accent)}

/* ---------- Stories page header ---------- */
.chst-stories{padding-block:clamp(24px,5vw,64px)}
.chst-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px;margin-bottom:clamp(36px,5vw,64px)}
.chst .chst-title{font-size:clamp(2.6rem,6.5vw,4.75rem);line-height:1;letter-spacing:-.02em;font-weight:600}
.chst[data-type="editorial"] .chst-title{font-weight:500;letter-spacing:-.03em}
.chst[data-type="bold"] :is(.chst-title,.chst-card-title,.chst-art-title,.chst-more-title,.chst-form-title){text-transform:uppercase;letter-spacing:.005em;font-weight:600}
.chst .chst-intro{margin-top:18px;max-width:44ch;font-size:1.15rem;line-height:1.55;color:var(--chst-muted)}

/* ---------- Filter ---------- */
.chst-filter{display:block;margin-bottom:clamp(32px,4vw,56px)}
.chst-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.chst .chst-search{position:relative;flex:1 1 280px;max-width:460px;margin:0;padding:0;display:block}
.chst .chst-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b6b6b;pointer-events:none}
.chst .chst-search input[type=search]{display:block;width:100%;max-width:none;height:auto;min-height:48px;margin:0;padding:11px 44px 11px 44px;font:inherit;font-size:1rem;line-height:1.4;text-transform:none;letter-spacing:normal;color:#1a1a1a;background:#fff;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;box-shadow:none;-webkit-appearance:none;appearance:none}
.chst .chst-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.chst .chst-search input[type=search]:focus{border-color:var(--chst-accent)}
.chst .chst-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#6b6b6b;font:400 22px/1 system-ui,sans-serif;cursor:pointer;box-shadow:none}
.chst .chst-search-clear:hover,.chst .chst-search-clear:focus{background:#eee;color:#1a1a1a}
.chst .chst-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.chst .chst-tags li{margin:0;padding:0;list-style:none}
.chst .chst-tags li::before,.chst .chst-tags li::marker{content:none}
.chst .chst-tags a{display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;font-size:.95rem;line-height:1.2;font-weight:500;text-decoration:none;text-transform:none;letter-spacing:normal;color:inherit;background:transparent;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;transition:background .15s,border-color .15s}
.chst .chst-tags a:hover{border-color:currentColor;background:var(--chst-wash)}
.chst .chst-tags a.is-on,.chst .chst-tags a.is-on:hover{background:var(--chst-accent);border-color:var(--chst-accent);color:#fff}
@media (max-width:600px){.chst .chst-tags{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:2px 16px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chst .chst-tags::-webkit-scrollbar{display:none}.chst .chst-tags a{white-space:nowrap}.chst .chst-search{max-width:none;flex-basis:100%}}
.chst .chst-campus select{font:inherit;font-size:.95rem;padding:9px 34px 9px 16px;min-height:48px;border-radius:999px!important;border:1px solid var(--chst-line);border-radius:var(--chst-radius);background:#fff;color:#1a1a1a;min-height:42px}

/* ---------- Grid and cards ---------- */
.chst-results{transition:opacity .2s}
.chst-results.is-loading{opacity:.35}
.chst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:clamp(40px,5vw,64px) clamp(24px,3.2vw,44px)}
.chst-card{margin:0;min-width:0}
.chst .chst-card-link{display:block;text-decoration:none;color:inherit}
.chst-card-img{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--chst-radius);background:var(--chst-wash)}
.chst .chst-card-img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .5s cubic-bezier(.2,.6,.2,1)}
.chst-card-link:hover .chst-card-img img{transform:scale(1.03)}
.chst-card-mark{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:9rem;line-height:1;color:var(--chst-accent);opacity:.28;padding-top:.3em}
.chst-play{position:absolute;left:16px;bottom:16px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;box-shadow:0 2px 14px rgba(0,0,0,.22);padding-left:3px}
.chst-card-text{padding-top:20px}
.chst .chst-card-tag{font-size:.86rem;line-height:1.3;font-weight:600;color:var(--chst-accent);margin-bottom:8px}
.chst .chst-card-title{font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.18;letter-spacing:-.012em;font-weight:600}
.chst[data-type="editorial"] .chst-card-title{font-weight:500;font-size:clamp(1.5rem,2.1vw,1.85rem)}
.chst-card-link:hover .chst-card-title{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.16em}
.chst .chst-card-sum{margin-top:10px;font-size:1rem;line-height:1.6;color:var(--chst-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.chst .chst-card-more{margin-top:14px;font-size:.92rem;font-weight:600;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}

.chst-card-feature{margin-bottom:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px);border-bottom:1px solid var(--chst-line)}
.chst-card-feature .chst-card-link{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.chst-card-feature .chst-card-img{aspect-ratio:3/2}
.chst-card-feature .chst-card-text{padding-top:0}
.chst .chst-card-feature .chst-card-title{font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.06;letter-spacing:-.022em}
.chst .chst-card-feature .chst-card-sum{font-size:1.12rem;margin-top:18px;-webkit-line-clamp:5}
.chst .chst-card-feature .chst-card-more{margin-top:22px;font-size:1rem}
@media (max-width:760px){
	.chst-card-feature .chst-card-link{grid-template-columns:1fr;gap:22px}
	.chst-card-feature .chst-card-img{aspect-ratio:4/3}
}

.chst-empty{padding:clamp(48px,8vw,96px) 0;text-align:center;font-size:1.15rem;color:var(--chst-muted)}
.chst-empty p + p{margin-top:18px}

/* ---------- Pagination ---------- */
.chst-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(56px,7vw,96px);padding-top:22px;border-top:1px solid var(--chst-line);font-variant-numeric:tabular-nums}
.chst .chst-pager ol{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.chst .chst-pager li{margin:0;padding:0}
.chst .chst-pager ol :is(a,span){display:grid;place-items:center;min-width:44px;height:44px;padding:0 6px;border-radius:50%;text-decoration:none;font-size:1rem;color:var(--chst-muted)}
.chst .chst-pager ol a:hover{background:var(--chst-wash);color:inherit}
.chst .chst-pager ol .is-on{background:var(--chst-accent);color:#fff;font-weight:600}
.chst .chst-pager-gap{color:var(--chst-muted);padding:0 4px}
.chst .chst-pager-step{font-weight:600;text-decoration:none;padding:10px 0;min-width:64px}
.chst .chst-pager-step:last-child{text-align:right}
.chst a.chst-pager-step:hover{color:var(--chst-accent)}
.chst .chst-pager-step.is-off{color:var(--chst-muted);opacity:.45;font-weight:400}
@media (max-width:520px){.chst .chst-pager ol :is(a,span){min-width:38px;height:38px}.chst .chst-pager-step{min-width:0}}

/* ---------- Video popup ---------- */
dialog.chst-modal{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:none;padding:0;border:0;background:transparent;overflow:visible}
dialog.chst-modal::backdrop{background:rgba(10,10,10,.86)}
.chst-modal-frame{aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.chst-modal-frame :is(iframe,video){display:block;width:100%;height:100%;border:0}
.chst-modal-close{position:absolute;right:0;top:-46px;appearance:none;border:0;background:none;color:#fff;font:600 1rem/1 system-ui,sans-serif;padding:12px 0 12px 16px;cursor:pointer}
.chst-modal-close:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* ---------- Article ---------- */
.chst-main{display:block}
.chst-article{padding:clamp(32px,6vw,80px) 24px clamp(48px,7vw,96px);max-width:none;margin:0 auto}
.chst-art-head,.chst-art-body,.chst-art-foot{max-width:680px;margin-inline:auto}
.chst .chst-art-back{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.92rem;margin-bottom:28px}
.chst .chst-art-back a{text-decoration:none;font-weight:600;color:var(--chst-accent)}
.chst .chst-art-back a:first-child{color:var(--chst-muted);font-weight:400}
.chst .chst-art-back a:hover{text-decoration:underline;text-underline-offset:.2em}
.chst .chst-art-title{font-size:clamp(2.3rem,5.6vw,4rem);line-height:1.04;letter-spacing:-.025em;font-weight:600}
.chst[data-type="editorial"] .chst-art-title{font-weight:500}
.chst .chst-art-dek{margin-top:22px;font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.45;color:var(--chst-muted)}
.chst .chst-art-meta{margin-top:22px;font-size:.92rem;color:var(--chst-muted)}
.chst-art-hero{max-width:1100px;margin:clamp(32px,5vw,56px) auto;padding:0}
.chst .chst-art-hero img{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover;border-radius:var(--chst-radius)}
.chst-video{aspect-ratio:16/9;background:#000;border-radius:var(--chst-radius);overflow:hidden}
.chst-video :is(iframe,video){display:block;width:100%;height:100%;border:0}
.chst-art-head + .chst-art-body{margin-top:clamp(32px,5vw,56px)}
.chst .chst-art-body{font-size:clamp(1.1rem,1.4vw,1.22rem);line-height:1.72}
.chst[data-type="editorial"] .chst-art-body{font-family:var(--chst-display);font-size:clamp(1.18rem,1.5vw,1.3rem);line-height:1.68;font-weight:380}
.chst .chst-art-body > * + *{margin-top:1.25em}
.chst .chst-art-body > p:first-child::first-letter{float:left;font-family:var(--chst-display,inherit);font-size:3.9em;line-height:.82;font-weight:500;padding:.07em .1em 0 0;color:var(--chst-accent)}
.chst .chst-art-body :is(h2,h3){font-size:1.5em;line-height:1.2;letter-spacing:-.01em;margin-top:1.9em}
.chst .chst-art-body h3{font-size:1.22em}
.chst .chst-art-body a{color:var(--chst-accent);text-underline-offset:.18em}
.chst .chst-art-body img{max-width:100%;height:auto;border-radius:var(--chst-radius)}
.chst .chst-art-body blockquote{margin:1.9em 0;padding:0;border:0;background:none;font-size:1.5em;line-height:1.28;letter-spacing:-.012em;font-style:normal;color:var(--chst-accent);text-wrap:balance}
.chst[data-type="editorial"] .chst-art-body blockquote{font-style:italic;font-weight:400}
.chst .chst-art-body blockquote p{margin:0;font-size:inherit}
.chst .chst-art-body blockquote cite{display:block;margin-top:.7em;font-size:.6em;font-style:normal;color:var(--chst-muted)}
@media (min-width:1000px){.chst .chst-art-body blockquote{margin-inline:-56px}}
.chst-art-foot{margin-top:clamp(40px,5vw,64px);padding-top:22px;border-top:1px solid var(--chst-line)}
.chst-share{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:.95rem}
.chst-share > span{color:var(--chst-muted)}
.chst-more{max-width:1100px;margin:clamp(64px,9vw,120px) auto 0}
.chst .chst-more-title{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;letter-spacing:-.015em;margin-bottom:clamp(24px,3vw,40px)}
.chst-cta{max-width:1100px;margin:clamp(64px,9vw,120px) auto 0;padding:clamp(36px,6vw,72px) clamp(24px,5vw,64px);border-radius:var(--chst-radius);background:var(--chst-wash);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.chst .chst-cta-line{font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.12;letter-spacing:-.018em;font-weight:500;max-width:18ch;text-wrap:balance}

/* ---------- Forms ---------- */
.chst-formwrap{max-width:var(--chst-form-width,640px);margin-inline:auto;padding-block:clamp(16px,4vw,48px)}
.chst .chst-form-title,.chst-form-done h2{font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.05;letter-spacing:-.022em;font-weight:600}
.chst[data-type="editorial"] :is(.chst-form-title,.chst-form-done h2){font-weight:500}
.chst-form-intro{margin:20px 0 36px;font-size:1.12rem;line-height:1.6;color:var(--chst-muted)}
.chst-form-intro p + p{margin-top:.9em}
.chst-row{display:grid;gap:18px;margin-bottom:18px}
@media (min-width:560px){.chst-row-2{grid-template-columns:1fr 1fr}}
.chst .chst-field{display:block;margin:0}
.chst-form > .chst-field,.chst-pane > .chst-field{margin-bottom:18px}
.chst .chst-field > span{display:block;font-size:.92rem;font-weight:600;margin-bottom:7px;line-height:1.3}
.chst .chst-field :is(input,textarea,select){display:block;width:100%;max-width:none;margin:0;font:inherit;font-size:1.05rem;line-height:1.45;color:#1a1a1a;background:#fff;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:var(--chst-radius);padding:13px 14px;min-height:50px;box-shadow:none}
.chst .chst-field textarea{resize:vertical;min-height:200px}
.chst .chst-field :is(input,textarea,select):focus{border-color:var(--chst-accent)}
.chst .chst-hint{font-size:.9rem;line-height:1.5;color:var(--chst-muted);margin:-6px 0 26px}
.chst-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:8px 0 22px;border-radius:calc(var(--chst-radius) + 4px);background:var(--chst-wash)}
.chst .chst-mode{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;font-size:1rem;min-height:46px;border-radius:var(--chst-radius);cursor:pointer}
.chst .chst-mode.is-on{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.chst-rec{padding:26px;border:1px solid var(--chst-line);border-radius:var(--chst-radius);margin-bottom:26px}
.chst .chst-rec-help{font-size:1rem;line-height:1.55;color:var(--chst-muted);margin-bottom:20px}
.chst-rec-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.chst .chst-rec-btn{appearance:none;display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:0 24px 0 18px;border:1.5px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:600;font-size:1.02rem;cursor:pointer}
.chst .chst-rec-btn:hover{background:var(--chst-wash)}
.chst-dot{width:16px;height:16px;border-radius:50%;background:#d0312d;flex:none}
.chst-rec[data-state="recording"] .chst-dot{border-radius:3px;animation:chst-pulse 1.4s ease-in-out infinite}
@keyframes chst-pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.chst-rec[data-state="recording"] .chst-dot{animation:none}.chst .chst-card-img img{transition:none}}
.chst-rec-time{font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.01em}
.chst-rec[data-state="idle"] .chst-rec-time{color:var(--chst-muted);font-weight:400}
.chst .chst-rec-note{margin-top:14px;font-size:.95rem;line-height:1.5;min-height:1.4em}
.chst .chst-rec-note.is-warn{color:#a15c00;font-weight:600}
.chst .chst-rec-note.is-bad{color:#b3261e;font-weight:600}
.chst .chst-rec-play{display:block;width:100%;margin:6px 0 14px}
.chst .chst-rec-play[hidden],.chst [hidden]{display:none!important}
.chst-consent{margin:8px 0 26px;padding-top:24px;border-top:1px solid var(--chst-line)}
.chst .chst-check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:1rem;line-height:1.5;margin:0 0 14px;cursor:pointer}
.chst .chst-check input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--chst-accent)}
.chst-release{margin:-4px 0 18px 36px;font-size:.93rem}
.chst-release summary{cursor:pointer;color:var(--chst-muted);text-decoration:underline;text-underline-offset:.2em}
.chst-release div{margin-top:10px;line-height:1.6;color:var(--chst-muted)}
.chst-release div p + p,.chst-release-text p + p{margin-top:.9em}
.chst-release-text{margin:24px 0 30px;padding:24px 26px;border-radius:var(--chst-radius);background:var(--chst-wash);font-size:1.03rem;line-height:1.65}
.chst .chst-guardian{margin:0 0 14px 36px}
.chst-hp{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.chst .cf-turnstile{margin-bottom:20px}
.chst .chst-form-error{margin:0 0 18px;padding:13px 16px;border-radius:var(--chst-radius);background:#fdecea;color:#8c1d18;font-size:.98rem;line-height:1.5}
.chst-form-done{padding-block:clamp(24px,6vw,72px)}
.chst-form-done p{margin-top:20px;font-size:1.15rem;line-height:1.6;max-width:46ch}
.chst-form-done .chst-btn{margin-top:12px}

/* ---------- Standing up to themes and page builders ---------- */
/* Stray line breaks or empty paragraphs added by automatic formatting must not become layout items. */
.chst-modes > br,.chst-fu-questions > br,.chst-check > br,.chst-row > br,.chst-rec-row > br,.chst-rec > br,.chst-field > br,.chst-consent > br,.chst-form > br,.chst-formwrap > br,.chst-head > br,.chst-filter br,.chst-search br,.chst-pager br,.chst-grid > br,.chst-card br,.chst-share > br{display:none!important}
.chst-form > p:empty,.chst-formwrap > p:empty,.chst-modes > p,.chst-stories > p:empty,.chst-results > p:empty,.chst-grid > p:empty{display:none!important}
/* Site-wide button and label styles should not leak in. */
.chst .chst-modes{display:grid!important;grid-template-columns:1fr 1fr!important}
.chst .chst-mode,.chst .chst-rec-btn,.chst .chst-btn,.chst .chst-link{text-transform:none;letter-spacing:normal;width:auto;max-width:none;margin:0;box-shadow:none;text-shadow:none;line-height:1.2;font-family:inherit}
.chst .chst-mode{width:100%;padding:0 12px;border:0;background:transparent;color:inherit}
.chst .chst-mode:hover,.chst .chst-mode:focus{background:transparent;color:inherit}
.chst .chst-mode.is-on,.chst .chst-mode.is-on:hover,.chst .chst-mode.is-on:focus{background:#fff;color:#1a1a1a}
.chst .chst-rec-btn:focus{background:transparent;color:inherit}
.chst .chst-check{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;font-weight:400;text-transform:none;letter-spacing:normal}
.chst .chst-check input[type=checkbox]{grid-column:1;display:block;float:none;position:static;appearance:auto;-webkit-appearance:checkbox;padding:0;min-height:0;border-radius:3px}
.chst .chst-check > span{grid-column:2;display:block;margin:0;padding:0}
.chst .chst-field > span{text-transform:none;letter-spacing:normal}
.chst .chst-field :is(input,textarea,select){text-transform:none;letter-spacing:normal;height:auto}

/* ---------- Look settings ---------- */
.chst[data-btn="outline"] .chst-btn{background:transparent;color:var(--chst-accent)}
.chst[data-btn="outline"] .chst-btn:hover{filter:none;background:var(--chst-accent);color:#fff}
.chst[data-case="upper"] :is(.chst-btn,.chst-mode,.chst-rec-btn){text-transform:uppercase;letter-spacing:.06em;font-size:.92rem}
.chst[data-size="compact"] .chst-field :is(input,textarea,select){padding:9px 12px;min-height:42px;font-size:1rem}
.chst[data-size="compact"] .chst-field textarea{min-height:150px}
.chst[data-size="compact"] .chst-btn{min-height:42px;padding:.55em 1.2em}
.chst[data-size="compact"] .chst-mode{min-height:40px}
.chst[data-size="compact"] .chst-row{gap:14px;margin-bottom:14px}
/* Paragraph wrappers added around our own controls by automatic formatting: keep the controls, drop the wrapper. */
.chst p:empty{display:none!important}
.chst-form > p:not([class]),.chst-consent > p:not([class]),.chst-rec > p:not([class]),.chst-pane > p:not([class]),.chst-row > p:not([class]),.chst-head > p:not([class]),.chst-filter > p:not([class]),.chst-filter-row > p:not([class]),.chst-search > p:not([class]),.chst-card > p:not([class]),.chst-card-link > p:not([class]){display:contents;margin:0}

/* ---------- Follow up questions page ---------- */
.chst .chst-fu-questions{margin:0 0 26px;padding:0;list-style:none;counter-reset:chstq}
.chst .chst-fu-questions li{position:relative;margin:0;padding:16px 0 16px 46px;border-top:1px solid var(--chst-line);font-size:1.18rem;line-height:1.45;counter-increment:chstq;list-style:none}
.chst .chst-fu-questions li:last-child{border-bottom:1px solid var(--chst-line)}
.chst .chst-fu-questions li::before{content:counter(chstq);position:absolute;left:0;top:15px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--chst-accent);color:#fff;font-size:.9rem;font-weight:600;line-height:1}
.chst .chst-fu-questions li::marker{content:none}
.chst-fu-rec{background:#fff;color:#1a1a1a}
.chst-fu-rec[data-state="recording"],.chst-fu-rec[data-state="paused"]{position:sticky;bottom:12px;z-index:5;box-shadow:0 8px 30px rgba(0,0,0,.16);border-color:transparent}
.chst-fu-rec[data-state="recording"] .chst-rec-help,.chst-fu-rec[data-state="paused"] .chst-rec-help{display:none}
.chst-rec[data-state="paused"] .chst-dot{border-radius:3px;animation:none;opacity:.4}
.chst .chst-rec-pause{padding:0 20px}
.chst .chst-fu-answer{margin-bottom:22px}
.chst .chst-fu-answer > span{font-size:1.02rem;font-weight:600;line-height:1.4;margin-bottom:9px}
.chst .chst-fu-answer textarea{min-height:120px}
.chst .chst-fu-again{margin:0 0 22px;padding:12px 16px;border-radius:var(--chst-radius);background:var(--chst-wash);font-size:.98rem;line-height:1.5}
.chst-followup .chst-btn[type=submit]{margin-top:8px}

/* ---------- Photo picker ---------- */
.chst-photos{margin:8px 0 26px;padding-top:24px;border-top:1px solid var(--chst-line)}
.chst-photo-form .chst-photos{border-top:0;padding-top:0}
.chst .chst-photos-label{font-size:.92rem;font-weight:600;line-height:1.3;margin:0 0 6px}
.chst .chst-photos-label em{font-style:normal;font-weight:400;color:var(--chst-muted);margin-left:6px}
.chst .chst-photos-hint{margin:0 0 14px}
.chst-photos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.chst-photos-grid:empty{display:none}
.chst-photo-thumb{position:relative;aspect-ratio:1/1;border-radius:var(--chst-radius);overflow:hidden;background:var(--chst-wash)}
.chst .chst-photo-thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
.chst .chst-photo-remove{position:absolute;top:6px;right:6px;width:32px;height:32px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.66);color:#fff;font:400 20px/1 system-ui,sans-serif;cursor:pointer;box-shadow:none}
.chst .chst-photo-remove:hover,.chst .chst-photo-remove:focus{background:#000;color:#fff}
.chst .chst-photos-add{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:.6em 1.4em;border:1.5px dashed color-mix(in srgb,currentColor 45%,transparent);border-radius:var(--chst-radius);font-size:1rem;font-weight:600;line-height:1.2;text-transform:none;letter-spacing:normal;cursor:pointer}
.chst .chst-photos-add:hover{background:var(--chst-wash)}
.chst .chst-photos-add:focus-within{outline:2px solid var(--chst-accent);outline-offset:3px}
.chst .chst-photos-add input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.chst .chst-photos-add[hidden]{display:none!important}
.chst .chst-photos-note{margin:10px 0 0;font-size:.92rem;line-height:1.5;color:#a15c00;min-height:0}
.chst-photos > br,.chst-photos-add > br{display:none!important}