.article-nav{width:min(920px,calc(100% - 34px));height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:var(--secondary);font-size:12px}
.article-wrap{width:min(820px,calc(100% - 34px));margin:0 auto}.article-head{padding:90px 0 60px;border-bottom:1px solid var(--border)}
.article-kicker{color:var(--secondary);font-size:11px;letter-spacing:.08em}.article-head h1{margin:17px 0 20px;font-size:clamp(48px,8vw,78px);line-height:1.02;letter-spacing:-.06em}
.article-head p{max-width:680px;margin:0;color:var(--secondary);font-size:18px;line-height:1.75}.article-content{padding:65px 0 80px;font-size:17px;line-height:1.9}
.article-content h1,.article-content h2,.article-content h3{line-height:1.2;letter-spacing:-.04em}.article-content h2{margin-top:2.2em;font-size:32px}.article-content h3{margin-top:2em;font-size:24px}
.article-content p{margin:1.2em 0}.article-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-content pre{overflow:auto;padding:22px;border-radius:18px;background:var(--surface-solid);border:1px solid var(--border)}
.article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.article-content blockquote{margin:2em 0;padding:4px 0 4px 22px;border-left:3px solid var(--border);color:var(--secondary)}
.article-comments{padding:70px 0;border-top:1px solid var(--border)}.comments-head span{color:var(--secondary);font-size:10px;letter-spacing:.16em}.comments-head h2{margin:8px 0 30px;font-size:34px;letter-spacing:-.04em}
.public-comment{padding:20px 0;border-top:1px solid var(--border)}.public-comment>div{display:flex;justify-content:space-between;gap:20px}.public-comment strong{font-size:13px}.public-comment time{color:var(--secondary);font-size:10px}.public-comment p{margin:10px 0 0;color:var(--secondary);font-size:14px;line-height:1.7}
.comments-empty{color:var(--secondary);font-size:13px}.comment-form{margin-top:36px;padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface-solid)}
.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comment-form label{display:grid;gap:8px;color:var(--secondary);font-size:11px}.comment-form>label{margin-top:14px}.comment-form input,.comment-form textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--bg);font:inherit;outline:none}
.comment-form input:focus,.comment-form textarea:focus{border-color:rgba(0,113,227,.45);box-shadow:0 0 0 3px rgba(0,113,227,.08)}.comment-form textarea{resize:vertical;min-height:120px}.comment-submit{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.comment-submit span{color:var(--secondary);font-size:10px}.comment-submit button{min-height:38px;padding:0 15px;border:0;border-radius:999px;color:white;background:var(--blue);font-weight:600;cursor:pointer}.comment-submit button:disabled{opacity:.55}
.honeypot{position:absolute!important;left:-9999px!important}.article-footer{padding:35px 0 80px;display:flex;justify-content:space-between;border-top:1px solid var(--border);color:var(--secondary);font-size:11px}
@media(max-width:600px){.article-head{padding-top:55px}.article-head h1{font-size:48px}.article-content{font-size:16px}.comment-fields{grid-template-columns:1fr}.comment-form{padding:20px}.comment-submit{align-items:flex-start;flex-direction:column}}