/* «Когда это было» — блок опоры во времени. Отдельный файл, чтобы
   пересборка style.css его не задевала. */
.whenbox{margin:2.1rem 0 1.9rem;padding:1.15rem 1.3rem 1rem;border:1px solid var(--rule);
  border-radius:.9rem;background:var(--paper-2,rgba(176,130,67,.05))}
.whenbox h2{margin:0 0 .85rem!important;font-size:.78rem!important;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-3);border:0!important;padding:0!important}
.whenbox h2 .ico{margin-inline-end:.35rem}
.wnums{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));
  gap:.7rem 1.2rem;margin-bottom:1rem}
.wnums div{display:flex;flex-direction:column;min-width:0}
.wnums b{font-family:var(--serif,Georgia,serif);font-size:1.5rem;line-height:1.1;
  color:var(--brass,#b08243);font-variant-numeric:tabular-nums}
.wnums span{font-size:.76rem;color:var(--ink-3);margin-top:.15rem}
.wanch{list-style:none;margin:0 0 .9rem;padding:0}
.wanch li{font-size:.87rem;color:var(--ink-2);line-height:1.85;
  padding-inline-start:.95rem;text-indent:-.95rem}
.wanch li::before{content:"·";color:var(--brass,#b08243);margin-inline-end:.45rem}
.wanch b{font-weight:640;color:var(--ink)}
/* so-wline: ряд плиток вместо сплошной строки с запятыми.
   Длинное название переносится внутри своей плитки и не вылезает за
   край, а разделителю неоткуда оторваться — его просто нет. */
.wline{font-size:.87rem;line-height:1.55;margin:.25rem 0;color:var(--ink-2);
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .85rem;
  max-width:100%}
.wline em{font-style:normal;color:var(--ink-3);font-size:.76rem;letter-spacing:.05em;
  text-transform:uppercase;flex:0 0 auto}
.wline a{max-width:100%;overflow-wrap:anywhere}
.wage,.wyr{font-size:.74rem;color:var(--ink-3);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.wage{margin-inline-start:.22rem}
.wyr{margin-inline-end:.12rem}
.wgo{margin:.9rem 0 0;font-size:.83rem;display:flex;flex-wrap:wrap;gap:.3rem 1.1rem}
@media (max-width:640px){
  .whenbox{padding:.95rem 1rem .85rem;margin:1.6rem 0}
  .wnums{gap:.6rem 1rem;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}
  .wnums b{font-size:1.3rem}
  .wline{line-height:1.6;gap:.35rem .7rem}
}


.srcs{margin:.4rem 0 1.4rem}
.src-tier{margin:0 0 .8rem}
.src-tier h4{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-3);font-weight:600;margin:0 0 .3rem}
.src-tier ul{list-style:none;margin:0;padding:0}
.src-tier li{font-size:.9rem;line-height:1.6;padding:.1rem 0 .1rem .9rem;
  text-indent:-.9rem}
.src-tier li::before{content:"·";color:var(--gold);margin-inline-end:.45rem}
.src-tier i{font-style:normal;color:var(--ink-3)}


/* ── ссылка на одноимённую статью ── */
.samecard{display:inline-flex;align-items:center;gap:.5rem;margin:.2rem 0 1.1rem;
  padding:.55rem .9rem;border:1px solid var(--rule);border-radius:10px;
  background:var(--surface);color:var(--ink);text-decoration:none;font-size:.92rem}
.samecard:hover{border-color:var(--gold);text-decoration:none}
.samecard b{font-family:var(--serif);font-weight:600}

/* «Поделиться» на странице события */
.share-row{display:flex;align-items:center;gap:.8rem;margin:1.4rem 0 .2rem}
.share-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;
  font:inherit;font-size:.9rem;color:var(--ink);background:var(--surface);
  border:1px solid var(--rule);border-radius:999px;cursor:pointer;
  transition:border-color .15s,box-shadow .15s}
.share-btn:hover{border-color:var(--brass,#b08243);box-shadow:var(--shadow-1,0 1px 4px rgba(0,0,0,.08))}
.share-ok{font-size:.83rem;color:var(--brass,#b08243)}

/* ── страница «поставить на телефон» ── */
.steps{margin:.2rem 0 0;padding-inline-start:1.3rem;line-height:1.75}
.steps li{margin:.35rem 0}
/* .band.apbox — двумя классами, иначе «section.band» перебивает
   отступы и рамку по весу селектора */
.band.apbox{padding:1.5rem 1.25rem;margin:0 0 1.6rem;
  border:1px solid var(--gold);border-radius:14px;
  background:var(--gold-soft)}
.apbtn{display:inline-block;padding:.7rem 1.5rem;border-radius:999px;
  background:var(--gold);color:var(--surface);font-weight:600;
  text-decoration:none;letter-spacing:.01em;
  transition:filter .15s ease,transform .15s ease}
.apbtn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.apbtn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
/* Оговорка о базе. Убрать, когда выйдет 1.1 со всей базой — вместе с
   OGOVORKA_VKL в patch_knopka_appstore.py. */
.apnote{margin:.9rem 0 0;font-size:.85rem;line-height:1.55;color:var(--ink-3)}

/* ── страницы политики и поддержки ── */
.page-narrow{max-width:44rem;padding:1.6rem 1.2rem 3rem}
.page-narrow h1{font-size:1.8rem;margin:0 0 .3rem}
.page-narrow .upd{color:var(--ink-3);font-size:.85rem;margin:0 0 1.6rem}
.page-narrow h2{font-size:1.12rem;margin:1.9rem 0 .5rem}
.page-narrow p,.page-narrow li{line-height:1.7}
.page-narrow ul{padding-inline-start:1.1rem}
.page-narrow .box{background:var(--paper-2,#fffdf7);border:1px solid var(--line,#e3ddd0);
  border-radius:12px;padding:.9rem 1.1rem;margin:1.2rem 0}

/* ==== ВРЕЗКА v1 — начало (pravka.py) ==== */
.page-narrow .box{ background: var(--surface); border-color: var(--rule);
  color: var(--ink) }
.page-narrow .box p,
.page-narrow .box li,
.page-narrow .box b{ color: var(--ink) }
/* ==== ВРЕЗКА v1 — конец ==== */