.article-heading{text-align:center;display:flex;flex-direction:column;align-items:center;padding:34px 24px 0}.article-heading>a{display:block;color:var(--accent)}.article-heading .date-badge{margin:26px 0 16px}.article-heading h1{font:700 92px/1 var(--font-heading);text-transform:uppercase;letter-spacing:1px;color:var(--ink);max-width:708.4px}.article-body{max-width:min(704px,100% - 40px);margin:40px auto 0;padding:54px 54px 22px;border:2px solid var(--ink);background:var(--surface);box-shadow:5px 5px 0 var(--shadow);font-size:18px;line-height:1.8}.article-body>p{margin-bottom:26px}.article-body h2{font:700 36px/1.12 var(--font-heading);text-transform:uppercase;color:var(--ink);letter-spacing:.025em;margin:6px 0 24px}.article-body hr{height:18px;margin:46px 0 40px;overflow:hidden}.end-mark{display:flex;justify-content:center;gap:12px;padding:40px 0 8px}.article-body blockquote{position:relative;display:flex;flex-direction:column;gap:16px;border:2px solid var(--ink);background:#d94130;color:var(--inverse);box-shadow:9px 9px 0 var(--shadow);transform:rotate(-.7deg);margin:46px -42px 40px;padding:38px clamp(22px,5vw,40px) 34px}.article-body blockquote:before{content:"“";position:absolute;top:-40px;left:12px;pointer-events:none;color:oklch(55.3% .195 38.402);font-size:88px;font-weight:700}.article-body blockquote p{position:relative;text-wrap:balance}.article-body blockquote p:first-child{font-size:24px;line-height:1.625;font-style:italic}.article-body blockquote p+p{align-self:flex-start;font:600 12px/1.625 var(--font-heading);border:2px solid var(--ink);background:var(--page);color:var(--ink);letter-spacing:2.5px;text-transform:uppercase;transform:rotate(-1deg);padding:6px 14px;box-shadow:3px 3px 0 var(--shadow)}.post-return{display:flex;flex-direction:column;align-items:center;gap:34px;margin-top:58px;padding:52px 24px 56px;border-top:2px solid var(--ink);background:#6a7282}.post-nav{width:100%;max-width:700px;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.related-post{max-width:330px;display:flex;flex:1 1 min(280px,100%);flex-direction:column;gap:4px;padding:14px 20px 16px;border:2px solid var(--ink);background:var(--surface);color:var(--accent);box-shadow:5px 5px 0 var(--shadow);transition:translate .15s var(--ease),box-shadow .15s var(--ease)}.related-post span{display:block;font:500 12px/16px var(--font-heading);color:var(--muted);text-transform:uppercase;letter-spacing:2.5px}.related-post strong{display:block;font:700 20px/1.15 var(--font-heading);color:var(--ink)}@media(hover:hover){.related-post:hover{translate:-3px -3px;box-shadow:8px 8px 0 var(--shadow);color:var(--link)}}@media(max-width:767.98px){.compact-mobile{font-size:16px;padding:26px 22px 12px}.compact-mobile blockquote{margin-inline:-10px}}@media(min-width:768px)and (max-width:1023.98px){.compact-mobile{padding:41.7008px 41.7008px 22px}.compact-mobile blockquote{margin-inline:-29.6992px}}.article-cover{max-width:min(704px,100% - 40px);margin:28px auto 0;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--shadow);background:var(--surface)}.article-cover img{display:block;width:100%;height:auto}.comments{max-width:min(704px,100% - 40px);margin:48px auto 0;padding:32px 0 8px}.comments h2{font:700 36px/1.12 var(--font-heading);text-transform:uppercase;color:var(--ink);margin-bottom:12px}.comments-note{color:var(--muted);margin-bottom:20px}.comments-list{list-style:none;display:grid;gap:16px;margin:0 0 28px;padding:0}.comments-list li{border:2px solid var(--ink);background:var(--surface);padding:16px 18px;box-shadow:4px 4px 0 var(--ink)}.comments-list time{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:4px 0 8px}.comments-form{display:grid;gap:14px}.comments-label{display:grid;gap:6px;font:700 14px/1.2 var(--font-heading);text-transform:uppercase}.comments-form input,.comments-form textarea{border:2px solid var(--ink);background:var(--page);color:var(--ink);padding:10px 12px;font:400 16px/1.5 inherit}.comments-form button{justify-self:start;border:2px solid var(--ink);background:var(--accent);color:var(--inverse);font:700 14px/1 var(--font-heading);text-transform:uppercase;padding:12px 18px;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}