.arch-detail-page #xidmet-elaqe {
    --sc-gold: #e0b68a;
    --sc-line: #e0b68a40;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(24px, 5vw, 64px);
    margin-top: clamp(26px, 5vw, 64px);
    padding: clamp(22px, 4vw, 54px);
    border: 1px solid var(--sc-line);
    border-radius: 0 0 34px 0;
    background: radial-gradient(ellipse at top left, #3c2a1e, transparent 75%), #1b1714;
    color: #f6eee3;
}
#xidmet-elaqe h2 {
    font: 600 clamp(1.65rem, 3vw, 3.1rem)/1.12 Montserrat, system-ui, sans-serif;
    letter-spacing: -.045em;
    text-wrap: balance;
}
#xidmet-elaqe .sc-actions, #xidmet-elaqe .sc-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-top: 20px;
}
#xidmet-elaqe .sc-actions a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid var(--sc-line);
    border-radius: 999px;
    font-size: .875rem;
    font-weight: 600;
}
#xidmet-elaqe .sc-primary { background: var(--sc-gold); color: #211811; }
#xidmet-elaqe dl { margin: 0; }
#xidmet-elaqe dl > div {
    display: grid;
    grid-template-columns: minmax(0, 108px) minmax(0, 1fr);
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--sc-line);
}
#xidmet-elaqe dt, #xidmet-elaqe .sc-socials a { color: var(--sc-gold); font-size: .85rem; }
#xidmet-elaqe dd { margin: 0; overflow-wrap: anywhere; }
#xidmet-elaqe a:hover { text-decoration: underline; }
#xidmet-elaqe a:focus-visible { outline: 2px solid var(--sc-gold); outline-offset: 4px; }
@media (max-width: 820px) {
    .arch-detail-page #xidmet-elaqe { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 440px) {
    #xidmet-elaqe dl > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}