/* Страница цвета RAL (/ral/ral-7016/) */
.adcx-ralc { padding:24px 0 48px; }
.adcx-ralc__crumbs { font-size:var(--t-meta, .85rem); color:var(--greyColor, #666); margin:0 0 14px; }
.adcx-ralc__crumbs a { color:inherit; }
.adcx-ralc__title { margin:0 0 16px; font-size:var(--t-d3, 1.8rem); line-height:1.2; }
.adcx-ralc__title span { font-weight:400; color:var(--greyColor, #666); }
.adcx-ralc h2 { margin:28px 0 12px; font-size:var(--t-h3, 1.2rem); }
.adcx-ralc__top { display:flex; gap:20px; flex-wrap:wrap; align-items:stretch; }
.adcx-ralc__sw { flex:1 1 280px; min-height:200px; border-radius:var(--adcm-r-xl, 20px); border:1px solid rgba(0,0,0,.12); padding:18px 20px; display:flex; flex-direction:column; justify-content:flex-end; }
.adcx-ralc__sw b { font-size:var(--t-d4, 1.5rem); font-family:var(--monoFont, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); }
.adcx-ralc__sw span { font-size:var(--t-ui, 1rem); }
.adcx-ralc__vals { flex:1 1 220px; margin:0; display:grid; grid-template-columns:auto 1fr; gap:10px 18px; align-content:center; }
.adcx-ralc__vals dt { color:var(--greyColor, #666); }
.adcx-ralc__vals dd { margin:0; font-family:var(--monoFont, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); overflow-wrap:anywhere; }
.adcx-ralc__lead { max-width:68ch; margin:18px 0 0; color:var(--greyColor, #555); }
.adcx-ralc__cta { margin:16px 0 0; }
.adcx-ralc__btn { display:inline-block; min-height:40px; padding:0 18px; box-sizing:border-box; display:inline-flex; align-items:center; border-radius:var(--adcm-r-md, 12px); background:var(--hoverColor, #2849a3); color:#fff; text-decoration:none; font-size:14px; font-weight:600; }
.adcx-ralc__btn:is(:hover, :active, :focus, :visited) { color:#fff; text-decoration:none; opacity:.92; }  /* глобальное правило a:hover красило текст в цвет кнопки */
html[data-theme="dark"] .adcx-ralc__btn, html[data-theme="dark"] .adcx-ralc__btn:is(:hover, :active, :focus, :visited) { color:#0b1220; }  /* в тёмной теме фон кнопки светлый */
.adcx-ralc__read { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:10px; }
.adcx-ralc__read > div { border-radius:var(--adcm-r-md, 12px); border:1px solid rgba(0,0,0,.12); padding:14px 16px; display:flex; flex-direction:column; gap:2px; }
.adcx-ralc__pairs { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap:10px; }
.adcx-ralc__pair { display:grid; grid-template-columns:48px 1fr; grid-template-rows:auto auto; column-gap:12px; align-items:center; padding:8px 12px 8px 8px; border:1px solid var(--borderColor, rgba(0,0,0,.14)); border-radius:var(--adcm-r-md, 12px); text-decoration:none; color:inherit; height:64px; box-sizing:border-box; min-width:0; }
.adcx-ralc__pair:hover { border-color:var(--hoverColor, #2849a3); text-decoration:none; }
.adcx-ralc__pair i { grid-row:1 / span 2; width:48px; height:48px; border-radius:var(--adcm-r-sm, 8px); border:1px solid rgba(0,0,0,.12); }
.adcx-ralc__pair b { font-family:var(--monoFont, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); font-size:var(--t-meta, .9rem); }
.adcx-ralc__pair span { color:var(--greyColor, #666); font-size:var(--t-meta, .85rem); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.adcx-ralc__posts { margin:0; padding-left:20px; }
.adcx-ralc__posts li { margin:4px 0; }
.adcx-ralc__nav { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:32px; padding-top:16px; border-top:1px solid var(--borderColor, rgba(0,0,0,.14)); }
.adcx-ralc__nav a { text-decoration:none; }
.adcx-ralc__nav a:hover { text-decoration:none; opacity:.8; }
@media (max-width:500px) { .adcx-ralc__title { font-size:var(--t-d4, 1.5rem); } .adcx-ralc__sw { min-height:150px; } }

/* Цвета RAL на странице производителя */
.adcx-mfral { margin:28px 0; }
.adcx-mfral__title { margin:0 0 12px; font-size:var(--t-h3, 1.2rem); }
.adcx-mfral__list { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap:10px; }
.adcx-mfral__item { display:grid; grid-template-columns:40px 1fr; grid-template-rows:auto auto; column-gap:12px; align-items:center; padding:7px 12px 7px 7px; height:56px; box-sizing:border-box; min-width:0; border:1px solid var(--borderColor, rgba(0,0,0,.14)); border-radius:var(--adcm-r-md, 12px); text-decoration:none; color:inherit; }
.adcx-mfral__item:hover { border-color:var(--hoverColor, #2849a3); text-decoration:none; }
.adcx-mfral__item i { grid-row:1 / span 2; width:40px; height:40px; border-radius:var(--adcm-r-sm, 8px); border:1px solid rgba(0,0,0,.12); }
.adcx-mfral__item b { font-family:var(--monoFont, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); font-size:var(--t-meta, .9rem); }
.adcx-mfral__item span { color:var(--greyColor, #666); font-size:var(--t-meta, .85rem); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }