.ciclo-conteudo { width: min(1080px, 100%); min-width: 0; padding: 28px 20px 50px; margin: auto; }
.ciclo-abertura { max-width: 72ch; margin-bottom: 24px; }
.ciclo-conteudo > section { margin-top: 30px; }
.ciclo-conteudo > section > h2 { font-family: var(--font-display); margin-bottom: 12px; }
.ciclo .hub-hero-inner { gap: 24px; }
.ciclo-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 20px; }
.ciclo-card { min-width: 0; padding: 24px; background: var(--cor-fundo-card); border: 1px solid var(--cor-borda); border-radius: var(--radius-md); margin-bottom: 20px; }
.ciclo-card h2 { margin-top: 0; font-family: var(--font-display); }
.ciclo-card p { line-height: 1.65; }
.ciclo-card h3 { margin: 0 0 12px; font-size: 20px; }
.ciclo-card p { margin: 10px 0; }
.ciclo-conteudo > section > p { margin: 12px 0 18px; line-height: 1.65; }
.ciclo-conteudo > section > .ciclo-grade { margin-bottom: 18px; }
.ciclo-campo { display: flex; flex-direction: column; gap: 7px; margin: 16px 0; }
.ciclo-campo input { min-width: 0; max-width: 100%; padding: 10px; border: 1px solid var(--cor-borda); border-radius: var(--radius-sm); background: var(--cor-fundo); color: var(--cor-texto); font: inherit; }
.ciclo-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; }
.ciclo-lista { padding-left: 22px; }
.ciclo-lista li { padding: 8px 0; overflow-wrap: anywhere; }
.ciclo-selecao { display: flex; align-items: baseline; gap: 10px; }
.ciclo-status { white-space: pre-line; overflow-wrap: anywhere; margin: 16px 0; padding: 16px; background: var(--cor-fundo-card); border-left: 4px solid var(--cor-ocre); }
.ciclo-status:empty { display: none; }
.ciclo-card code { display: block; overflow-wrap: anywhere; font-size: 12px; }
.ciclo-card dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.ciclo-card dd { margin: 0; overflow-wrap: anywhere; }
.ciclo-link { color: var(--cor-primaria); text-decoration: underline; }
@media (max-width: 640px) { .ciclo .hub-hero-inner { flex-direction: column; align-items: flex-start; } .ciclo .hub-acoes-header { align-self: flex-start; } }
@media (max-width: 480px) { .ciclo-conteudo { padding: 20px 14px 36px; } .ciclo-card { padding: 18px; } .ciclo-card dl { grid-template-columns: 1fr; } }