/* HOW CONNECTION DEVELOPS
   Shared site stylesheet.
   Sections: font faces, design tokens, base styles, shared components,
   homepage sections, dialogs, responsive layouts, reduced motion.
   Reuse .wrap, .pill, .eyebrow, .text-link and .brand across future pages. */

@font-face {
  
  font-family: 'Cormorant Garamond';
  
  font-style: normal;
  
  font-weight: 400;
  
  font-display: swap;
  
  src: url("fonts/cormorant-garamond-400.ttf") format('truetype');
  
}

@font-face {
  
  font-family: 'Cormorant Garamond';
  
  font-style: normal;
  
  font-weight: 500;
  
  font-display: swap;
  
  src: url("fonts/cormorant-garamond-500.ttf") format('truetype');
  
}

@font-face {
  
  font-family: 'Cormorant Garamond';
  
  font-style: normal;
  
  font-weight: 600;
  
  font-display: swap;
  
  src: url("fonts/cormorant-garamond-600.ttf") format('truetype');
  
}

@font-face {
  
  font-family: 'Cormorant Garamond';
  
  font-style: normal;
  
  font-weight: 700;
  
  font-display: swap;
  
  src: url("fonts/cormorant-garamond-700.ttf") format('truetype');
  
}

@font-face {
  
  font-family: 'Source Sans 3';
  
  font-style: normal;
  
  font-weight: 400;
  
  font-display: swap;
  
  src: url("fonts/source-sans-3-400.ttf") format('truetype');
  
}

@font-face {
  
  font-family: 'Source Sans 3';
  
  font-style: normal;
  
  font-weight: 500;
  
  font-display: swap;
  
  src: url("fonts/source-sans-3-500.ttf") format('truetype');
  
}

@font-face {
  
  font-family: 'Source Sans 3';
  
  font-style: normal;
  
  font-weight: 600;
  
  font-display: swap;
  
  src: url("fonts/source-sans-3-600.ttf") format('truetype');
  
}

@font-face {
  
  font-family: 'Source Sans 3';
  
  font-style: normal;
  
  font-weight: 700;
  
  font-display: swap;
  
  src: url("fonts/source-sans-3-700.ttf") format('truetype');
  
}


