.conversation-story .article-cover{height:auto;max-width:1180px}
.conversation-story .article-cover img{height:auto;aspect-ratio:1.5;object-fit:contain}
.conversation-story .article-cover figcaption{background:#e7ebf2;color:var(--muted);font-size:13px;line-height:1.5;padding:12px 16px}
.story-prose{max-width:810px;margin:0 auto;padding:50px 26px 75px;font-size:17px;line-height:1.8}
.story-prose .article-intro{font-size:22px;line-height:1.65;color:var(--ink)}
.story-prose a:not(.button){color:#2448a2;text-decoration:underline;text-underline-offset:3px}
.story-prose h2{font:700 44px/1.07 var(--display);letter-spacing:-.02em;margin:52px 0 23px}
.story-prose h3{font-size:22px;line-height:1.25}
.story-key{display:flex;gap:18px;flex-wrap:wrap;background:var(--navy);color:white;margin:33px 0 50px;padding:15px 19px;font-size:13px;line-height:1.5}
.story-key b{display:inline-grid;place-items:center;width:24px;height:24px;background:var(--yellow);color:var(--navy);border-radius:50%;margin-right:6px}
.story-key i{font-style:normal;border-bottom:2px solid var(--yellow)}
.thread-intro{border-left:3px solid var(--blue);padding-left:19px;color:var(--muted)}
.message-days{list-style:none;padding:0;margin:37px 0;border-top:1px solid var(--line)}
.message-days>li{padding:30px 0 38px;border-bottom:1px solid var(--line)}
.day-head{display:flex;gap:18px;align-items:center;margin-bottom:22px}
.day-head>span{color:var(--blue);font:700 52px/1 var(--display)}
.day-head h3{margin:0;font:700 31px/1.1 var(--display)}
.day-head small{font:500 13px/1.4 'DM Sans',Arial,sans-serif;color:var(--muted);display:block;margin-top:5px;letter-spacing:0}
.messages{display:flex;flex-direction:column;gap:11px}
.message{max-width:85%;padding:15px 18px;margin:0;font-size:16px;line-height:1.55;border-radius:2px}
.message b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.message.j{align-self:flex-start;background:#e3eaf6;border-left:3px solid var(--blue)}
.message.r{align-self:flex-end;background:#fff6bf;border-right:3px solid #d3ad18}
.margin-note{margin:22px 0 0 60px;padding-left:17px;border-left:2px solid var(--line);font-size:15px;color:var(--muted);line-height:1.65}
.margin-note b{color:var(--blue)}
.thread-interpretation{padding:5px 0}
.branch-list{display:grid;gap:14px;margin:25px 0}
.branch-list article{background:#fff;border:1px solid var(--line);padding:25px 28px}
.branch-list article>span{font-size:11px;font-weight:700;letter-spacing:.07em;color:var(--blue)}
.branch-list h3{margin:10px 0 10px}
.branch-list p{margin:0;font-size:16px;line-height:1.7}
.last-lines{border-top:4px solid var(--yellow);margin-top:48px}
.story-prose .article-signup{margin-top:38px}
.story-prose .article-signup h2{font-size:33px;margin:0 0 22px}
@media(max-width:800px){.conversation-story .article-cover img{height:auto;aspect-ratio:1.5}.story-prose{padding:35px 6% 55px}.story-prose h2{font-size:38px}.message{max-width:91%}}
@media(max-width:550px){.story-prose{font-size:16px}.story-prose .article-intro{font-size:20px}.story-key{gap:10px 18px}.day-head>span{font-size:44px}.day-head h3{font-size:27px}.message{max-width:96%;font-size:15px}.margin-note{margin-left:12px}.branch-list article{padding:21px}}