/* Стили подбора аналогов. Собраны из прототипа oilway-podbor-prototip: все правила ограничены блоком #podbor,
   чтобы не спорить с оформлением журнала. Править лучше исходник и пересобирать. */
#podbor input, #podbor select, #podbor textarea{width:auto;margin-top:0}
#podbor .btn{min-height:0}
#podbor h1,#podbor h2,#podbor h3{letter-spacing:normal}
#podbor{--red:#C4022B; --red-d:#9e0222; --red-l:#fdeef1;
  --ink:#222; --ink-2:#555566; --ink-3:#8a8a99;
  --bg:#f5f5f7; --card:#fff; --line:#e6e6ec; --line-2:#d5d5de;
  --ok:#1a8f4a; --ok-l:#e7f6ec; --warn:#b76a00; --warn-l:#fff4e0;
  --r:14px; --sh:0 1px 2px rgba(20,20,40,.06),0 8px 24px -12px rgba(20,20,40,.18);
  --font:"Onest",Arial,sans-serif;}
#podbor *{box-sizing:border-box}
#podbor [hidden]{display:none!important}
#podbor{scroll-behavior:smooth}
#podbor{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
#podbor a{color:inherit}
#podbor button{font-family:inherit;font-size:inherit;cursor:pointer}
#podbor input, #podbor textarea, #podbor select{font-family:inherit;font-size:inherit;color:inherit}
#podbor kbd{font-family:inherit;font-size:12px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:1px 6px;background:#fff;color:var(--ink-2)}
#podbor code{background:#eee;border-radius:4px;padding:1px 5px;font-size:.92em}
#podbor .wrap{max-width:1180px;margin:0 auto;padding:0 20px}
#podbor .muted{color:var(--ink-3)}
#podbor .small{font-size:13px}
#podbor .accent{color:var(--red)}
#podbor .link{background:none;border:0;color:var(--red);padding:0;text-decoration:underline;text-underline-offset:3px}
#podbor .hero{padding:44px 0 10px;text-align:center}
#podbor .hero h1{font-size:clamp(28px,4.4vw,44px);margin:0 0 8px;font-weight:800;letter-spacing:-.5px}
#podbor .hero__lead{margin:0 auto 20px;color:var(--ink-2);max-width:640px;font-size:16px}
#podbor .kind{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:14px}
#podbor .kind__btn{border:0;background:none;padding:7px 18px;border-radius:999px;font-weight:600;color:var(--ink-2)}
#podbor .kind__btn.is-active{background:var(--ink);color:#fff}
#podbor .search{position:relative;max-width:820px;margin:0 auto}
#podbor .search__icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}
#podbor #q{width:100%;height:62px;border:2px solid var(--line-2);border-radius:16px;padding:0 90px 0 52px;font-size:18px;background:#fff;outline:none;box-shadow:var(--sh);transition:border-color .15s,box-shadow .15s}
#podbor #q:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(196,2,43,.12),var(--sh)}
#podbor #q::-webkit-search-cancel-button{display:none}
#podbor .search__kbd{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--ink-3)}
#podbor .search__clear{position:absolute;right:52px;top:50%;transform:translateY(-50%);border:0;background:#eee;width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;color:var(--ink-2)}
#podbor .search.has-focus .search__kbd{display:none}
#podbor .suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px -20px rgba(0,0,0,.35);z-index:30;text-align:left;overflow:hidden;max-height:420px;overflow-y:auto}
#podbor .sg{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--line)}
#podbor .sg:last-child{border-bottom:0}
#podbor .sg:hover, #podbor .sg.is-active{background:var(--red-l)}
#podbor .sg__brand{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#fff;background:var(--ink-2);border-radius:5px;padding:2px 7px;min-width:64px;text-align:center;flex-shrink:0}
#podbor .sg__brand--ow{background:var(--red)}
#podbor .sg__name{font-weight:600}
#podbor .sg__name mark{background:none;color:var(--red);padding:0}
#podbor .sg__to{margin-left:auto;color:var(--ink-3);font-size:13px;white-space:nowrap}
#podbor .sg__to b{color:var(--ink)}
#podbor .sg__hint{padding:8px 16px;font-size:13px;color:var(--ink-3);background:#fafafa}
#podbor .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 0;align-items:center}
#podbor .chips__label{color:var(--ink-3);font-size:13px}
#podbor .chip{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:6px 13px;font-size:13px;color:var(--ink-2)}
#podbor .chip:hover{border-color:var(--red);color:var(--red)}
#podbor .modes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0 18px}
#podbor .modes__btn{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;transition:.15s}
#podbor .modes__btn b{display:block;font-size:15px}
#podbor .modes__btn small{display:block;color:var(--ink-3);font-size:12px}
#podbor .modes__num{width:30px;height:30px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-weight:800;color:var(--ink-2);flex-shrink:0}
#podbor .modes__btn.is-active{border-color:var(--red);box-shadow:0 0 0 3px rgba(196,2,43,.1)}
#podbor .modes__btn.is-active .modes__num{background:var(--red);color:#fff}
@media(max-width:820px){
  #podbor .modes{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  #podbor .modes{grid-template-columns:1fr}
}
#podbor .panel{padding-bottom:70px}
#podbor .hit{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px;margin-bottom:14px;animation:pb-in .25s ease}
@keyframes pb-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#podbor .hit--best{border-color:var(--red);border-width:2px}
#podbor .hit__row{display:grid;grid-template-columns:1fr auto 1.2fr;gap:20px;align-items:center}
@media(max-width:760px){
  #podbor .hit__row{grid-template-columns:1fr;gap:6px}
  #podbor .hit__arrow{transform:rotate(90deg);justify-self:center;line-height:1}
}
#podbor .hit__from{color:var(--ink-2)}
#podbor .hit__from .lbl, #podbor .hit__to .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-3);font-weight:700;margin-bottom:4px}
#podbor .hit__from .nm{font-size:18px;font-weight:600}
#podbor .hit__arrow{font-size:30px;color:var(--red);font-weight:300}
#podbor .hit__to .nm{font-size:22px;font-weight:800;line-height:1.2}
#podbor .conf{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:6px;padding:3px 8px;margin-left:8px;vertical-align:middle}
#podbor .conf--hi{background:var(--ok-l);color:var(--ok)}
#podbor .conf--mid{background:var(--warn-l);color:var(--warn)}
#podbor .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#podbor .tag{font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:3px 8px;color:var(--ink-2)}
#podbor .tag--k{background:var(--ink);color:#fff;border-color:var(--ink)}
#podbor .tag--v{background:var(--red-l);color:var(--red);border-color:#f3c2cb;font-weight:700}
#podbor .hit__why{margin-top:12px;font-size:13px;color:var(--ink-2);background:#fafafa;border-radius:10px;padding:10px 12px}
#podbor .hit__why b{color:var(--ink)}
#podbor .hit__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#podbor .btn{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;font-weight:600;transition:.12s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
#podbor .btn:hover{background:#000}
#podbor .btn--ghost{background:#fff;color:var(--ink);border-color:var(--line-2)}
#podbor .btn--ghost:hover{background:var(--bg);border-color:var(--ink)}
#podbor .btn--red{background:var(--red);border-color:var(--red)}
#podbor .btn--red:hover{background:var(--red-d)}
#podbor .btn--sm{padding:7px 12px;font-size:13px;border-radius:8px}
#podbor .btn--block{width:100%;justify-content:center}
#podbor .btn.is-on{background:var(--red-l);color:var(--red);border-color:var(--red)}
#podbor .xref{margin-top:14px;border-top:1px dashed var(--line-2);padding-top:12px}
#podbor .xref__t{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-3);font-weight:700;margin-bottom:8px}
#podbor .xref__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 14px;font-size:13px}
#podbor .xref__b{color:var(--ink-3);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
#podbor .xref__n{display:block;font-weight:500}
#podbor .xref__n.is-hl{color:var(--red);font-weight:700}
#podbor .more{margin:6px 0 0;font-size:13px;color:var(--ink-3)}
#podbor .hits-h{font-size:13px;color:var(--ink-3);margin:18px 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}
#podbor .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
#podbor .card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px;transition:.15s;position:relative}
#podbor .card:hover{box-shadow:var(--sh);border-color:var(--line-2)}
#podbor .card__cat{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.6px;font-weight:700}
#podbor .card__name{font-weight:700;font-size:16px;line-height:1.25;cursor:pointer}
#podbor .card__name:hover{color:var(--red)}
#podbor .card__meta{display:flex;flex-wrap:wrap;gap:5px}
#podbor .card__an{font-size:12px;color:var(--ink-2);line-height:1.5}
#podbor .card__an b{color:var(--ink-3);font-weight:600}
#podbor .card__foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
#podbor .ibtn{white-space:nowrap;border:1px solid var(--line-2);background:#fff;border-radius:8px;padding:5px 9px;font-size:12px;color:var(--ink-2)}
#podbor .ibtn:hover{border-color:var(--ink);color:var(--ink)}
#podbor .ibtn.is-on{background:var(--red-l);border-color:var(--red);color:var(--red)}
#podbor .qx{position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;color:var(--red);border:1px solid var(--red);border-radius:5px;padding:1px 5px;letter-spacing:.5px}
#podbor .params{display:grid;grid-template-columns:270px 1fr;gap:18px}
@media(max-width:820px){
  #podbor .params{grid-template-columns:1fr}
}
#podbor .params__side{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;align-self:start;position:sticky;top:76px;max-height:calc(100vh - 90px);overflow:auto}
#podbor .fgroup{margin-bottom:16px}
#podbor .fgroup__title{font-weight:700;font-size:13px;margin-bottom:8px}
#podbor .fgroup__title small{color:var(--ink-3);font-weight:500;margin-left:4px}
#podbor .fgroup__list{display:flex;flex-direction:column;gap:4px}
#podbor .fgroup__list--grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
#podbor .fgroup__list--wrap{flex-direction:row;flex-wrap:wrap}
#podbor .fopt{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 9px;font-size:13px;text-align:left;display:flex;justify-content:space-between;gap:6px;color:var(--ink-2)}
#podbor .fopt:hover{border-color:var(--ink)}
#podbor .fopt.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
#podbor .fopt.is-off{opacity:.35;pointer-events:none}
#podbor .fopt small{color:inherit;opacity:.6}
#podbor .fgroup__list--grid .fopt{justify-content:center;padding:6px 4px}
#podbor .params__bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--ink-2);font-size:14px}
#podbor .sort select{margin-left:6px;border:1px solid var(--line-2);border-radius:8px;padding:5px 8px;background:#fff}
#podbor .wizard{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
@media(max-width:900px){
  #podbor .wizard{grid-template-columns:1fr}
}
#podbor .wstep{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:12px}
#podbor .wstep__title{font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:12px}
#podbor .wstep__title small{color:var(--ink-3);font-weight:500}
#podbor .wstep__n{width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:13px}
#podbor .eqgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
#podbor .eq{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:6px;transition:.12s}
#podbor .eq:hover{border-color:var(--ink)}
#podbor .eq.is-on{border-color:var(--red);background:var(--red-l)}
#podbor .eq__ic{width:34px;height:34px;color:var(--red)}
#podbor .eq__ic svg{width:34px;height:34px}
#podbor .eq b{font-size:13px;line-height:1.2}
#podbor .eq small{color:var(--ink-3);font-size:11px}
#podbor .condgrid{display:flex;flex-wrap:wrap;gap:6px}
#podbor .wizard__out{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;align-self:start;position:sticky;top:76px}
#podbor .empty{text-align:center;padding:40px 10px;color:var(--ink-3)}
#podbor .empty__icon{font-size:40px;margin-bottom:8px}
#podbor .rec{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}
#podbor .rec--top{border-color:var(--red);background:linear-gradient(180deg,#fff,var(--red-l))}
#podbor .rec__rank{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--red);letter-spacing:.6px}
#podbor .rec__name{font-size:17px;font-weight:800;margin:2px 0 6px;cursor:pointer}
#podbor .rec__why{font-size:13px;color:var(--ink-2);margin:8px 0}
#podbor .rec__why li{margin:2px 0}
#podbor .rec__why ul{margin:0;padding-left:18px}
#podbor .fleet{display:grid;grid-template-columns:380px 1fr;gap:18px}
@media(max-width:900px){
  #podbor .fleet{grid-template-columns:1fr}
}
#podbor .fleet__in{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;align-self:start}
#podbor .fleet__in label{display:block;margin-bottom:8px;font-size:14px}
#podbor #fleetText{width:100%;border:1px solid var(--line-2);border-radius:10px;padding:10px;resize:vertical;min-height:200px;font-size:14px;line-height:1.5}
#podbor .fleet__actions{display:flex;gap:8px;margin-top:10px}
#podbor .fleet__out{min-height:200px}
#podbor .ftab{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:13px}
#podbor .ftab th, #podbor .ftab td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
#podbor .ftab th{background:#fafafa;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-3)}
#podbor .ftab tr:last-child td{border-bottom:0}
#podbor .ftab .nm{font-weight:700}
#podbor .ftab .bad{color:var(--warn)}
#podbor .fsum{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#podbor .stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:120px}
#podbor .stat b{display:block;font-size:22px;font-weight:800}
#podbor .stat span{font-size:12px;color:var(--ink-3)}
#podbor .stat--ok b{color:var(--ok)}
#podbor .stat--warn b{color:var(--warn)}
#podbor .fleet__bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#podbor .overview{margin-top:26px}
#podbor .ov__title{font-weight:800;font-size:18px;margin-bottom:10px}
#podbor .ovgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
#podbor .ov__title small{font-weight:400;font-size:12px;color:var(--ink-3);margin-left:8px}
#podbor .ovh{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-weight:600;padding:8px 0 6px;border-bottom:1px solid #222}
#podbor .ov{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:7px 0;text-align:left;font:inherit;cursor:pointer}
#podbor .ov:hover b{color:var(--red)}
#podbor .ov b{font-size:14px;font-weight:500}
#podbor .ov small{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
#podbor .recent{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
#podbor .recent__head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}
#podbor .recent__list{display:flex;flex-wrap:wrap;gap:6px}
#podbor .dock{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:35}
#podbor .dock__btn{background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:10px 14px;box-shadow:var(--sh);font-weight:600;display:flex;align-items:center;gap:8px}
#podbor .dock__btn:hover{border-color:var(--ink)}
#podbor .dock__ic{color:var(--red);font-size:16px}
#podbor .badge{background:var(--red);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px;font-weight:700}
#podbor .badge.is-zero{background:var(--line-2);color:var(--ink-2)}
#podbor .drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background:#fff;z-index:60;box-shadow:-20px 0 60px -30px rgba(0,0,0,.4);display:flex;flex-direction:column;animation:pb-slide .2s ease}
@keyframes pb-slide{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
#podbor .drawer__head, #podbor .modal__head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);font-size:16px}
#podbor .drawer__close{border:0;background:var(--bg);width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1}
#podbor .drawer__body{flex:1;overflow:auto;padding:14px 18px}
#podbor .drawer__foot{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:6px;flex-wrap:wrap}
#podbor .li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}
#podbor .li__n{flex:1}
#podbor .li__n b{display:block}
#podbor .li__n small{color:var(--ink-3)}
#podbor .li__q{width:70px;border:1px solid var(--line-2);border-radius:8px;padding:5px 7px;text-align:right}
#podbor .li__x{border:0;background:none;color:var(--ink-3);font-size:18px}
#podbor .modal{position:fixed;inset:0;background:rgba(20,20,30,.45);z-index:70;display:grid;place-items:center;padding:20px;animation:pb-fade .15s}
@keyframes pb-fade{from{opacity:0}to{opacity:1}}
#podbor .modal__box{background:#fff;border-radius:16px;width:min(640px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
#podbor .modal__box--wide{width:min(1100px,100%)}
#podbor .modal__body{overflow:auto;padding:18px}
#podbor .cmp{width:100%;border-collapse:collapse;font-size:13px}
#podbor .cmp th, #podbor .cmp td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
#podbor .cmp th{width:150px;color:var(--ink-3);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
#podbor .cmp td.hd{font-weight:800;font-size:15px}
#podbor .cmp .diff{background:var(--warn-l)}
#podbor .form label{display:block;margin-bottom:10px;font-size:13px;color:var(--ink-2)}
#podbor .form input:not([type=checkbox]), #podbor .form textarea{display:block;width:100%;margin-top:4px;border:1px solid var(--line-2);border-radius:10px;padding:9px 11px;font-size:14px}
#podbor .form .check{display:flex;gap:8px;align-items:center}
#podbor .hp{position:absolute;left:-9999px}
#podbor .kp__items{background:var(--bg);border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:12px;max-height:160px;overflow:auto}
#podbor .keys td{padding:6px 10px 6px 0}
#podbor .toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;z-index:90;font-weight:500;box-shadow:var(--sh);animation:pb-in .2s}
@media print{
  #podbor .hero, #podbor .modes, #podbor .dock, #podbor .drawer, #podbor .modal, #podbor .chips, #podbor .recent, #podbor .params__side, #podbor .fleet__in, #podbor .hit__actions, #podbor .card__foot, #podbor .fleet__bar{display:none!important}
  #podbor{background:#fff}
  #podbor .panel{padding:0}
  #podbor .print-only{display:block!important}
}
#podbor .print-only{display:none}
/* --- встраивание в журнал: без серой подложки, заголовок как у остальных страниц --- */
#podbor{background:transparent;font-size:15px}
#podbor .hero{padding:8px 0 10px;position:relative}
#podbor .hero h1{font-weight:500;font-size:clamp(1.7rem,3.6vw,2.75rem);letter-spacing:-.01em}
#podbor .pb-help{position:absolute;right:0;top:12px}
#podbor .pb-stat{margin:0 0 20px}
#podbor .panel{padding-bottom:30px}
@media(max-width:760px){#podbor .pb-help{display:none}}

@media(max-width:760px){
#podbor .ovgrid{grid-template-columns:1fr}
}