@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:wght@400;500;600;700&display=swap");
.rc-story{--ink:#202b2d;--muted:#69777a;--teal:#1c5360;--dark:#143940;--accent:#b48b50;--paper:#faf9f5;--line:#d7dad8;--serif:"Libre Baskerville",Georgia,serif;--sans:"Source Sans 3",Arial,sans-serif;--display:"Barlow Condensed","Arial Narrow",sans-serif}
.rc-story, .rc-story *{box-sizing:border-box}
.rc-story{scroll-behavior:smooth}
.rc-story{background:white;color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.65}
.rc-story img{display:block;max-width:100%;height:auto}
.rc-story a{color:var(--teal);text-underline-offset:3px}
.rc-story a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.rc-story figure,.rc-story blockquote{margin:0}
.rc-story .demo-masthead{height:76px;background:#173943;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1220px)/2));gap:16px}
.rc-story .demo-brand{display:flex;align-items:baseline;gap:18px}
.rc-story .brand-mark{font:700 33px/1 var(--display);letter-spacing:.04em}
.rc-story .brand-label{font:600 11px var(--sans);letter-spacing:.16em}
.rc-story .sep{color:#a7b9bd;padding:0 8px}
.rc-story .demo-note{font-size:10px;letter-spacing:.17em;color:#c0d3d4}
.rc-story{overflow:hidden}
.rc-story .story-breadcrumb{max-width:1190px;margin:0 auto;padding:19px 30px;font-size:12px;letter-spacing:.04em;color:#7c898a;display:flex;gap:12px}
.rc-story .hero{background:var(--paper);padding:58px 30px 75px}
.rc-story .hero>*{max-width:1100px;margin-left:auto;margin-right:auto}
.rc-story .hero-eyebrow{font-size:12px;font-weight:700;color:var(--teal);letter-spacing:.18em;display:flex;align-items:center;gap:14px}
.rc-story .hero-eyebrow .line{width:28px;height:2px;background:var(--accent)}
.rc-story .hero-eyebrow .date{border-left:1px solid #b8c2bd;padding-left:14px;margin-left:1px}
.rc-story .hero h1{font:600 clamp(68px,10vw,130px)/.9 var(--display);text-transform:uppercase;letter-spacing:-.025em;color:var(--dark);margin-top:26px;margin-bottom:28px}
.rc-story .hero h1 em{font-weight:500;font-style:normal;color:#53777b}
.rc-story .dek{font:400 clamp(19px,2.1vw,25px)/1.55 var(--serif);max-width:780px!important;margin-left:max(0px,calc((100% - 1100px)/2))!important;color:#435052}
.rc-story .hero-rule{height:1px;background:#c7cfcb;margin-top:47px;margin-bottom:45px}
.rc-story .hero-figure>a{display:block;background:#fff;border:1px solid #e4e5df;padding:25px 35px}
.rc-story .hero-figure img{max-height:500px;object-fit:contain;width:100%}
.rc-story .hero-figure figcaption{display:grid;grid-template-columns:170px 1fr;gap:30px;border-top:2px solid var(--teal);padding-top:19px;margin-top:0;font-size:16px;line-height:1.55;color:#384749}
.rc-story .caption-index{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--teal)}
.rc-story figcaption small{display:block;font-size:12px;color:#747f7d;margin-top:10px;line-height:1.55}
.rc-story .note{font-style:italic}
.rc-story .story-content{max-width:1100px;margin:auto;padding:0 30px}
.rc-story .chapter{padding:105px 0 70px}
.rc-story .chapter-heading{margin:0 0 36px}
.rc-story .chapter-number{display:flex;align-items:center;gap:14px;color:#92754c;letter-spacing:.17em;font-size:11px;font-weight:700}
.rc-story .chapter-line{width:30px;height:1px;background:var(--accent)}
.rc-story h2{font:600 clamp(45px,6vw,76px)/1.02 var(--display);color:var(--dark);text-transform:uppercase;letter-spacing:-.01em;margin:18px 0 0}
.rc-story .prose{max-width:750px;font:400 18px/1.85 var(--serif);color:#333c3f}
.rc-story .prose p{margin:0 0 24px}
.rc-story .prose .rc-story-lead::first-letter{float:left;font:600 78px/.8 var(--display);color:var(--teal);margin:7px 11px 0 0}
.rc-story .chapter-two{border-top:1px solid var(--line);padding-top:82px}
.rc-story .editorial-split{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:56px;align-items:start;margin-top:40px}
.rc-story .map-figure{background:#f5f3ee;padding:26px 26px 19px}
.rc-story .map-figure img{width:100%;max-height:590px;object-fit:contain;mix-blend-mode:multiply}
.rc-story .map-figure figcaption{font-size:13px;line-height:1.5;color:#526063;border-top:1px solid #d5d4ca;padding-top:14px;margin-top:22px}
.rc-story .map-figure figcaption small{margin-top:5px}
.rc-story .split-prose{font-size:17px;line-height:1.8;padding-top:7px}
.rc-story .stat-row{border-top:1px solid #bfc9c6;display:grid;grid-template-columns:1fr 1fr;margin-top:32px;padding-top:19px;gap:18px;font-family:var(--sans)}
.rc-story .stat-row strong{display:block;font:600 54px/.95 var(--display);color:var(--teal)}
.rc-story .stat-row span{display:block;font-size:12px;line-height:1.4;letter-spacing:.02em;color:#667375;margin-top:7px}
.rc-story .workshop{max-width:780px;margin:87px auto 43px}
.rc-story .workshop-label{font-size:11px;letter-spacing:.15em;font-weight:700;color:#947248}
.rc-story .workshop-label span{color:#768286;padding-left:12px}
.rc-story .workshop h3{font:600 clamp(34px,4vw,49px)/1.05 var(--display);color:var(--dark);text-transform:uppercase;margin:11px 0 26px}
.rc-story .photo-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:26px;align-items:start}
.rc-story .photo-grid figure{min-width:0}
.rc-story .photo-grid figure>a{display:flex;align-items:center;justify-content:center;background:#e6e5e0;overflow:hidden}
.rc-story .photo-grid .photo-portrait>a{height:420px}
.rc-story .photo-grid .photo-landscape>a{height:420px}
.rc-story .photo-grid img{width:100%;height:100%;object-fit:contain}
.rc-story .photo-grid figcaption{border-top:3px solid var(--teal);padding:16px 2px 0;display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;font-size:13px;line-height:1.55;color:#4c585a}
.rc-story .quote-composition{display:grid;grid-template-columns:32% 1fr;gap:40px;align-items:center;background:#f1f3f0;margin:92px -30px 0;padding:42px}
.rc-story .small-archive img{width:100%;mix-blend-mode:multiply}
.rc-story .small-archive figcaption{font-size:12px;line-height:1.5;color:#667376;margin-top:11px}
.rc-story .quote-composition blockquote{border-left:2px solid var(--accent);padding:0 0 0 30px}
.rc-story .quote-glyph{display:block;font:400 80px/.65 Georgia,serif;color:#b69968}
.rc-story .quote-composition blockquote p,.rc-story .pullquote p{font:italic 400 clamp(18px,2vw,24px)/1.7 var(--serif);color:#29464c;margin:10px 0 22px}
.rc-story .quote-composition blockquote .rc-quote-attribution{display:grid;gap:4px;font:400 13px/1.5 var(--sans);color:#606e70}
.rc-story .quote-composition blockquote .rc-quote-attribution strong{font-size:15px;color:var(--dark)}
.rc-story .quote-composition blockquote .rc-quote-attribution small{font-size:11px;margin-top:5px}
.rc-story .workshop-north{margin-top:92px}
.rc-story .pullquote{max-width:760px;margin:60px auto 55px;border-top:1px solid #c8d0ca;border-bottom:1px solid #c8d0ca;padding:38px 15px;text-align:center}
.rc-story .pullquote .rc-quote-attribution{font-size:13px;color:#657477;font-weight:700}
.rc-story .pullquote .rc-quote-attribution span{font-weight:400;margin-left:8px}
.rc-story .story-end{background:var(--dark);color:#fff;padding:47px 30px;text-align:center}
.rc-story .story-end span{font:700 12px var(--sans);letter-spacing:.2em;color:#c4b28f}
.rc-story .story-end p{max-width:680px;margin:13px auto 0;color:#d1dedc;font-size:15px}
.rc-story .demo-footer{padding:20px;text-align:center;background:#102c32;color:#a1b6b9;font-size:11px;letter-spacing:.06em}
@media (max-width:800px){.rc-story .hero{padding:48px 25px 55px}
.rc-story .hero-figure>a{padding:16px}
.rc-story .story-content{padding:0 25px}
.rc-story .chapter{padding:70px 0 50px}
.rc-story .editorial-split{gap:26px}
.rc-story .photo-grid .photo-portrait>a,.rc-story .photo-grid .photo-landscape>a{height:310px}
.rc-story .photo-grid figcaption{grid-template-columns:1fr;gap:5px}
.rc-story .quote-composition{margin-left:-25px;margin-right:-25px;padding:28px;gap:24px}
.rc-story .prose{font-size:17px}}
@media (max-width:620px){.rc-story{font-size:16px}
.rc-story .demo-masthead{height:64px;padding:0 18px}
.rc-story .brand-mark{font-size:27px}
.rc-story .brand-label{font-size:10px}
.rc-story .demo-note{display:none}
.rc-story .story-breadcrumb{padding:13px 19px;font-size:11px}
.rc-story .hero{padding:42px 19px 55px}
.rc-story .hero-eyebrow{font-size:9px;letter-spacing:.11em;gap:9px}
.rc-story .hero-eyebrow .line{width:15px}
.rc-story .hero-eyebrow .date{padding-left:9px}
.rc-story .hero h1{font-size:clamp(58px,14vw,89px);margin:22px 0}
.rc-story .dek{font-size:18px!important;line-height:1.6}
.rc-story .hero-rule{margin:31px auto 30px}
.rc-story .hero-figure>a{padding:8px}
.rc-story .hero-figure figcaption{grid-template-columns:1fr;gap:7px;font-size:14px;padding-top:13px}
.rc-story .story-content{padding:0 19px}
.rc-story .chapter{padding:64px 0 42px}
.rc-story .chapter-heading{margin-bottom:27px}
.rc-story h2{font-size:clamp(43px,12vw,65px)}
.rc-story .prose{font-size:16px;line-height:1.85}
.rc-story .prose p{margin-bottom:19px}
.rc-story .prose .rc-story-lead::first-letter{font-size:64px}
.rc-story .editorial-split{grid-template-columns:1fr;gap:24px}
.rc-story .map-figure{padding:22px;max-width:460px;margin:auto}
.rc-story .map-figure img{max-height:520px}
.rc-story .split-prose{padding-top:0}
.rc-story .stat-row{margin-top:25px}
.rc-story .workshop{margin:67px 0 30px}
.rc-story .workshop-label{font-size:10px}
.rc-story .workshop-label span{display:block;padding-left:0;margin-top:3px}
.rc-story .photo-grid{grid-template-columns:1fr;gap:35px}
.rc-story .photo-grid .photo-portrait>a{height:auto;max-height:470px}
.rc-story .photo-grid .photo-landscape>a{height:auto;max-height:330px}
.rc-story .photo-grid img{width:100%;height:auto;max-height:inherit}
.rc-story .photo-grid figcaption{font-size:13px}
.rc-story .quote-composition{grid-template-columns:1fr;margin:70px -19px 0;padding:23px;gap:30px}
.rc-story .small-archive{max-width:300px}
.rc-story .quote-composition blockquote{padding-left:19px}
.rc-story .quote-composition blockquote p,.rc-story .pullquote p{font-size:18px}
.rc-story .pullquote{margin:40px auto}
.rc-story .story-end{padding:38px 20px}
.rc-story .story-end p{font-size:14px}}
@media (prefers-reduced-motion:reduce){.rc-story{scroll-behavior:auto}}
.rc-story .hero h1{font-size:clamp(56px,8vw,112px);max-width:1000px;line-height:.94}
.rc-story .hero{padding-top:52px}
.rc-story .hero-figure{margin-top:40px}
.rc-story .chapter-3,.rc-story .chapter-4,.rc-story .chapter-5,.rc-story .chapter-6{border-top:1px solid var(--line)}
.rc-story .chapter-3 .prose,.rc-story .chapter-4 .prose,.rc-story .chapter-5 .prose,.rc-story .chapter-6 .prose{margin-inline:auto}
.rc-story .chapter-3 .chapter-heading,.rc-story .chapter-4 .chapter-heading,.rc-story .chapter-5 .chapter-heading,.rc-story .chapter-6 .chapter-heading{max-width:750px;margin-inline:auto;margin-bottom:34px}
.rc-story .insight{max-width:750px;margin:40px auto 0;background:#f0f3f0;border-left:4px solid var(--accent);padding:26px 30px}
.rc-story .insight>span{font:700 11px var(--sans);letter-spacing:.13em;color:var(--teal);display:block}
.rc-story .insight strong{display:block;font:600 clamp(30px,4vw,46px)/1.1 var(--display);color:var(--dark);margin:8px 0}
.rc-story .insight p{font:400 14px/1.6 var(--sans);margin:0;color:#536063}
.rc-story .feature-figure{max-width:930px;margin:40px auto}
.rc-story .feature-figure>a{display:flex;justify-content:center;background:#f2f1eb;padding:20px}
.rc-story .feature-figure img{max-height:580px;object-fit:contain}
.rc-story .feature-figure figcaption{display:grid;grid-template-columns:160px 1fr;gap:25px;border-top:3px solid var(--teal);padding:18px 0;font:400 14px/1.6 var(--sans)}
.rc-story .after-figure{margin-top:36px}
.rc-story .newspaper-row{max-width:940px;margin:55px auto 40px;display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:34px;align-items:start;background:#f3f2ec;padding:32px}
.rc-story .newspaper-figure img{width:100%;max-height:620px;object-fit:contain}
.rc-story .newspaper-figure figcaption{font:400 12px/1.5 var(--sans);margin-top:9px}
.rc-story .newspaper-figure figcaption .caption-index{display:block;margin-bottom:5px}
.rc-story .news-quote{border-left:2px solid var(--accent);padding:10px 0 10px 24px}
.rc-story .news-quote p{font:italic 400 clamp(17px,2vw,23px)/1.65 var(--serif);margin:8px 0;color:var(--dark)}
.rc-story .final-line{max-width:780px;margin:50px auto 0;border-top:2px solid var(--accent);padding-top:24px;font:italic 400 clamp(23px,3.2vw,35px)/1.5 var(--serif);color:var(--teal)}
.rc-story .source-warning{color:#9b5a24}
.rc-story .photo-grid .caption-index{display:block}
.rc-story .small-archive figcaption{display:block}
.rc-story .small-archive figcaption span{display:block}
.rc-story .hero-figure figcaption span{min-width:0}
.rc-story .quote-composition blockquote p,.rc-story .pullquote p{white-space:normal}
@media (max-width:620px){.rc-story .hero h1{font-size:clamp(52px,12vw,74px)}
.rc-story .feature-figure>a{padding:10px}
.rc-story .feature-figure figcaption{grid-template-columns:1fr;gap:4px}
.rc-story .newspaper-row{grid-template-columns:1fr;margin:38px -19px;padding:22px;gap:22px}
.rc-story .newspaper-figure img{max-height:480px}
.rc-story .insight{padding:22px}
.rc-story .chapter-3,.rc-story .chapter-4,.rc-story .chapter-5,.rc-story .chapter-6{padding-top:65px}}
.rc-story .hero-figure figcaption.caption-single,.rc-story .photo-grid figcaption.caption-single,.rc-story .feature-figure figcaption.caption-single{display:block;grid-template-columns:none;}
.rc-story .chapter-heading h2{margin-top:0;}
.rc-story .workshop h3{margin-top:0;}

/* DNN/Bootstrap integration. Everything is scoped within the story article. */
.rc-story{display:block;max-width:none;width:100%;background:#fff;isolation:isolate}
.rc-story,.rc-story *,.rc-story *::before,.rc-story *::after{box-sizing:border-box}
.rc-story .story-breadcrumb{list-style:none}
.rc-story a[data-story-lightbox]{cursor:zoom-in}
.rc-story a[data-story-lightbox]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.rc-story .story-lightbox{position:fixed;inset:0;width:min(94vw,1480px);max-width:94vw;height:auto;max-height:94dvh;padding:clamp(14px,2vw,30px);border:0;border-radius:5px;background:#fcfcf9;color:#20343a;box-shadow:0 28px 90px #0007;overflow:auto;z-index:99999}
.rc-story .story-lightbox::backdrop{background:#071e24df}
.rc-story .story-lightbox-image{display:block;margin:0 auto;width:auto;max-width:100%;max-height:min(77dvh,1000px);height:auto;object-fit:contain}
.rc-story .story-lightbox-caption{font:400 13px/1.6 var(--sans);max-width:1000px;margin:12px auto 0;text-align:left;color:#47585c;white-space:normal}
.rc-story .story-lightbox-close{display:block;margin:0 0 12px auto;border:1px solid #bbcbc8;border-radius:3px;background:#fff;color:#163b43;min-height:42px;padding:7px 15px;font:600 14px var(--sans);cursor:pointer}
.rc-story .story-lightbox-close:focus-visible{outline:3px solid #b48b50;outline-offset:2px}
@media(max-width:620px){.rc-story .story-lightbox{width:98vw;max-width:98vw;max-height:96dvh;padding:13px}.rc-story .story-lightbox-image{max-height:72dvh}}

/* 2sxc / DNN compatibility: quotation attributions use div.rc-quote-attribution,
   not the semantic HTML footer element; the RCEME DNN skin styles every
   footer inside form#Form as the full-width site footer. */
.rc-story .rc-quote-attribution{background:transparent}

/* Prevent conflicts with Bootstrap's .lead typography.
   The first narrative paragraph is the same size and weight as all other
   prose paragraphs; only its decorative first letter is different. */
.rc-story .prose p.rc-story-lead{font-size:inherit;font-weight:inherit}

/* Story credits, displayed below the title on both language pages.
   Scoped to the story so DNN/Bootstrap theme styles remain untouched. */
.rc-story .hero .rc-story-byline{max-width:1100px;margin:-10px auto 0;color:var(--muted);font-family:var(--sans);text-align:left}
.rc-story .hero .rc-story-byline p{margin:0;padding:0;text-transform:none;letter-spacing:normal}
.rc-story .hero .rc-story-byline .rc-story-byline-primary{font-size:15px;font-weight:600;line-height:1.55;color:var(--dark)}
.rc-story .hero .rc-story-byline .rc-story-byline-secondary{font-size:13px;font-weight:400;line-height:1.6;margin-top:4px;color:var(--muted)}
@media(max-width:620px){.rc-story .hero .rc-story-byline{margin-top:-8px}.rc-story .hero .rc-story-byline .rc-story-byline-primary{font-size:14px}.rc-story .hero .rc-story-byline .rc-story-byline-secondary{font-size:12px}}

/* v1.5 — browser-safe decorative initial.
   Firefox retains the original ::first-letter treatment from v1.3.
   Chromium/Edge (and supporting WebKit) get a shorter, higher initial.
   Feature detection is used for styling only: initial-letter itself is
   deliberately NOT applied, preserving the approved two-line float. */
@supports (initial-letter: 2) {
  .rc-story .prose .rc-story-lead::first-letter {
    font-size: 74px;
    margin-top: 0;
  }
  @media (max-width: 800px) {
    .rc-story .prose .rc-story-lead::first-letter {
      font-size: 68px;
    }
  }
  @media (max-width: 620px) {
    .rc-story .prose .rc-story-lead::first-letter {
      font-size: 60px;
    }
  }
}
