.detail-main{padding:74px 0 88px}.detail-back{display:inline-flex;margin-bottom:34px;color:#64748b;font-size:.82rem}.detail-back:hover{color:var(--accent)}.detail-hero{padding-bottom:58px}.detail-kicker{margin:0 0 14px;color:var(--accent);font:600 .68rem/1.4 var(--mono);letter-spacing:.05em}.detail-title{margin:0;font-size:clamp(2.8rem,6vw,5.4rem);line-height:1;letter-spacing:-.055em;font-weight:660}.detail-repo{display:block;margin-top:10px;color:var(--subtle);font:500 .75rem/1.5 var(--mono);overflow-wrap:anywhere}.detail-lead{max-width:780px;margin:26px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.9}.detail-meta{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-meta div{padding:18px 18px 18px 0}.detail-meta div+div{padding-left:18px;border-left:1px solid var(--line)}.detail-meta span{display:block;color:var(--subtle);font-size:.72rem}.detail-meta strong{display:block;margin-top:4px;font-size:.9rem}.detail-section{padding:62px 0;display:grid;grid-template-columns:180px minmax(0,780px);gap:58px;border-top:1px solid var(--line)}.detail-section-no{color:var(--accent);font:600 .68rem/1.5 var(--mono)}.detail-content h2{margin:0 0 16px;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.035em}.detail-content>p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.9}.detail-flow{margin:24px 0 0;padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--canvas-soft);color:#415268;white-space:pre-wrap;overflow-wrap:anywhere;font:500 .75rem/1.7 var(--mono)}.detail-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:28px}.detail-point{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.detail-point strong{font-size:.9rem}.detail-point p{margin:7px 0 0;color:var(--muted);font-size:.84rem}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
@media(max-width:900px){.detail-main{padding-top:58px}.detail-section{grid-template-columns:1fr;gap:16px}.detail-meta{grid-template-columns:1fr}.detail-meta div,.detail-meta div+div{padding:14px 0;border-left:0;border-bottom:1px solid var(--line)}.detail-meta div:last-child{border-bottom:0}}
@media(max-width:620px){.detail-main{padding:46px 0 70px}.detail-title{font-size:clamp(2.5rem,13vw,4rem)}.detail-points{grid-template-columns:1fr}.detail-section{padding:50px 0}.detail-actions{display:grid}.detail-actions .button{width:100%}}