/* Official resource previews: source links, separate from artwork viewers. */
.fc-resource-section{box-sizing:border-box;width:min(1040px,calc(100% - 40px));margin:clamp(36px,5vw,64px) auto;padding:clamp(22px,3.5vw,38px);border:1px solid var(--fc-line-strong,#716344);border-radius:18px;background:linear-gradient(145deg,#203d49,#102b36);text-align:left;color:#e8e3d8;scroll-margin-top:110px}
.content-wrap .fc-resource-section{width:100%}
.fc-resource-section h2{margin:0 0 14px;color:#f0c36a;font-size:clamp(1.5rem,3vw,2rem);line-height:1.25}
.fc-resource-intro{max-width:760px;margin:0 0 24px;line-height:1.75}
.fc-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0 12px}
.fc-resource-card{min-width:0;overflow:hidden;border:1px solid #526570;border-radius:13px;background:#132e3a;text-align:left;color:#e8e3d8}
.fc-resource-card__image{position:relative;display:block!important;aspect-ratio:16/9;background:#0d2029;overflow:hidden;border-bottom:1px solid #526570}
.fc-resource-card__image img{display:block;width:100%;height:100%;object-fit:contain;margin:0;border:0;border-radius:0}
.fc-resource-card__play{position:absolute;left:16px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff2dc;color:#142a35;box-shadow:0 2px 14px #0006;font-size:17px}
.fc-resource-card__body{padding:20px 22px 22px}
.fc-resource-card .fc-resource-card__kind{margin:0 0 8px;color:#c9d4c1;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.fc-resource-card h3{font-size:1.12rem!important;line-height:1.4!important;margin:0 0 12px!important;padding:0!important}
.fc-resource-card h3 a{color:#f0c36a!important;text-decoration:none!important}
.fc-resource-card h3 a:hover{text-decoration:underline!important}
.fc-resource-card p{font-size:.96rem;line-height:1.7;margin:0;color:#e0e5df}
.fc-resource-card .fc-resource-card__source{margin-top:16px;font-size:.73rem;color:#b7c4c9;line-height:1.5}
.fc-resource-card a:focus-visible,.fc-resource-next a:focus-visible{outline:3px solid #f0c36a;outline-offset:-3px;border-radius:3px}
.fc-resource-next{margin:26px 0 0!important;line-height:1.7}
.fc-resource-next a{display:inline-block;padding:8px 0;color:#f0c36a;text-underline-offset:4px}
.fc-signature-study .article{max-width:1040px;width:min(1040px,calc(100% - 40px))}
.fc-signature-study .fc-page-intro .fc-actions{margin-top:32px}
.fc-signature-study section[id]{scroll-margin-top:110px}
.fc-signature-study #passage>h3{margin-top:24px}
.fc-signature-study #guided-study .fc-card:last-child{grid-column:1/-1}
.fc-signature-study .fc-resource-section--inline{width:100%;margin-inline:0}
@media(max-width:700px){.fc-resource-grid{grid-template-columns:1fr;gap:20px}.fc-resource-section{width:calc(100% - 32px);padding:22px 18px}.fc-resource-card__body{padding:18px}.fc-signature-study .article{width:calc(100% - 36px)}}

/* Question-specific scripture and media companions for enriched Answers. */
.fc-answer-depth .fc-study-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px;margin:28px 0 36px}
.fc-answer-depth .fc-study-feature>div{min-width:0}
.fc-answer-depth .fc-study-feature h2,.fc-answer-depth .fc-study-feature h3{margin-top:0}
.fc-answer-depth section[id]{scroll-margin-top:110px}
@media(max-width:800px){.fc-answer-depth .fc-study-feature{grid-template-columns:1fr;gap:20px}}

.fc-resource-grid>.fc-resource-card:only-child{grid-column:1/-1;width:100%;max-width:620px;justify-self:center}

.fc-resource-section [id] { scroll-margin-top: 110px; }

/* Contextual companions: the explanation already lives beside the preview.
   A bounded thumbnail and concise source label keep the media subordinate to
   the reading, without clipping images or adding filler to the prose. */
.fc-answer-depth .fc-study-feature > .fc-resource-card { width:100%; max-width:340px; justify-self:end; }
.fc-answer-depth .fc-study-feature > div > p:last-child { margin-bottom:0; }
.fc-answer-depth .fc-study-feature .fc-resource-card__body { padding:16px 18px; }
.fc-answer-depth .fc-study-feature .fc-resource-card h3 { margin-bottom:8px!important; font-size:1.05rem!important; }
.fc-answer-depth .fc-study-feature .fc-resource-card__source { margin-top:8px; }
@media(max-width:800px) {
    .fc-answer-depth .fc-study-feature > .fc-resource-card { max-width:420px; justify-self:center; }
}

/* A complete watch/read panel replaces disconnected columns. The introduction
   shares one compact row with its source; the longer discussion reads below. */
.fc-answer-depth .fc-study-panel {
    margin:28px 0 36px;
    padding:clamp(22px,3vw,34px);
    border:1px solid rgba(134,175,200,.3);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(41,74,87,.55),rgba(16,43,54,.7));
}
.fc-answer-depth .fc-study-panel .fc-study-feature {
    grid-template-columns:minmax(0,1fr) minmax(240px,340px);
    gap:clamp(24px,3vw,40px);
    margin:0;
}
.fc-answer-depth .fc-study-lead .fc-eyebrow {margin-bottom:16px;font-size:.7rem;letter-spacing:.2em;}
.fc-answer-depth .fc-study-lead :is(h2,h3) {font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.25;margin-bottom:18px;}
.fc-answer-depth .fc-study-reading {border-top:1px solid rgba(134,175,200,.24);margin-top:26px;padding-top:24px;}
.fc-answer-depth .fc-study-reading > p {max-width:none;}
.fc-answer-depth .fc-study-reading > :last-child {margin-bottom:0;}
@media(max-width:800px) {
    .fc-answer-depth .fc-study-panel .fc-study-feature {grid-template-columns:1fr;gap:22px;}
    .fc-answer-depth .fc-study-panel .fc-resource-card {justify-self:start;max-width:420px;}
}
