/* Results: patient community feature (Daniel 2026-10-13: "do some stuff as a feature like talk to real patients on the facebook group";
   then "make this a more prominent feature... take some stuff from the podcast"). Podcast quotes play in the corner player (mini-player.js). */
.rs-community{width:var(--dio-col,min(1280px,calc(100% - 32px)));margin:clamp(40px,6vw,80px) auto;border-radius:4px;overflow:hidden;position:relative;isolation:isolate;box-sizing:border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 44px -24px rgba(16,32,42,.45)}
.rs-community-in{padding:clamp(36px,5.5vw,76px) var(--dio-card-pad,clamp(20px,4vw,56px))}
.rs-community-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,4vw,64px);align-items:end}
.rs-community .label{color:#dce6ec}
.rs-community h2{margin:18px 0 16px;font-size:clamp(36px,4.4vw,62px);line-height:1.02;letter-spacing:-.025em;color:#fff}
.rs-community h2 span{color:#f4a165}
.rs-community-lead{margin:0;max-width:640px;font-size:19px;line-height:1.6;color:#dbe5ea}
.rs-community-join{justify-self:end;text-align:left}
.rs-community .rs-fb{display:inline-flex;align-items:center;gap:12px;font-size:17px;padding-block:16px}
.rs-community .rs-fb svg{width:17px;height:17px}
.rs-community-note{margin:12px 0 0;font-size:14px;color:#a9bac4}
.rs-community-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:clamp(36px,4.5vw,56px);padding-top:clamp(28px,3.5vw,44px);border-top:1px solid rgba(255,255,255,.14)}
.rs-community-col h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:clamp(20px,1.8vw,24px);line-height:1.2;color:#fff}
.rs-community-col h3 b{--cut:8px;display:inline-grid;place-items:center;flex:0 0 34px;height:34px;background:#ed873c;color:#1C2E3A;font-size:16px;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.rs-community .fv-quotes{display:grid;gap:12px}
.rs-community .fv-quote{--cut:18px;margin:0;padding:18px 22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);border-left:3px solid #ed873c;cursor:pointer;transition:background .2s;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.rs-community .fv-quote:hover,.rs-community .fv-quote:focus-visible{background:rgba(255,255,255,.13);outline:none;box-shadow:inset 0 0 0 1px rgba(237,135,60,.7)}
.rs-community .fv-quote blockquote{margin:0 0 8px;font-size:17px;line-height:1.55;color:#f2f6f8;font-weight:500}
.rs-community .fv-quote figcaption{font-size:13px;line-height:1.4;color:#a9bac4;font-weight:600}
.rs-community .fv-quote .fv-play{color:#f4a165}
.rs-community-asks{margin-top:clamp(28px,3.5vw,44px);text-align:center}
.rs-community-asks p{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#dce6ec}
.rs-community-asks ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.rs-community-asks li{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:15px;color:#f2f6f8}
.rs-community-src{margin:22px 0 0;text-align:center;font-size:13px;color:#a9bac4}
@media(max-width:900px){.rs-community-top,.rs-community-cols{grid-template-columns:1fr}.rs-community-join{justify-self:start}}
@media(max-width:520px){.rs-community .fv-quote blockquote{font-size:16px}.rs-community-asks ul{justify-content:flex-start}.rs-community-asks{text-align:left}.rs-community .rs-fb{width:100%;justify-content:center;box-sizing:border-box}}
/* 2026-11-11 audit: the Facebook button's label stays on one line on phones (it wrapped in two with the arrow adrift) */
@media(max-width:520px){.rs-community .rs-fb{font-size:clamp(13px,3.8vw,17px);padding-inline:12px;gap:8px}}

/* Daniel 2026-10-13: "lets try the background as the light gray arches". Light arch field (brand-fields.css), ink text, white quote cards.
   Navy version kept as results-community-navy-2026-10-13.css. */
.rs-community.dio-blue-field--light{background:#e8eff3;box-shadow:inset 0 1px 0 #fff,0 22px 44px -28px rgba(16,32,42,.35)}
.rs-community.dio-blue-field--light .rs-community-in{position:relative}
.rs-community.dio-blue-field--light .label{color:#4c7288}
.rs-community.dio-blue-field--light h2{color:#1c3341}
.rs-community.dio-blue-field--light h2 span{color:#e07a2e}
.rs-community.dio-blue-field--light .rs-community-lead{color:#2b4757}
.rs-community.dio-blue-field--light .rs-community-note,.rs-community.dio-blue-field--light .rs-community-src{color:#56737f}
.rs-community.dio-blue-field--light .rs-community-cols{border-top-color:rgba(28,51,65,.14)}
.rs-community.dio-blue-field--light .rs-community-col h3{color:#1c3341}
.rs-community.dio-blue-field--light .fv-quote{background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px rgba(28,51,65,.08),0 10px 24px -18px rgba(16,32,42,.35)}
.rs-community.dio-blue-field--light .fv-quote:hover,.rs-community.dio-blue-field--light .fv-quote:focus-visible{background:#fff;box-shadow:inset 0 0 0 1px #A8521A}
.rs-community.dio-blue-field--light .fv-quote blockquote{color:#1c3341}
.rs-community.dio-blue-field--light .fv-quote figcaption{color:#56737f}
.rs-community.dio-blue-field--light .fv-quote .fv-play{color:#A8521A}
.rs-community.dio-blue-field--light .rs-community-asks p{color:#4c7288}
.rs-community.dio-blue-field--light .rs-community-asks li{background:linear-gradient(#fbfcfd,#e4eaee);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(28,51,65,.14);color:#1c3341}

/* Results: second "In their own words" story under the reviews (Daniel 2026-10-13), same layout as Home's Crystal block.
   home.css is not loaded here, so its home-patient rules are carried over. */
.home-patient.rs-story{background:var(--mineral,#f3f5f5);padding:76px 0;margin-top:clamp(36px,5vw,64px)}
.rs-story>.wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:8%;align-items:center}
.rs-story .patient-media{margin:0;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#1b3140;box-shadow:0 22px 44px -26px rgba(16,32,42,.5)}
.rs-story .patient-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.rs-story .patient-account h2{font-size:37px;margin-bottom:25px}
.rs-story .feature-quote{margin:0;font-size:25px;line-height:1.45;letter-spacing:-.01em;font-weight:500}
.rs-story .feature-source{font-size:16px;color:var(--muted);margin-top:20px}
.rs-story .patient-account .text-link{margin-top:15px}
.rs-story .supporting-story-link{display:block;font-size:16px;padding:12px 0;min-height:48px}
.rs-story,.rs-story *,.rs-story *::before,.rs-story *::after{animation:none!important;transition:none!important}
.rs-story .text-link:hover span{transform:none}
@media(max-width:1000px){.rs-story>.wrap{gap:40px}}
@media(max-width:700px){.home-patient.rs-story{padding:42px 0}.rs-story>.wrap{display:block}.rs-story .patient-account{margin-top:30px}.rs-story .patient-account h2{font-size:31px}.rs-story .feature-quote{font-size:23px}}
.rs-story .feature-note{margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--muted);max-width:440px}