.post-body{
	display:flex;
	justify-content:center;
	align-items:flex-start;
}

.post-container{
	width:100%;
	max-width:820px;
	margin:0 auto;
	border:1px solid var(--term-white);
	padding:25px;
	box-shadow: inset 0 0 15px var(--term-white-dim), 0 0 15px var(--term-white-dim);
	background-color: rgba(0, 0, 0, 0.26);
}

.post-top-bar{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	margin-bottom:18px;
	padding-bottom:14px;
	border-bottom:1px dashed var(--term-white);
}

.post-prompt{
	font-family:var(--font-code);
	font-size:13px;
	color:var(--term-white);
	display:flex;
	align-items:center;
	gap:2px;
	flex-wrap:wrap;
}

.post-prompt .user{font-weight:700;}
.post-prompt .path{color:var(--accent-code);}
.post-prompt .separator{color:var(--term-white);}

.voltar{
	background:transparent;
	color:var(--term-white);
	border:1px solid var(--term-white);
	padding:7px 14px;
	font-family:var(--font-code);
	font-size:13px;
	cursor:pointer;
	transition:.2s;
	white-space:nowrap;
}

.voltar:hover{
	background:var(--term-white);
	color:var(--bg-color);
	box-shadow:0 0 8px var(--term-white-glow), 0 0 20px var(--term-white-dim);
	transform:translateY(-2px);
}

.post-header{
	margin-bottom:25px;
	text-align:center;
}

.post-header .categoria-tag{
	display:inline-block;
	font-family:var(--font-code);
	font-size:11px;
	letter-spacing:3px;
	color:var(--accent-warning);
	border:1px solid rgba(255,184,0,.35);
	padding:4px 10px;
	margin-bottom:14px;
	background:rgba(255,184,0,.05);
}

.post-header h1{
	font-family:var(--font-title);
	font-size:clamp(20px, 3.2vw, 30px);
	color:var(--term-white);
	line-height:1.4;
	text-shadow:0 0 10px var(--term-white-glow);
	margin-bottom:12px;
}

.post-header .post-lead{
	font-family:var(--font-code);
	font-size:14px;
	color:var(--branco);
	opacity:.75;
	max-width:640px;
	margin:0 auto;
}

.post-meta{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:14px;
	flex-wrap:wrap;
	margin-top:18px;
	font-family:var(--font-code);
	font-size:12px;
	color:var(--accent-code);
}

.post-meta span{
	display:flex;
	align-items:center;
	gap:6px;
	opacity:.85;
}

/* ---------- corpo do artigo ---------- */
.postagem{
	font-family:var(--font-code);
	color:var(--branco);
	text-shadow:none;
	line-height:1.85;
}

.postagem h1,
.postagem h2{
	font-family:var(--font-title);
	color:var(--term-white);
	text-shadow:0 0 8px var(--term-white-glow);
	letter-spacing:.5px;
	margin:34px 0 14px;
	padding-bottom:8px;
	border-bottom:1px dashed var(--term-white-dim);
	font-size:18px;
	text-transform:uppercase;
}

.postagem h1:first-child{
	display:none; 
}

.postagem p{
	font-size:15px;
	color:var(--branco);
	opacity:.92;
	margin-bottom:14px;
}

.postagem strong{
	color:var(--term-white);
}

.postagem i{
	color:var(--accent-code);
}

.postagem hr{
	border:none;
	border-top:1px dashed var(--term-white-dim);
	margin:26px 0;
}

.postagem .vermelho{
	color:var(--vermelho);
	font-weight:700;
	text-shadow:0 0 6px rgba(255,62,62,.45);
}

.postagem .conclusao{
	display:block;
	margin-top:10px;
	padding:16px 18px;
	background:rgba(20, 20, 20, 0.65);
	border-left:3px solid var(--term-white);
	font-size:14px;
	line-height:1.85;
	opacity:.95;
}

.postagem .citacao{
	display:block;
	font-style:italic;
	color:var(--accent-code);
	border-left:3px solid var(--accent-code);
	padding:8px 14px;
	margin:18px 0;
	opacity:.9;
}

.codigo{
	position:relative;
	background: rgba(255,255,255,.03);
	border:1px solid var(--term-white-dim);
	padding:14px 110px 14px 16px;
	margin:14px 0;
	overflow-x:auto;
}

.codigo > span:first-child{
	display:block;
	font-family:var(--font-code);
	font-size:10px;
	letter-spacing:3px;
	color:var(--accent-warning);
	margin-bottom:8px;
}

.codigo .code-texto{
	font-family:var(--font-code);
	font-size:14px;
	color:var(--term-white);
	white-space:pre-wrap;
	word-break:break-word;
	margin:0;
	opacity:1;
	text-shadow:0 0 6px var(--term-white-glow);
}

