.reading-wrap{width:min(700px,calc(100% - 48px));margin:42px auto 0}.reading-back{font-size:.875rem;color:#777b80;display:inline-block;margin-bottom:40px}.reading-back:hover,.original-link:hover{color:var(--blue)}.reading-heading{margin-bottom:45px}.reading-meta{display:flex;gap:22px;font:.75rem/1.8 var(--mono);color:#86827b;margin:0 0 19px}.reading-heading h1{font:400 clamp(1.65rem,3.1vw,2.25rem)/1.65 var(--sans);letter-spacing:0;white-space:normal;color:#262724;margin:0 0 20px;overflow-wrap:anywhere}.original-link{font-size:.8125rem;color:#86827b}.article-body{font:400 1.0625rem/2 var(--sans);color:#41423c;overflow-wrap:anywhere}.article-body p{margin:0 0 22px}.article-body h2{font:500 1.3rem/1.8 var(--sans);color:#262724;margin:43px 0 20px;letter-spacing:0}.article-body h3,.article-body h4{font-size:1.125rem;line-height:1.8;margin:30px 0 16px}.article-body strong{font-weight:600;color:#30312c}.article-body ul,.article-body ol{padding-left:1.45em;margin:12px 0 26px}.article-body li{padding-left:.25em;margin:5px 0}.article-body li p{margin:0}.article-body blockquote{margin:28px 0;padding:6px 0 6px 23px;border-left:2px solid #b6b29d;color:#5b5e4e}.article-body blockquote p{margin:0}.article-body hr{height:0;border:0;border-top:1px solid #e5ded3;margin:38px 0}.article-body a{color:#3e64ac;text-decoration:underline;text-underline-offset:4px}.article-body pre{overflow:auto;font-size:.875rem}.reading-wrap .reading-footer{display:flex;justify-content:space-between;gap:25px;padding:30px 0 50px;margin-top:55px;border-top:1px solid #ded8cd;font-size:.875rem}.reading-page .header nav a[aria-current=page]{color:var(--ink)}
@media(max-width:720px){.reading-wrap{width:calc(100% - 40px);margin-top:25px}.reading-back{margin-bottom:28px}.reading-heading{margin-bottom:33px}.reading-heading h1{font-size:1.6rem;line-height:1.7}.article-body{font-size:1rem;line-height:1.95}.article-body h2{font-size:1.2rem;margin-top:35px}.article-body blockquote{padding-left:17px}.reading-wrap .reading-footer{font-size:.8125rem}}

.article-body img{display:block;width:auto;max-width:100%;height:auto;margin:28px auto}
.article-body .media-source-note{font-size:12px;line-height:1.8;margin-top:32px}
.discussion{margin-top:56px;padding-top:24px;border-top:1px solid #e5ded3}
.discussion summary{cursor:pointer;font-size:15px;color:#51594c;line-height:2;padding:4px 0}
.discussion summary span{font:12px var(--mono);color:#96978a;margin-left:10px}
.discussion-note{font-size:12px;color:#8a8b7e;line-height:1.8;margin:18px 0 24px}
.discussion-list{list-style:none;padding:0;margin:0 0 24px}
.discussion-item{padding:18px 0;scroll-margin-top:24px}
.discussion-item.is-reply{margin-left:20px;padding-left:18px;border-left:1px solid #dedccd}
.discussion-meta{display:flex;gap:14px;justify-content:space-between;color:#5b6153;font-size:12px;line-height:1.8}
.discussion-meta a{color:#8a8b7e;flex-shrink:0}
.discussion-item p{font-size:14px;line-height:1.95;color:#66695e;margin:8px 0 0;overflow-wrap:anywhere}
.reply-context{display:inline-block;font-size:11px;color:#999b8e;margin-top:7px}
.discussion a:hover{color:#416850}
@media(max-width:600px){.discussion-item.is-reply{margin-left:8px;padding-left:12px}.discussion-meta{gap:8px}}

/* Keep article-page accents aligned with the portfolio. */
body.reading-page{--blue:#32644f}.reading-page ::selection{background:#285346;color:#fff}.reading-page .header nav a:after{background:#32644f}