/* Стили страниц «Контент» (поверх design-system/components/bundle.css) */

html,body{margin:0} body{background:var(--page);}
.lp-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 18px;box-shadow:0 1px 0 var(--hairline)}
.lp-tabs{padding:4px;border-radius:var(--radius-pill);background:#ffffff8c;box-shadow:inset 0 0 0 1px var(--line)}
[data-theme="dark"] .lp-tabs{background:var(--card-sunken)}
.lp-plate{margin-top:24px;padding:28px 32px 94px;display:flex;flex-direction:column;gap:12px}
.lp-count{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--radius-pill);background:var(--plate-fill);box-shadow:inset 0 0 0 1px var(--plate-line);color:var(--plate-ink-0);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.lp-filters{margin:-62px 30px 0;position:relative;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-raise)}
.lp-grid{display:grid;grid-template-columns:28px 84px 60px minmax(0,1fr) 156px 164px 84px 76px;column-gap:16px}
.lp-th{align-items:center;height:40px;padding:0 12px;border-radius:var(--radius-sm);background:var(--card-sunken);font-size:12.5px;font-weight:500;color:var(--ink-3)}
.lp-row{align-items:start;padding:14px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}
.lp-row+.lp-row{box-shadow:0 -1px 0 var(--hairline)}
.lp-row:hover{background:var(--accent-soft)}
.lp-one{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-meta{font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.lp-rubric{flex:none;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--radius-pill);background:var(--fill);color:var(--ink-2);font-size:12.5px;font-weight:500;text-decoration:none}
.lp-link{font-size:12.5px;font-weight:500;color:var(--accent-strong);text-decoration:none}
.lp-flag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:0;border-radius:var(--radius-pill);background:var(--fill);color:var(--ink-3);font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.lp-flag:hover{background:var(--fill-hover);color:var(--ink-0)}
.lp-flag[aria-pressed="true"]{background:var(--accent-strong);color:var(--on-accent)}
.lp-poster{position:relative;width:56px;height:72px}
.lp-poster img{display:block;width:56px;height:72px;object-fit:cover;border-radius:10px;background:var(--fill)}
.lp-poster span{position:absolute;left:4px;bottom:4px;display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:var(--radius-pill);background:var(--plate);color:var(--plate-ink-0);font-size:10px;font-weight:600}
.lp-filters .kd-check{flex:none}.lp-filters .kd-check__text,.lp-filters .kd-check__label{white-space:nowrap}
.kd-iconbtn.lp-danger:hover{background:var(--danger-soft);color:var(--danger-ink)}
html,body{background:var(--page)}
.lp-noposter{display:grid;place-items:center;width:56px;height:72px;border-radius:10px;background:var(--fill);color:var(--ink-4);font-size:10.5px;text-align:center;line-height:1.2}
.lp-filters .kd-seg{flex:none;grid-auto-columns:auto}
.lp-frow{position:relative;display:flex;align-items:center;gap:14px;min-width:0}
.lp-cb{flex:none;display:inline-flex}
.lp-cb .kd-check__label,.lp-cb .kd-check__text{white-space:nowrap}
.lp-measure{position:absolute;left:0;top:0;display:flex;gap:14px;visibility:hidden;pointer-events:none;white-space:nowrap}
.lp-reset{flex:none;font-size:13.5px;font-weight:500;color:var(--accent-strong);text-decoration:none;white-space:nowrap}
.lp-reset:hover{color:var(--accent-deep)}
.lp-more{flex:none;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 10px 0 14px;border:0;border-radius:var(--radius-pill);background:var(--fill);color:var(--ink-1);font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.lp-more:hover{background:var(--fill-hover);color:var(--ink-0)}
.lp-more:active{transform:scale(.98)}
.lp-more:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}
.lp-more[data-open]{background:var(--accent-soft-hi);color:var(--accent-deep)}
.lp-more__num{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:var(--radius-pill);background:var(--card);color:var(--ink-3);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}
.lp-more[data-open] .lp-more__num{background:var(--card);color:var(--accent-deep)}
.lp-more__count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:var(--radius-pill);background:var(--accent-strong);color:var(--on-accent);font-size:11.5px;font-weight:600}
.lp-more__caret{color:var(--ink-3);transition:transform var(--dur) var(--ease-out)}
.lp-more[data-open] .lp-more__caret{transform:rotate(180deg);color:var(--accent-deep)}
.lp-more-panel{padding:12px 16px 16px;border-radius:var(--radius-md);background:var(--card-sunken);box-shadow:inset 0 0 0 1px var(--line);animation:kd-drop var(--dur) var(--ease-out)}
.lp-more-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12.5px;font-weight:500;color:var(--ink-3)}
.lp-more-panel__head .kd-iconbtn{width:28px;height:28px}
.lp-more-panel__grid{display:flex;flex-wrap:wrap;gap:12px 24px}
.lp-lang{display:inline-flex;align-items:center;gap:8px}
.lp-lang__label{font-size:13.5px;color:var(--ink-3)}
.lp-lang .kd-seg{padding:2px}
.lp-lang .kd-seg__opt{height:28px;padding:0 12px;font-size:13px}
.lp-nolang{display:inline-flex;align-items:center;height:18px;margin-right:8px;padding:0 7px;border-radius:999px;background:var(--warn-soft);color:var(--warn-ink);font-size:11px;font-weight:600;vertical-align:2px}
.lp-locales{display:flex;gap:6px;margin-top:8px}
.lp-locale{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px 0 7px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:default}
.lp-locale[data-ok="true"]{background:var(--fill);color:var(--ink-1)}
.lp-locale[data-ok="true"] .kd-icon{color:var(--ok-ink)}
.lp-locale[data-ok="false"]{background:transparent;color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-strong);border:0;outline:1px dashed transparent}
.lp-locale__dot{width:5px;height:5px;margin:0 3px 0 2px;border-radius:999px;background:var(--ink-4)}
.lp-empty{padding:56px 12px;text-align:center;color:var(--ink-3);font-size:14px}
.lp-row[data-selected="true"]{background:var(--accent-soft)}
.ph-grid{display:grid;grid-template-columns:28px 72px 264px minmax(0,1fr) 140px 132px 76px 104px;column-gap:16px}
.ph-strip{display:flex;gap:5px}
.ph-slot{position:relative;display:block;width:62px;height:80px;border-radius:12px;overflow:hidden;flex:none;background:var(--fill)}
a.ph-slot{cursor:zoom-in}
a.ph-slot:hover{box-shadow:0 0 0 2px var(--accent-strong)}
.ph-slot img{display:block;width:100%;height:100%;object-fit:cover}
.ph-slot b{position:absolute;left:0;right:0;bottom:0;padding:1px 0 2px;background:linear-gradient(transparent,#120e16b3);color:#fff;font-size:11.5px;font-weight:600;text-align:center;line-height:1.2;padding-bottom:4px}
.ph-slot[data-none="true"]{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}
.ph-slot[data-none="true"] b{background:none;color:var(--ink-4);top:0;display:grid;place-items:center;padding:0}
.ph-ref{margin-left:6px;opacity:.72;box-shadow:inset 0 0 0 1px var(--line)}
.ph-ref img{filter:grayscale(1)}
.ph-pdots{display:grid;grid-template-columns:repeat(3,max-content);gap:4px}
.ph-pdot{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 8px 0 6px;border-radius:999px;font-size:11.5px;font-weight:600}
.ph-pdot[data-ok="true"]{background:var(--fill);color:var(--ink-1)}
.ph-pdot[data-ok="true"] .kd-icon{color:var(--ok-ink)}
.ph-pdot[data-ok="false"]{color:var(--ink-4);box-shadow:inset 0 0 0 1px var(--line-strong)}
.ph-pdot i{width:4px;height:4px;margin:0 3px 0 2px;border-radius:999px;background:var(--ink-4)}
.ph-model{font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.ph-lb{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:var(--scrim);backdrop-filter:blur(6px);animation:kd-drop var(--dur) var(--ease-out)}
.ph-lb figure{margin:0;padding:10px;border-radius:var(--radius-xl);background:var(--card-raised);box-shadow:var(--shadow-pop)}
.ph-lb img{display:block;height:min(70vh,660px);width:auto;border-radius:var(--radius-lg)}
.ph-lb figcaption{display:flex;align-items:center;gap:10px;padding:10px 4px 0 8px;font-size:13.5px;color:var(--ink-3)}
.ph-lb figcaption b{color:var(--ink-0);font-weight:600}
.ph-lb figcaption button{margin-left:auto}