/* ППР-версия презентации: разделы «Задачи», «Хроника», «Деньги», «Расчёт», «Бюджет», «Данные», «Допусловия» + пять шагов цикла.
   Подключается после site.css. Цвета — только через переменные темы (--t-*). */
:root{--neu:12px 12px 26px #C6CDD8,-12px -12px 26px #FFFFFF;--neu-s:7px 7px 15px #C6CDD8,-7px -7px 15px #FFFFFF;--neu-in:inset 5px 5px 10px #C9D0DA,inset -5px -5px 10px #FFFFFF}
.ppsec{background:var(--t-paper3)}
body[data-sec="who"] .gridlines i:nth-child(2),body[data-sec="chron"] .gridlines i:nth-child(2),body[data-sec="money"] .gridlines i:nth-child(2),body[data-sec="calc"] .gridlines i:nth-child(2),body[data-sec="budget"] .gridlines i:nth-child(2),body[data-sec="asset"] .gridlines i:nth-child(2),body[data-sec="extra"] .gridlines i:nth-child(2){opacity:0}
.ppsec .sec-title{color:var(--slate)}
.pp-lead{position:absolute;left:calc(var(--M) + var(--padM));top:12.5vh;width:calc(var(--R) - var(--M) - var(--padM) - 2vw);font-size:15px;line-height:1.55;color:var(--slate)}
.pp-lead b{color:var(--ink);font-weight:700}
.pp{position:absolute;left:calc(var(--L) + var(--padL));right:calc(100% - var(--R) + 2vw);top:25vh}
.pp-card{background:var(--t-paper3);border-radius:22px;box-shadow:var(--neu);padding:2.2vh 1.3vw}
.pp-in{border-radius:14px;background:var(--t-paper3);box-shadow:var(--neu-in)}
.pp-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--cond);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--t-accent-deep)}
.pp-tag::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--accent)}
.pp-tag.bad{color:var(--t-red-deep)}.pp-tag.bad::before{background:var(--t-red)}
.pp-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--t-paper3);color:var(--ink);box-shadow:5px 5px 11px #C6CDD8,-5px -5px 11px #FFFFFF}
.pp-ic .ico{width:20px;height:20px}
.pp-ic.red{color:var(--t-red-deep)}
.pp-note{font-size:12px;line-height:1.45;color:var(--slate-soft)}
.pp em{font-style:normal}
.ppsec.run .pp-card,.ppsec.run .ev,.ppsec.run .who-c{animation:rmup .5s cubic-bezier(.2,.7,.2,1) both}
.ppsec.run .pp-card:nth-child(2),.ppsec.run .who-c:nth-child(2){animation-delay:.1s}.ppsec.run .pp-card:nth-child(3),.ppsec.run .who-c:nth-child(3){animation-delay:.2s}.ppsec.run .pp-card:nth-child(4),.ppsec.run .who-c:nth-child(4){animation-delay:.3s}

/* ---------- «Задачи» ---------- */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.2vw}
.who-c{display:flex;flex-direction:column;gap:1.3vh;padding:3vh 1.2vw}
.who-c .pp-ic{margin-bottom:.6vh}
.who-c h3{font-size:clamp(17px,1.4vw,23px);color:var(--ink)}
.who-c p{font-size:14px;line-height:1.5;color:var(--slate)}
.who-c .sol{margin-top:auto;padding:1.6vh .9vw;display:flex;flex-direction:column;gap:.8vh}
.who-c .sol p{color:var(--ink);font-weight:500}
.who-src{margin-top:5vh;display:flex;align-items:center;gap:1.1vw;flex-wrap:wrap}
.who-src>b{flex:0 0 100%;margin-bottom:.4vh;font-family:var(--cond);font-weight:600;font-size:clamp(14px,1.1vw,17px);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-right:.4vw}
.who-src .chip{display:inline-flex;align-items:center;gap:8px;padding:1.1vh 1vw;border-radius:14px;background:var(--t-paper3);box-shadow:var(--neu-s);font-size:13px;font-weight:600;color:var(--ink)}
.who-src .chip .ico{width:17px;height:17px;color:var(--t-accent-ink)}
.who-src .chip small{font-weight:400;color:var(--slate-soft);font-size:12px}
.who-src .chip.opt{box-shadow:none;border:1.5px dashed color-mix(in srgb,var(--slate) 35%,transparent);color:var(--slate)}
.who-src .chip.opt .ico{color:var(--slate-soft)}

