/* === _comun/r12.css === */
/* Runda 12 (16.10.2026): pagina „Migrare fără pierderi de trafic” (/migrare-seo/). */

/* ce intră în serviciu și ce ofertăm separat */
.r12-tip .r2-rand p + p { grid-column: 3; }
.r12-sep { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line-2); max-width: 900px; }
.r12-sep h3 { font-size: 17px; margin-bottom: 10px; }
.r12-sep ul { list-style: none; padding: 0; margin: 0; }
.r12-sep li { padding: 8px 0; color: var(--muted); }
.r12-sep li b { color: var(--text); }

/* linia de timp: o linie verticală continuă, cu un punct la fiecare etapă */
.r12-tl { list-style: none; padding: 0; margin: 0; position: relative; }
.r12-tl::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; background: var(--line-2); }
.r12-e { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 2fr); gap: 12px 48px; position: relative; padding: 0 0 40px 36px; }
.r12-e::before { content: ""; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; border-radius: 50%; background: var(--bg); border: 2px solid var(--link); box-sizing: border-box; }
.r12-e:last-child { padding-bottom: 0; }
.r12-cand { display: block; font-size: 14px; font-weight: 700; color: var(--link); margin-bottom: 4px; }
.r12-e-t h3 { font-size: 22px; line-height: 1.25; }
.r12-it { padding: 0 0 18px; margin-bottom: 18px; border-bottom: 1px solid var(--line); }
.r12-it:last-child { border-bottom: 0; margin-bottom: 0; }
.r12-it h4 { font: var(--w-head, 800) 17px/1.3 var(--f-head); margin-bottom: 4px; }
.r12-it p { color: var(--muted); }
.r12-it .fx { color: var(--text); margin-top: 6px; }
.r12-it .fx b { font-weight: 700; }
@media (max-width: 900px) { .r12-e { grid-template-columns: minmax(0, 1fr); gap: 10px; padding-left: 30px; } }

/* harta de redirecturi, ilustrativă, în fereastra raportului */
.r12-harta { margin-top: 8px; }
.r12-h table { width: 100%; border-collapse: collapse; font-size: 14px; }
.r12-h th, .r12-h td { text-align: left; padding: 9px 14px; border-bottom: 1px solid var(--line); vertical-align: top; }
.r12-h th { font-size: 13px; color: var(--muted); font-weight: 600; }
.r12-h td:last-child, .r12-h th:last-child { text-align: right; white-space: nowrap; }
.r12-h code { font: 13px/1.5 ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: var(--text); overflow-wrap: anywhere; }
.r12-h-n { padding: 10px 14px 12px; font-size: 13px; color: var(--muted); }

/* ce controlăm și ce nu */
.r12-ctl { margin-top: 36px; padding-top: 28px; border-top: 2px solid var(--text); }
.r12-ctl h3 { font-size: 20px; margin-bottom: 10px; }
.r12-nu li { font-weight: 400; color: var(--muted); }
.r12-inainte { margin-top: 28px; max-width: 900px; }

/* cât costă */
.r12-tab td { font: var(--w-head, 800) 18px/1.25 var(--f-head); }
.r12-tab thead td { border-bottom: 2px solid var(--text); }
.r12-tva { margin-top: 10px; font-size: 14px; color: var(--muted); }
.r12-cost-d { margin-top: 32px; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 32px; }
.r12-cost-d h3 { font-size: 18px; margin-bottom: 6px; }
.r12-cost-d p { color: var(--muted); }
@media (max-width: 900px) { .r12-cost-d { grid-template-columns: minmax(0, 1fr) !important; } }
@media (max-width: 760px) { .r12-h th, .r12-h td { padding: 8px 10px; } .r12-h code { font-size: 12px; } }

/* marcajele lungi de machetă se rup pe rânduri */
.r2-nota .tbc, .r12-sep .tbc, .r2-rand .tbc { white-space: normal; display: inline; }

/* gemenii de mărime a textului (panoul de accesibilitate, generat de _sursa/panou_a11y.py) */
.a11y-text .r12-sep h3 { font-size: calc(17px * var(--a11y-k, 1)); }
.a11y-text .r12-cand { font-size: calc(14px * var(--a11y-k, 1)); }
.a11y-text .r12-e-t h3 { font-size: calc(22px * var(--a11y-k, 1)); }
.a11y-text .r12-it h4 { font-size: calc(17px * var(--a11y-k, 1)); }
.a11y-text .r12-h table { font-size: calc(14px * var(--a11y-k, 1)); }
.a11y-text .r12-h th { font-size: calc(13px * var(--a11y-k, 1)); }
.a11y-text .r12-h code { font-size: calc(13px * var(--a11y-k, 1)); }
.a11y-text .r12-h-n { font-size: calc(13px * var(--a11y-k, 1)); }
.a11y-text .r12-ctl h3 { font-size: calc(20px * var(--a11y-k, 1)); }
.a11y-text .r12-tab td { font-size: calc(18px * var(--a11y-k, 1)); }
.a11y-text .r12-tva { font-size: calc(14px * var(--a11y-k, 1)); }
.a11y-text .r12-cost-d h3 { font-size: calc(18px * var(--a11y-k, 1)); }
@media (max-width: 760px) {
.a11y-text .r12-h code { font-size: calc(12px * var(--a11y-k, 1)); }
}