/* Os recursos acompanham as duas identidades e seus modos claro/escuro. */
.challenge-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem 1.5rem; margin-top:.7rem; }
.desafio-h .challenge-actions .ver-mais { margin:0; padding:.55rem 0; border:0; background:none; text-align:left; color:var(--m30-cyan); }
.resource-shortcut { border:1px solid var(--m30-border); border-radius:8px; background:var(--m30-bg-2); color:var(--m30-cyan); padding:.55rem .85rem; font-family:inherit; font-size:.9rem; font-weight:600; line-height:1.5; }
.resource-shortcut i { margin-right:.4rem; }
.detail-tabs { display:flex; gap:1.4rem; border-bottom:1px solid var(--m30-border); margin-bottom:1.5rem; scroll-margin-top:160px; }
.detail-tab { background:none; border:0; border-bottom:3px solid transparent; padding:.7rem .25rem; color:var(--m30-muted); font-weight:600; }
.detail-tab[aria-selected="true"] { color:var(--m30-cyan); border-bottom-color:var(--m30-cyan); }
.detail-tab i { margin-right:.4rem; }
.detail-tab:focus-visible,.resource-shortcut:focus-visible,.challenge-actions button:focus-visible,.resource-downloads a:focus-visible,.resource-reference a:focus-visible { outline:2px solid var(--m30-cyan); outline-offset:5px; }
.detail-panel[hidden] { display:none!important; }
.detail-panel { min-width:0; }
.resource-intro { padding:.3rem 0 1.2rem; }
.resource-kicker { display:block; color:var(--m30-cyan); font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:.65rem; }
.resource-intro h4 { color:var(--m30-text); font-size:clamp(1.2rem,2vw,1.65rem); line-height:1.35; max-width:40em; }
.dh-detalhe .resource-note,.dh-detalhe .resource-footnote { color:var(--m30-muted); font-size:.88rem; line-height:1.6; }
.resource-downloads { display:flex; flex-wrap:wrap; gap:.6rem 1.3rem; margin-top:1rem; }
.resource-downloads a { color:var(--m30-cyan); font-size:.88rem; font-weight:600; text-underline-offset:4px; }
.resource-section { margin:1.7rem 0; }
.resource-section h5,.resource-example h5 { font-size:1.1rem; color:var(--m30-text); margin-bottom:.8rem; }
.dh-detalhe .resource-section li { margin-bottom:.85rem; }
.resource-steps { padding-left:1.5rem; }
.resource-steps li { padding-left:.35rem; }
.resource-steps li::marker { color:var(--m30-cyan); font-weight:700; }
.resource-example { padding:1.3rem 1.5rem; border:1px solid var(--m30-border); border-left:3px solid var(--m30-cyan); background:var(--m30-bg-2); border-radius:0 12px 12px 0; }
.resource-example p { margin-bottom:0; }
.resource-references { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.resource-reference { padding:1rem 1.1rem; border:1px solid var(--m30-border); border-radius:10px; background:var(--m30-bg-2); }
.resource-reference h6 { font-size:1rem; line-height:1.5; margin:.4rem 0 .65rem; }
.resource-reference a { color:var(--m30-cyan); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.resource-reference a i { font-size:.8rem; }
.resource-language { font-size:.73rem; color:var(--m30-muted); }
.dh-detalhe .resource-reference p { font-size:.9rem; margin:0; }
.resource-search ul { display:flex; gap:.6rem; flex-wrap:wrap; list-style:none; padding:0; }
.dh-detalhe .resource-search li { color:var(--m30-muted); border:1px solid var(--m30-border); padding:.4rem .7rem; border-radius:6px; font-size:.82rem; margin:0; }
.resource-footnote { padding-top:1.1rem; border-top:1px solid var(--m30-border); }
.resource-overview { color:var(--m30-muted); max-width:660px; margin:1rem auto 1.5rem; text-align:center; }
.resource-overview a { display:inline-block; color:var(--m30-cyan); margin-top:.7rem; text-underline-offset:4px; }
@media(max-width:991px) { .resource-references { grid-template-columns:1fr; } }
@media(max-width:575px) { .resource-example { padding:1rem; } .detail-tabs { gap:1rem; scroll-margin-top:190px; } .resource-intro h4 { font-size:1.18rem; } }