/* CSS personalizado — Aparência → Definições do tema */
.prose .dom-hero{position:relative;overflow:hidden;padding:clamp(1.75rem,1rem + 3vw,3rem);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(160deg,var(--surface),var(--bg-2))}
.prose .dom-hero::after{content:"";position:absolute;right:-15%;top:-40%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 65%);pointer-events:none}
.prose .dom-hero > *{position:relative;z-index:1}
.prose .dom-hero > * + *{margin-top:1rem}
.prose .dom-hero__kicker{margin:0;font:500 var(--fs-xs)/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}
.prose .dom-hero__name{margin-top:.35em!important;font:700 clamp(3.5rem,2rem + 8vw,7.5rem)/.9 var(--f-display);letter-spacing:-.06em;color:var(--fg)}
.prose .dom-hero__name span,.prose .dom-cta__name span{color:var(--accent-ink)}
.prose .dom-hero__tag{font:500 clamp(1.15rem,1rem + .8vw,1.6rem)/1.25 var(--f-display);color:var(--fg)}
.prose .dom-hero__chips{display:flex;flex-wrap:wrap;gap:.5rem}
.prose .dom-hero__chips .chip{min-height:30px}

/* botões dentro da prose (a prose sublinha links) */
.prose a.btn{text-decoration:none}
.prose a.btn--accent,.prose a.btn--accent:hover{color:var(--on-accent)}

/* GRELHA de destaques */
.prose ul.dom-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:.85rem}
.prose .dom-grid li{margin:0;padding:1.2rem 1.25rem;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,var(--surface),var(--bg-2));transition:border-color .3s,transform .4s var(--ease-out)}
.prose .dom-grid li:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-2px)}
.prose .dom-grid li::marker{content:none}
.prose .dom-grid li > * + *{margin-top:.4em}
.prose .dom-grid__num{display:block;font:500 .72rem/1 var(--f-mono);color:var(--accent-ink)}
.prose .dom-grid strong{display:block;font:600 1.05rem/1.3 var(--f-display);margin-top:.75rem}
.prose .dom-grid p{font-size:.95rem;line-height:1.6}

/* MEDIDORES (reutiliza .skill / .skill__fill / .lv-NN do tema) */
.prose ul.dom-meters{list-style:none;padding:1.4rem 1.5rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.prose .dom-meters li::marker{content:none}
.prose .dom-meters li + li{margin-top:1.1rem}
.prose .dom-meters .skill{color:var(--fg)}
.prose .dom-meters .skill > *{margin-top:0}
.prose .dom-meters .skill__val{color:var(--accent-ink);text-transform:uppercase;letter-spacing:.06em}
.prose .dom-meters__note{font:400 var(--fs-xs)/1.5 var(--f-mono);color:var(--muted)}

/* CASOS DE USO */
.prose dl.dom-uses{border-top:1px solid var(--line)}
.prose .dom-uses > div{display:grid;grid-template-columns:minmax(9rem,13rem) 1fr;gap:.25rem 1.25rem;padding:1rem 0;border-bottom:1px solid var(--line);margin-top:0}
.prose .dom-uses dt{font:600 1rem/1.5 var(--f-display);color:var(--fg)}
.prose .dom-uses dt::before{content:"▹ ";color:var(--accent-ink);font-family:var(--f-mono)}
.prose .dom-uses dd{margin:0}
@media (max-width:640px){.prose .dom-uses > div{grid-template-columns:1fr}}

/* CTA final */
.prose .dom-cta{text-align:center;padding:clamp(2rem,1.5rem + 3vw,3.5rem) 1.25rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:var(--r-lg);background:linear-gradient(160deg,var(--surface),var(--bg-2));margin-top:3rem}
.prose .dom-cta > * + *{margin-top:1rem}
.prose .dom-cta h2{margin-top:0}
.prose .dom-cta h2::before{content:none}
.prose .dom-cta__name{font:700 clamp(2.6rem,1.8rem + 4vw,4.5rem)/1 var(--f-display);letter-spacing:-.05em;color:var(--fg)}
.prose .dom-cta .status-pill{margin:0}
.prose .dom-cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}