/* TalkLive Journal - generated by scripts/journal/shared.js. Do not edit. */
@font-face{font-family:"Abril Fatface";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/abril-fatface-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/anton-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/bebas-neue-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mag/big-shoulders-display-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/mag/big-shoulders-display-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/bricolage-grotesque-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/bricolage-grotesque-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/courier-prime-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/courier-prime-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/instrument-serif-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/mag/instrument-serif-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/nunito-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/mag/nunito-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/manrope-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Syne";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/mag/syne-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/mag/unbounded-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/mag/unbounded-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo Black";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/archivo-black-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/archivo-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mag/archivo-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Caveat";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/mag/caveat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/mag/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/mag/cormorant-garamond-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/cormorant-garamond-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/dm-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/mag/dm-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/dm-serif-display-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Serif Display";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/mag/dm-serif-display-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/fraunces-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/mag/fraunces-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/fraunces-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/mag/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/ibm-plex-serif-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/mag/ibm-plex-serif-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mag/ibm-plex-serif-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mag/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/jetbrains-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/libre-caslon-text-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/mag/libre-caslon-text-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/libre-caslon-text-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Literata";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/literata-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Literata";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/mag/literata-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Literata";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/literata-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Lora";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/lora-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Lora";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/mag/lora-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Lora";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/lora-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Old Standard TT";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/old-standard-tt-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/playfair-display-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/mag/playfair-display-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/source-serif-4-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/mag/source-serif-4-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mag/source-serif-4-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mag/space-grotesk-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mag/space-grotesk-latin-700-normal.woff2) format("woff2")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper,#fff);color:var(--ink,#111);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:inherit}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px;z-index:9}
.j-mast{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1120px;margin:0 auto;padding:14px 20px;font:500 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.04em;color:var(--mast,currentColor);border-bottom:1px solid var(--rule,rgba(0,0,0,.12))}
.j-mast a{text-decoration:none}
.j-mast .j-brand{font-weight:600;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap}
.j-mast nav{display:flex;gap:18px;flex-wrap:wrap}
.j-mast nav a{opacity:.75}.j-mast nav a:hover{opacity:1;text-decoration:underline}
.j-foot{max-width:1120px;margin:72px auto 0;padding:28px 20px 40px;border-top:1px solid var(--rule,rgba(0,0,0,.12));font:400 13px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--mast,currentColor)}
.j-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}
.j-foot a{opacity:.8}
.j-foot p{margin:0;opacity:.6}
.j-more{max-width:1120px;margin:64px auto 0;padding:0 20px}
.j-more h2{font:600 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;opacity:.7}
.j-more ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.j-more li{border-top:1px solid var(--rule,rgba(0,0,0,.12));padding-top:10px}
.j-more a{text-decoration:none;font:inherit}
.j-more a:hover{text-decoration:underline}
.j-faq{max-width:700px;margin:48px auto 0;padding:0 20px}
.j-faq h2{font-family:inherit;font-size:26px;line-height:1.2;margin:0 0 10px}
.j-faq details{border-top:1px solid var(--rule,rgba(0,0,0,.15));padding:14px 0}
.j-faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:18px;line-height:1.4}
.j-faq summary::-webkit-details-marker{display:none}
.j-faq summary::after{content:"+";float:right;margin-left:12px;opacity:.6}
.j-faq details[open] summary::after{content:"\2212"}
.j-faq details p{margin:10px 0 0;font-size:17px;line-height:1.65}
.ad-card{max-width:728px;margin:48px auto;padding:10px 0 0;border-top:1px solid var(--rule,rgba(0,0,0,.12));text-align:center}
.ad-card-label{display:block;font:500 10px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin-bottom:8px}
@media (max-width:640px){.j-mast{flex-wrap:wrap;gap:8px 14px;font-size:12px}.j-mast nav{gap:14px}}
/* Start-talking buttons. No box of their own: they sit on the page's paper in
   the page's type, so they read as part of the article rather than an ad.
   Colours come from --cta-* (set per page by ctaVars), with safe defaults. */
