/* Optlight — estilos do blog (lista, cards e artigo) */
*{box-sizing:border-box}
[hidden]{display:none!important}
.s-body{margin:0;background:#070C16;color:#E6EDF5;font-family:Inter,system-ui,sans-serif}
.s-body a{color:#C9D4E2;text-decoration:none}.s-body a:hover{color:#fff}
.s-wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}

/* header / footer */
.s-header{position:sticky;top:0;z-index:10;background:rgba(7,12,22,.92);border-bottom:1px solid #1A2436;backdrop-filter:blur(8px)}
.s-header-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px}
.s-logo{display:flex;align-items:center;gap:10px;min-height:44px}
.s-body .s-logo{color:#fff}
.s-logo span{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em}
.s-nav{display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:15px;font-weight:500}
.s-body .s-nav a.is-active{color:#3DD9F0}
.s-body .s-btn{display:inline-block;background:#3DD9F0;color:#04101A;padding:12px 20px;border-radius:999px;font-weight:600}
.s-body .s-btn:hover{color:#04101A;background:#6BE4F5}
.s-footer{border-top:1px solid #1A2436;margin-top:40px}
.s-footer-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:40px;padding-bottom:40px;font-size:14px;color:#8494AA}
.s-footer nav{display:flex;flex-wrap:wrap;gap:24px}
.s-footer-logo{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;color:#fff}

/* lista */
.b-hero{padding-top:96px;padding-bottom:48px;display:flex;flex-direction:column;gap:20px}
.b-eyebrow{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#3DD9F0}
.b-h1{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-.03em;max-width:820px;color:#fff}
.b-lead{margin:0;font-size:19px;line-height:1.6;color:#A9B6C8;max-width:620px}
.b-h2{margin:0 0 28px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:32px;letter-spacing:-.02em;color:#fff}
.b-section{padding-top:24px;padding-bottom:96px}
.b-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:28px}
.b-search{flex:1 1 280px;height:48px;padding:0 18px;border-radius:999px;border:1px solid #2A3850;background:#0B1322;color:#fff;font:inherit}
.b-search:focus{outline:2px solid #3DD9F0;outline-offset:2px}
.b-tags{display:flex;flex-wrap:wrap;gap:8px}
.s-body .b-tag{font-size:13px;padding:8px 14px;border-radius:999px;border:1px solid #2A3850;background:#0B1322;color:#C9D4E2;cursor:pointer;font-family:inherit}
.s-body .b-tag.is-on,.s-body .b-tag:hover{border-color:#3DD9F0;color:#3DD9F0}
.b-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.s-body .b-card{border:1px solid #1A2436;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;background:#0B1322;color:#E6EDF5;transition:border-color .2s,transform .2s}
.s-body .b-card:hover{border-color:#3DD9F0;transform:translateY(-3px);color:#E6EDF5}
.b-card-img{height:210px;background:#0E1A2E}
.b-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.b-card-body{padding:28px;display:flex;flex-direction:column;gap:12px}
.b-meta{font-family:'JetBrains Mono',monospace;font-size:12px;color:#95A3B7;letter-spacing:.04em}
.b-card-title{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:600;line-height:1.28;color:#fff}
.b-card-ex{font-size:15px;line-height:1.6;color:#95A3B7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.b-more{font-size:15px;font-weight:600;color:#3DD9F0}
.b-featured{grid-column:1/-1}
@media(min-width:900px){.s-body .b-featured{flex-direction:row}.s-body .b-featured .b-card-img{flex:1 1 55%;height:auto;min-height:380px}.s-body .b-featured .b-card-body{flex:1 1 45%;padding:48px;justify-content:center}.s-body .b-featured .b-card-title{font-size:32px}}
.b-empty{color:#95A3B7;padding:40px 0}

/* artigo */
.a-hero{position:relative;overflow:hidden;border-bottom:1px solid #1A2436}
.a-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.a-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,22,.55),#070C16)}
.a-hero-in{position:relative;z-index:1;padding-top:88px;padding-bottom:56px;display:flex;flex-direction:column;gap:20px}
.s-body .a-back{color:#3DD9F0;font-weight:500;font-size:15px}
.a-title{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(30px,4vw,52px);line-height:1.1;letter-spacing:-.025em;max-width:900px;color:#fff}
.a-layout{display:flex;flex-wrap:wrap;gap:56px;padding-top:56px;padding-bottom:56px}
.a-layout .prose{flex:999 1 560px;min-width:0}
.a-side{flex:1 1 280px;display:flex;flex-direction:column;gap:16px;align-self:flex-start;position:sticky;top:96px}
.a-box{border:1px solid #1A2436;border-radius:16px;padding:22px;background:#0B1322;display:flex;flex-direction:column;gap:14px}
.a-box-t{font-weight:600;color:#fff}
.a-share{display:flex;flex-wrap:wrap;gap:8px}
.s-body .a-share a{font-size:14px;padding:8px 14px;border-radius:999px;border:1px solid #2A3850}
.a-cta .s-btn{text-align:center}
.a-nav{display:flex;justify-content:space-between;gap:20px;padding-top:8px;padding-bottom:56px;border-top:1px solid #1A2436}
.s-body .a-nav a{display:flex;flex-direction:column;gap:6px;max-width:46%;padding-top:24px;font-weight:500;line-height:1.4}
.a-nav a span{font-family:'JetBrains Mono',monospace;font-size:12px;color:#3DD9F0}
.a-nav-r{text-align:right;margin-left:auto}

/* conteúdo do artigo */
.prose{font-size:18px;line-height:1.8;color:#C9D4E2}
.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 1.2em}
.prose h2{font-family:'Space Grotesk',sans-serif;font-size:28px;line-height:1.25;color:#fff;margin:2em 0 .7em;letter-spacing:-.015em}
.prose h3{font-family:'Space Grotesk',sans-serif;font-size:22px;color:#fff;margin:1.6em 0 .6em}
.prose strong{color:#fff}
.prose a{color:#3DD9F0!important;text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.4em}
.prose li{margin:.5em 0}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid #3DD9F0;color:#fff;font-size:20px}
.prose figure{margin:2em 0;background:#fff;border-radius:14px;padding:16px;text-align:center}
.prose figure img{max-width:100%;height:auto;display:inline-block}
.prose figure.video{background:transparent;padding:0}
.prose .video-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.prose .video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose figure.video figcaption{color:#95A3B7}
.prose figcaption{font-size:14px;line-height:1.5;color:#3A4A66;margin-top:12px}
.prose img{max-width:100%;height:auto}
.prose .nota{font-size:14px;line-height:1.5;color:#8494AA;margin:0 0 .3em}
.prose sup{font-size:.7em}
@media(max-width:720px){.a-side{position:static}.s-nav{gap:16px}}