.case-link { margin-top: 12px; }
.detail-actions > .case-link { margin-top: 0; }
.detail-page { padding-block: clamp(27px, 4.5vw, 60px) 70px; }
.detail-breadcrumb { color: var(--muted); font-size: 14px; margin-bottom: 17px; }
.detail-breadcrumb a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.detail-breadcrumb span { margin-inline: 8px; }
.detail-intro {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(21px, 4vw, 49px);
    border: 1px solid #789fd54d;
    border-radius: 25px 6px 25px 6px;
    background: radial-gradient(ellipse at 100% 0, #2e64ac66, transparent 65%), linear-gradient(115deg, #17253c, #0c172b);
    box-shadow: 0 25px 50px #0004, inset 0 1px #d4e7ff26;
}
.detail-intro::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: repeating-linear-gradient(135deg, transparent 0 72px, #9dc5ff08 73px 74px, transparent 75px 146px); mask-image: linear-gradient(90deg, transparent 20%, #000); }
.detail-intro::after { content: ""; position: absolute; right: -1px; bottom: -1px; width: 90px; height: 90px; border: solid #86b5ff70; border-width: 0 1px 1px 0; border-radius: 0 0 25px 0; pointer-events: none; }
.detail-intro .category { margin-bottom: 10px; }
.detail-intro h1 {
    max-width: 970px;
    font-size: clamp(34px, 5vw, 66px);
    font-weight: 675;
    line-height: 1.05;
    letter-spacing: -.048em;
    word-spacing: .025em;
    text-wrap: balance;
}
.detail-lead { max-width: 65ch; margin-block: 13px 21px; color: var(--muted); font-size: clamp(16px, 1.65vw, 20px); }
.detail-lead:last-child { margin-bottom: 0; }
.detail-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.detail-intro + .detail-actions { margin-top: 15px; }
.detail-project { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: 32px; align-items: center; }
.detail-media { padding: 12px; overflow: hidden; }
.detail-media-bar { display: flex; align-items: center; gap: 12px; margin: 0 2px 8px; font-size: 12px; color: var(--muted); }
.detail-media-bar span { color: var(--accent); letter-spacing: .13em; font-size: 8px; }
.detail-media img { width: 100%; height: auto; border-radius: 12px; }
.detail-sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 285px), 1fr)); gap: 15px; margin-block: 24px 26px; }
.detail-sections section { padding: clamp(17px, 3vw, 27px); border-top: 2px solid #547caf; border-radius: 16px 5px 16px 5px; }
.detail-sections h2, .detail-related h2 { font-size: clamp(22px, 3vw, 30px); letter-spacing: -.035em; }
.detail-sections p { color: var(--muted); margin-top: 8px; }
.detail-related ul { display: flex; flex-wrap: wrap; gap: 12px 24px; list-style: none; padding: 0; }
.detail-related .detail-actions { margin-top: 12px; }
@media (max-width: 760px) { .detail-project { grid-template-columns: 1fr; } }