/* Siamo solo umani: an editorial space for conversations, day and night. */
.humans-section{border-top:1px solid var(--line)}
.humans-section .section-heading{align-items:end}
.humans-section .section-heading>p{max-width:450px}
.human-card{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--ink)}
.human-card-quote{background:var(--ink);color:var(--paper);padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}
.human-card-quote .eyebrow{color:var(--lime);margin:0}
.human-card-quote blockquote{font:500 clamp(1.7rem,2.6vw,2.5rem)/1.3 var(--display);letter-spacing:-.035em;margin:0}
.human-card-quote cite{font:400 .75rem var(--mono);font-style:normal;color:var(--lime)}
.human-card-copy{padding:40px;background:#edf0e4}
.human-card-copy .eyebrow{margin-bottom:20px}
.human-card-copy h3{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:20px}
.human-card-copy>p:not(.eyebrow){color:var(--muted);max-width:540px}
.human-card-copy .button{margin-top:6px}
.human-masthead{padding-top:65px;padding-bottom:35px}
.human-masthead h1{font-size:clamp(4rem,9.5vw,9rem);line-height:.95;letter-spacing:-.07em;position:relative;max-width:1000px;margin-bottom:35px}
.human-masthead h1>span:first-of-type{background:var(--lime);box-shadow:8px 0 var(--lime)}
.human-star{font-size:.65em;font-weight:400;display:inline-block;margin-left:60px;vertical-align:top;transform:rotate(12deg)}
.human-masthead>p:not(.eyebrow){font-size:clamp(1.1rem,1.8vw,1.4rem);color:var(--muted);margin-bottom:45px}
.human-rule{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding-top:16px;font:.7rem var(--mono);letter-spacing:.04em}
.conversation-article{padding-top:60px}
.conversation-intro{max-width:900px;margin:0 auto 65px}
.conversation-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;font:.7rem/1.6 var(--mono);margin-bottom:28px}
.night-label{background:var(--ink);color:var(--lime);padding:6px 12px}
.conversation-intro h2{font-size:clamp(2.5rem,4.7vw,4.5rem);line-height:1.06;letter-spacing:-.055em;margin-bottom:28px}
.conversation-intro>p{max-width:780px;font-size:1.08rem;color:var(--muted)}
.conversation-intro .conversation-deck{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.5;color:var(--ink)}
.conversation-byline{display:flex;gap:18px;align-items:center;margin-top:30px}
.initials{display:grid;place-items:center;width:62px;height:62px;background:var(--lime);border-radius:50%;font:.85rem var(--mono);flex-shrink:0}
.conversation-byline small{display:block;color:var(--muted);margin-top:3px}
.reading-layout{display:grid;grid-template-columns:245px minmax(0,740px);gap:65px;justify-content:center;align-items:start}
.reading-guide{position:sticky;top:35px;padding-top:7px}
.reading-guide .eyebrow{margin-bottom:14px}
.reading-guide nav{display:flex;flex-direction:column}
.reading-guide nav a{padding:17px 0;border-top:1px solid var(--line);font:500 .95rem/1.4 var(--display)}
.reading-guide nav a span{display:block;color:var(--muted);font:.7rem var(--mono);margin-bottom:7px}
.reading-guide nav a:hover{color:#587b00}
.reading-note{font-size:.85rem;color:var(--muted);margin-top:25px}
.day-break{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-block:1px solid var(--line);padding:15px 0;font:.7rem/1.6 var(--mono);color:var(--muted);margin-bottom:35px}
.chapter{font-size:clamp(1.5rem,2.6vw,2rem);padding-top:28px;margin:25px 0 30px;scroll-margin-top:30px}
.chapter>span{display:block;font:.7rem var(--mono);letter-spacing:.04em;color:var(--muted);margin-bottom:12px}
.message{padding:23px 26px;margin:0 0 18px;border-left:3px solid #cad0c1;background:#fff;scroll-margin-top:28px}
.message.michele{background:#edf0e4;border-left-color:#83955e}
.message-meta{display:flex;align-items:center;justify-content:flex-start;gap:14px;font:.75rem var(--mono);margin-bottom:14px}
.message-meta strong{font-weight:700}.message-meta a{padding:3px 0;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.message blockquote{margin:0;font-size:1.05rem;line-height:1.75;overflow-wrap:anywhere}
.message blockquote p{margin:0 0 16px}.message blockquote p:last-child{margin:0}
.editor-note{color:var(--muted);font-size:.85rem;padding:12px 0 22px;font-style:italic}
.transcript-note{border-top:1px solid var(--line);margin-top:40px;padding-top:25px;color:var(--muted);font-size:.85rem}
.transcript-note strong{display:block;color:var(--ink);margin-bottom:10px}
.conversation-outro{padding-block:85px}.conversation-outro h2{font-size:clamp(2.5rem,5vw,4rem)}
.conversation-outro .text-link{display:inline-block;margin:20px 0 0 25px}
@media(max-width:1000px){.reading-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.header nav{gap:18px;font-size:.8rem}.human-card-copy,.human-card-quote{padding:30px}}
@media(max-width:760px){.humans-section .section-heading>p{max-width:none}.human-card{grid-template-columns:1fr}.human-card-quote{padding:28px;gap:25px}.human-card-copy{padding:28px}.human-masthead{padding-top:42px}.human-star{margin-left:25px}.human-masthead h1{font-size:clamp(4rem,14vw,6rem)}.human-rule{font-size:.6rem;gap:15px}.human-rule span:last-child{text-align:right}.desktop-break{display:none}.conversation-article{padding-top:25px}.conversation-intro{margin-bottom:30px}.conversation-meta{gap:10px 16px;font-size:.65rem}.conversation-intro h2{font-size:2.6rem}.reading-layout{display:block}.reading-guide{position:static;margin-bottom:35px}.reading-guide nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.reading-guide nav a{font-size:.9rem}.reading-note{display:none}.message{padding:20px;margin-bottom:14px}.message blockquote{font-size:1rem}.day-break{font-size:.65rem}.back-home{font-size:.85rem}.conversation-byline{font-size:.9rem}.conversation-outro{padding-block:60px}.conversation-outro .text-link{display:block;margin:25px 0 0}}
@media(max-width:380px){.conversation-page .brand{font-size:.75rem}.conversation-page .back-home{font-size:.75rem}.conversation-page .header{gap:8px}}

.starting-post{margin-top:38px;padding:28px 30px;border:1px solid var(--line);border-left:4px solid #83955e;background:#edf0e4}
.starting-post .eyebrow{font-size:.7rem;margin-bottom:14px}
.starting-post h3{font-size:1.5rem;margin-bottom:18px}
.starting-post>p:not(.eyebrow){font-size:1rem;line-height:1.7}
.starting-post .text-link{display:inline-block;margin:4px 0 18px}
.starting-post p.source-note{font-size:.8rem;color:var(--muted);margin-bottom:0}
@media(max-width:760px){.starting-post{padding:23px 20px}.starting-post h3{font-size:1.35rem}}

.shared-portal{margin:26px 0}.shared-portal ul{padding-left:20px;margin:0 0 20px}.shared-portal li{margin-bottom:10px}.shared-portal .text-link{margin-bottom:0}

/* Alternate speakers while keeping long message text left-aligned. */
.message{width:calc(100% - 28px)}
.message.duke{margin-right:auto}
.message.michele{margin-left:auto;border-left:0;border-right:3px solid #83955e}
.message.michele .message-meta{flex-direction:row-reverse;text-align:right}
.conversation-transcript>.starting-post{margin-block:0 24px}
.conversation-transcript>.shared-portal{margin-block:26px}
@media(max-width:760px){.message{width:calc(100% - 12px)}}

/* Both links follow the right-aligned headings of Michele’s messages. */
.shared-message{width:calc(100% - 28px);margin-left:auto;margin-right:0;text-align:left;border-left:0;border-right:3px solid #83955e}
.shared-message .message-meta{justify-content:flex-start;flex-direction:row-reverse;text-align:right}
.shared-message h3,.shared-message .eyebrow{text-align:right}
.shared-message .message-meta time{color:var(--muted)}
@media(max-width:760px){.shared-message{width:calc(100% - 12px)}}

.shared-wittgenstein{scroll-margin-top:28px}
.screenshot-transcript{font-size:1rem;line-height:1.75}
.screenshot-transcript ul{padding-left:22px;margin-block:20px}
.screenshot-transcript li{margin-bottom:18px}
.screenshot-transcript .preceding-fragment{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px;color:var(--muted)}

/* Desktop: the title, divider and reading columns share the same outer edges. */
@media(min-width:761px){
  .human-masthead{border-bottom:1px solid var(--ink);padding-bottom:28px}
  .human-masthead h1{max-width:none}
  .human-rule{border-top:0;padding-top:0}
  .conversation-intro{max-width:none;text-align:left}
  .conversation-intro h2{max-width:1000px;margin-inline:0}
  .conversation-intro>p{margin-inline:0}
  .conversation-meta,.conversation-byline{justify-content:flex-start}
  .reading-layout{width:100%;grid-template-columns:clamp(200px,19.15vw,245px) minmax(0,1fr);gap:clamp(30px,4.52vw,65px);justify-content:stretch}
}