.tl-go{max-width:720px;margin:34px auto;padding:0 20px;text-align:center;color:inherit}
.tl-go-wide{max-width:900px}
.tl-go h2.tl-go-h{margin:0 0 6px;font-family:inherit;font-weight:700;font-size:clamp(22px,3vw,28px);line-height:1.2;color:inherit;letter-spacing:-.005em}
.tl-go p.tl-go-sub{margin:0 auto 16px;max-width:560px;font-size:16px;line-height:1.5;opacity:.78}
.tl-go .tl-go-row{display:flex;gap:12px;flex-wrap:wrap}
a.tl-go-btn{position:relative;flex:1 1 220px;display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:66px!important;padding:12px 22px!important;margin:0;border-radius:999px!important;border:0!important;outline:0;text-decoration:none!important;text-transform:none!important;font:700 20px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:-.005em!important;opacity:1!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}
.tl-go-btn svg{width:26px;height:26px;flex:none;overflow:visible}
.tl-go-btn small{display:block;font:500 12px/1.2 system-ui,-apple-system,sans-serif;opacity:.85;margin-top:3px;letter-spacing:0;text-transform:none}
.tl-go-btn .tl-go-txt{text-align:left}
.tl-go-btn .tl-go-arr{margin-left:auto;transition:transform .2s ease}
a.tl-go-talk{background:var(--cta-talk,#1f8a4c)!important;color:var(--cta-talk-ink,#fff)!important;box-shadow:0 8px 22px -10px var(--cta-talk,#1f8a4c)!important}
a.tl-go-chat{background:var(--cta-chat,#2b2b2b)!important;color:var(--cta-chat-ink,#fff)!important;box-shadow:0 8px 22px -10px var(--cta-chat,#2b2b2b)!important}
.tl-go-talk::before{content:"";position:absolute;inset:0;border-radius:inherit;animation:tlPulse 2.2s infinite;pointer-events:none}
.tl-go-talk svg{transform-origin:50% 50%;animation:tlRing 2.6s infinite}
.tl-go-chat .tl-dot{fill:var(--cta-chat,#2b2b2b);animation:tlType 1.3s infinite}
.tl-go-chat .tl-dot:nth-of-type(2){animation-delay:.18s}.tl-go-chat .tl-dot:nth-of-type(3){animation-delay:.36s}
a.tl-go-btn:hover{filter:brightness(1.07);transform:translateY(-2px)}
.tl-go-btn:hover .tl-go-arr{transform:translateX(4px)}
a.tl-go-btn:active,a.tl-go-btn.is-press{transform:scale(.96);filter:brightness(.95)}
a.tl-go-btn:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.c-ctas.tl-go-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:stretch!important;gap:12px;width:100%;max-width:640px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.c-ctas.tl-go-row a.tl-go-btn{flex:1 1 220px!important}
.tl-go p.tl-go-fine{margin:12px 0 0;font:500 12.5px/1.4 system-ui,-apple-system,sans-serif;opacity:.6}
.tl-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--paper,#fff);border-top:1px solid var(--rule,rgba(0,0,0,.12));box-shadow:0 -8px 24px -18px rgba(0,0,0,.35);transform:translateY(115%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.tl-dock.is-on{transform:none}
.tl-dock a.tl-go-btn{flex:1 1 0;min-width:0;min-height:52px!important;padding:8px 12px!important;font-size:17px!important;gap:8px}
.tl-dock .tl-go-btn svg{width:22px;height:22px}
.tl-dock .tl-go-btn small,.tl-dock .tl-go-arr{display:none}
.tl-dock .tl-go-txt{white-space:nowrap}
body.tl-has-dock{padding-bottom:80px}
@media (min-width:900px){.tl-dock{left:50%;right:auto;bottom:18px;width:520px;transform:translate(-50%,140%);border-radius:999px;border:1px solid var(--rule,rgba(0,0,0,.12));padding:8px;box-shadow:0 14px 36px -16px rgba(0,0,0,.4)}.tl-dock.is-on{transform:translate(-50%,0)}body.tl-has-dock{padding-bottom:0}}
@media (max-width:480px){.tl-go{margin:26px auto;padding:0 16px}.tl-go a.tl-go-btn,.c-ctas a.tl-go-btn{flex-basis:100%;min-height:62px!important;font-size:19px!important}}
@keyframes tlPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--cta-talk,#1f8a4c) 55%,transparent)}70%{box-shadow:0 0 0 14px color-mix(in srgb,var(--cta-talk,#1f8a4c) 0%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
@keyframes tlRing{0%,62%,100%{transform:rotate(0)}66%{transform:rotate(-16deg)}70%{transform:rotate(14deg)}74%{transform:rotate(-12deg)}78%{transform:rotate(10deg)}82%{transform:rotate(-4deg)}86%{transform:rotate(0)}}
@keyframes tlType{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-1.2px)}}
@media (prefers-reduced-motion:reduce){.tl-go-talk::before,.tl-go-talk svg,.tl-go-chat .tl-dot{animation:none}.tl-go-btn,.tl-dock{transition:none}}