/* === _comun/r10.css === */
/* Runda 10 (16.10.2026): pagina „Link building și advertoriale SEO” (/link-building/). */

/* două capitole scurte alăturate */
.r10-doua .r10-cap h2 { font-size: clamp(22px, 2.2vw, 28px); margin-bottom: 12px; }
.r10-cap p { color: var(--muted); }
.r10-cap .fx { color: var(--text); margin-top: 10px; }
.r10-cap .fx b { font-weight: 700; }

/* fragmentul de cod ilustrativ, în fereastra de browser (sursa paginii, nu terminal) */
.r10-cod pre { margin: 0; padding: 18px 22px; overflow-x: auto; background: #fbfcfc; border-bottom: 1px solid var(--line);
  font: 14px/1.7 ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: #1d2327; white-space: pre; }
.r10-cod mark { background: #e3f4f6; color: #00585f; font-weight: 700; padding: 1px 3px; border-radius: 2px; }
.r10-cod-n { padding: 12px 22px 14px; font-size: 14px; color: var(--muted); }
.r2-doua code, .lead code { font: .9em ui-monospace, "SF Mono", Menlo, Consolas, monospace; background: rgba(0, 114, 124, .08); padding: 1px 4px; border-radius: 2px; }

/* „Ce nu facem”: listă sobră, cu linii, fără simboluri de interdicție */
.r10-nu-g { margin-top: 48px; padding-top: 32px; border-top: 2px solid var(--text); }
.r10-nu-g h3 { font-size: 20px; margin-bottom: 10px; }
.r10-nu-g p { color: var(--muted); }
.r10-nu { list-style: none; padding: 0; margin: 0; }
.r10-nu li { padding: 10px 0; border-bottom: 1px solid var(--line-2); color: var(--text); font-weight: 600; }
.r10-nu li:first-child { padding-top: 0; }

/* „Cât costă”: tabelul mic cu articolele pe pachet */
.r10-peste { margin-top: 14px; color: var(--muted); }
.r10-tab table { width: 100%; border-collapse: collapse; }
.r10-tab th, .r10-tab td { text-align: left; padding: 12px 0; border-bottom: 1px solid var(--line-2); }
.r10-tab thead th { font: var(--w-head, 800) 16px/1.3 var(--f-head); border-bottom: 2px solid var(--text); }
.r10-tab tbody th { font-weight: 600; }
.r10-tab td { font: var(--w-head, 800) 20px/1.2 var(--f-head); }
@media (max-width: 760px) { .r10-cod pre { font-size: 12.5px; padding: 14px 16px; white-space: pre-wrap; overflow-wrap: anywhere; } }

/* marcajele lungi de machetă se rup pe rânduri (altfel depășesc la 360 px) */
.lead .tbc, .r10-cap .tbc, .faq .tbc { white-space: normal; display: inline; }

/* gemenii de mărime a textului (panoul de accesibilitate, generat de _sursa/panou_a11y.py) */
.a11y-text .r10-doua .r10-cap h2 { font-size: calc(clamp(22px, 2.2vw, 28px) * var(--a11y-k, 1)); }
.a11y-text .r10-cod pre { font-size: calc(14px * var(--a11y-k, 1)); }
.a11y-text .r10-cod-n { font-size: calc(14px * var(--a11y-k, 1)); }
.a11y-text .r2-doua code, .a11y-text .lead code { font-size: .9em; }
.a11y-text .r10-nu-g h3 { font-size: calc(20px * var(--a11y-k, 1)); }
.a11y-text .r10-tab thead th { font-size: calc(16px * var(--a11y-k, 1)); }
.a11y-text .r10-tab td { font-size: calc(20px * var(--a11y-k, 1)); }
@media (max-width: 760px) {
.a11y-text .r10-cod pre { font-size: calc(12.5px * var(--a11y-k, 1)); }
}