.resource-article .ra-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:1.5rem; align-items:start; }
.resource-article .ra-article { min-width:0; }
.resource-article .ra-cover { background:var(--bs-tertiary-bg); aspect-ratio:16/7; max-height:400px; overflow:hidden; }
.resource-article .ra-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.resource-article .ra-body { padding:clamp(1.25rem,3vw,2.5rem); }
.resource-article .ra-meta { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem 1rem; margin-bottom:1.5rem; color:var(--rh-muted); font-size:.75rem; }
.resource-article .ra-meta iconify-icon { vertical-align:middle; font-size:1rem; margin-right:.2rem; }
.resource-article .ra-tag { padding:.35rem .7rem; border-radius:999px; background:var(--bs-success-bg-subtle); color:var(--rh-accent); font-weight:650; }
.resource-article .ra-introduction { margin:0 0 2rem; padding:1.25rem 1.5rem; border-left:3px solid var(--bs-success); border-radius:0 12px 12px 0; background:var(--bs-success-bg-subtle); }
.resource-article .ra-introduction p { margin:0; color:var(--rh-accent); font-size:1rem; line-height:1.8; font-weight:550; }
.resource-article .ra-content { font-size:1rem; line-height:1.85; overflow-wrap:anywhere; color:var(--bs-body-color); }
.resource-article .ra-content p { margin:0 0 1.3rem; font-size:inherit; line-height:inherit; color:inherit; }
.resource-article .ra-content :is(h2,h3,h4) { margin:2rem 0 1rem; font-weight:700; line-height:1.4; color:var(--bs-heading-color,var(--bs-body-color)); }
.resource-article .ra-content h2 { font-size:1.4rem; }
.resource-article .ra-content h3 { font-size:1.15rem; }
.resource-article .ra-content h4 { font-size:1rem; }
.resource-article .ra-content > :first-child { margin-top:0; }
.resource-article .ra-content :is(ul,ol) { padding-left:1.5rem; margin:0 0 1.3rem; }
.resource-article .ra-content li { margin:.5rem 0; color:inherit; }
.resource-article .ra-content li::marker { color:var(--rh-accent); }
.resource-article .ra-content a { color:var(--rh-accent); text-decoration:underline; text-underline-offset:3px; }
.resource-article .ra-content :is(img,video,iframe) { max-width:100%; }
.resource-article .ra-content img { height:auto; border-radius:12px; }
.resource-article .ra-content figure { margin:1.75rem 0; max-width:100%; }
.resource-article .ra-content figcaption { padding:.6rem; color:var(--rh-muted); font-size:.75rem; text-align:center; }
.resource-article .ra-content blockquote { margin:1.5rem 0; padding:1rem 1.25rem; border-left:3px solid var(--bs-success); background:var(--bs-tertiary-bg); }
.resource-article .ra-content table { display:block; width:100%; overflow-x:auto; border-collapse:collapse; margin:1.5rem 0; }
.resource-article .ra-content :is(th,td) { padding:.75rem; border:1px solid var(--rh-border); }
.resource-article .ra-content pre { padding:1rem; overflow-x:auto; border-radius:12px; background:var(--bs-tertiary-bg); }
.resource-article .actualite-fallback-visual { display:grid; place-items:center; min-height:180px; border-radius:12px; background:var(--bs-success-bg-subtle); color:var(--rh-accent); font-size:3rem; }
.resource-article .actualite-checklist { position:relative; margin:1.75rem 0; padding:1.5rem; border:1px solid var(--bs-success-border-subtle); border-radius:14px; background:var(--bs-success-bg-subtle); }
.resource-article .actualite-checklist h3 { margin-top:0; }
.resource-article .actualite-checklist ul { list-style:none; padding:0; margin:0; }
.resource-article .actualite-checklist li { display:flex; align-items:flex-start; gap:.6rem; }
.resource-article .actualite-checklist li iconify-icon { flex-shrink:0; color:var(--rh-accent); margin-top:.4rem; }
.resource-article .actualite-checklist-mark { display:none; }
.resource-article .ra-sidebar { display:grid; gap:1.5rem; min-width:0; }
.resource-article .ra-save { padding:1.5rem; background:linear-gradient(145deg,var(--bs-success-bg-subtle),var(--bs-body-bg) 75%); }
.resource-article .ra-save h2 { margin:1rem 0 .5rem; }
.resource-article .ra-save p { margin:0 0 1.25rem; }
.resource-article .ra-favorite { display:flex; align-items:center; justify-content:center; gap:.5rem; width:100%; font-size:.85rem; }
.resource-article .ra-favorite.is-active { background:var(--bs-success-bg-subtle); color:var(--rh-accent); border-color:var(--bs-success); }
.resource-article .ra-favorite-saved,.resource-article .ra-favorite.is-active .ra-favorite-add { display:none; }
.resource-article .ra-favorite.is-active .ra-favorite-saved { display:inline; }
.resource-article .ra-section-heading { padding:1.5rem 1.5rem 1rem; }
.resource-article .ra-related-link { display:flex; align-items:flex-start; gap:.85rem; padding:1.1rem 1.5rem; text-decoration:none; color:inherit; border-top:1px solid var(--rh-border); }
.resource-article .ra-related-link:hover { background:var(--bs-tertiary-bg); }
.resource-article .ra-thumbnail { display:grid; place-items:center; flex:0 0 64px; width:64px; height:64px; overflow:hidden; border-radius:10px; background:var(--bs-success-bg-subtle); color:var(--rh-accent); font-size:1.6rem; }
.resource-article .ra-thumbnail img { width:100%; height:100%; object-fit:cover; }
.resource-article .ra-related-copy { min-width:0; }
.resource-article .ra-related-copy .rh-eyebrow { font-size:.6rem; margin-bottom:.35rem; }
.resource-article .ra-related-title { display:block; font-size:.85rem; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
.resource-article .ra-related-date { display:block; margin-top:.5rem; color:var(--rh-muted); font-size:.7rem; }
.resource-article .ra-no-related { padding:0 1.5rem 1.25rem; }
.resource-article .ra-all-news { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:1.2rem 1.5rem; border-top:1px solid var(--rh-border); color:var(--rh-accent); font-size:.8rem; font-weight:650; }
.resource-article .ra-sharebar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--rh-border); }
.resource-article .ra-share { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; color:var(--rh-muted); font-size:.8rem; }
.resource-article .ra-share-buttons { display:flex; gap:.5rem; }
.resource-article .ra-icon-button { display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid var(--rh-border); border-radius:10px; background:var(--bs-body-bg); color:var(--rh-muted); font-size:1.1rem; }
.resource-article .ra-icon-button:hover { background:var(--bs-success-bg-subtle); color:var(--rh-accent); border-color:var(--bs-success-border-subtle); }
.resource-article button:focus-visible { outline:3px solid var(--bs-success); outline-offset:3px; }
@media(max-width:1100px) { .resource-article .ra-layout { grid-template-columns:minmax(0,1fr); } .resource-article .ra-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; } }
@media(max-width:640px) { .resource-article .ra-sidebar { grid-template-columns:minmax(0,1fr); } .resource-article .ra-cover { aspect-ratio:16/9; } .resource-article .ra-introduction { padding:1rem; } }
@media print { .resource-article .ra-sidebar,.resource-article .ra-sharebar,.page-heading-actions,.page-hero .breadcrumb,.left-sidebar,.app-header { display:none!important; } .resource-article .ra-layout { display:block; } .resource-article .ra-article { border:0; box-shadow:none; } .resource-article .ra-body { padding:0; } .resource-article .ra-content { color:#000; } .resource-article .ra-content :is(h2,h3,h4) { break-after:avoid; } }