/* One visual language for the Faithful discovery guides. */
:is(.fp-connection,.fi-disclosure)>summary>.fh-guide-subline{display:block;margin-top:5px;color:#526b7d;font:400 13px/1.5 var(--font-body);max-width:65ch}
:is(.fp-connection,.fi-disclosure){--guide-ink:#173755;--guide-action:#175fa5;--guide-muted:#526b7d;--guide-line:#cadde9;border:1px solid var(--guide-line);border-radius:16px;background-color:#fbfdff;background-image:radial-gradient(rgba(23,55,85,.035) .65px,transparent .65px);background-size:5px 5px;box-shadow:0 3px 12px rgba(23,55,85,.035);color:var(--guide-ink)}
:is(.fp-connection,.fi-disclosure)>summary{color:var(--guide-ink);font:600 16px/1.5 var(--font-body);padding:18px 22px;min-height:64px;list-style:none;position:relative;padding-right:54px;background:linear-gradient(115deg,rgba(226,238,247,.65),rgba(255,255,255,.7));border-radius:15px}
:is(.fp-connection,.fi-disclosure)>summary::-webkit-details-marker{display:none}
:is(.fp-connection,.fi-disclosure)>summary:after{content:'+';position:absolute;right:22px;top:18px;font:400 23px/1 var(--font-body);color:var(--guide-action)}
:is(.fp-connection,.fi-disclosure)[open]>summary{border-bottom:1px solid var(--guide-line);border-radius:15px 15px 0 0}
:is(.fp-connection,.fi-disclosure)[open]>summary:after{content:'−'}
:is(.fp-connection,.fi-disclosure) :is(h2,h3,h4,legend,summary,label,strong){color:var(--guide-ink)}
:is(.fp-connection,.fi-disclosure) :is(h2,h3){font-family:var(--font-display)}
:is(.fp-connection,.fi-disclosure) :is(small,.fp-story-bar p){color:var(--guide-muted)}
.fp-connection .fp-page-guide{gap:16px;margin:22px 0}
.fp-connection .fp-page-guide>section{background:rgba(255,255,255,.68);border:1px solid #dce7ef;border-radius:12px;padding:18px}
.fp-connection .fp-page-guide h3{font-size:20px;margin-bottom:8px}.fp-connection .fp-page-guide p{margin:0;line-height:1.6}
:is(.fp-connection,.fi-disclosure) .fg-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;margin:0 10px 0 0;vertical-align:middle;background:#e5eff7;border:1px solid #d3e3ee;border-radius:10px;color:var(--guide-action)}
.fp-connection .fp-page-guide .fg-icon{display:flex;margin:0 0 12px}
.fg-icon svg{width:23px;height:23px}.fg-icon svg [stroke]:not([stroke="none"]){stroke:currentColor}.fg-icon svg [fill]:not([fill="none"]){fill:currentColor}
:is(.fp-connection,.fi-disclosure) .fp-story-bar{padding:18px 0;border-top:1px solid var(--guide-line)}
:is(.fp-connection,.fi-disclosure) .fp-story-bar button{border-radius:9px;box-shadow:none}
:is(.fp-connection,.fi-disclosure) textarea{background:#fff;border:1px solid #b4cce0;border-radius:10px;padding:12px;color:var(--guide-ink);font:400 16px/1.5 var(--font-body)}
:is(.fp-connection,.fi-disclosure) :is(input,textarea,button,summary):focus-visible{outline:3px solid #3285bf;outline-offset:3px}
.fi-disclosure .fi-exercise{background:transparent}.fi-disclosure .fi-results{background:#edf4f9;border:1px solid #d5e4ee}
@media(max-width:600px){:is(.fp-connection,.fi-disclosure)>summary{padding:16px 46px 16px 16px;font-size:15px}:is(.fp-connection,.fi-disclosure)>summary:after{right:16px}.fp-connection .fp-page-guide>section{padding:14px}.fp-connection .fp-page-guide{gap:10px}}
@media(prefers-reduced-motion:reduce){:is(.fp-connection,.fi-disclosure) *{scroll-behavior:auto;transition:none}}
