/* A full reading page, keeping Gymnos's type, palette and corner language. */
.article-page,.article-page main {background:var(--paper);color:var(--ink);}
.article-cover {background:#1d281c;color:#f8f6ef;padding:30px 0 44px;}
.article-back {display:inline-flex;gap:12px;align-items:center;font-size:14px;min-height:44px;color:#d0dacb;}
.article-back .icon {width:20px;height:20px;}
.article-cover .blog-wordmark {width:245px;margin:24px 0 32px;}
.article-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:36px;}
.article-heading h1 {font:600 clamp(38px,5.2vw,72px)/1.08 var(--club-title);letter-spacing:-.04em;max-width:850px;margin:0;}
.article-author {flex:none;max-width:200px;font-size:14px;line-height:1.5;color:#d0dacb;margin:0 0 5px;}
.article-layout {display:grid;grid-template-columns:minmax(0,760px) minmax(180px,240px);gap:clamp(40px,7vw,110px);justify-content:space-between;align-items:start;padding-top:48px;}
.article-body {font:400 19px/1.65 var(--sans);min-width:0;}
.article-body>p {margin:0 0 26px;}
.article-body h2 {font:600 30px/1.2 var(--club-title);letter-spacing:-.035em;margin:40px 0 20px;}
.article-body .article-signature {margin:34px 0 0;font-size:16px;line-height:1.5;}
.article-signature strong,.article-signature span {display:block;}
.article-signature span {font-size:12px;color:#56634d;letter-spacing:.06em;}
.article-club-links {border-top:2px solid #66764a;padding-top:19px;}
.article-club-links h2 {font:600 23px/1.2 var(--club-title);letter-spacing:-.03em;margin:0 0 20px;}
.article-club-links a {display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;padding:12px 0;border-bottom:1px solid #bbc3b1;font-size:16px;line-height:1.3;}
.article-club-links .icon {width:18px;height:18px;flex:none;}
.article-end {display:flex;align-items:center;gap:36px;padding-top:42px;padding-bottom:60px;}
.article-end .button {min-height:48px;}
.article-page main a:focus-visible {outline:2px solid #495a37;outline-offset:5px;}
.article-page .article-cover a:focus-visible {outline-color:var(--signal);}
@media(max-width:980px){
 .article-heading {display:block;}
 .article-author {margin:22px 0 0;max-width:none;}
 .article-layout {grid-template-columns:minmax(0,1fr) 190px;gap:35px;}
}
@media(max-width:760px){
 .article-cover {padding:18px 0 30px;}
 .article-cover .blog-wordmark {width:205px;margin:20px 0 26px;}
 .article-heading h1 {font-size:clamp(34px,8.8vw,54px);line-height:1.12;}
 .article-author {font-size:14px;margin-top:20px;}
 .article-layout {display:block;padding-top:30px;}
 .article-body {font-size:18px;line-height:1.6;}
 .article-body>p {margin-bottom:24px;}
 .article-body h2 {font-size:27px;margin:32px 0 18px;}
 .article-body .article-signature {margin-top:28px;}
 .article-club-links {margin-top:36px;}
 .article-club-links h2 {font-size:24px;margin-bottom:10px;}
 .article-club-links a {min-height:52px;}
 .article-end {flex-wrap:wrap;gap:24px;padding-top:32px;padding-bottom:40px;}
}