/* Camada Ghost do tema comenta-site — mesmos tokens do site Next (Tailwind: slate, fuchsia-600 #c026d3, indigo-600 #4f46e5, rounded-3xl, max-w-6xl) */
:root{--cm-fuchsia:#c026d3;--cm-fuchsia-700:#a21caf;--cm-indigo:#4f46e5;--cm-grad:linear-gradient(90deg,#c026d3,#4f46e5);--cm-slate-900:#0f172a;--cm-slate-700:#334155;--cm-slate-600:#475569;--cm-slate-500:#64748b;--cm-slate-200:#e2e8f0;--cm-slate-100:#f1f5f9;--cm-slate-50:#f8fafc;--ghost-accent-color:#c026d3}
.cm-skip{position:absolute;left:-999px;top:0;z-index:100;background:#fff;color:var(--cm-slate-900);padding:.5rem 1rem;border-radius:9999px}.cm-skip:focus{left:1rem;top:1rem}
.cm-wrap{max-width:72rem;margin-inline:auto;padding-inline:1rem}
.cm-narrow{max-width:46rem;margin-inline:auto;padding-inline:1rem}
.cm-section{padding-block:5rem}@media(min-width:640px){.cm-section{padding-block:6rem}}.cm-pt0{padding-top:0}
.cm-center{text-align:center;margin-top:2.5rem}
.cm-head{max-width:42rem;margin:0 auto 3rem;text-align:center}
.cm-h2{font-size:1.875rem;line-height:2.25rem;font-weight:800}@media(min-width:640px){.cm-h2{font-size:2.25rem;line-height:2.5rem}}
.cm-sub{margin-top:1rem;color:var(--cm-slate-600)}
.cm-hero{position:relative;overflow:hidden}
.cm-blob-a{left:-6rem;top:-4rem;height:18rem;width:18rem;background:#e879f9}.cm-blob-b{right:-5rem;top:2.5rem;height:20rem;width:20rem;background:#818cf8}
.cm-hero-in{position:relative;text-align:center;padding-block:4rem 3.5rem}@media(min-width:1024px){.cm-hero-in{padding-block:6rem 4rem}}
.cm-badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #fbcfe8;border-color:#f5d0fe;background:#fdf4ff;color:var(--cm-fuchsia-700);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none}
.cm-dot{height:.5rem;width:.5rem;border-radius:9999px;background:#d946ef}
.cm-h1{margin:1.25rem auto 0;max-width:56rem;font-size:2.25rem;line-height:1.1;font-weight:800;letter-spacing:-.025em}@media(min-width:640px){.cm-h1{font-size:3rem}}@media(min-width:1024px){.cm-h1{font-size:3.75rem}}
.cm-h1-post{font-size:2rem}@media(min-width:640px){.cm-h1-post{font-size:2.75rem}}@media(min-width:1024px){.cm-h1-post{font-size:3.25rem}}
.cm-lead{margin:1.25rem auto 0;max-width:42rem;font-size:1.125rem;line-height:1.75rem;color:var(--cm-slate-600)}
.cm-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.8125rem;color:var(--cm-slate-500);font-weight:500}.cm-meta a{color:var(--cm-slate-700);font-weight:600;text-decoration:none}.cm-meta-center{justify-content:center;margin-top:1.5rem}
.cm-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.cm-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cm-grid{grid-template-columns:repeat(3,1fr)}}
.cm-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--cm-slate-200);background:#fff;border-radius:1.5rem;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}
.cm-card:hover{box-shadow:0 25px 50px -12px rgba(217,70,239,.18);transform:translateY(-2px);border-color:#f5d0fe}
.cm-card-link{position:absolute;inset:0;z-index:1}
.cm-card-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--cm-slate-100)}.cm-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cm-card:hover .cm-card-img img{transform:scale(1.05)}
.cm-card-img-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf4ff,#eef2ff)}.cm-card-img-empty>span:first-child{display:inline-flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(135deg,#c026d3,#4f46e5);color:#fff;font-weight:800;font-size:1.75rem}
.cm-card-body{display:flex;flex-direction:column;flex:1;padding:1.5rem}
.cm-card-title{margin-top:.5rem;font-size:1.25rem;line-height:1.4;font-weight:800;color:var(--cm-slate-900)}.cm-card:hover .cm-card-title{color:var(--cm-fuchsia-700)}
.cm-card-excerpt{margin-top:.75rem;font-size:.875rem;line-height:1.6;color:var(--cm-slate-600)}
.cm-card-foot{margin-top:auto;padding-top:1.25rem;display:flex;justify-content:space-between;font-size:.8125rem;font-weight:600;color:var(--cm-slate-600)}
.cm-link{color:var(--cm-fuchsia-700)}
.cm-pill{display:inline-flex;border-radius:9999px;border:1px solid #f5d0fe;background:#fdf4ff;color:var(--cm-fuchsia-700);padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-decoration:none;position:relative;z-index:2}
.cm-pill-float{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,.92)}
.cm-btn{display:inline-block;border-radius:9999px;background:var(--cm-grad);color:#fff;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;box-shadow:0 20px 25px -5px rgba(217,70,239,.3);transition:opacity .15s}.cm-btn:hover{opacity:.9}
.cm-btn-ghost{background:#fff;color:var(--cm-slate-700);border:1px solid #cbd5e1;box-shadow:none}.cm-btn-ghost:hover{border-color:#94a3b8;opacity:1}
.cm-btn-white{background:#fff;color:var(--cm-fuchsia-700)}
.cm-pagination{margin-top:3rem;display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;color:var(--cm-slate-600);font-size:.875rem}
.cm-feature{margin-bottom:3rem}.cm-feature img{width:100%;border-radius:1.5rem;border:1px solid var(--cm-slate-200);box-shadow:0 25px 50px -12px rgba(15,23,42,.15)}.cm-feature figcaption{margin-top:.75rem;text-align:center;font-size:.875rem;color:var(--cm-slate-500)}
.cm-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.cm-cta-box{margin-top:3.5rem;border-radius:1.5rem;background:linear-gradient(90deg,#c026d3,#9333ea,#4f46e5);color:#fff;text-align:center;padding:3rem 1.5rem}.cm-cta-box h2{font-size:1.75rem;font-weight:800}.cm-cta-box p{margin:.75rem auto 1.75rem;color:#fae8ff}
.cm-comments{margin-top:3rem}
/* conteúdo do post (Koenig) */
.gh-content{font-size:1.125rem;line-height:1.8;color:var(--cm-slate-700)}
.gh-content>*+*{margin-top:1.5rem}
.gh-content h2{font-size:1.875rem;line-height:1.25;font-weight:800;color:var(--cm-slate-900);margin-top:3rem}
.gh-content h3{font-size:1.5rem;font-weight:800;color:var(--cm-slate-900);margin-top:2.5rem}
.gh-content h4{font-size:1.25rem;font-weight:700;color:var(--cm-slate-900);margin-top:2rem}
.gh-content a{color:var(--cm-fuchsia-700);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.gh-content strong{color:var(--cm-slate-900)}
.gh-content ul{list-style:disc;padding-left:1.5rem}.gh-content ol{list-style:decimal;padding-left:1.5rem}.gh-content li+li{margin-top:.5rem}
.gh-content blockquote{border-left:4px solid #d946ef;padding-left:1.25rem;font-style:italic;color:var(--cm-slate-900)}
.gh-content code{background:var(--cm-slate-100);border-radius:.375rem;padding:.1em .4em;font-size:.9em}
.gh-content pre{background:#0f172a;color:#e2e8f0;border-radius:1rem;padding:1.25rem;overflow-x:auto;font-size:.875rem}.gh-content pre code{background:none;padding:0}
.gh-content img{border-radius:1rem;height:auto}.gh-content figcaption{text-align:center;font-size:.875rem;color:var(--cm-slate-500);margin-top:.5rem}
.gh-content hr{border-color:var(--cm-slate-200)}
.gh-content table{width:100%;border-collapse:collapse;font-size:1rem}.gh-content th,.gh-content td{border-bottom:1px solid var(--cm-slate-200);padding:.6rem;text-align:left}
.gh-content .kg-width-wide{position:relative;width:min(64rem,calc(100vw - 2rem));left:50%;transform:translateX(-50%)}
.gh-content .kg-width-full{position:relative;width:100vw;left:50%;transform:translateX(-50%)}.gh-content .kg-width-full img{border-radius:0}
.gh-content .kg-callout-card,.gh-content .kg-toggle-card{border-radius:1rem}
.gh-content .kg-bookmark-card a{text-decoration:none}
/* menu móvel e cookies */
[data-cm-menu][hidden],[data-cm-cookie][hidden]{display:none!important}
@media(min-width:768px){[data-cm-burger]{display:none}}
@media(max-width:767px){header .text-xl,header .text-lg{white-space:nowrap}}
/* fontes personalizadas do Ghost (Design > Brand); padrão = font-sans do Tailwind, igual ao site Next */
body{font-family:var(--gh-font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")}
h1,h2,h3,h4,.cm-h1,.cm-h2,.cm-card-title{font-family:var(--gh-font-heading,inherit)}
/* AA: o rodapé do Next usa text-slate-400 (#90a1b9, 2,6:1) no copyright; aqui sobe para slate-500 (4,8:1) */
footer .text-slate-400{color:#62748e}