/* Интерактивные блоки в статьях LABRICA: калькуляторы, планировщики, генераторы.
   Поля, выпадающие списки и календарь повторяют контролы платформы (custom-select, date-popover). */
.lw{--lw-field:#F3F4F8;--lw-line:#E3E6E4;--lw-muted:#6B7470;--lw-soft:#F3F4F8;position:relative;margin:36px 0;padding:30px;border-radius:30px;background:var(--surface);border:1.5px solid var(--line);font-family:var(--body);color:var(--text)}
:root[data-theme=dark] .lw{--lw-field:#232926;--lw-line:#343C37;--lw-muted:#A9B3AE;--lw-soft:#232926}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lw{--lw-field:#232926;--lw-line:#343C37;--lw-muted:#A9B3AE;--lw-soft:#232926}}
.lw-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}
.lw-h h3{margin:0!important;padding:0!important;border:0!important;background:none!important;font:800 22px/1.2 var(--display);letter-spacing:-.02em}
.lw-h h3::before{display:none!important}
.lw-h p{margin:6px 0 0!important;font-size:15px;line-height:1.5;color:var(--lw-muted)}
.lw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.lw-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.lw-f>label,.lw-f>span{font-size:13px;font-weight:600;color:var(--lw-muted)}
.lw-in{height:56px;width:100%;padding:0 18px;border-radius:20px;border:1.5px solid var(--lw-line);background:var(--lw-field);font:600 16px var(--body);color:var(--text);outline:none;transition:border-color .15s}
.lw-in:focus{border-color:var(--accent)}
.lw-in::placeholder{color:var(--lw-muted);font-weight:500}
/* Выпадающий список */
.lw-sel{position:relative}
.lw-sel>button{height:56px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;border-radius:20px;border:1.5px solid var(--lw-line);background:var(--lw-field);font:600 16px var(--body);color:var(--text);cursor:pointer;text-align:left}
.lw-sel>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lw-sel>button svg{flex:none;transition:transform .2s var(--ease)}
.lw-sel.open>button{border-color:var(--accent)}
.lw-sel.open>button svg{transform:rotate(180deg)}
.lw-pop{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 8px);max-height:296px;overflow:auto;padding:8px;border-radius:22px;background:var(--surface);border:1px solid var(--lw-line);box-shadow:0 24px 50px rgba(21,25,24,.14);display:none}
.lw-sel.open .lw-pop,.lw-date.open .lw-pop{display:block}
.lw-pop [role=option]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 14px;border:0;border-radius:14px;background:none;font:600 15px var(--body);color:var(--text);cursor:pointer;text-align:left}
.lw-pop [role=option]:hover,.lw-pop [role=option]:focus-visible{background:var(--lw-soft);outline:none}
.lw-pop [role=option][aria-selected=true]{background:var(--accent-soft);color:var(--accent-ink)}
.lw-pop [role=option] svg{color:var(--accent-text);flex:none}
/* Переключатель вариантов */
.lw-seg{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:999px;background:var(--lw-field);width:max-content;max-width:100%}
.lw-seg button{height:40px;padding:0 16px;border:0;border-radius:999px;background:none;font:700 14px var(--body);color:var(--lw-muted);cursor:pointer}
.lw-seg button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}
/* Календарь */
.lw-date{position:relative}
.lw-date>button{height:56px;width:100%;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:20px;border:1.5px solid var(--lw-line);background:var(--lw-field);font:600 16px var(--body);color:var(--text);cursor:pointer}
.lw-date>button span{flex:1;text-align:left}
.lw-date.open>button{border-color:var(--accent)}
.lw-date .lw-pop{width:308px;right:auto;padding:16px}
.lw-cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.lw-cal-h strong{font:700 15px var(--body);text-transform:capitalize}
.lw-cal-h button{width:36px;height:36px;border-radius:50%;border:0;background:var(--lw-soft);color:var(--text);display:grid;place-items:center;cursor:pointer}
.lw-cal-w,.lw-cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.lw-cal-w span{font-size:12px;font-weight:600;color:var(--lw-muted);text-align:center;padding:4px 0}
.lw-cal-g button{height:36px;border:0;border-radius:10px;background:none;font:600 14px var(--body);color:var(--text);cursor:pointer}
.lw-cal-g button:hover{background:var(--lw-soft)}
.lw-cal-g button.out{color:var(--lw-muted);opacity:.5}
.lw-cal-g button.today{box-shadow:inset 0 0 0 1.5px var(--accent)}
.lw-cal-g button.sel{background:var(--accent);color:#151918}
/* Результат */
.lw-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:20px}
.lw-tile{padding:18px 20px;border-radius:22px;background:var(--lw-soft)}
.lw-tile small{display:block;font-size:13px;font-weight:600;color:var(--lw-muted)}
.lw-tile b{display:block;margin-top:8px;font:900 30px/1 var(--display);letter-spacing:-.03em}
.lw-tile em{display:block;margin-top:8px;font-style:normal;font-size:13px;font-weight:600;color:var(--lw-muted)}
.lw-tile.main{background:var(--hero);color:#fff}
.lw-tile.main small,.lw-tile.main em{color:#A9B3AE}
.lw-tile.main b{color:var(--accent)}
.lw-note{margin-top:16px!important;padding:14px 18px;border-radius:18px;background:var(--accent-soft);color:var(--accent-ink);font-size:15px;line-height:1.55}
/* Полоски сравнения */
.lw-bars{display:grid;gap:10px;margin-top:18px}
.lw-bar{display:grid;grid-template-columns:150px 1fr 70px;align-items:center;gap:12px;font-size:14px;font-weight:600}
.lw-bar i{display:block;height:14px;border-radius:14px;background:var(--lw-line);overflow:hidden}
.lw-bar i b{display:block;height:100%;border-radius:14px;background:var(--ink)}
.lw-bar.you i b{background:var(--accent)}
.lw-bar em{font-style:normal;text-align:right;color:var(--lw-muted)}
/* Неделя публикаций */
.lw-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:18px}
.lw-day{min-height:150px;padding:10px;border-radius:18px;background:var(--lw-soft)}
.lw-day>small{display:block;font-size:12px;font-weight:700;color:var(--lw-muted);margin-bottom:8px}
.lw-slot{display:block;margin-bottom:6px;padding:8px 10px;border-radius:12px;background:var(--surface);font-size:13px;font-weight:700;box-shadow:0 2px 8px rgba(21,25,24,.05)}
.lw-slot.best{background:var(--accent);color:#151918}
/* Тепловая карта */
.lw-heat{display:grid;grid-template-columns:36px repeat(8,1fr);gap:4px;margin-top:18px;font-size:12px;font-weight:600;color:var(--lw-muted)}
.lw-heat i{height:30px;border-radius:8px;background:var(--accent)}
/* Итоговая ссылка или текст */
.lw-out{margin-top:18px;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 18px;border-radius:20px;background:var(--lw-soft);font:600 15px/1.4 var(--body);word-break:break-all}
.lw-out code{flex:1;background:none!important;padding:0!important;font:600 15px/1.45 var(--body)!important}
.lw-btn{flex:none;height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--ink);color:var(--on-ink);font:700 14px var(--body);cursor:pointer}
.lw-btn.accent{background:var(--accent);color:#151918}
.lw-check{display:grid;gap:8px}
.lw-check label{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--lw-soft);font-size:15px;font-weight:600;cursor:pointer}
.lw-check input{appearance:none;width:22px;height:22px;flex:none;border-radius:7px;border:1.5px solid var(--lw-line);background:var(--surface);display:grid;place-items:center;margin:0}
.lw-check input:checked{background:var(--accent);border-color:var(--accent)}
.lw-check input:checked::after{content:'';width:10px;height:6px;border:2.5px solid #151918;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.lw-check em{margin-left:auto;display:flex;align-items:center;gap:6px;white-space:nowrap;font-style:normal;color:var(--lw-muted);font-size:13px}
.lw-src{margin-top:14px!important;font-size:12.5px;color:var(--lw-muted)}
@media (max-width:640px){.lw{padding:20px;border-radius:24px}.lw-week{grid-template-columns:repeat(2,1fr)}.lw-bar{grid-template-columns:100px 1fr 56px}.lw-heat{grid-template-columns:28px repeat(8,1fr)}.lw-date .lw-pop{width:auto;right:0}}
.lw-ideas{list-style:none;margin:18px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;counter-reset:i}
.lw-ideas li{position:relative;margin:0!important;padding:14px 16px 14px 52px;border-radius:18px;background:var(--lw-soft);font-size:15px;font-weight:600;line-height:1.45}
.lw-ideas li::before{counter-increment:i;content:counter(i);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;font:800 12px var(--display)}
.lw-ideas li small{display:block;font-size:12px;font-weight:700;color:var(--accent-text);margin-bottom:3px}
.lw-actions{margin-top:14px}
.lw-check label>span{flex:1}
.lw-mini{width:46px;height:34px;border-radius:10px;border:1.5px solid var(--lw-line);background:var(--surface);text-align:center;font:700 14px var(--body);color:var(--text)}
.lw-rhead,.lw-rrow{display:grid;grid-template-columns:120px repeat(4,1fr);gap:8px;align-items:center}
.lw-rhead span{font-size:12px;font-weight:600;color:var(--lw-muted)}
.lw-rivals{display:grid;gap:8px;margin-top:8px}
.lw-rrow b{font-size:15px}
.lw-rrow .lw-in{height:48px;border-radius:16px;padding:0 12px;font-size:15px}
.lw-bars-t{display:block;margin-top:6px;font-size:13px;font-weight:700;color:var(--lw-muted)}
.lw-src a{color:inherit;text-decoration:underline}
@media (max-width:640px){.lw-rhead{display:none}.lw-rrow{grid-template-columns:1fr 1fr}.lw-rrow b{grid-column:1/-1}}
/* Вторая волна: текст для копирования, список проверок, варианты, сценарий, вердикт */
.lw-ta{height:auto;min-height:180px;padding:16px 18px;line-height:1.5;resize:vertical;font-weight:500}
.lw-out-text{align-items:flex-start;padding:16px 16px 16px 20px}
.lw-out-text pre{flex:1;margin:0;white-space:pre-wrap;word-break:normal;font:500 14.5px/1.55 var(--body);color:var(--text);max-height:340px;overflow:auto}
.lw-list{display:grid;gap:8px;margin-top:18px}
.lw-li{display:grid;grid-template-columns:22px 210px 1fr;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--lw-soft);font-size:14.5px}
.lw-li::before{content:'';width:22px;height:22px;border-radius:50%;background:var(--lw-line)}
.lw-li.ok::before{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23151918' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/14px no-repeat}
.lw-li b{font-weight:700}
.lw-li span{color:var(--lw-muted);font-weight:600}
.lw-ads,.lw-script{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:18px}
.lw-script{grid-template-columns:1fr}
.lw-ad,.lw-sc{padding:16px 18px;border-radius:18px;background:var(--lw-soft);display:flex;flex-direction:column;gap:6px}
.lw-ad small,.lw-sc small{font-size:12px;font-weight:700;color:var(--accent-text)}
.lw-ad b{font:800 17px/1.3 var(--display);letter-spacing:-.01em}
.lw-ad span,.lw-sc span{font-size:14.5px;line-height:1.5;color:var(--lw-muted);font-weight:500}
.lw-sc{display:grid;grid-template-columns:80px 130px 1fr;align-items:baseline;gap:12px}
.lw-sc b{font-size:15px}
.lw-verdict{margin-top:18px;padding:20px 22px;border-radius:22px;background:var(--lw-soft);display:flex;flex-direction:column;gap:6px;border-left:6px solid var(--lw-line)}
.lw-verdict small{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.lw-verdict b{font:800 20px/1.25 var(--display)}
.lw-verdict span{font-size:15px;line-height:1.55}
.lw-v-yes{border-left-color:#E5484D}.lw-v-yes small{color:#E5484D}
.lw-v-no{border-left-color:var(--accent)}.lw-v-no small{color:var(--accent-text)}
.lw-v-maybe{border-left-color:#F5A524}.lw-v-maybe small{color:#C27C0E}
.lw-check-row{display:flex;flex-wrap:wrap}
.lw-check-row label{flex:0 0 auto}
@media (max-width:640px){.lw-li{grid-template-columns:22px 1fr}.lw-li span{grid-column:2}.lw-sc{grid-template-columns:1fr}}
.lw-grid{align-items:end}
.lw-res:has(>.lw-tile:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
.lw-res:has(>.lw-tile:nth-child(4)) .lw-tile{padding:16px}
.lw-res:has(>.lw-tile:nth-child(4)) .lw-tile b{font-size:clamp(20px,2vw,25px);white-space:nowrap}
@media (max-width:760px){.lw-res:has(>.lw-tile:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
.lw-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:640px){.lw-grid-2{grid-template-columns:1fr}}
.lw-li.over::before{background:#E5484D}
.lw-li.warn::before{background:#F5A524}
.lw-li.over span{color:#E5484D}