/* f3010 (СМИ Фронт, 30.10.2026): «Читайте нас», серии плейбука, «Мнения». Вид серии у каждого сайта свой — body.f3010-<сайт>. */
.f3010-follow{margin:28px 0 8px;padding:16px 18px;border:1px solid var(--line,#E7E3DA);border-radius:14px;background:var(--card,#fff);display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.f3010-follow-t{margin:0;font:600 15px/1.35 var(--sans,system-ui,sans-serif);color:var(--ink,#16211F);flex:1 1 220px;min-width:0}
.f3010-follow-b{display:flex;flex-wrap:wrap;gap:10px}
.f3010-fb{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;font:600 14px/1 var(--sans,system-ui,sans-serif);color:#fff!important;text-decoration:none!important;white-space:nowrap}
.f3010-fb svg{flex:none}
.f3010-fb-tg{background:#229ED9}.f3010-fb-tg:hover{background:#1b87ba}
.f3010-fb-mx{background:linear-gradient(135deg,#3d6bff,#8a3dff)}.f3010-fb-mx:hover{filter:brightness(.92)}
@media (max-width:420px){.f3010-follow-b{width:100%}.f3010-fb{flex:1 1 0;justify-content:center}}

/* --- Серии: общая основа (рамка 1–2 px, акцент слева 4 px, светлая заливка, текстовая метка — плейбук, стр. 3–4) --- */
.f3010-lbl{display:inline-flex;align-items:center;gap:5px;margin-left:8px;font:700 11px/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--f-a,#1C8F7A);vertical-align:middle;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.f3010-lbl i,.f3010-top i,.f3010-home-s i,.f3010-lh-k i{display:inline-block;flex:none;width:8px;height:8px;background:var(--f-a,#1C8F7A)}
.f3010-home{margin:28px 0}
.f3010-home-in{display:grid;grid-template-columns:200px minmax(0,1fr) 240px;gap:20px 26px;align-items:start;padding:22px 24px;background:var(--f-bg,#F2FAF8);border:1px solid var(--f-ln,#CFE9E2);border-left:4px solid var(--f-a,#1C8F7A);border-radius:6px}
.f3010-home-np .f3010-home-in{grid-template-columns:200px minmax(0,1fr)}
.f3010-home-k{display:flex;flex-direction:column;gap:8px;min-width:0}
.f3010-home-s{display:inline-flex;align-items:center;gap:7px;font:800 13px/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.05em;text-transform:uppercase;color:var(--f-a,#1C8F7A)!important}
.f3010-home-f{align-self:flex-start;font:600 11px/1 var(--sans,system-ui,sans-serif);text-transform:uppercase;letter-spacing:.06em;padding:5px 8px;border:1px solid currentColor;color:var(--f-a,#1C8F7A)}
.f3010-home-d{font:400 13px/1.4 var(--sans,system-ui,sans-serif);color:var(--muted,#6E7874)}
.f3010-home-t{margin:0 0 8px;font-size:24px;line-height:1.22}
.f3010-home-l{margin:0 0 10px;color:var(--ink2,#2B3633);font-size:15px;line-height:1.5}
.f3010-home-m{margin:0;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font:500 13px/1.3 var(--sans,system-ui,sans-serif);color:var(--muted,#6E7874)}
.f3010-home-go{font-weight:700;color:var(--f-a,#1C8F7A)!important}
.f3010-home-all{text-decoration:underline;text-underline-offset:3px}
.f3010-home-pic{display:block;border-radius:4px;overflow:hidden;aspect-ratio:16/10;background:var(--line,#E7E3DA)}
.f3010-home-pic img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.f3010-home-in{grid-template-columns:minmax(0,1fr);padding:18px 16px}.f3010-home-pic{order:-1}.f3010-home-t{font-size:21px}}

.f3010-top{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 10px;font:800 12px/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--f-a,#1C8F7A)!important;text-decoration:none!important}
.f3010-top span{font-weight:600;letter-spacing:.05em;padding:4px 7px;border:1px solid currentColor}
.f3010-gl{margin:18px 0 22px;padding:16px 20px;background:var(--f-bg,#F2FAF8);border:1px solid var(--f-ln,#CFE9E2);border-left:4px solid var(--f-a,#1C8F7A);border-radius:4px}
.f3010-gl-t{margin:0 0 6px;font:800 12px/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--f-a,#1C8F7A)}
.f3010-gl-x{margin:0;font-size:17px;line-height:1.55;font-weight:500;color:var(--ink,#16211F)}
.f3010-end{margin:26px 0 6px;padding-top:16px;border-top:2px solid var(--f-a,#1C8F7A)}
.f3010-met{margin:0 0 14px;border:1px solid var(--f-ln,#CFE9E2);border-radius:4px;background:var(--card,#fff)}
.f3010-met summary{cursor:pointer;padding:12px 16px;font:700 14px/1.3 var(--sans,system-ui,sans-serif);color:var(--ink,#16211F);list-style:none}
.f3010-met summary::-webkit-details-marker{display:none}
.f3010-met summary::after{content:"";display:inline-block;width:7px;height:7px;margin-left:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px)}
.f3010-met[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.f3010-met-x{padding:0 16px 12px;font-size:15px;line-height:1.55;overflow-x:auto}
.f3010-met-x table{border-collapse:collapse;min-width:100%}.f3010-met-x td,.f3010-met-x th{border:1px solid var(--line,#E7E3DA);padding:6px 8px;text-align:left}
.f3010-prev{margin:0 0 10px;font-size:15px}.f3010-prev a{text-decoration:underline;text-underline-offset:3px}
.f3010-all{display:inline-block;font:700 14px/1.3 var(--sans,system-ui,sans-serif);color:var(--f-a,#1C8F7A)!important}

.f3010-lh{margin:6px 0 22px;padding:18px 0 16px;border-bottom:2px solid var(--f-a,var(--ink,#16211F))}
.f3010-lh-k{display:flex;align-items:center;gap:7px;margin:0 0 6px;font:700 12px/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.07em;text-transform:uppercase;color:var(--f-a,#1C8F7A)}
.f3010-lh-t{margin:0;font-size:34px;line-height:1.15}
.f3010-lh-d{margin:8px 0 0;max-width:720px;color:var(--muted,#6E7874);font-size:15px}
@media (max-width:600px){.f3010-lh-t{font-size:27px}}

/* --- Мнения (dlnews): колонки авторов --- */
.f3010-au{display:flex;align-items:center;gap:14px;margin:6px 0 16px}
.f3010-au-bottom{margin:24px 0 4px;padding:14px 16px;border:1px solid var(--line,#E7E3DA);border-radius:10px;background:var(--card,#fff)}
.f3010-av{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;background:var(--line,#E7E3DA)}
.f3010-au-bottom .f3010-av{width:56px;height:56px}
.f3010-av-i{display:inline-flex;align-items:center;justify-content:center;font:700 22px/1 var(--serif,Georgia,serif);color:#fff;background:#0F3D2E}
.f3010-au-b{display:flex;flex-direction:column;gap:3px;min-width:0}
.f3010-au-n{font:700 17px/1.25 var(--sans,system-ui,sans-serif)}
.f3010-au-d{font-size:14px;line-height:1.35;color:var(--muted,#6E7874)}
.f3010-au-x{margin-top:4px;font-size:12.5px;color:var(--muted2,#8D9692)}
.f3010-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.f3010-col{display:flex;gap:18px;padding:20px;background:var(--card,#fff);border:1px solid var(--line,#E7E3DA);border-top:3px solid #0F3D2E;border-radius:6px}
.f3010-col-a{flex:none}.f3010-col .f3010-av{width:88px;height:88px}
.f3010-col-b{min-width:0}
.f3010-col-n{margin:0 0 6px;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.3}.f3010-col-n span{color:var(--muted,#6E7874)}
.f3010-col-t{margin:0 0 8px;font-size:20px;line-height:1.25}
.f3010-col-l{margin:0 0 8px;font-size:14.5px;line-height:1.5;color:var(--ink2,#2B3633)}
.f3010-col-m{margin:0;font-size:12.5px;color:var(--muted2,#8D9692)}
@media (max-width:760px){.f3010-cols{grid-template-columns:minmax(0,1fr)}.f3010-col{padding:16px;gap:14px}.f3010-col .f3010-av{width:64px;height:64px}.f3010-col-t{font-size:18px}}

/* ===================== Характер серии на каждом сайте ===================== */
/* CHILL — «Доплата за вау»: стикер, пунктир, мятный + солнечный */
.f3010-chill{--f-a:#1C8F7A;--f-bg:#FFFBEA;--f-ln:#F3D36B}
.f3010-chill .f3010-home-in{border:2px dashed #F3C93F;border-left:4px solid #1C8F7A;border-radius:18px}
.f3010-chill .f3010-home-s{background:#FFE066;color:#16211F!important;padding:7px 11px;border-radius:10px;transform:rotate(-2deg);box-shadow:2px 2px 0 #16211F}
.f3010-chill .f3010-home-s i{display:none}
.f3010-chill .f3010-gl{border-radius:14px;border-style:dashed;border-left-style:solid}
/* ДЛ — «ДЛ посчитал»: бухгалтерская книга, золото на зелёном, моноширинные цифры */
.f3010-dl{--f-a:#0F3D2E;--f-bg:#FBF8EE;--f-ln:#E3D6A8}
.f3010-dl .f3010-home-in{background:repeating-linear-gradient(180deg,#FBF8EE 0 27px,#F1EAD2 27px 28px);border-left-color:#C9A227;border-radius:0}
.f3010-dl .f3010-home-s{color:#0F3D2E!important}.f3010-dl .f3010-home-s i{background:#C9A227;width:10px;height:10px;border-radius:50%}
.f3010-dl .f3010-home-t,.f3010-dl .f3010-gl-x{font-variant-numeric:tabular-nums}
.f3010-dl .f3010-gl{background:#0F3D2E;border-color:#0F3D2E;border-left-color:#C9A227}.f3010-dl .f3010-gl-t{color:#E9C46A}.f3010-dl .f3010-gl-x{color:#fff}
.f3010-dl .f3010-end{border-top-color:#C9A227}
/* Первые новости — «От заявления до действия»: шкала этапов */
.f3010-one{--f-a:#C8102E;--f-bg:#FFF6F6;--f-ln:#F2C9CE}
.f3010-one .f3010-home-in{border-radius:0;border-left:0;border-top:4px solid #C8102E;background:linear-gradient(90deg,#FFF6F6,#fff)}
.f3010-one .f3010-home-k{position:relative;padding-left:18px;border-left:2px dotted #C8102E}
.f3010-one .f3010-home-k>*::before{content:"";position:absolute;left:-6px;width:10px;height:10px;border-radius:50%;background:#C8102E;margin-top:3px}
.f3010-one .f3010-home-s i{display:none}
.f3010-one .f3010-gl{border-left:0;border-top:4px solid #C8102E;border-radius:0}.f3010-one .f3010-gl-t::before{content:"Что действует сейчас · ";color:#16211F}
/* H1 — «Чем закончилось»: строго, чёрное с красным штампом «ИТОГ» */
.f3010-h1{--f-a:#111;--f-bg:#F4F4F2;--f-ln:#D9D9D4}
.f3010-h1 .f3010-home-in{background:#111;border-color:#111;border-left-color:#E30613;color:#fff;border-radius:0}
.f3010-h1 .f3010-home-in a,.f3010-h1 .f3010-home-t{color:#fff!important}
.f3010-h1 .f3010-home-s{color:#fff!important}.f3010-h1 .f3010-home-s i{background:#E30613}
.f3010-h1 .f3010-home-f{color:#fff;background:#E30613;border-color:#E30613;transform:rotate(-3deg)}
.f3010-h1 .f3010-home-l,.f3010-h1 .f3010-home-d,.f3010-h1 .f3010-home-m{color:#c9c9c9}
.f3010-h1 .f3010-home-go{color:#ff5a5f!important}
.f3010-h1 .f3010-gl{background:#fff;border:2px solid #111;border-left:6px solid #E30613;border-radius:0}.f3010-h1 .f3010-gl-t{color:#E30613}.f3010-h1 .f3010-gl-t::after{content:" · итог"}
/* Новости МО — «По вашему маршруту»: линия маршрута с остановками */
.f3010-mo{--f-a:#D52B1E;--f-bg:#F7F9FC;--f-ln:#D5DEEA}
.f3010-mo .f3010-home-in{border-left:0;padding-left:44px;position:relative;border-radius:12px}
.f3010-mo .f3010-home-in::before{content:"";position:absolute;left:20px;top:22px;bottom:22px;width:4px;border-radius:2px;background:#D52B1E}
.f3010-mo .f3010-home-in::after{content:"";position:absolute;left:14px;top:18px;width:10px;height:10px;border:3px solid #D52B1E;border-radius:50%;background:#fff}
.f3010-mo .f3010-home-s i{border-radius:50%;background:#fff;border:3px solid #D52B1E;width:12px;height:12px;box-sizing:border-box}
.f3010-mo .f3010-gl{border-radius:12px}.f3010-mo .f3010-gl-t::before{content:"Кого касается · ";color:#16211F}
/* ДФО — «Азия рядом»: там / здесь, два тона */
.f3010-dfo{--f-a:#123B73;--f-bg:#F3F6FB;--f-ln:#CFDAEA}
.f3010-dfo .f3010-home-in{background:linear-gradient(90deg,#FFF1EC 0 35%,#F3F6FB 35% 100%);border-left-color:#E8553B;border-radius:4px}
.f3010-dfo .f3010-home-s{color:#E8553B!important}.f3010-dfo .f3010-home-s i{background:linear-gradient(90deg,#E8553B 50%,#123B73 50%)}
.f3010-dfo .f3010-gl{border-left-color:#E8553B}
@media (max-width:900px){.f3010-dfo .f3010-home-in{background:linear-gradient(180deg,#FFF1EC 0 90px,#F3F6FB 90px)}}
/* БалтНьюс — «Северо-Запад на выходные»: билет с перфорацией */
.f3010-balt{--f-a:#1E5F8C;--f-bg:#F2F8FB;--f-ln:#C8DCE8}
.f3010-balt .f3010-home-in{border:1px solid #C8DCE8;border-left:4px solid #1E5F8C;border-radius:10px;position:relative;background:#F2F8FB}
.f3010-balt .f3010-home-k{border-right:2px dashed #9DBDD2;padding-right:18px}
.f3010-balt .f3010-home-s i{width:14px;height:9px;border-radius:2px;background:#1E5F8C;clip-path:polygon(0 0,100% 0,100% 30%,85% 50%,100% 70%,100% 100%,0 100%,0 70%,15% 50%,0 30%)}
.f3010-balt .f3010-gl{border-radius:10px}
@media (max-width:900px){.f3010-balt .f3010-home-k{border-right:0;border-bottom:2px dashed #9DBDD2;padding:0 0 12px}}