.codigo .copiar{
	position:absolute;
	top:12px;
	right:12px;
	display:flex;
	align-items:center;
	gap:6px;
	font-family:var(--font-code);
	font-size:11px;
	color:var(--term-white);
	border:1px solid var(--term-white-dim);
	padding:5px 10px;
	cursor:pointer;
	transition:.2s;
	user-select:none;
}

.codigo .copiar:hover{
	background:var(--term-white);
	color:var(--bg-color);
	box-shadow:0 0 8px var(--term-white-glow);
}

.codigo .copiar.copiado{
	background:var(--term-white);
	color:var(--bg-color);
}

.alerta{
	border:1px solid var(--vermelho);
	background:rgba(255,62,62,.06);
	padding:14px 16px;
	margin:20px 0;
	box-shadow:0 0 12px rgba(255,62,62,.08);
}

.alerta p{
	margin:0 0 6px 0;
	color:var(--vermelho);
	font-weight:700;
	font-size:12px;
	letter-spacing:2px;
	text-shadow:0 0 6px rgba(255,62,62,.4);
}

.alerta span{
	font-size:14px;
	color:var(--branco);
	opacity:.9;
}

.imagem{
	text-align:center;
	margin:22px 0;
}

.imagem img{
	max-width:100%;
	border:1px solid var(--term-white-dim);
	box-shadow:0 0 15px rgba(255, 255, 255, 0.25);
}

.imagem p{
	margin-top:8px;
	font-size:12px;
	color:var(--accent-code);
	opacity:.8;
}

.postagem .link{
	display:inline-flex;
	align-items:center;
	gap:5px;
	color:var(--accent-code);
	cursor:pointer;
	border-bottom:1px dashed var(--accent-code);
	transition:.2s;
}

.postagem .link:hover{
	color:var(--term-white);
	border-color:var(--term-white);
}

.postagem .link svg{
	fill:currentColor;
	flex-shrink:0;
}

.button-link{
	display:inline-flex;
	align-items:center;
	gap:10px;
	border:1px solid var(--term-white);
	color:var(--term-white);
	padding:9px 16px;
	margin:4px 6px 4px 0;
	font-family:var(--font-code);
	font-size:13px;
	cursor:pointer;
	transition:.2s;
}

.button-link:hover{
	background:var(--term-white);
	color:var(--bg-color);
	box-shadow:0 0 8px var(--term-white-glow);
	transform:translateY(-1px);
}

.button-link svg{
	fill:currentColor;
}

.buttonpost{
	display:inline-flex;
	align-items:center;
	gap:10px;
	border:1px solid var(--accent-code);
	color:var(--accent-code);
	padding:10px 18px;
	margin:10px 0;
	font-family:var(--font-code);
	font-size:13px;
	cursor:pointer;
	transition:.2s;
}

.buttonpost:hover{
	background:var(--accent-code);
	color:var(--bg-color);
	box-shadow:0 0 10px rgba(0,240,255,.4);
}

.buttonpost svg{
	fill:currentColor;
}

.autor-card{
	display:flex;
	gap:18px;
	align-items:center;
	margin-top:40px;
	padding-top:22px;
	border-top:1px dashed var(--term-white);
}

.autor-card img{
	width:72px;
	height:72px;
	border-radius:50%;
	object-fit:cover;
	border:1px solid var(--term-white);
	box-shadow:0 0 12px var(--term-white-dim);
	flex-shrink:0;
}

.autor-card .info{
	flex:1;
}

.autor-card .autor-nome{
	display:block;
	font-family:var(--font-title);
	color:var(--term-white);
	font-size:15px;
	letter-spacing:1px;
	text-shadow:0 0 8px var(--term-white-glow);
}

.autor-card .autor-desc{
	font-family:var(--font-code);
	font-size:13px;
	color:var(--branco);
	opacity:.8;
	margin-top:6px;
}

.autor-redes{
	display:flex;
	gap:10px;
	margin-top:12px;
	flex-wrap:wrap;
}

.autor-social{
	width:34px;
	height:34px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(255, 255, 255, 0.25);
	color:var(--term-white);
	cursor:pointer;
	transition:.2s;
}

.autor-social svg{
	width:16px;
	height:16px;
	fill:currentColor;
}

.autor-social:hover{
	border-color:var(--term-white);
	box-shadow:0 0 10px rgba(255, 255, 255, 0.60);
	color:#fff;
	transform:translateY(-2px);
}

.post-footer-nav{
	display:flex;
	justify-content:center;
	margin-top:30px;
}

@media (max-width:600px){
	.post-container{padding:16px;}
	.codigo{padding:14px 16px 46px 16px;}
	.codigo .copiar{top:auto;bottom:12px;right:12px;}
	.autor-card{flex-direction:column;text-align:center;}
	.autor-redes{justify-content:center;}
}