/* Three story activities; existing C2 colours, typography and pill CTAs. */
.ge-stories{background:#faf8f4;padding:58px 24px 62px;color:#183448;scroll-margin-top:130px}.ge-life-wrap{max-width:1150px;margin:auto}.ge-life-heading{text-align:center;max-width:820px;margin:0 auto 30px}.ge-life-eyebrow{font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.17em;color:#ae7130;margin:0 0 12px}.ge-life-heading h2{font:400 clamp(32px,4vw,50px)/1.16 'Playfair Display',Georgia,serif;margin:0 0 15px}.ge-life-heading h2 em{color:#b78042;font-weight:400}.ge-life-heading>p:last-child{font:400 15px/1.7 'DM Sans',sans-serif;margin:0}
.ge-story-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ge-story-choice{display:flex;gap:12px;align-items:center;text-align:left;background:transparent;border:1px solid #e2ddd3;border-radius:12px;color:#183448;padding:15px 18px;cursor:pointer}.ge-story-choice[aria-pressed=true]{border-color:#b78042;background:#f7eee3}.ge-story-choice>span:first-child{font:500 12px 'DM Sans',sans-serif;color:#a77339}.ge-story-choice strong{display:block;font:400 19px/1.3 'Playfair Display',Georgia,serif}.ge-story-choice small{display:block;font:400 11px/1.5 'DM Sans',sans-serif;margin-top:4px;color:#526570}.ge-story-progress{font:400 11px/1.5 'DM Sans',sans-serif;color:#526570;text-align:right;margin:12px 0 18px}
.ge-story-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:38px;align-items:start}.ge-story-scene{min-width:0}.ge-story-preview{padding:30px;background:#f3eee5;border-radius:14px}.ge-story-preview h3{font:400 32px/1.2 'Playfair Display',Georgia,serif;margin:0 0 12px}.ge-story-setting{font:400 13px/1.7 'DM Sans',sans-serif;color:#526570;margin:0}.ge-story-exchange{font:italic 23px/1.5 'Playfair Display',Georgia,serif;border-left:2px solid #b78042;margin:24px 0;padding-left:18px;white-space:pre-line}.ge-story-preview-note{font:400 11px/1.6 'DM Sans',sans-serif;color:#526570;margin:0}.ge-story-transcript{font:400 13px/1.6 'DM Sans',sans-serif;padding:16px 0;border-bottom:1px solid #e2ddd3}.ge-story-transcript summary{cursor:pointer;color:#183448;font-weight:600}.ge-story-transcript p{margin:12px 0}.ge-story-media video{width:100%;aspect-ratio:16/9;background:#17364b;border-radius:14px;display:block}.ge-story-activity{padding:8px 0}.ge-story-activity fieldset{border:0;padding:0;margin:0;min-width:0}.ge-story-activity legend{font:400 26px/1.35 'Playfair Display',Georgia,serif;margin-bottom:20px;padding:0}.ge-story-answers{display:grid;gap:10px}.ge-story-answer{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 16px;border:1px solid #dedbd3;border-radius:10px;background:#fff;color:#183448;font:400 13px/1.5 'DM Sans',sans-serif;cursor:pointer}.ge-story-answer>span:first-child{font-size:11px;color:#906435}.ge-story-answer:hover{border-color:#b78042}.ge-story-answer.is-correct{background:#17364b;border-color:#17364b;color:#fff}.ge-story-answer.is-correct>span{color:#fff}.ge-story-answer.is-retry{border-color:#b78042;background:#f7eee3}.ge-story-answer:disabled{cursor:default;opacity:1}.ge-story-feedback{font:400 13px/1.65 'DM Sans',sans-serif;min-height:22px;margin:16px 0}.ge-story-feedback:empty{margin-bottom:0}.ge-story-takeaway{border-top:1px solid #ddc9ae;padding-top:18px}.ge-story-phrase{font:italic 22px/1.4 'Playfair Display',Georgia,serif;margin:0 0 8px}.ge-story-tip,.ge-story-speaking{font:400 12px/1.6 'DM Sans',sans-serif;margin:6px 0;color:#526570}.ge-story-next{border:0;padding:12px 0;background:none;color:#183448;font:700 12px 'DM Sans',sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.ge-story-invitation{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid #e2ddd3}.ge-story-invitation h3{font:400 24px/1.3 'Playfair Display',Georgia,serif;margin:0 0 6px}.ge-story-invitation p{font:400 13px/1.6 'DM Sans',sans-serif;margin:0;color:#526570}.ge-story-invitation .ge-cta{white-space:nowrap;flex-shrink:0}.ge-stories [hidden]{display:none!important}.ge-stories :is(button,a,summary):focus-visible{outline:3px solid #b78042;outline-offset:4px}
@media(max-width:760px){.ge-stories{padding:40px 20px}.ge-story-layout{grid-template-columns:1fr;gap:24px}.ge-story-navigation{gap:8px}.ge-story-choice{padding:12px 10px;display:block}.ge-story-choice strong{font-size:16px;margin-top:6px}.ge-story-choice small{font-size:10px}.ge-story-preview{padding:24px}.ge-story-invitation{align-items:flex-start;flex-direction:column;gap:16px}.ge-story-activity legend{font-size:24px}}