.hydra-single-layout {
    max-width: 1180px;
    margin-inline: auto;
}

.hydra-single-layout .hydra-entry { max-width: none; min-width: 0; }
.hydra-entry__header { max-width: 820px; }
.hydra-single-body { display: grid; grid-template-columns: minmax(0, 820px) minmax(230px, 290px); align-items: start; gap: clamp(34px, 5vw, 76px); }
.hydra-single-body .hydra-entry__content { min-width: 0; }
.hydra-single-sidebar { position: sticky; top: 72px; min-width: 0; }
.hydra-single-widget { margin-bottom: 26px; padding: 20px; border: 1px solid #111; border-radius: 14px; background: #f7f7f7; }
.hydra-single-widget[hidden] { display: none; }
.hydra-single-widget__title { margin: 0 0 16px; font-size: .78rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.hydra-toc { position: relative; padding-left: 18px; }
.hydra-toc::before { position: absolute; top: 7px; bottom: 7px; left: 3px; width: 1px; background: #cfcfcf; content: ''; }
.hydra-toc::after { position: absolute; top: 7px; left: 3px; width: 2px; height: var(--toc-progress, 0%); border-radius: 2px; background: #16c75a; content: ''; }
.hydra-toc ol { position: relative; z-index: 1; list-style: none; margin: 0; padding: 0; }
.hydra-toc li { position: relative; margin: 0; padding: 0; }
.hydra-toc li::before { position: absolute; top: 11px; left: -18px; width: 7px; height: 7px; border: 2px solid #888; border-radius: 50%; background: #f7f7f7; content: ''; transform: translateX(-1px); }
.hydra-toc__link { display: block; padding: 6px 0; color: #666; font-size: .86rem; line-height: 1.3; text-decoration: none; }
.hydra-toc__link--h3 { padding-left: 12px; font-size: .78rem; }
.hydra-toc__link:hover, .hydra-toc__link:focus-visible, .hydra-toc__link.is-current { color: #111; font-weight: 800; }
.hydra-toc li:has(.is-current)::before { border-color: #16c75a; background: #16c75a; }
.hydra-suggested-list { display: grid; gap: 12px; }
.hydra-suggested-card { display: block; padding-top: 12px; border-top: 1px solid #d7d7d7; color: #111; text-decoration: none; }
.hydra-suggested-card:first-child { padding-top: 0; border-top: 0; }
.hydra-suggested-card__title { display: block; font-size: .93rem; font-weight: 800; line-height: 1.25; }
.hydra-suggested-card time { display: block; margin-top: 5px; color: #777; font-size: .72rem; }
.hydra-suggested-card:hover .hydra-suggested-card__title, .hydra-suggested-card:focus-visible .hydra-suggested-card__title { text-decoration: underline; text-underline-offset: 3px; }
.hydra-single-ctas { display: grid; gap: 10px; }
.hydra-single-cta { display: block; padding: 16px 18px; border-radius: 13px; background: #111; color: #fff; text-decoration: none; }
.hydra-single-cta--labs { background: #16c75a; color: #07190d; }
.hydra-single-cta__eyebrow { display: block; margin-bottom: 5px; font-size: .67rem; font-weight: 800; letter-spacing: .1em; opacity: .72; text-transform: uppercase; }
.hydra-single-cta__title { display: block; font-size: .95rem; font-weight: 900; line-height: 1.15; }
.hydra-single-cta:hover .hydra-single-cta__title, .hydra-single-cta:focus-visible .hydra-single-cta__title { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 900px) {
    .hydra-single-body { grid-template-columns: minmax(0, 1fr) 240px; gap: 28px; }
}

@media (max-width: 720px) {
    .hydra-single-body { display: block; }
    .hydra-single-sidebar { position: static; margin-top: 44px; }
    .hydra-single-widget { padding: 17px; }
    .hydra-single-ctas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 460px) {
    .hydra-single-ctas { grid-template-columns: 1fr; }
}