/* Nostermentor — tema Neon v1. Brilho e grade são CSS; nenhuma imagem, nenhuma letra vinda de fora. */
:root{--fundo:#0a0c10;--tinta:#d7dee8;--suave:#7b8797;--linha:#1e252f;--bloco:#11151c;--acento:#22d3ee;--acento-legivel:#22d3ee;--acento-texto:#111111;--brilho:0 0 10px #22d3ee;--corte:12px;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,"Noto Sans",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,"DejaVu Sans Mono",monospace;--base:17px;--largura:720px;--logo-altura:40px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--fundo);background-image:repeating-linear-gradient(to right,rgba(120,160,200,.055) 0 1px,transparent 1px 48px),repeating-linear-gradient(to bottom,rgba(120,160,200,.055) 0 1px,transparent 1px 48px);color:var(--tinta);font-family:var(--sans);font-size:var(--base);line-height:1.68;overflow-wrap:anywhere}
a{color:var(--acento-legivel);text-underline-offset:3px}
img,video{max-width:100%;height:auto}
code,pre{font-family:var(--mono);font-size:.9em}
code{background:var(--bloco);padding:0 4px}
pre{overflow:auto;padding:14px;background:var(--bloco);border:1px solid var(--linha);border-left:3px solid var(--acento-legivel);clip-path:polygon(var(--corte) 0,100% 0,100% calc(100% - var(--corte)),calc(100% - var(--corte)) 100%,0 100%,0 var(--corte))}
pre code{background:none;padding:0}
table{display:block;overflow-x:auto;overflow-wrap:normal;margin:0 0 1.5em;border-collapse:collapse}
th,td{padding:7px 16px 7px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha)}
thead th{color:var(--acento-legivel);font-family:var(--mono);font-size:.86em;text-transform:uppercase;letter-spacing:.08em}
blockquote{margin:1.5em 0;padding:.2em 0 .2em 1.1em;border-left:2px solid var(--acento-legivel);color:var(--suave)}
.cabecalho{max-width:var(--largura);margin:0 auto;padding:22px 20px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 22px;border-bottom:1px solid var(--linha)}
.marca{font-size:1.35em;line-height:1.2;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--acento-legivel);text-shadow:var(--brilho)}
.marca-logo{line-height:0;text-shadow:none}
.marca-logo img{max-height:var(--logo-altura);max-width:100%;width:auto;height:auto;display:block}
.menu{display:flex;flex-wrap:wrap;gap:6px 8px;font-family:var(--mono)}
.menu a{display:inline-block;padding:3px 10px;border:1px solid var(--linha);text-decoration:none;font-size:.82em;text-transform:uppercase;letter-spacing:.09em;line-height:1.7;color:var(--suave);clip-path:polygon(var(--corte) 0,100% 0,100% calc(100% - var(--corte)),calc(100% - var(--corte)) 100%,0 100%,0 var(--corte))}
.menu a[aria-current=page]{border-color:var(--acento-legivel);color:var(--acento-legivel);text-shadow:var(--brilho)}
.principal{max-width:var(--largura);margin:0 auto;padding:30px 20px 48px}
h1{font-size:1.85em;line-height:1.18;margin:0 0 .4em;font-weight:700;letter-spacing:-.01em;color:var(--acento-legivel);text-shadow:var(--brilho)}
h2{font-size:1.3em;line-height:1.25;margin:1.7em 0 .4em;font-weight:700;color:var(--tinta)}
h3{font-size:1.08em;margin:1.4em 0 .35em;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}
.meta{color:var(--suave);font-family:var(--mono);font-size:.84em;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.6em}
.etiqueta{display:inline-block;padding:2px 9px;border:1px solid var(--linha);font-size:1em;letter-spacing:.06em;text-decoration:none;color:inherit;line-height:1.6;clip-path:polygon(var(--corte) 0,100% 0,100% calc(100% - var(--corte)),calc(100% - var(--corte)) 100%,0 100%,0 var(--corte))}
a.etiqueta:hover{border-color:var(--acento-legivel);color:var(--acento-legivel)}
.cta{margin:1.8em 0}
.botao{display:inline-block;padding:.55em 1.5em;background:var(--acento);color:var(--acento-texto);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.94em;clip-path:polygon(var(--corte) 0,100% 0,100% calc(100% - var(--corte)),calc(100% - var(--corte)) 100%,0 100%,0 var(--corte))}
.capa{margin:0 0 1.6em;clip-path:polygon(var(--corte) 0,100% 0,100% calc(100% - var(--corte)),calc(100% - var(--corte)) 100%,0 100%,0 var(--corte))}
.capa img{width:100%;height:auto;display:block}
.capa figcaption{padding:8px 12px;background:var(--bloco);color:var(--suave);font-family:var(--mono);font-size:.84em}
.ampliar{display:block;line-height:0;text-decoration:none;cursor:zoom-in}
.galeria{margin:2.2em 0}
.cartoes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.cartao{margin:0;background:var(--bloco);border:1px solid var(--linha);padding:12px;clip-path:polygon(var(--corte) 0,100% 0,100% calc(100% - var(--corte)),calc(100% - var(--corte)) 100%,0 100%,0 var(--corte))}
.cartao-capa{display:block;line-height:0;margin:0 0 .6em}
.cartao-capa img{width:100%;height:auto;display:block}
.cartao-titulo{font-size:1.05em;line-height:1.3;margin:0 0 .2em;font-weight:700}
.cartao-titulo a{text-decoration:none;color:var(--tinta)}
.cartao .meta{margin:0 0 .3em}
.cartao .resumo{margin:0;font-size:.92em;color:var(--suave)}
.lista-artigos{list-style:none;margin:0;padding:0}
.lista-artigos li{margin:0 0 1.2em;padding:14px;background:var(--bloco);border:1px solid var(--linha);border-left:3px solid var(--acento-legivel);clip-path:polygon(var(--corte) 0,100% 0,100% calc(100% - var(--corte)),calc(100% - var(--corte)) 100%,0 100%,0 var(--corte))}
.lista-artigos h2{margin:0 0 .2em;font-size:1.16em}
.lista-artigos h2 a{text-decoration:none}
.lista-artigos time{color:var(--suave);font-family:var(--mono);font-size:.84em;letter-spacing:.08em}
.lista-artigos .meta time{font-size:1em}
.lista-artigos a,.ultimos p a,.blog>p a,.cartao-titulo a{display:inline-block;padding:3px 0}
.lista-artigos .meta{margin:0 0 .35em}
.resumo{margin:.3em 0 0;color:var(--suave)}
.ultimos{margin-top:2.6em;padding-top:1.2em;border-top:1px solid var(--acento-legivel)}
.ultimos h2{margin-top:0;color:var(--acento-legivel);text-shadow:var(--brilho)}
.vazio{color:var(--suave)}
.rodape{max-width:var(--largura);margin:0 auto;padding:16px 20px 40px;border-top:1px solid var(--linha);color:var(--suave);font-family:var(--mono);font-size:.84em;letter-spacing:.06em}
.apoie h2{font-size:1em;margin:0 0 .3em;color:var(--acento-legivel);text-transform:uppercase;letter-spacing:.1em}
.credito{margin:1em 0 0}
