/* Reader notes follow the article's paper, ink and vermilion palette. */
.comments-area{width:750px;max-width:calc(100% - 245px);margin:0 0 64px 245px;border-top:2px solid var(--ink);padding-top:30px;scroll-margin-top:30px}
.reader-notes-heading{max-width:650px;margin-bottom:32px}
.reader-notes-heading .section-kicker{margin-bottom:16px}
.reader-notes-heading h2{font:normal clamp(31px,3.4vw,43px)/1.16 var(--serif);letter-spacing:-.04em;margin:0 0 17px}
.reader-notes-heading>p:last-child{font:16px/1.75 var(--serif);color:var(--muted);max-width:520px;margin:0}
.reader-list-title{display:flex;align-items:center;gap:12px;font:700 11px/1.5 var(--sans);letter-spacing:.06em;margin:0 0 12px}
.reader-list-title>span{font-size:10px;color:var(--red);font-weight:400;letter-spacing:0}
.reader-comment-list,.reader-comment-list .children{list-style:none;padding:0;margin:0}
.reader-comment-list .children{padding-left:28px;border-left:1px solid var(--line);margin-left:19px}
.reader-comment-body{border-top:1px solid var(--line);padding:25px 0 23px;overflow-wrap:anywhere}
.reader-comment-header{display:flex;gap:14px;align-items:center;margin-bottom:17px}
.reader-monogram{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font:normal 22px/1 var(--serif);text-transform:uppercase;color:var(--red);background:var(--paper)}
.reader-comment-identity{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
.reader-comment-name{font:700 12px/1.5 var(--sans);letter-spacing:.015em}
.reader-author-badge{font:700 8px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--red);border:1px solid var(--red);padding:1px 5px}
.reader-comment-date{flex-basis:100%;font:10px/1.5 var(--sans);color:var(--muted);text-decoration:none}
.reader-comment-content{font:17px/1.8 var(--serif);color:var(--ink)}
.reader-comment-content p{margin:0 0 15px}
.reader-comment-content>:last-child{margin-bottom:0}
.reader-comment-content a{color:var(--red)}
.reader-comment-content blockquote{border-left:2px solid var(--line);padding-left:17px;margin:20px 0;font-style:italic}
.reader-comment-content ul,.reader-comment-content ol{padding-left:23px;margin:15px 0}
.reader-comment-content pre{overflow-x:auto;font-size:13px;padding:12px;background:var(--light)}
.reader-comment-content img{max-width:100%;height:auto}
.reader-comment-actions{display:flex;gap:18px;align-items:center;margin-top:15px;font:700 10px/1.6 var(--sans)}
.reader-comment-actions:empty{display:none}
.reader-comment-actions a{text-decoration:none}
.reader-comment-actions .comment-edit-link{font-weight:400;color:var(--muted)}
.reader-comment-pending{font:12px/1.7 var(--sans);padding:11px 14px;border-left:2px solid var(--red);background:var(--light);margin:0 0 17px;color:var(--ink)}
.reader-comments-empty{font:italic 18px/1.65 var(--serif);padding:22px 0;margin:0;border-top:1px solid var(--line);color:var(--muted)}
.reader-comments-closed{font:13px/1.7 var(--sans);color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:20px 0 0}
.comments-area .comment-respond{border-top:1px solid var(--ink);padding-top:28px;margin-top:23px;scroll-margin-top:30px}
.comments-area .comment-reply-title{font:normal 31px/1.25 var(--serif);letter-spacing:-.035em;margin:0 0 15px}
.comments-area .comment-reply-title small{display:block;margin-top:9px;font:11px/1.6 var(--sans);letter-spacing:0}
.comments-area #cancel-comment-reply-link{color:var(--red);text-decoration:none}
.reader-comment-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.reader-comment-form p{margin:0;min-width:0}
.reader-comment-form .comment-notes,.reader-comment-form .logged-in-as,.reader-comment-form .comment-form-comment,.reader-comment-form .reader-form-note,.reader-comment-form .comment-form-cookies-consent,.reader-comment-form .form-submit{grid-column:1/-1}
.reader-comment-form label{display:block;font:700 11px/1.6 var(--sans);margin-bottom:8px;letter-spacing:.025em}
.reader-required{font-weight:400;font-size:10px;color:var(--muted);letter-spacing:0}
.reader-comment-form input[type="text"],.reader-comment-form input[type="email"],.reader-comment-form textarea{display:block;width:100%;border:1px solid #a7a294;border-radius:0;background:transparent;color:var(--ink);padding:12px 13px;font:16px/1.6 var(--serif);box-shadow:none}
.reader-comment-form textarea{min-height:170px;resize:vertical}
.reader-comment-form input:focus-visible,.reader-comment-form textarea:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-color:var(--red)}
.reader-comment-form .comment-notes,.reader-comment-form .logged-in-as,.comments-area .must-log-in{font:12px/1.75 var(--sans);color:var(--muted)}
.reader-comment-form .reader-form-note{font:11px/1.8 var(--sans);color:var(--muted);margin-top:-7px}
.reader-form-note a,.reader-comment-form .logged-in-as a,.comments-area .must-log-in a{color:var(--ink)}
.reader-comment-form .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:10px;margin-top:1px}
.reader-comment-form .comment-form-cookies-consent input{flex:0 0 17px;width:17px;height:17px;margin:2px 0 0;accent-color:var(--red)}
.reader-comment-form .comment-form-cookies-consent label{font:11px/1.75 var(--sans);font-weight:400;letter-spacing:0;margin:0;color:var(--muted);cursor:pointer}
.reader-comment-form .form-submit{margin-top:3px}
.reader-comment-submit{display:inline-block;max-width:100%;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--paper);padding:13px 25px;font:700 11px/1.5 var(--sans);letter-spacing:.02em;cursor:pointer;white-space:normal}
.reader-comment-submit:hover{background:var(--red);border-color:var(--red)}
.comments-area .comments-pagination{margin:21px 0 28px;font:11px/1.6 var(--sans)}
.comments-area .comments-pagination .nav-links{display:flex;gap:7px;flex-wrap:wrap}
.comments-area .comments-pagination .page-numbers{padding:7px 11px}
.comments-area .comment-respond .comment-reply-title a:focus-visible,.comments-area .reader-comment-date:focus-visible,.comments-area .reader-comment-actions a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:1100px){.comments-area{max-width:calc(100% - 195px);margin-left:195px}}
@media(max-width:800px){.comments-area{width:100%;max-width:100%;margin-left:0;margin-bottom:45px}.reader-notes-heading h2{font-size:36px}}
@media(max-width:520px){.comments-area{padding-top:25px;margin-bottom:38px}.reader-notes-heading{margin-bottom:25px}.reader-notes-heading h2{font-size:31px}.reader-comment-form{grid-template-columns:1fr;gap:17px}.reader-comment-form .comment-form-author,.reader-comment-form .comment-form-email{grid-column:1/-1}.reader-comment-list .children{padding-left:14px;margin-left:7px}.reader-monogram{flex-basis:32px;width:32px;height:32px;font-size:19px}.reader-comment-header{gap:10px}.reader-comment-body{padding:21px 0}.reader-comment-content{font-size:16px}.comments-area .comment-reply-title{font-size:28px}.reader-comment-submit{width:100%;padding-block:14px}}
