/* /apps/remote — strona WS.Remote. Osobny plik obok apps.css (te same tokeny i klasy: sy-block, app-prin, af-*). */
.rm-top{display:grid;gap:40px;align-items:center;max-width:var(--wrap);margin-top:24px}
@media (min-width:1000px){.rm-top{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.rm-hero h1.h-dark{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.rm-hero h1 img{width:56px;height:56px;flex:none;border-radius:14px}
.rm-lead,.rm-p{max-width:680px;font-size:18px;line-height:1.55;color:var(--mute-d);margin:20px 0}
.rm-p{font-size:17px;margin:20px 0 28px}
.rm-dl{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 12px}
.rm-dl-end{margin-top:40px}
.rm-meta{font:500 13px/1.5 var(--mono);color:var(--mute-d);margin:0 0 10px}
.rm-note,.rm-small{font-size:14px;line-height:1.55;color:var(--mute-d);max-width:680px;margin:0}
.rm-small{margin-top:18px}
.rm-shot{margin:0;display:grid;gap:10px;justify-items:center}
.rm-shot img{max-width:100%;height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}
.rm-shot figcaption{font-size:14px;line-height:1.5;color:var(--mute-d);text-align:center;max-width:420px}
.rm-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px;max-width:var(--wrap)}
@media (min-width:900px){.rm-steps{grid-template-columns:repeat(3,1fr)}}
.rm-steps li{padding:28px 26px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--ring-d);border-radius:var(--r-card)}
.rm-steps li::before{content:none}
.rm-steps h3{margin:12px 0 8px;font-size:20px}
.rm-steps p{margin:0;color:var(--mute-d);line-height:1.55}
.rm-n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;font:600 15px/1 var(--mono);color:#000;background:var(--ink-d)}
.rm-shots{display:grid;gap:36px;max-width:var(--wrap);margin-top:44px;align-items:center}
@media (min-width:900px){.rm-shots{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.rm-bar{grid-column:1/-1}}
.rm-bar img{width:min(541px,100%)}
.rm-chart{margin-top:36px}
.rm-chart .af-t i{display:block;height:100%;background:var(--ink-d);border-radius:4px}
.rm-tw{max-width:var(--wrap);overflow-x:auto}
.rm-table{width:100%;border-collapse:collapse;font-size:16px}
.rm-table th,.rm-table td{text-align:start;padding:14px 16px;border-bottom:1px solid var(--ring-d)}
.rm-table thead th{font:500 13px/1.2 var(--mono);color:var(--mute-d);text-transform:uppercase;letter-spacing:.04em}
.rm-table tbody th{font-weight:600}
.rm-table a{color:var(--ink-d);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ring-d)}
.rm-us{background:var(--s1)}.rm-us th,.rm-us td strong{color:#7ee2a8}
.rm-mo{color:var(--mute-d);font-size:14px}
.rm-h3{margin:44px 0 12px;font-size:22px}
.rm-list{max-width:760px;margin:0;padding-inline-start:20px;color:var(--mute-d);line-height:1.6;display:grid;gap:6px}
.rm-man{display:grid;gap:14px;max-width:var(--wrap);margin-top:28px}
@media (min-width:900px){.rm-man{grid-template-columns:1.2fr 1fr}}
.rm-man h3{margin:0 0 12px}.rm-man ol{margin:0;padding-inline-start:20px;display:grid;gap:10px;line-height:1.55;color:var(--mute-d)}.rm-man p{color:var(--mute-d);line-height:1.6;margin:0}
.rm-faq{max-width:820px;margin-top:20px}
.rm-q{border-bottom:1px solid var(--ring-d);padding:16px 0}
.rm-q summary{cursor:pointer;font-weight:600;font-size:18px}
.rm-q p{margin:10px 0 0;color:var(--mute-d);line-height:1.6}
#rm-light .af-row{margin-top:24px}
/* wszystko w tej samej kolumnie co nagłówki i karty (jak #apps-free .app-av) */
.rm-top,.rm-steps,.rm-shots,.rm-tw,.rm-man,.rm-faq{margin-inline:auto}
.rm-p,.rm-small,.rm-list,.rm-h3,.rm-dl-end,#rm-faq .app-by{margin-inline-start:max(0px,calc((100% - var(--wrap))/2))}
.rm-faq{max-width:var(--wrap)}.rm-faq>*{max-width:820px}
.rm-list{max-width:760px}
/* warunki korzystania */
.rm-terms h2.rm-th{font-size:22px;margin:36px 0 10px}
.rm-terms h2.rm-th,.rm-terms>p:not(.crumb){max-width:760px;margin-inline-start:max(0px,calc((100% - var(--wrap))/2))}
.rm-terms>p:not(.crumb):not(.rm-lead):not(.rm-small){color:var(--mute-d);line-height:1.65;margin-block:0 12px}
.rm-terms h1.h-dark{font-size:clamp(34px,4vw,56px)!important}
#rm-partners .rm-dl{margin-inline-start:max(0px,calc((100% - var(--wrap))/2))}