/* Shared brand tokens, components and responsive page layout. */
:root {
  --navy:#083a57; --blue:#075986; --ivory:#fefdf9; --bronze:#806019;
  --copy:#454b52; --pale:#e2f2fa;
  --heading:'Cormorant Garamond',serif; --body:'Source Sans 3',sans-serif;
  --gold:linear-gradient(115deg,#92702d,#c9a352 22%,#f3df9e 42%,#ad8137 65%,#dfc375 84%,#8f6b28);
  --scale:min(1vw,14.4px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--ivory);color:var(--navy);font:clamp(18px,2.05vw,29.5px)/1.43 var(--body)}
button,input{font:inherit}button{cursor:pointer}a{color:inherit}img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:var(--heading)}
h1{font-size:calc(var(--scale)*7.3);line-height:.94;font-weight:700;letter-spacing:-.022em}
h2{font-size:calc(var(--scale)*4.25);line-height:1.12;font-weight:600;letter-spacing:-.02em}
p{color:var(--copy)}
.wrap{width:87%;max-width:1253px;margin-inline:auto}
.skip{position:fixed;top:-100px;left:12px;background:white;padding:12px;z-index:50}.skip:focus{top:12px}
:focus-visible{outline:3px solid #1974a6;outline-offset:5px}.blue :focus-visible,footer :focus-visible{outline-color:white}
.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;background:linear-gradient(var(--ivory),var(--ivory)) padding-box,var(--gold) border-box;padding:calc(var(--scale)*1.35) calc(var(--scale)*3.1);min-height:48px;color:var(--navy);font-weight:600;font-size:calc(var(--scale)*1.95);line-height:1.2;text-align:center;text-decoration:none;transition:box-shadow .18s,transform .18s}
.pill:hover{box-shadow:0 5px 16px #083a5719;transform:translateY(-1px)}
.eyebrow{display:flex;align-items:center;gap:calc(var(--scale)*2.3);color:var(--bronze);font-size:calc(var(--scale)*1.4);letter-spacing:.22em;font-weight:600;margin-bottom:calc(var(--scale)*1.7)}
.eyebrow:after{content:'';flex:1;height:1px;background:var(--gold)}
.text-link{display:inline-flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #a98139;padding:4px 0;text-decoration:none;background:none;color:inherit;font:inherit;line-height:1.4;min-height:44px}.text-link:hover{border-color:currentColor}.arrow{font-family:Arial,sans-serif;font-size:1.35em;line-height:1}
/* Full-bleed sunlit artwork. Text remains real, selectable HTML. */
.hero-shell{position:relative;background:var(--ivory) url('assets/hero-desktop-ivory.png') center top/cover no-repeat;min-height:calc(var(--scale)*59.75)}
header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;height:calc(var(--scale)*8.6);z-index:2}
.brand{display:flex;align-items:center;gap:calc(var(--scale)*1.35);font-size:calc(var(--scale)*3.25);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}
header .brand{color:var(--bronze)}
.brand img{width:calc(var(--scale)*8.7);height:calc(var(--scale)*6.1);object-fit:cover}
.nav{display:flex;align-items:center;gap:calc(var(--scale)*2.8);font-size:calc(var(--scale)*1.65)}
.nav a{padding:12px 0;text-decoration:none;white-space:nowrap}.nav a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{position:relative;display:grid;grid-template-columns:54% 46%;min-height:calc(var(--scale)*51.15)}
.hero-copy{padding-top:calc(var(--scale)*4.5);padding-bottom:calc(var(--scale)*5.2)}
.hero-copy>p{font-size:calc(var(--scale)*2.45);line-height:1.28;margin:calc(var(--scale)*2.55) 0 calc(var(--scale)*3);max-width:calc(var(--scale)*43)}
.signup-heading{font-family:var(--body);font-size:clamp(20px,2.15vw,31px);font-weight:600;line-height:1.3;margin:0 0 14px;color:var(--navy)}
.signup{display:flex;align-items:stretch;width:calc(var(--scale)*47);max-width:100%;gap:12px}
.signup input{flex:1;min-width:0;border:1px solid #929ba2;border-radius:4px;background:#ffffffd9;padding:calc(var(--scale)*1.5);font-size:calc(var(--scale)*1.65);color:var(--navy)}
.signup input::placeholder{color:#616974;opacity:1}
.signup .pill{white-space:nowrap;margin-left:0;padding-inline:calc(var(--scale)*2.3);font-size:calc(var(--scale)*1.7)}
.hero-copy .note{font-size:calc(var(--scale)*1.6);margin:calc(var(--scale)*.9) 0 0;color:#5b626a}
.hero-art{pointer-events:none}
.upsell{background:var(--pale)}
.upsell-inner{display:flex;align-items:center;gap:calc(var(--scale)*3.9);min-height:calc(var(--scale)*12.3);padding-block:calc(var(--scale)*2)}
.book-icon{width:calc(var(--scale)*6);flex:0 0 calc(var(--scale)*6);color:#96711f;margin-left:calc(var(--scale)*3.5)}
.upsell-copy{border-left:1px solid #bc9849;padding-left:calc(var(--scale)*3.6);flex:1}
.upsell h2{font-size:calc(var(--scale)*3.5);font-weight:600;margin-bottom:3px}
.upsell p{font-family:var(--heading);font-size:calc(var(--scale)*2.8);line-height:1.2;color:var(--navy)}
.upsell .text-link{font-family:var(--heading);font-size:calc(var(--scale)*2.2);white-space:nowrap}
/* Photograph flush to the right edge, matching the approved composition. */
.book-section{display:grid;grid-template-columns:44% 56%;align-items:center;gap:calc(var(--scale)*3);padding-block:calc(var(--scale)*4.45);min-height:calc(var(--scale)*48.65)}
.book-copy h2{font-size:calc(var(--scale)*4.1);margin-bottom:calc(var(--scale)*2.5)}
.book-copy p{font-size:calc(var(--scale)*1.95);line-height:1.47;margin-top:calc(var(--scale)*1.9)}
.cafe{width:calc(100% + 3.5vw - 2px);max-width:calc(100% + 48px);margin:0;aspect-ratio:439/348;overflow:hidden}
.cafe img{width:100%;height:100%;object-fit:cover}
.blue{background:#075986 url('assets/event-background-v3.png') center center/cover no-repeat;color:white}
.event-inner{position:relative;padding-block:calc(var(--scale)*4.5) calc(var(--scale)*3.1);min-height:calc(var(--scale)*42.8)}
.blue .eyebrow{color:white;margin-bottom:calc(var(--scale)*2.6)}
.event-copy{position:relative;max-width:77%}
.event-copy h2{font-size:calc(var(--scale)*4.8);font-weight:500;line-height:1.12}
.event-copy p{color:white;font-size:calc(var(--scale)*2.25);max-width:calc(var(--scale)*51);line-height:1.4;margin:calc(var(--scale)*2.2) 0 calc(var(--scale)*2.8)}
.event-copy .text-link{display:flex;width:fit-content;margin-top:calc(var(--scale)*.65);font-size:calc(var(--scale)*1.85)}
.speaking{position:relative;overflow:hidden;background:var(--ivory) url('assets/speaking-background-v3.png') center/cover no-repeat}
.speaking-inner{position:relative;min-height:calc(var(--scale)*43.3);display:grid;grid-template-columns:57% 43%}
.speaking-copy{padding:calc(var(--scale)*5.4) 0 calc(var(--scale)*3.8);z-index:2}
.speaking-copy .eyebrow{max-width:94%}
.speaking-copy h2{font-size:calc(var(--scale)*4.7);white-space:nowrap}
.speaking-copy>p{font-size:calc(var(--scale)*2.3);line-height:1.35;margin:calc(var(--scale)*2.4) 0 calc(var(--scale)*2.5)}
.author-line{border-top:1px solid #ae8c49;margin-top:calc(var(--scale)*2.8);padding-top:calc(var(--scale)*1.45);width:92%}
.author-line strong{font-family:var(--heading);font-size:calc(var(--scale)*2.18);font-weight:600;white-space:nowrap}
.author-line p{font-size:calc(var(--scale)*1.8);margin:3px 0 0}
.portrait{position:relative;min-width:0;clip-path:inset(-60px -100px 0 -100px);pointer-events:none}
.portrait img{position:absolute;width:calc(var(--scale)*61);max-width:none;height:auto;bottom:calc(var(--scale)*-16);left:50%;transform:translateX(-48%)}
footer{background:#075783;color:white;padding:calc(var(--scale)*1.8) 0 calc(var(--scale)*2.5)}
footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:calc(var(--scale)*1.5);border-bottom:1px solid #b89c62}
footer .brand{font-size:calc(var(--scale)*2.8)}footer .brand img{width:calc(var(--scale)*8.6)}footer .nav{font-size:calc(var(--scale)*1.5)}
footer .fine{text-align:center;font-size:calc(var(--scale)*1.25);padding-top:calc(var(--scale)*1.5)}footer p{color:white;margin-top:8px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{width:min(560px,calc(100% - 32px));border:1px solid #b3934c;border-radius:16px;padding:36px;background:var(--ivory);color:var(--navy);font-size:20px;box-shadow:0 25px 100px #001d3266}dialog::backdrop{background:#032d4677}dialog h2{font-size:36px;padding-right:25px}dialog p{margin:18px 0}dialog .close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;color:var(--navy);width:44px;height:44px}dialog .sample-note{font-size:16px;border-top:1px solid #ddd4bc;padding-top:16px}dialog .pill{font-size:18px;padding:12px 24px}
@media(min-width:1440px){.hero-shell{background-size:1440px 860px}.cafe{width:calc(100% + 50px)}}
@media(max-width:960px){
 :root{--scale:7px}body{font-size:18px}.wrap{width:calc(100% - 40px)}
 header{height:auto;min-height:100px;flex-wrap:wrap;justify-content:center;gap:5px;padding:12px 0 8px}.brand{font-size:27px;gap:12px}.brand img{width:65px;height:48px}.nav{font-size:15px;gap:24px}.nav a{padding:10px 0}
 .hero-shell{background:none;min-height:0}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:26px 0 34px}h1{font-size:clamp(46px,10.6vw,66px);line-height:.98}.hero-copy>p{font-size:22px;max-width:450px;margin:24px 0}.signup{width:100%;gap:6px}.signup input{font-size:16px;padding:14px 12px;border-radius:4px}.signup .pill{font-size:15px;padding:12px 16px;margin:0}.hero-copy .note{font-size:15px;margin-top:10px}
 .hero-art{height:420px;margin:0 -20px;background:url('assets/hero-background-v3.png') right bottom/auto 485px no-repeat}
 .upsell-inner{gap:18px;min-height:0;padding:26px 0;flex-wrap:wrap}.book-icon{width:45px;flex-basis:45px;margin-left:0}.upsell-copy{padding-left:18px}.upsell h2{font-size:30px}.upsell p{font-size:23px}.upsell .text-link{font-size:20px;margin-left:64px}
 .eyebrow{font-size:12px;gap:20px;margin-bottom:17px}.book-section{grid-template-columns:1fr;gap:27px;min-height:0;padding:36px 0}.book-copy h2{font-size:36px;margin-bottom:24px}.book-copy p{font-size:19px;line-height:1.5;margin-top:20px}.cafe{width:100%;max-width:none}
 .blue{background-position:65% center}.event-inner{padding:34px 0 36px;min-height:0}.blue .eyebrow{margin-bottom:24px}.event-copy{max-width:none}.event-copy h2{font-size:35px;max-width:460px}.event-copy p{font-size:20px;max-width:85%;margin:22px 0}.pill{font-size:17px;padding:13px 24px;min-height:48px}.event-copy .text-link{font-size:17px;margin-top:14px}
 .speaking{overflow:hidden;background-position:65% center}.speaking-inner{grid-template-columns:1fr;min-height:0}.speaking-copy{padding:35px 0 0}.speaking-copy .eyebrow{max-width:100%}.speaking-copy h2{font-size:36px;white-space:normal}.speaking-copy>p{font-size:22px;margin:20px 0 24px}.author-line{width:100%;margin-top:30px;padding-top:16px}.author-line strong{font-size:22px;white-space:normal}.author-line p{font-size:18px}.portrait{height:355px;clip-path:none;margin-top:20px;overflow:hidden}.portrait img{width:510px;max-width:none;height:auto;bottom:-135px;left:50%;transform:translateX(-50%)}
 footer{padding:22px 0}.footer-top{flex-direction:column;gap:10px}footer .brand{font-size:26px}footer .brand img{width:64px}footer .nav{font-size:15px;gap:24px}footer .fine{font-size:12px;padding-top:20px}
}
@media(max-width:960px){.signup{flex-direction:column;gap:12px}.signup input,.signup .pill{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Shared article layout. Uses the site's existing palette, fonts and signup. */
.blog-page{padding-block:clamp(32px,5vw,72px) clamp(48px,7vw,100px)}
.blog-article{max-width:760px;margin-inline:auto}
.blog-article h1{font-size:clamp(46px,5.6vw,78px);line-height:1.04;letter-spacing:-.025em}
/* Article attribution: deliberately quieter than topic tags and summary. */
.blog-article .article-byline{font-size:15px;line-height:1.5;font-weight:400;color:var(--copy);margin:10px 0 18px}
.blog-article .article-byline a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:2px}
.blog-article .article-byline + .blog-summary{margin-top:0}
.blog-summary{font-size:clamp(21px,2vw,26px);line-height:1.5;margin:24px 0 32px;color:var(--copy)}
.blog-optin{background:var(--pale);border-block:1px solid #ddd8cb;padding:18px 20px;margin-bottom:32px}
.blog-optin .signup-heading{font-size:16px;font-weight:400;line-height:1.5;margin:0 0 12px;color:var(--copy)}
.blog-optin .signup{width:100%;gap:10px}
.blog-optin .signup input{font-size:16px;padding:10px 12px}
.blog-optin .signup .pill{font-size:15px;padding:10px 16px}
.blog-optin .note{font-size:13px;font-weight:400;line-height:1.4;margin:8px 0 0;color:#5b626a}
.blog-optin .note:empty{display:none}
.blog-prose{font-size:21px;line-height:1.7;color:var(--copy);overflow-wrap:anywhere}
.blog-prose p{margin:0 0 1.2em}
.blog-prose h2{color:var(--navy);font-size:clamp(31px,3.2vw,42px);line-height:1.15;margin:1.25em 0 .55em}
.blog-prose a,.article-media a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:.15em}
.blog-prose a:hover,.article-media a:hover{text-decoration-thickness:2px}
.blog-sources{border-top:1px solid #bc9849;margin-top:40px;padding-top:24px;font-size:16px;line-height:1.6}
.blog-sources h2{font-size:30px;margin:0 0 14px}
.blog-sources p:last-child{margin-bottom:0}
@media(max-width:960px){.blog-summary{margin-top:20px}.blog-prose{font-size:19px;line-height:1.65}}

/* Shared responsive video for articles. */
.blog-article .article-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;margin:24px 0}
.article-media{margin:0 0 32px}
.article-media .article-video{margin:0}
.article-media figcaption{margin-top:10px;font-size:15px;line-height:1.5;color:var(--copy)}

/* Shared section navigation and article feeds. */
.site-nav{gap:clamp(20px,2.8vw,40px);font-size:clamp(15px,1.65vw,24px)}
.site-nav a{min-height:44px;display:inline-flex;align-items:center}
.site-nav .is-current{text-decoration:underline;text-decoration-color:var(--bronze);text-underline-offset:7px;text-decoration-thickness:1px}
.feed-page,.feed-section{max-width:1080px;padding-block:clamp(36px,5vw,72px) clamp(48px,7vw,100px)}
.feed-intro{margin-bottom:36px;max-width:860px}
.feed-intro h1{font-size:clamp(44px,5.3vw,76px);line-height:1.06}
.feed-intro h2{font-size:clamp(38px,4.3vw,62px);line-height:1.08}
.feed-intro>p:last-child:not(.eyebrow){font-size:clamp(19px,1.7vw,23px);line-height:1.5;margin-top:20px;max-width:720px}
.chapter-nav{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:20px;font-size:18px;font-weight:600}
.chapter-nav a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px;color:var(--navy);text-decoration:underline;text-decoration-color:var(--bronze);text-decoration-thickness:1px;text-underline-offset:6px}
.chapter-nav a:hover{text-decoration-thickness:2px}
.research-chapter{border-top:1px solid #ded9cd;padding-top:28px}
.research-chapter+.research-chapter{margin-top:clamp(40px,6vw,64px)}
.research-chapter>h2{font-size:clamp(32px,4vw,48px);line-height:1.12;margin-bottom:28px;scroll-margin-top:20px}
.chapter-number{display:block;font-family:var(--body);font-size:14px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);font-weight:600;margin-bottom:10px}
.research-chapter>.article-feed{margin-bottom:0}
.article-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch;grid-auto-rows:1fr;margin-bottom:32px}

.story-card{margin:0;border:1px solid #ded9cd;background:#fff;border-radius:4px;overflow:hidden;min-width:0;width:100%}
.story-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.story-card-link:focus-visible{outline-offset:-5px}
.story-image{aspect-ratio:16/9;overflow:hidden;background:var(--pale)}
.story-image[hidden]{display:none}
.story-image img{width:100%;height:100%;object-fit:cover}
.story-copy{padding:26px 28px 24px;display:flex;flex-direction:column;flex:1}
.story-section{font-size:12px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px;font-weight:600}
.story-copy h2,.story-copy h3{font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.015em;font-weight:600;color:var(--navy)}
.story-summary{font-size:18px;line-height:1.55;margin-top:16px}
.story-source{font-size:14px;line-height:1.5;margin-top:18px;color:var(--copy)}
.story-read{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;color:var(--blue);font-size:15px;font-weight:600}
.story-read span{font-size:23px;font-weight:400}
.story-card-link:hover h2,.story-card-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.feed-browse{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:12px;font-size:18px;color:var(--navy)}
/* Keep the masthead compact and aligned with the content at every width. */
header.site-header{height:auto;min-height:88px;padding-block:16px;gap:24px}
.site-header .brand{font-size:clamp(24px,2.5vw,36px);gap:14px}
.site-header .brand img{width:clamp(48px,5.4vw,78px);height:clamp(36px,4vw,58px);flex-shrink:0}
.site-header .site-nav{font-size:clamp(14px,1.3vw,18px);gap:clamp(18px,2vw,28px)}
.hero-copy{padding-top:clamp(24px,3vw,44px)}
@media(max-width:960px){
 header.site-header{min-height:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-block:16px 8px;gap:4px}
 .site-header .site-nav{justify-content:flex-start;flex-wrap:wrap;width:100%;gap:4px 24px}
 .site-header .site-nav a{padding-block:8px}
 .hero-copy{padding-top:24px}
}
@media(max-width:960px){.article-feed{grid-template-columns:minmax(0,1fr);gap:24px}.story-copy{padding:22px}.feed-intro{margin-bottom:28px}.feed-browse{flex-direction:column;align-items:flex-start}.site-header .site-nav{gap:6px 18px;font-size:14px}}

/* A composed, compact hero when the book moves below the copy. */
@media(max-width:960px){
 header.site-header{width:fit-content;max-width:calc(100% - 40px);margin-inline:auto;align-items:flex-start;padding-block:14px 4px;gap:2px}
 .site-header .brand{font-size:clamp(21px,4.3vw,27px);gap:10px;white-space:normal;line-height:1.08}
 .site-header .brand img{width:48px;height:36px}
 .site-header .site-nav{justify-content:flex-start;padding-left:58px;gap:0 22px;font-size:14px}
 .hero-copy{width:100%;max-width:520px;margin-inline:auto;padding:22px 0 24px;text-align:center}
 .hero-copy h1{font-size:clamp(40px,8vw,54px);line-height:1.02}
 .hero-copy>p:not(.note){max-width:450px;margin:18px auto 24px;font-size:20px;line-height:1.4}
 .hero-copy .signup-heading{font-size:20px;line-height:1.35;margin-bottom:14px}
 .hero-copy .signup{width:100%;max-width:440px;margin-inline:auto;flex-direction:column;gap:10px}
 .hero-copy .signup input{min-height:48px}
 .hero-copy .note{font-size:13px;line-height:1.4;margin:8px auto 0}
 .hero-copy .note:empty{display:none}
 .hero-art{width:100%;max-width:640px;height:auto;aspect-ratio:1;margin:0 auto;align-self:center;flex:none;background:url('assets/hero-mobile-ivory.png') center/contain no-repeat;mask-image:none;border-radius:24px 24px 0 0;overflow:hidden}
 .upsell-inner{display:flex;flex-direction:column;align-items:center;gap:16px;padding-block:28px;text-align:center}
 .upsell .book-icon{flex:none;width:45px;margin:0}
 .upsell-copy{flex:none;width:100%;min-width:0;padding:0;border:0;border-image:none}
 .upsell h2{font-size:30px;margin-bottom:8px}
 .upsell p{max-width:440px;margin-inline:auto;font-size:23px;line-height:1.3}
 .upsell .text-link{margin:0;white-space:normal;font-size:20px}
}

/* Full speaking description and a single event-coaching invitation. */
.talk-description{max-width:95%;margin:24px 0}
.talk-description p{font-size:clamp(17px,1.6vw,21px);line-height:1.55;margin:0 0 16px}
.event-copy .chemistry-invitation{font-size:clamp(17px,1.6vw,21px);line-height:1.5;max-width:620px}
.author-line strong{white-space:normal}
@media(max-width:960px){.talk-description{max-width:100%}}

/* Reserve the right third for the gold branch, independently of text height. */
#events{background-size:100% 100%;background-position:center}
#events .event-copy{max-width:62%}
#events .event-copy p{max-width:100%}
@media(max-width:960px){
 #events{background-image:none}
 #events .event-copy{max-width:100%}
}

/* One thin gold-gradient treatment for all visible component borders. */
@media(max-width:960px){
 .article-feed.is-masonry{grid-auto-rows:auto;row-gap:24px}
 .article-feed>.story-card{grid-column:1!important;grid-row:auto!important}
}
.signup input,.story-card,dialog{
 border:1px solid transparent;
 background:linear-gradient(var(--border-surface,#fff),var(--border-surface,#fff)) padding-box,var(--gold) border-box;
}
dialog{--border-surface:var(--ivory)}
.text-link,.upsell-copy,.author-line,footer .footer-top,
dialog .sample-note,.blog-optin,.blog-sources,.research-chapter{
 border-color:transparent;
 border-image:var(--gold) 1;
}

/* Book-led research introduction, sharing the site's two layouts. */
.research-intro{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,32%);gap:24px 40px;align-items:center}
.research-intro-copy{min-width:0}
.research-intro-copy p{font-size:clamp(19px,1.7vw,23px);line-height:1.5;margin-top:20px;max-width:720px}
.research-book-image{width:100%;height:auto;border-radius:24px}
.research-intro .chapter-nav{grid-column:1/-1;margin-top:0}
@media(max-width:960px){
 .research-intro{grid-template-columns:minmax(0,1fr);gap:24px}
 .research-book-image{width:100%;max-width:320px;justify-self:center}
}

.story-card{display:flex;flex-direction:column}
.story-card-link{flex:1}
.story-image{flex-shrink:0}

/* Account pages share the site shell and typography. */
.account-main { max-width: 640px; padding-top: 48px; padding-bottom: 64px; text-align: center; }
.account-main h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(40px, 5vw, 56px); line-height: 1.1; margin: 12px 0 16px; }
.account-embed { margin: 28px auto; min-height: 330px; text-align: left; }
.account-signup { font-size: 16px; }
.account-signup a { color: #075986; text-underline-offset: 3px; }

/* Outseta's own embeds, styled in the site's shared stylesheet. */
body .o--Widget--widget {
  --font-family: 'Source Sans 3', sans-serif;
  --accent-color: #075986;
  --button-text-color: #fff;
  --color-text: #083a57;
  --color-bg: #fefdf9;
  --color-text-secondary: #526571;
  --border-radius: 12px;
}
body .o--Widget--widget h1, body .o--Widget--widget h2, body .o--Widget--widget h3 {
  font-family: 'Cormorant Garamond', serif;
  color: #083a57;
}
body .o--Widget--widget .o--Button--btn { border-radius: 999px; }
body .o--Widget--widget .o--Widget--widgetBody { padding: 28px 24px; }
.account-page .account-embed { border: 1px solid #b89b58; border-radius: 16px; overflow: hidden; background: #fefdf9; }
@media (max-width: 960px) {
  .account-main { padding-top: 28px; padding-bottom: 40px; }
  body .o--Widget--widget .o--Widget--widgetBody { padding: 24px 16px; }
}

/* Free product registration stays in the signup section. */
.chapter-signup-embed { width: 100%; max-width: 560px; margin-top: 20px; }
body .chapter-signup-embed .o--Widget--widget { max-width: none; background: transparent; }
body .chapter-signup-embed .o--Widget--widgetBody { padding: 0; }
body .chapter-signup-embed .o--Widget--widget h1 { font-size: 32px; line-height: 1.2; }
body .chapter-signup-embed .o--Widget--widget h2 { font-size: 24px; line-height: 1.3; }

/* Compact inline registration matches the original homepage signup. */
body .chapter-signup-embed {
  max-width: 100%;
  width: calc(var(--scale)*47);
  margin-top: 14px;
  text-align: left;
}
body .chapter-signup-embed .o--Widget--widget {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  --color-bg: transparent;
  --font-family: 'Source Sans 3', sans-serif;
}
body .chapter-signup-embed .o--Widget--widgetBody { padding: 0; }
body .chapter-signup-embed .o--Widget--widget h1 { display: none; }
body .chapter-signup-embed .o--Widget--widget input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  width: 100%;
  min-height: 52px;
  padding: 13px 16px;
  border: 1px solid #b28a36;
  border-radius: 4px;
  background: #ffffffd9;
  color: #083a57;
  font: 400 18px/1.35 'Source Sans 3', sans-serif;
  box-shadow: none;
}
body .chapter-signup-embed .o--Widget--widget label {
  font: 500 16px/1.4 'Source Sans 3', sans-serif;
  color: #083a57;
}
body .chapter-signup-embed .o--Widget--widget .o--Button--btn:not(.o--Button--btn-link) {
  min-height: 52px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(#fefdf9,#fefdf9) padding-box, linear-gradient(110deg,#806019,#b48d35,#f2dfa2,#b48d35,#806019) border-box;
  color: #083a57;
  box-shadow: none;
  padding: 12px 26px;
}
body .chapter-signup-embed .o--Widget--widget .o--Button--btn:not(.o--Button--btn-link) * {
  color: #083a57;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 18px;
  font-weight: 600;
}
body .chapter-signup-embed .o--Widget--widget input:focus-visible,
body .chapter-signup-embed .o--Widget--widget button:focus-visible {
  outline: 2px solid #075986;
  outline-offset: 3px;
}
@media(max-width:960px) {
  body .chapter-signup-embed { width: 100%; max-width: 440px; margin-inline: auto; }
  body .chapter-signup-embed .o--Widget--widget input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { font-size:16px; min-height:48px; }
}

/* The page already identifies this free chapter series. */
.chapter-signup-embed .hcd-product-summary { display: none !important; }

/* Keep registration confirmation within the original signup column. */
body .chapter-signup-embed .o--Widget--widget,
body .chapter-signup-embed .o--Widget--widgetBody { width:100%; min-width:0; max-width:100%; box-sizing:border-box; }
body .chapter-signup-embed .o--Widget--widget p { font-family:var(--body)!important; font-size:18px!important; line-height:1.5!important; text-align:left!important; white-space:normal!important; overflow-wrap:anywhere; max-width:100%; }

/* Account setup uses the same typography and controls as site signup. */
body.account-page .o--Widget--widget { font-family:var(--body); color:var(--navy); }
body.account-page .o--Widget--widget h1, body.account-page .o--Widget--widget h2, body.account-page .o--Widget--widget h3 { font-family:var(--heading)!important; color:var(--navy)!important; }
body.account-page .o--Widget--widget p, body.account-page .o--Widget--widget label, body.account-page .o--Widget--widget input, body.account-page .o--Widget--widget button { font-family:var(--body)!important; }
body.account-page .o--Widget--widget .o--Button--btn:not(.o--Button--btn-link) { background:linear-gradient(var(--ivory),var(--ivory)) padding-box,var(--gold) border-box!important; border:1px solid transparent!important; border-radius:999px!important; color:var(--navy)!important; min-height:48px; font-weight:600; }
body.account-page .o--Widget--widget .o--Button--btn:not(.o--Button--btn-link) * { color:var(--navy)!important; }
body.account-page .o--Widget--widget input:not([type="checkbox"]):not([type="radio"]) { border:1px solid #b89c62; border-radius:4px; min-height:48px; color:var(--navy); background:#fff; }

/* Compact public signup: homepage and News/Research articles only. */
body :is(.hero-copy, .blog-optin) .chapter-signup-embed {
  width: 100%;
  max-width: 620px;
  margin-top: 8px;
}
body :is(.hero-copy, .blog-optin) .chapter-signup-embed .o--header {
  margin: 0;
  padding: 0;
}
body :is(.hero-copy, .blog-optin) .chapter-signup-embed .o--SectionGroup--sectionGroup,
body :is(.hero-copy, .blog-optin) .chapter-signup-embed .o--FormGroup--formGroup {
  margin: 0;
  padding: 0;
  min-width: 0;
}
body :is(.hero-copy, .blog-optin) .chapter-signup-embed form > .o--SectionGroup--sectionGroup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}
body :is(.hero-copy, .blog-optin) .chapter-signup-embed .o--Person-FirstNameLastName > div {
  min-width: 0;
}
body :is(.hero-copy, .blog-optin) .chapter-signup-embed .o--Widget--widget label {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.3;
}
body :is(.hero-copy, .blog-optin) .chapter-signup-embed .o--Widget--widget input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  min-height: 44px;
  height: 44px;
  padding: 9px 10px;
  font-size: 16px;
}
body :is(.hero-copy, .blog-optin) .chapter-signup-embed .o--Widget--widget .o--Button--btn:not(.o--Button--btn-link) {
  width: auto;
  min-height: 44px;
  margin: 10px 0 0;
  padding: 9px 24px;
}
body :is(.hero-copy, .blog-optin) .chapter-signup-embed .o--Widget--widget .o--Button--btn:not(.o--Button--btn-link) * {
  font-size: 16px;
}
body :is(.hero-copy, .blog-optin) .note { margin-top: 6px; font-size: 13px; }
body :is(.hero-copy, .blog-optin) .note:empty { display: none; }
@media(max-width:960px) {
  body :is(.hero-copy, .blog-optin) .chapter-signup-embed { max-width: 440px; margin-inline: 0; }
  body :is(.hero-copy, .blog-optin) .chapter-signup-embed form > .o--SectionGroup--sectionGroup {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
}

/* Public signup: fields and submit share a compact desktop row. */
.blog-optin { padding: 14px 20px; }
.blog-optin .signup-heading { margin-bottom: 8px; }
body :is(.hero-copy, .blog-optin) .chapter-signup-embed { max-width: 100%; }
@media(min-width:961px) {
  body :is(.hero-copy, .blog-optin) .chapter-signup-embed .o--Widget--widget input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    height: 36px;
    min-height: 36px;
    padding-block: 5px;
  }
  body :is(.hero-copy, .blog-optin) .chapter-signup-embed .state-Register form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
  }
  body :is(.hero-copy, .blog-optin) .chapter-signup-embed form > .o--SectionGroup--sectionGroup {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 2fr);
    min-width: 0;
  }
  body :is(.hero-copy, .blog-optin) .chapter-signup-embed .o--Widget--widget .o--Register--nextButton.o--Button--btn:not(.o--Button--btn-link) {
    margin: 22.2px 0 0;
    height: 36px;
    min-height: 36px;
    padding-block: 5px;
    padding-inline: 18px;
    white-space: nowrap;
  }
}

/* Approved book-on-shelf hero. Keep the entire artwork in normal flow. */
.hero-shelf{background:var(--ivory);min-height:0}
.hero-shelf .hero{min-height:0;align-items:center;padding-bottom:24px}
.hero-shelf .hero-copy{min-width:0;padding-bottom:24px}
.hero-shelf .hero-art{display:flex;justify-content:center;align-items:center;width:100%;max-width:480px;min-width:0;height:auto;aspect-ratio:auto;margin:0 auto;background:none;border-radius:0;overflow:visible}
.hero-shelf .hero-art img{width:100%;height:auto;object-fit:contain;margin-block:-12%}
@media(max-width:960px){
 .hero-shelf .hero{padding-bottom:20px;gap:8px}
 .hero-shelf .hero-copy{padding-bottom:20px}
 .hero-shelf .hero-art{width:min(100%,320px);max-width:320px;margin:0 auto}
 .hero-shelf .hero-copy .chapter-signup-embed{margin-inline:auto}
}


/* Custom newsletter forms share the established typography and gold pill buttons. */
.newsletter-form{position:relative;width:100%;max-width:560px;margin:20px 0 0;text-align:left}
.newsletter-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:14px}
.newsletter-fields label{display:grid;gap:6px;font:500 16px/1.4 var(--body);color:var(--navy);min-width:0}
.newsletter-fields input{width:100%;min-width:0;min-height:48px;border:1px solid #b28a36;border-radius:4px;background:#ffffffd9;padding:12px 14px;font:400 17px/1.35 var(--body);color:var(--navy)}
.newsletter-consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font:400 14px/1.45 var(--body);color:var(--copy)}
.newsletter-consent input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--navy)}
.newsletter-form .pill{min-height:48px;margin:0;padding:12px 28px;font-size:17px}
.newsletter-form input:focus-visible,.newsletter-form button:focus-visible,.newsletter-status:focus-visible{outline:2px solid #075986;outline-offset:3px}
.newsletter-form button:disabled{opacity:.65;cursor:wait}
.newsletter-trap{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.newsletter-status{font:400 15px/1.5 var(--body);margin:12px 0 0;color:var(--navy)}
.newsletter-status:empty{display:none}
.newsletter-status[data-state="error"]{color:#8a233a}
.hero-copy>.newsletter-intro{font-size:18px;line-height:1.5;margin:0 0 14px;max-width:480px}
.blog-optin h2.signup-heading{font-size:23px;font-weight:600;margin:0 0 8px}
.blog-optin .newsletter-intro{font-size:17px;line-height:1.5;margin:0}
.blog-optin .newsletter-form{max-width:none}
.account-main .newsletter-form{margin:26px auto 0}
.newsletter-form[data-action="unsubscribe"] .newsletter-fields{grid-template-columns:minmax(0,1fr);margin-bottom:18px}
@media(max-width:960px){
 .newsletter-form{max-width:440px;margin-inline:auto}
 .newsletter-fields{grid-template-columns:minmax(0,1fr);gap:12px}
 .newsletter-fields input{font-size:16px}
 .newsletter-form .pill{width:100%}
 .hero-copy>.newsletter-intro{font-size:17px;margin:0 auto 14px}
}

/* Feeling Connected cover and topic discovery. */
.hero-shelf .hero-art{max-width:350px;padding:30px 0}
.hero-shelf .hero-art img{margin-block:0;box-shadow:0 16px 36px #142b3c26}
.homepage-news{padding-top:52px;padding-bottom:62px}
.homepage-news h2{margin:0 0 12px}
.homepage-news .feed-intro{margin-bottom:24px}
.topic-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:16px 0 0}
.topic-tags a{display:inline-block;border:1px solid #b28a3666;border-radius:20px;padding:5px 12px;font:500 14px/1.35 var(--body);color:var(--navy);text-decoration:none;background:#faf6ec}
.topic-tags a:hover,.topic-tags a:focus-visible{background:#eee2c8;border-color:var(--bronze);text-decoration:underline}
.story-card{display:flex;flex-direction:column}.story-card-link{flex:1}
.story-card>.topic-tags{padding:0 22px 20px;margin-top:0}
.topic-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0}
.topic-filter label{font-weight:600}
.topic-filter select{max-width:100%;padding:10px 36px 10px 12px;border:1px solid #b28a3680;border-radius:4px;appearance:none;background:white url("/assets/filter-chevron.svg") no-repeat right 14px center / 14px 9px;color:var(--navy);font:400 16px var(--body)}
@media(forced-colors:active){.topic-filter select{appearance:auto;background-image:none}}
.topic-filter select:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.topic-filter p{margin:0;color:var(--copy)}
[hidden]{display:none!important}
.research-intro .research-book-image{width:170px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 16px #142b3c20)}
@media(max-width:960px){.hero-shelf .hero-art{width:min(72%,280px);padding:14px 0 28px}.homepage-news{padding-top:34px;padding-bottom:40px}.topic-filter{align-items:flex-start;flex-direction:column}.research-intro .research-book-image{width:150px}}

/* Keep footer navigation inside narrow viewports. */
footer .nav{flex-wrap:wrap;justify-content:center;min-width:0;max-width:100%;gap:8px 24px}
.research-intro .research-book-image{border-radius:0}

.hero-art>.book-release{font-size:18px;font-weight:600;letter-spacing:.02em;color:var(--bronze);margin:16px 0 20px;text-align:center}

.topic-filter .filter-field{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}
.topic-filter .filter-field select{min-width:0;max-width:390px}
@media(max-width:960px){.topic-filter .filter-field{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.topic-filter .filter-field select{max-width:100%;width:100%}}
.research-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);align-items:start;gap:16px 24px}
.research-filters .filter-field{display:grid;gap:7px}
.research-filters .filter-field select{width:100%;max-width:100%}
.research-filters .topic-result-count{grid-column:1/-1}
@media(max-width:960px){.research-filters{grid-template-columns:minmax(0,1fr)}}

.hero-shelf .hero-art{max-width:420px}
.hero-shelf .hero-art img{box-shadow:none;filter:drop-shadow(0 18px 22px #142b3c24)}

/* Keep the release date attached to the book, not the available articles. */
.hero-shelf .hero-art{flex-direction:column}
.hero-shelf .hero-art .book-release{flex:none;width:100%}

/* Native MailerLite form: provider behavior, existing site typography and palette. */
.mailerlite-signup{width:100%;max-width:440px;margin:20px 0}
.mailerlite-signup .ml-form-embedWrapper{width:100%;background:transparent}
.mailerlite-signup .ml-form-embedContent:empty{display:none}
.mailerlite-signup form{margin:0;width:100%}
.mailerlite-signup input[type=email]{display:block;width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--bronze);border-radius:6px;background:#fff;color:var(--navy);font:inherit;font-size:18px;box-sizing:border-box}
.mailerlite-signup .ml-form-fieldRow{margin-bottom:12px}
.mailerlite-signup .ml-form-embedSubmit button{min-height:48px;padding:12px 28px;border:1px solid var(--bronze);border-radius:999px;background:var(--ivory);color:var(--navy);font:inherit;font-weight:600;font-size:18px;cursor:pointer}
.mailerlite-signup .ml-form-embedSubmit button:hover{background:#f5edda}
.mailerlite-signup .ml-form-embedSubmit button:disabled{cursor:wait;opacity:.7}
.mailerlite-signup input:focus-visible,.mailerlite-signup button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.mailerlite-signup .ml-error input{border:2px solid #b12222}
.mailerlite-signup .ml-error label{color:#b12222}
.mailerlite-signup .ml-form-successContent h4{font-family:var(--heading);font-size:30px;margin:0 0 8px}
.mailerlite-signup .ml-form-successContent p{margin:0;font-size:18px}
.mailerlite-signup .ml-form-embedSubmitLoad{display:inline-block;width:18px;height:18px;border:3px solid #c8b783;border-top-color:var(--navy);border-radius:50%;animation:mailerlite-spin 1s linear infinite;vertical-align:middle}
@keyframes mailerlite-spin{to{transform:rotate(360deg)}}
@media(max-width:960px){.hero-copy .mailerlite-signup{margin-inline:auto}.mailerlite-signup .ml-form-embedSubmit button{width:100%}}
@media(prefers-reduced-motion:reduce){.mailerlite-signup .ml-form-embedSubmitLoad{animation:none}}

/* Crop only the transparent padding beneath the shelf via layout, not the artwork. */
.hero-shelf .hero-art img{margin-bottom:-18%}
.hero-shelf .hero-art .book-release{margin-top:0;position:relative}
.news-pagination{display:flex;gap:16px;justify-content:center;align-items:center;margin:28px 0;flex-wrap:wrap}
.news-pagination[hidden]{display:none!important}
.news-pagination button:disabled{opacity:.45;cursor:default}

/* Research uses the same shelf artwork and closely grouped book caption. */
.research-book{width:min(100%,240px);margin:0;justify-self:center}
.research-intro .research-book .research-book-image{display:block;width:100%;max-width:none;margin-bottom:-18%;border-radius:0}
.research-book .book-release{position:relative;margin:0;text-align:center;font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--bronze)}

/* Book is first in reading order: left on desktop, above copy/form on mobile. */
@media(min-width:961px){.hero-shelf .hero{grid-template-columns:46% 54%}.hero-shelf .hero-copy{padding-left:32px}}

/* Keep the complete transparent portrait at a restrained, natural size. */
.speaking .portrait-transparent{position:relative;clip-path:none;width:min(100%,320px);height:auto;margin:32px auto;align-self:center;overflow:visible;border-radius:0;pointer-events:auto}
.speaking .portrait-transparent img{position:static;display:block;width:100%;max-width:100%;height:auto;bottom:auto;left:auto;transform:none}
.author-line .coaching-link{margin-top:14px;font-size:16px}
.coaching-link a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:960px){.speaking .portrait-transparent{width:min(100%,260px);margin:24px auto 36px}}

/* Let the seated pose face the description, with balanced portrait and copy columns. */
@media(min-width:961px){.speaking-inner{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:36px;align-items:center}.speaking .portrait-transparent{width:100%;max-width:520px;margin:28px 0}.speaking-copy{min-width:0}.speaking-copy h2{white-space:normal;font-size:clamp(36px,4vw,48px)}}
@media(max-width:960px){.speaking .portrait-transparent{width:min(100%,340px);margin:0 auto 28px;order:1}.speaking-copy{padding-top:35px;padding-bottom:16px;order:0}}

.research-feature {
  /* Raspberry sampled from the Feeling Connected cover. */
  --feature-background: #8c0236;
  border: 0;
  border-radius: 0;
  background: var(--feature-background);
  /* Extend the color to both page edges while keeping the text on the Research grid. */
  box-shadow: 0 0 0 100vmax var(--feature-background);
  clip-path: inset(0 -100vmax);
}
.research-feature .story-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px clamp(12px, 3vw, 36px);
  padding: clamp(20px, 2.4vw, 30px) 0;
}
.research-feature h2 {
  color: var(--ivory);
  font-size: clamp(27px, 2.8vw, 36px);
  line-height: 1.12;
}
.research-feature .story-summary {
  grid-column: 1;
  max-width: 78ch;
  margin: 0;
  color: var(--ivory);
}
.research-feature .story-copy::after {
  content: "→" / "";
  grid-column: 2;
  grid-row: 1 / 3;
  color: #f3df9e;
  font-size: 1.45rem;
}
.research-feature .story-card-link:focus-visible { outline-color: var(--ivory); outline-offset: -2px; }
.research-feature .story-card-link:focus-visible h2 { text-decoration: underline; }
.goal-setting-prose ul { padding-inline-start: 1.4em; margin-block: 0 1.2em; }
.goal-setting-prose table { width: 100%; border-collapse: collapse; font-size: .94em; margin-block: 1em 1.5em; }
.goal-setting-prose th, .goal-setting-prose td { padding: .55em .65em; border-bottom: 1px solid #ded9cd; text-align: left; vertical-align: top; }
.goal-setting-prose th { color: var(--navy); background: var(--ivory); }
.goal-setting-prose th:first-child { width: 34%; }