/* ---------- цикл: пять шагов ---------- */
#cycle .steps.s5{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:1.5vw}
#cycle .s5 .viz{height:clamp(110px,8.4vw,140px)}
#cycle .s5 .step{padding:2vh .95vw 2.2vh}
#cycle .s5 .step:not(:last-child)::after{right:-1.15vw}
#cycle .s5 .step h3{font-size:clamp(15px,1.2vw,19px)}
#cycle .s5 .step p{font-size:14px;line-height:1.5}
#cycle .s5 .sic{width:38px;height:38px}
#cycle.run .step:nth-child(5){animation-delay:.48s}
.v-pred svg{width:100%;height:auto;max-height:70%;display:block}
.v-pred .cap{display:flex;align-items:center;gap:6px;color:var(--slate-soft)}
.v-learn .cap{text-align:left}
.v-pred .tg{position:absolute}
#cycle .v-pred{position:relative}
.v-collect .chips{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.v-collect .chips span{white-space:nowrap;display:flex;align-items:center;gap:5px;padding:3px 6px;font-weight:600;color:var(--ink);background:var(--t-paper4);border-radius:6px;font-size:1em;overflow:hidden}
.v-collect .chips .ico{color:var(--t-accent-ink);flex:none}
.v-collect .chips .opt{background:none;border:1px dashed color-mix(in srgb,var(--slate) 40%,transparent);color:var(--slate-soft);font-weight:500}
.v-learn .chain .c.on{background:var(--accent)}
.cyc-red{position:absolute;left:calc(var(--L) + var(--padL));right:calc(100% - var(--R) + 2vw);bottom:9vh;display:flex;align-items:center;gap:1.4vw;padding:2.2vh 1.4vw;border-radius:16px;background:var(--t-paper3);box-shadow:var(--neu-in)}
.cyc-red .badge{flex:none;background:var(--t-red-deep);color:#fff;font-family:var(--cond);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px}
.cyc-red .chain{display:flex;align-items:center;gap:6px;flex:none}
.cyc-red .chain i{width:26px;height:2px;background:repeating-linear-gradient(90deg,var(--slate-soft) 0 4px,transparent 4px 7px)}
.cyc-red .chain .c{width:34px;height:34px;border-radius:50%;background:var(--t-paper4);color:var(--ink);display:grid;place-items:center;box-shadow:var(--neu-s)}
.cyc-red .chain .c .ico{width:17px;height:17px}
.cyc-red p{font-size:15px;line-height:1.5;color:var(--slate)}
.cyc-red p b{color:var(--ink)}

/* ---------- «Хроника» ---------- */
.ch-top{display:grid;grid-template-columns:1.1fr 1fr;gap:2.4vw}
.ch-chart{padding:3.8vh 1.2vw 1.6vh;position:relative}
.ch-chart .cap{position:absolute;left:1.3vw;top:1.8vh;font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--slate-soft)}
.ch-chart svg{width:100%;height:auto;display:block;overflow:visible}
.ch-chart svg text{font-family:var(--display);font-size:11px;fill:#6B7A93}
.ch-chart svg .b{font-weight:700;fill:var(--ink);font-size:12.5px}
.ch-chart svg .cp{font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.ch-note{margin-top:1.2vh;padding:1.1vh .9vw;display:flex;align-items:center;gap:.7vw;font-size:12.5px;line-height:1.4;color:var(--slate)}
.ch-note .ico{width:18px;height:18px;color:var(--t-accent-ink);flex:none}
.ch-note b{color:var(--ink)}
.ch-tl{list-style:none;margin:0;padding:2.2vh 1.3vw;position:relative}
.ch-tl .tt{display:block;margin-bottom:1.6vh}
.ch-tl{display:flex;flex-direction:column}
.ch-tl ol{list-style:none;margin:0;padding:0;position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.ch-tl ol::before{content:"";position:absolute;left:6px;top:8px;bottom:10px;width:2px;background:color-mix(in srgb,var(--slate) 18%,transparent)}
.ev{position:relative;display:grid;grid-template-columns:78px 1fr;column-gap:12px;padding:0 0 0 22px;font-size:13px;line-height:1.4;color:var(--slate)}
.ev:last-child{padding-bottom:0}
.ev::before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:var(--t-paper3);box-shadow:0 0 0 3px #9AA7B8 inset}
.ev em{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;font-size:12.5px;padding-top:1px}
.ev b{color:var(--ink);font-weight:700;display:block}
.ev.bad::before{box-shadow:0 0 0 4px var(--t-red) inset}
.ev.bad b{color:var(--t-red-deep)}
.ev.fix::before{box-shadow:0 0 0 4px #1E874B inset}
.ev.fix b{color:#1E874B}
.ch-res{margin-top:3vh;display:grid;grid-template-columns:repeat(3,1fr);gap:2.2vw}
.ch-res .pp-card{display:flex;align-items:center;gap:1vw;padding:2vh 1.1vw}
.ch-res .big{font-weight:800;font-size:clamp(26px,2.5vw,40px);line-height:1;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.ch-res .big small{font-size:.42em;font-weight:700;margin-left:.2em}
.ch-res .big.red{color:var(--t-red-deep)}
.ch-res p{font-size:13px;line-height:1.4;color:var(--slate)}
.ch-res p b{color:var(--ink)}

/* ---------- «Деньги» ---------- */
.mn-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2vw}
.mn-c{display:flex;flex-direction:column;gap:1vh;padding:2.4vh 1.3vw;position:relative}
.mn-c .num{font-weight:800;font-size:clamp(38px,4.2vw,68px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.mn-c .num small{font-size:.3em;font-weight:700;letter-spacing:0;margin-left:.2em;color:var(--slate)}
.mn-c.ok .num{color:#1E874B}
.mn-c.bad .num{color:var(--t-red-deep)}
.mn-c h3{font-size:clamp(15px,1.2vw,19px);color:var(--ink)}
.mn-c p{font-size:13px;line-height:1.5;color:var(--slate)}
.mn-c .x{position:absolute;right:-1.9vw;top:50%;z-index:2;transform:translateY(-50%);font-family:var(--cond);font-weight:700;font-size:15px;background:var(--accent);color:var(--on-accent);padding:4px 8px;border-radius:8px;box-shadow:var(--neu-s)}
.mn-scale{margin-top:3.2vh;padding:2.2vh 1.3vw;display:flex;flex-direction:column;gap:1.2vh}
.mn-scale .r{display:grid;grid-template-columns:15vw 1fr 5.2vw;align-items:center;gap:1vw;font-size:13px;color:var(--slate)}
.mn-scale .r span{display:block}
.mn-scale .r .t{height:14px;border-radius:7px;background:color-mix(in srgb,var(--slate) 8%,transparent);position:relative;overflow:hidden}
.mn-scale .r .t i{position:absolute;left:0;top:0;bottom:0;border-radius:7px;background:var(--accent);min-width:3px}
.mn-scale .r.bad .t i{background:var(--t-red)}
.mn-scale .r.ok .t i{background:#1E874B}
.mn-scale .r b{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.mn-scale .pp-tag{margin-bottom:.4vh}
.mn-proof{margin-top:3.2vh;display:grid;grid-template-columns:1fr 1fr;gap:2.2vw}
.mn-proof .pp-card{display:flex;align-items:center;gap:1.1vw;padding:2vh 1.2vw}
.mn-proof .big{font-weight:800;font-size:clamp(30px,3vw,48px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.mn-proof .big.red{color:var(--t-red-deep)}.mn-proof .big.ok{color:#1E874B}
.mn-proof p{font-size:13px;line-height:1.45;color:var(--slate)}
.mn-proof p b{color:var(--ink)}

/* ---------- «Расчёт» (калькулятор) ---------- */
.cl{display:grid;grid-template-columns:1.18fr 1fr;gap:2.4vw;align-items:start}
.cl-in{display:flex;flex-direction:column;gap:2vh}
.cl-g{padding:1.9vh 1.2vw;display:flex;flex-direction:column;gap:1.3vh}
.cl-g .gh{display:flex;align-items:center;gap:.8vw}
.cl-g .gh h3{font-size:clamp(14px,1.1vw,17px);color:var(--ink)}
.cl-g .gh .pp-ic{width:34px;height:34px}.cl-g .gh .pp-ic .ico{width:16px;height:16px}
.cl-g .gh .sub{margin-left:auto;font-weight:800;font-size:clamp(15px,1.2vw,19px);color:var(--t-accent-deep);font-variant-numeric:tabular-nums;white-space:nowrap}
.cl-r{display:grid;grid-template-columns:1fr 9vw 5.6vw;align-items:center;gap:.9vw;font-size:12.5px;color:var(--slate)}
.cl-r output{text-align:right;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;font-size:13.5px}
.rng{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent) var(--p,50%),#D3DAE3 var(--p,50%));outline:none;margin:0;cursor:pointer}
.rng::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--t-paper3);border:2px solid var(--accent);box-shadow:3px 3px 7px #C6CDD8,-3px -3px 7px #fff}
.rng::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--t-paper3);border:2px solid var(--accent)}
.cl-out{padding:2.6vh 1.5vw;display:flex;flex-direction:column;gap:1.6vh;position:sticky;top:0}
.cl-out .tot{font-weight:800;font-size:clamp(44px,5vw,80px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.cl-out .tot small{font-size:.32em;font-weight:700;letter-spacing:0;color:var(--slate);margin-left:.25em}
.cl-out .parts{display:flex;flex-direction:column;gap:1.5vh;margin-top:.6vh}
.cl-out .part{display:grid;grid-template-columns:1fr auto;column-gap:1vw;row-gap:5px;font-size:13px;color:var(--slate)}
.cl-out .part b{color:var(--ink);font-variant-numeric:tabular-nums}
.cl-out .part .t{grid-column:1/-1;height:10px;border-radius:5px;background:color-mix(in srgb,var(--slate) 8%,transparent);position:relative;overflow:hidden}
.cl-out .part .t i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--accent);transition:width .3s}
.cl-out .part:nth-child(2) .t i{background:var(--t-accent-2)}
.cl-out .part:nth-child(3) .t i{background:var(--t-accent-ink)}
.cl-out .eq{padding:1.2vh .9vw;font-size:12px;line-height:1.5;color:var(--slate)}

/* ---------- «Бюджет» ---------- */
.bd{display:grid;grid-template-columns:1fr 1.08fr;gap:2.4vw;align-items:start}
.bd-l{padding:2.4vh 1.4vw;display:flex;flex-direction:column;gap:1.6vh}
.bd-bar{display:flex;flex-direction:column;gap:.8vh}
.bd-bar .lb2{font-size:13px;font-weight:600;color:var(--ink)}
.bd-bar .sg{display:flex;height:4.6vh;border-radius:10px;overflow:hidden;box-shadow:var(--neu-in);gap:2px;background:var(--t-paper3)}
.bd-bar .sg span{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--on-accent);background:var(--accent);white-space:nowrap;overflow:hidden}
.bd-bar .sg .pl{background:var(--t-accent-ink);color:#fff}
.bd-bar .sg .pr{background:var(--accent)}
.bd-bar .sg .rs{background:repeating-linear-gradient(135deg,#F3C7BE 0 6px,#FAE0DB 6px 12px);color:var(--t-red-deep)}
.bd-bar .sg .rs.sm{background:repeating-linear-gradient(135deg,#F3C7BE 0 6px,#FAE0DB 6px 12px)}
.bd-leg{display:flex;flex-wrap:wrap;gap:.6vw 1.2vw;font-size:12px;color:var(--slate)}
.bd-leg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.bd-pts{list-style:none;margin:.6vh 0 0;padding:0;display:flex;flex-direction:column;gap:1.4vh}
.bd-pts li{display:grid;grid-template-columns:auto 1fr;column-gap:.9vw;align-items:center;font-size:13px;line-height:1.4;color:var(--slate)}
.bd-pts li b{font-family:var(--cond);font-weight:700;font-size:clamp(18px,1.6vw,25px);color:var(--ink);white-space:nowrap;min-width:5.2vw}
.bd-r{padding:2.2vh 1.2vw}
.bd-r table{width:100%;border-collapse:collapse;font-size:13px;color:var(--slate);margin-top:1.4vh}
.bd-r th{font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.07em;text-transform:uppercase;text-align:left;color:var(--slate-soft);padding:0 .4vw 1vh;border-bottom:1px solid var(--slate-line)}
.bd-r td{padding:1.15vh .4vw;border-bottom:1px solid var(--slate-line);vertical-align:middle}
.bd-r td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.bd-r td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bd-r tfoot td{border:0;padding-top:1.5vh;font-weight:700;color:var(--ink)}
.rk{display:inline-block;min-width:3.4em;text-align:center;font-weight:700;font-size:12px;padding:2px 7px;border-radius:999px;background:#FCE5E1;color:var(--t-red-deep)}
.rk.m{background:#FFF0D6;color:#9A5B00}.rk.l{background:#E4F3EA;color:#1E874B}

/* ---------- «Данные» ---------- */
.as-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.2vw}
.as-c{display:flex;flex-direction:column;gap:1.2vh;padding:2.4vh 1.2vw}
.as-c h3{font-size:clamp(16px,1.3vw,21px);color:var(--ink)}
.as-c .fact{font-size:13px;line-height:1.5;color:var(--slate)}
.as-c .get{margin-top:auto;min-height:11vh;padding:1.5vh .9vw;display:flex;flex-direction:column;gap:.8vh;font-size:13px;line-height:1.45;color:var(--ink);font-weight:500}
.as-bar{margin-top:3.6vh;display:flex;align-items:center;gap:1.4vw;padding:2vh 1.5vw}
.as-bar p{font-size:14.5px;line-height:1.5;color:var(--slate)}
.as-bar p b{color:var(--ink)}
.as-bar .big{font-weight:800;font-size:clamp(28px,2.6vw,42px);line-height:1;color:var(--ink);white-space:nowrap}
.as-flow{margin-bottom:3.2vh;display:flex;align-items:center;gap:1vw;font-size:13px;color:var(--slate);flex-wrap:wrap}
.as-flow span{display:inline-flex;align-items:center;gap:8px;padding:1vh .9vw;border-radius:12px;background:var(--t-paper3);box-shadow:var(--neu-s);font-weight:600;color:var(--ink)}
.as-flow span .ico{width:16px;height:16px;color:var(--t-accent-ink)}
.as-flow i{width:22px;height:2px;background:repeating-linear-gradient(90deg,var(--slate-soft) 0 4px,transparent 4px 7px)}

/* ---------- «Допусловия» ---------- */
.ex{display:grid;grid-template-columns:1fr 1fr;gap:2.4vw;align-items:stretch}
.ex-col .ex-row{flex:1}
.ex-col{padding:2.2vh 1.3vw;display:flex;flex-direction:column;gap:1.5vh}
.ex-col .hd{display:flex;align-items:center;justify-content:space-between;gap:1vw}
.ex-col .hd h3{font-size:clamp(15px,1.25vw,20px);color:var(--ink)}
.ex-col .hd span{font-size:12px;color:var(--slate-soft)}
.ex-row{display:grid;grid-template-columns:42px 1fr;column-gap:.9vw;align-items:center;padding:1.2vh .8vw;border-radius:14px;background:var(--t-paper3);box-shadow:var(--neu-in)}
.ex-row .pp-ic{width:36px;height:36px}.ex-row .pp-ic .ico{width:17px;height:17px}
.ex-row h4{margin:0;font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:clamp(13px,1vw,16px);line-height:1.2;color:var(--ink);letter-spacing:.01em}
.ex-row h4 small{font-family:var(--display);text-transform:none;font-weight:600;font-size:11.5px;color:var(--t-accent-deep);margin-left:6px;letter-spacing:0}
.ex-row p{font-size:12.5px;line-height:1.4;color:var(--slate);margin-top:2px}
.ex-lv{margin-top:3vh;display:grid;grid-template-columns:1fr 1fr;gap:2.4vw}
.ex-lv .pp-card{display:flex;gap:1vw;align-items:flex-start;padding:2vh 1.2vw}
.ex-lv .n{font-weight:800;font-size:clamp(22px,2vw,32px);line-height:1;color:var(--ink)}
.ex-lv p{font-size:13px;line-height:1.45;color:var(--slate)}
.ex-lv p b{color:var(--ink)}

@media (min-width:901px) and (min-height:600px) and (max-height:760px){.pp{top:23vh}.who-c p{font-size:12.5px}.mn-c .num{font-size:clamp(34px,3.6vw,56px)}}
@media (max-width:900px),(max-height:599px){
  .pp,.pp-lead{position:static;width:auto;margin-bottom:22px}
  .pp-lead{margin-top:-8px}
  .who-grid,.ch-top,.ch-res,.mn-row,.mn-proof,.cl,.bd,.as-grid,.ex,.ex-lv{grid-template-columns:minmax(0,1fr);gap:18px}
  .mn-c .x{display:none}
  .mn-scale .r{grid-template-columns:1fr;gap:4px}
  .cl-r{grid-template-columns:1fr 90px 64px}
  .cl-out{position:static}
  .cyc-red{position:static;flex-wrap:wrap;margin-top:18px}
  #cycle .steps.s5{grid-template-columns:1fr}
  #cycle .s5 .step:not(:last-child)::after{display:none}
  .bd-r{overflow-x:auto}
  .ev{grid-template-columns:60px 1fr}
}

/* прогноз: два уровня — заметной плашкой */
#predict .psteps li.pnote{background:var(--t-paper3);box-shadow:var(--neu-in);border-radius:14px;padding:1.3vh 1.1vw;font-size:13px;line-height:1.5;color:var(--slate)}
#predict .psteps li.pnote b{color:var(--ink)}

/* подвал: 18 разделов в навигации */
.foot{padding-right:2vw}
.foot nav{gap:6px 18px;font-size:12.5px}

/* 2026-10-17: убрана центральная вертикальная полоска на всех слайдах */
.gridlines i:nth-child(2){display:none!important}

/* 2026-10-22 mobile: подписи в полосах бюджета переносятся, а не обрезаются */
@media (max-width:900px),(max-height:599px){
  .bd-bar .sg{height:44px}
  .bd-bar .sg span{white-space:normal;text-align:center;line-height:1.1;font-size:11px;padding:0 4px}
}