.rdl-breadcrumb {max-width: 1200px; margin: 0 auto; padding: 1.5rem clamp(1.25rem, 3vw, 3rem) 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: #475569;}
.rdl-breadcrumb a {color: #1d4ed8; text-decoration: none; font-weight: 500;}
.rdl-breadcrumb a:hover {text-decoration: underline;}

.rdl-steps-grid {display: grid; gap: 1rem;}
.rdl-step-card {background: #fff; border: 1px solid #cbd5e1; border-radius: 12px; padding: 1.25rem; display: flex; gap: 1rem; align-items: flex-start; box-shadow: 0 2px 5px rgba(0,0,0,0.02); transition: transform 0.2s ease, box-shadow 0.2s ease;}
.rdl-step-card:hover {transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.rdl-step-number {background: #eff6ff; color: #1d4ed8; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; border: 2px solid #bfdbfe; font-size: 0.95rem;}
.rdl-step-content h3 {margin: 0 0 0.4rem 0; font-size: 1.05rem; color: #0f172a;}
.rdl-step-content p {margin: 0; font-size: 0.95rem; color: #475569; line-height: 1.5;}

.rdl-related-grid {display: grid; gap: 1rem;}
.rdl-related-card {display: flex; flex-direction: column; padding: 1.25rem; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.rdl-related-card:hover, .rdl-related-card:focus-visible {transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.05); outline: none; border-color: #60a5fa;}
.rdl-related-card strong {color: #1d4ed8; font-size: 1.05rem; margin-bottom: 0.4rem;}
.rdl-related-card span {font-size: 0.9rem; color: #475569; line-height: 1.4;}

.rdl-accordion {display: grid; gap: 0.7rem;}
.rdl-accordion-item {border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; overflow: hidden;}
.rdl-accordion-btn {width: 100%; min-height: 44px; border: 0; background: transparent; text-align: left; padding: 0.8rem 0.9rem; display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; font: inherit; font-weight: 700; color: #0f172a; cursor: pointer;}
.rdl-accordion-symbol {width: 26px; height: 26px; border-radius: 999px; border: 1px solid #cbd5e1; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rdl-accordion-panel {padding: 0 0.9rem 0.9rem;}
.rdl-accordion-btn:focus-visible {outline: 3px solid #60a5fa; outline-offset: 2px;}

#rdl-tool-core .rdl-tool-card {
  border: 4px solid #3b82f6;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.15);
}

@media (min-width: 840px) {
  .rdl-steps-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .rdl-step-card:last-child:nth-child(odd) {grid-column: 1 / -1;}
  .rdl-related-grid {grid-template-columns: repeat(4, minmax(0, 1fr));}
}