[hideprofile][html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300..800;1,300..800&display=swap');
@font-face { font-family: "fine"; src: url("https://forumstatic.ru/files/001b/73/d1/67460.otf"); }

html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#jobs {
  --bg: #f4f4f4;
  --bg2: #eaeaea;
  --text: #3a3a3a;
  --muted: #7a7a7a;
  --acc: #75424a;
  --line: rgba(117,66,74,.30);
  --softline: rgba(58,58,58,.14);
  --serif: "fine", Georgia, serif;
  --sans: "Mulish", Arial, sans-serif;

  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  padding: 8px 0 14px;
  color: var(--text);
  font: 400 12px/1.58 var(--sans);
}

#jobs[data-theme="dark"] {
  --bg: #d7d7d7;
  --bg2: #cccccc;
  --text: #333d33;
  --muted: #5d665d;
  --acc: #415549;
  --line: rgba(65,85,73,.40);
  --softline: rgba(51,61,51,.16);
}

#jobs,
#jobs *,
#jobs *::before,
#jobs *::after {
  box-sizing: border-box;
}

/* header */
#jobs .jobs-head {
  max-width: 620px;
  margin: 4px auto 18px;
  text-align: center;
}

#jobs .jobs-head-img {
  position: relative;
  z-index: 1;
  margin-bottom: -42px;
}

#jobs .jobs-head-img img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid var(--line);
  border-radius: 10px;
}

#jobs .jobs-head-block {
  position: relative;
  z-index: 2;
  margin: 0 22px;
  padding: 18px 20px 16px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(0,0,0,.16);
}

#jobs .jobs-kicker {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

#jobs .jobs-title {
  margin: 0;
  color: var(--acc);
  font: normal 400 18px/1.15 var(--serif);
  letter-spacing: .03em;
  text-transform: lowercase;
}

#jobs .jobs-head-line {
  width: 86px;
  margin: 9px auto 0;
  border: 0;
  border-top: 1px solid var(--line);
}

/* tabs */
#jobs .jobs-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin: 0 10px 14px;
}

#jobs .jobs-tab {
  appearance: none;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 11px 6px;
  background: var(--bg);
  color: var(--muted);
  font: 700 8px/1.15 var(--sans);
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
  transition: .18s ease;
}

#jobs .jobs-tab:hover {
  color: var(--acc);
  border-color: var(--acc);
}

#jobs .jobs-tab.is-active {
  background: var(--acc);
  border-color: var(--acc);
  color: var(--bg);
}

/* panels */
#jobs .jobs-panel {
  display: none;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.07);
}

#jobs .jobs-panel.is-active {
  display: block;
}

#jobs .jobs-panel-head {
  padding: 17px 20px 14px;
  text-align: center;
  background: var(--bg2);
  border-bottom: 1px solid var(--line);
}

#jobs .jobs-panel-title {
  margin: 0;
  color: var(--acc);
  font: normal 400 23px/1.1 var(--serif);
  letter-spacing: .02em;
}

#jobs .jobs-body {
  padding: 0 20px 20px;
}

#jobs .jb-lead {
  max-width: 650px;
  margin: 15px auto 8px;
  padding: 0 8px 14px;
  border-bottom: 1px solid var(--softline);
  text-align: center;
  font-size: 10.5px;
  line-height: 1.65;
  font-style: italic;
  color: var(--muted);
}

#jobs .jb-level {
  margin: 22px 0 5px;
  text-align: center;
  color: var(--acc);
  font: normal 400 17px/1.25 var(--serif);
  letter-spacing: .02em;
}

#jobs .jb-note {
  max-width: 640px;
  margin: 0 auto 11px;
  text-align: center;
  font-size: 10px;
  line-height: 1.5;
  color: var(--muted);
}

#jobs .jb-hr {
  margin: 17px 0 0;
  border: 0;
  border-top: 1px solid var(--softline);
}

#jobs .jb-sub {
  margin: 15px 0 5px;
  color: var(--acc);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .02em;
}

#jobs .jb-row {
  position: relative;
  margin: 2px 0;
  padding: 4px 7px 4px 17px;
  border-radius: 7px;
  color: var(--text);
  font-size: 11.5px;
  line-height: 1.55;
}

#jobs .jb-row::before {
  content: "•";
  position: absolute;
  left: 5px;
  color: var(--acc);
}

#jobs .jb-row:hover {
  background: rgba(117,66,74,.035);
}

#jobs[data-theme="dark"] .jb-row:hover {
  background: rgba(65,85,73,.045);
}

#jobs a {
  color: var(--acc);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
}

#jobs a:hover {
  border-bottom-color: var(--acc);
}

#jobs i {
  color: var(--acc);
}

/* inner cards */
#jobs .jb-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin: 10px 0 4px;
}

#jobs .jb-cell {
  padding: 6px 12px 10px;
  background: var(--bg2);
  border: 1px solid var(--line);
  border-radius: 10px;
}

#jobs .jb-cell .jb-sub {
  margin-top: 7px;
}

#jobs .jb-cell .jb-row {
  padding-left: 15px;
}

#jobs .jobs-foot {
  margin-top: 12px;
  text-align: center;
  color: var(--muted);
  font-size: 9px;
  font-style: italic;
}

@media (max-width: 640px) {
  #jobs .jobs-head-block {
    margin: 0 12px;
    padding: 16px 14px;
  }

  #jobs .jobs-head-img {
    margin-bottom: -28px;
  }

  #jobs .jobs-tabs {
    gap: 5px;
    margin-left: 4px;
    margin-right: 4px;
  }

  #jobs .jobs-tab {
    padding: 6px 8px 5px;
    font-size: 7px;
  }

  #jobs .jobs-body {
    padding: 0 13px 16px;
  }

  #jobs .jb-grid {
    grid-template-columns: 1fr;
  }

  #jobs .jobs-panel-title {
    font-size: 20px;
  }
}

/* ministry inner tabs */
#jobs .ministry-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 16px 0 14px;
}

#jobs .ministry-tab {
  appearance: none;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 10px 5px;
  background: var(--bg2);
  color: var(--muted);
  font: 700 8px/1.15 var(--sans);
  letter-spacing: .06em;
  text-transform: lowercase;
  cursor: pointer;
  transition: .18s ease;
}

#jobs .ministry-tab:hover {
  color: var(--acc);
  border-color: var(--acc);
}

#jobs .ministry-tab.is-active {
  background: var(--acc);
  border-color: var(--acc);
  color: var(--bg);
}

#jobs .ministry-subpanel {
  display: none;
}

#jobs .ministry-subpanel.is-active {
  display: block;
}

/* media inner tabs */
#jobs .media-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 16px 0 14px;
}

#jobs .media-tab {
  appearance: none;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 10px 5px;
  background: var(--bg2);
  color: var(--muted);
  font: 700 8px/1.15 var(--sans);
  letter-spacing: .06em;
  text-transform: lowercase;
  cursor: pointer;
  transition: .18s ease;
}

#jobs .media-tab:hover {
  color: var(--acc);
  border-color: var(--acc);
}

#jobs .media-tab.is-active {
  background: var(--acc);
  border-color: var(--acc);
  color: var(--bg);
}

#jobs .media-subpanel {
  display: none;
}

#jobs .media-subpanel.is-active {
  display: block;
}

/* law enforcement layout */
#jobs .law-top {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 18px;
}

#jobs .law-card {
  padding: 12px 13px;
  background: var(--bg2);
  border: 1px solid var(--line);
  border-radius: 10px;
}

#jobs .law-card-title {
  margin: 0 0 7px;
  color: var(--acc);
  font: normal 400 15px/1.2 var(--serif);
  text-align: center;
  text-transform: lowercase;
}

#jobs .law-section-title {
  margin: 20px 0 5px;
  color: var(--acc);
  font: normal 400 18px/1.2 var(--serif);
  text-align: center;
  text-transform: lowercase;
}

#jobs .law-section-note {
  margin: 0 auto 11px;
  color: var(--muted);
  font-size: 9.5px;
  line-height: 1.45;
  text-align: center;
  font-style: italic;
}

#jobs .law-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0 4px;
}

#jobs .law-unit {
  padding: 10px 12px 11px;
  background: var(--bg2);
  border: 1px solid var(--line);
  border-radius: 10px;
}

#jobs .law-unit-title {
  margin: 0 0 6px;
  color: var(--acc);
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1.4;
  text-transform: lowercase;
}

#jobs .law-unit .jb-row {
  margin: 1px 0;
  padding-top: 3px;
  padding-bottom: 3px;
}

#jobs .law-divider {
  margin: 19px 0 0;
  border: 0;
  border-top: 1px solid var(--softline);
}

@media (max-width: 640px) {
  #jobs .law-top,
  #jobs .law-grid {
    grid-template-columns: 1fr;
  }
}

/* department of mysteries layout */
#jobs .myst-top {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 18px;
}

#jobs .myst-card {
  padding: 12px 13px;
  background: var(--bg2);
  border: 1px solid var(--line);
  border-radius: 10px;
}

#jobs .myst-card-title {
  margin: 0 0 7px;
  color: var(--acc);
  font: normal 400 15px/1.2 var(--serif);
  text-align: center;
  text-transform: lowercase;
}

#jobs .myst-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0 4px;
}

#jobs .myst-unit {
  padding: 10px 12px 11px;
  background: var(--bg2);
  border: 1px solid var(--line);
  border-radius: 10px;
}

#jobs .myst-unit-title {
  margin: 0 0 6px;
  color: var(--acc);
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1.4;
  text-transform: lowercase;
}

#jobs .myst-unit-note {
  margin: 0 0 7px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
  font-style: italic;
}

#jobs .myst-locked {
  opacity: .72;
  border-style: dashed;
}

@media (max-width: 640px) {
  #jobs .myst-top,
  #jobs .myst-grid {
    grid-template-columns: 1fr;
  }
}

</style>

<div id="jobs" data-theme="light">

  <div class="jobs-head">
    <div class="jobs-head-img">
      <img src="https://upforme.ru/uploads/001c/a5/83/5/519848.png" alt="шапка">
    </div>

    <div class="jobs-head-block">
      <div class="jobs-kicker">employment directory · 2003</div>
      <h2 class="jobs-title">должности волшебного мира</h2>
      <hr class="jobs-head-line">
    </div>
  </div>

  <div class="jobs-tabs">
    <button class="jobs-tab is-active" type="button" data-tab="jobs-0">ministry</button>
    <button class="jobs-tab" type="button" data-tab="jobs-1">st. mungo's</button>
    <button class="jobs-tab" type="button" data-tab="jobs-media">media</button>
    <button class="jobs-tab" type="button" data-tab="jobs-5">diagon alley</button>
    <button class="jobs-tab" type="button" data-tab="jobs-6">knockturn alley</button>
    <button class="jobs-tab" type="button" data-tab="jobs-7">hogsmeade</button>
    <button class="jobs-tab" type="button" data-tab="jobs-8">others</button>
  </div>

  <section class="jobs-panel is-active" id="jobs-0">
    <div class="jobs-panel-head">
      <h3 class="jobs-panel-title">british ministry of magic</h3>
    </div>
    <div class="jobs-body">
<div class="jb-lead">министерство магии состоит из главных отделов и множества департаментов, занимающихся различными аспектами волшебного мира. связь между отделами осуществляется с помощью бумажных самолётиков — служебных записок на сиреневой бумаге, направляющихся в нужный отдел.</div>

<div class="ministry-tabs">
  <button class="ministry-tab is-active" type="button" data-ministry-tab="ministry-main">основные отделы</button>
  <button class="ministry-tab" type="button" data-ministry-tab="ministry-law">магический правопорядок</button>
  <button class="ministry-tab" type="button" data-ministry-tab="ministry-mysteries">отдел тайн</button>
</div>

<div class="ministry-subpanel is-active" id="ministry-main">

<div class="jb-level">уровень i. министр магии и вспомогательный персонал</div>
<div class="jb-note">на этом этаже расположены кабинеты министра магии, а также его заместителей и других руководящих чиновников.</div>
<div class="jb-row">» министр магии —</div>
<div class="jb-row">» помощник и заместитель министра магии —</div>
<div class="jb-row">» помощник министра по связям с общественностью —</div>
<div class="jb-row">» советник министра по волшебной безопасности —</div>
<div class="jb-row">» секретарь —</div>
<hr class="jb-hr">
<hr class="jb-hr">
<div class="jb-level">уровень iii. отдел магических происшествий и катастроф</div>
<div class="jb-note">этот отдел отвечает за устранение вреда, нанесенного случайным волшебством.</div>
<div class="jb-row">» начальник департамента —</div>
<div class="jb-row">» помозница начальника—</div>
<div class="jb-sub">— группа аннулирования случайного волшебства:</div>
<div class="jb-row">» куратор группы —</div>
<div class="jb-row">» сотрудники группы —</div>
<div class="jb-sub">— штаб-квартира стирателей памяти:</div>
<div class="jb-row">» куратор группы —</div>
<div class="jb-row">» сотрудники группы —</div>
<div class="jb-sub">— комитет по выработке объяснений для магглов:</div>
<div class="jb-row">» глава комитета —</div>
<div class="jb-row">» сотрудники комитета —</div>
<hr class="jb-hr">
<div class="jb-level">уровень iv. отдел регулирования магических популяций и контроля над ними</div>
<div class="jb-note">отдел занимается вопросами, связанными с различными магическими существами.</div>
<div class="jb-row">» начальник департамента —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-sub">— управление по связям с кентаврами:</div>
<div class="jb-row">» глава управления —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники управления —</div>
<div class="jb-sub">— группа борьбы с упырями:</div>
<div class="jb-row">» куратор группы —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники группы —</div>
<div class="jb-sub">— управление по связям с гоблинами:</div>
<div class="jb-row">» глава управления —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники управления —</div>
<div class="jb-sub">— бюро по борьбе с домашними вредителями:</div>
<div class="jb-row">» начальник бюро —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники бюро —</div>
<div class="jb-sub">— бюро регистрации и контроля оборотней:</div>
<div class="jb-row">» начальник бюро —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники бюро —</div>
<div class="jb-sub">— бюро по розыску и контролю драконов:</div>
<div class="jb-row">» начальник бюро —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники бюро —</div>
<div class="jb-sub">— комитет по избавлению от опасных существ:</div>
<div class="jb-row">» глава комитета —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники комитета —</div>
<div class="jb-sub">— гебридский драконологический заповедник:</div>
<div class="jb-row">» директор заповедника —</div>
<div class="jb-row">» главный драконолог —</div>
<div class="jb-row">» драконологи —</div>
<div class="jb-row">» целители —</div>
<hr class="jb-hr">
<div class="jb-level">уровень v. отдел международного магического сотрудничества</div>
<div class="jb-note">основной целью отдела является налаживание международных контактов и привлечение волшебников всех стран к сотрудничеству.</div>
<div class="jb-row">» начальник департамента —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-sub">— пресс-служба:</div>
<div class="jb-row">» глава службы —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» куратор иностранных делегаций — <a href="https://quibbler.rusff.me/profile.php?id=55">pansy parkinson</a></div>
<div class="jb-sub">— международный совет по выработке торговых стандартов:</div>
<div class="jb-row">» глава совета —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» члены совета —</div>
<div class="jb-sub">— международное бюро магического законодательства:</div>
<div class="jb-row">» начальник бюро —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники бюро  - <a href="https://quibbler.rusff.me/profile.php?id=80">cassius warrington</a></div>
<div class="jb-sub">— британский филиал международной конфедерации магов:</div>
<div class="jb-row">» глава филиала —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники филиала — <a href="https://quibbler.rusff.me/profile.php?id=19">gregory goyle</a>, <a href="https://quibbler.rusff.me/profile.php?id=77">mandy brocklehurst</a></div>
<hr class="jb-hr">
<div class="jb-level">уровень vi. отдел магического транспорта</div>
<div class="jb-note">этот отдел отвечает за различные вопросы, связанные с магическим транспортом.</div>
<div class="jb-row">» начальник департамента —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-sub">— руководящий центр сети летучего пороха:</div>
<div class="jb-row">» куратор центра —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» специалисты центра —</div>
<div class="jb-sub">— сектор контроля за мётлами:</div>
<div class="jb-row">» начальник сектора —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники сектора —</div>
<div class="jb-sub">— портальное управление:</div>
<div class="jb-row">» начальник управления —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники управления —</div>
<div class="jb-sub">— аппарационный испытательный центр:</div>
<div class="jb-row">» наставник центра —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники центра —</div>
<hr class="jb-hr">
<div class="jb-level">уровень vii. отдел магических игр и спорта</div>
<div class="jb-note">стены коридора отдела оклеены множеством плакатов, изображающих разнообразные команды по квиддичу.</div>
<div class="jb-row">» начальник департамента —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-sub">— штаб-квартира британско-ирландской лиги квиддича:</div>
<div class="jb-row">» куратор —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники — <a href="https://quibbler.rusff.me/profile.php?id=73">maisie cattermole</a></div>
<div class="jb-sub">— официальный клуб игроков в плюй-камни:</div>
<div class="jb-row">» куратор —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники —</div>
<div class="jb-sub">— сектор патентов на волшебные шутки:</div>
<div class="jb-row">» начальник сектора —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» сотрудники сектора —</div>
<hr class="jb-hr">
<div class="jb-level">подвальный уровень. тюрьма</div>
<div class="jb-note">на этом самом нижнем этаже держат преступников до отправки в азкабан.</div>
<div class="jb-row">» начальник тюрьмы —</div>
<div class="jb-row">» секретарь —</div>
<div class="jb-row">» охранники —</div>
<div class="jb-row">» вспомогательный персонал —</div>
<hr class="jb-hr">

</div>

<div class="ministry-subpanel" id="ministry-law">
<div class="jb-level">уровень ii. департамент магического правопорядка</div>
<div class="jb-note">департамент объединяет основные силовые и следственные службы министерства.</div>

<div class="law-top">

  <div class="law-card">
    <div class="law-card-title">руководство департамента</div>
    <div class="jb-row">» начальник департамента —</div>
    <div class="jb-row">» секретарь —</div>
    <div class="jb-row">» приглашенный персонал —</div>
  </div>

  <div class="law-card">
    <div class="law-card-title">отряд особого реагирования</div>
    <div class="law-section-note">хит-визарды</div>
    <div class="jb-row">» глава отряда —</div>
    <div class="jb-row">» заместитель главы отряда —</div>
    <div class="jb-row">» хит-визарды — <a href="https://quibbler.rusff.me/profile.php?id=101">alastair fawley</a></div>
  </div>

</div>

<hr class="law-divider">

<div class="law-section-title">аврорат</div>
<div class="law-section-note">оперативная, следственная и разведывательная работа</div>

<div class="law-card">
  <div class="jb-row">» глава аврората — <a href="https://quibbler.rusff.me/profile.php?id=63">john dawlish</a></div>
  <div class="jb-row">» заместитель главы аврората —</div>
</div>

<div class="law-section-title">следственные направления</div>

<div class="law-grid">

  <div class="law-unit">
    <div class="law-unit-title">борьба с незаконным оборотом наркотических зелий, ядов и ингредиентов для их производства</div>
    <div class="jb-row">» старший следователь —</div>
    <div class="jb-row">» следователи —</div>
    <div class="jb-row">» старший следователь —</div>
    <div class="jb-row">» следователи —</div>
  </div>

  <div class="law-unit">
    <div class="law-unit-title">служба розыска пропавших волшебников</div>
    <div class="jb-row">» старший следователь —</div>
    <div class="jb-row">» следователи —</div>
    <div class="jb-row">» старший следователь —</div>
    <div class="jb-row">» следователи —</div>
  </div>

</div>

<div class="law-section-title">службы аврората</div>

<div class="law-grid">

  <div class="law-unit">
    <div class="law-unit-title">служба охраны министра магии</div>
    <div class="jb-row">» авроры высшего уровня —</div>
    <div class="jb-row">» авроры —</div>
    <div class="jb-row">» стажеры —</div>
  </div>

  <div class="law-unit">
    <div class="law-unit-title">служба внутренней разведки</div>
    <div class="jb-row">» начальник —</div>
    <div class="jb-row">» авроры высшего уровня —</div>
    <div class="jb-row">» авроры —</div>
    <div class="jb-row">» стажеры —</div>
  </div>

  <div class="law-unit">
    <div class="law-unit-title">служба внешней разведки</div>
    <div class="jb-row">» начальник —</div>
    <div class="jb-row">» авроры высшего уровня —</div>
    <div class="jb-row">» авроры —</div>
    <div class="jb-row">» стажеры —</div>
  </div>

  <div class="law-unit">
    <div class="law-unit-title">служба борьбы с террористами и особо опасными преступниками</div>
    <div class="jb-row">» начальник —</div>
    <div class="jb-row">» авроры высшего уровня —</div>
    <div class="jb-row">» авроры — <a href="https://quibbler.rusff.me/profile.php?id=4">draco malfoy</a>, <a href="https://quibbler.rusff.me/profile.php?id=31">dean thomas</a></div>
    <div class="jb-row">» ликвидаторы проклятий — <a href="https://quibbler.rusff.me/profile.php?id=72">desmond moonvale</a></div>
    <div class="jb-row">» стажеры —</div>
  </div>

  <div class="law-unit">
    <div class="law-unit-title">аналитический отдел</div>
    <div class="jb-row">» начальник —</div>
    <div class="jb-row">» аналитики —</div>
    <div class="jb-row">» стажеры —</div>
  </div>

  <div class="law-unit">
    <div class="law-unit-title">служба подготовки молодых специалистов</div>
    <div class="jb-row">» начальник —</div>
    <div class="jb-row">» преподаватели —</div>
  </div>

</div>

</div>

<div class="ministry-subpanel" id="ministry-mysteries">
<div class="jb-level">закрытый уровень. отдел тайн</div>
<div class="jb-note">отдел тайн занимается исследованиями магии, природы сознания, времени, смерти, пророчеств и иных явлений, доступ к которым ограничен даже для большинства сотрудников министерства.</div>

<div class="myst-top">

  <div class="myst-card">
    <div class="myst-card-title">руководство отдела</div>
    <div class="jb-row">» начальник отдела —</div>
    <div class="jb-row">» секретарь —</div>
  </div>

  <div class="myst-card">
    <div class="myst-card-title">архив отдела тайн</div>
   <div class="myst-unit-note">доступ открыт начальнику отдела тайн и архивариусу.</div>
<div class="jb-row">» архивариус —</div>
  </div>

</div>

<div class="myst-grid">

  <div class="myst-unit">
    <div class="myst-unit-title">комната ума</div>
    <div class="myst-unit-note">исследования сознания, мыслей и связанных с ними магических явлений.</div>
    <div class="jb-row">» старший невыразимец —</div>
    <div class="jb-row">» невыразимцы —</div>
  </div>

  <div class="myst-unit">
    <div class="myst-unit-title">комната времени</div>
    <div class="myst-unit-note">исследования времени и связанных с ним магических объектов.</div>
    <div class="jb-row">» старший невыразимец —</div>
    <div class="jb-row">» невыразимцы —</div>
  </div>

  <div class="myst-unit">
    <div class="myst-unit-title">комната смерти</div>
    <div class="myst-unit-note">исследования смерти и древней арки с завесой.</div>
    <div class="jb-row">» старший невыразимец —</div>
    <div class="jb-row">» невыразимцы —</div>
  </div>

  <div class="myst-unit">
    <div class="myst-unit-title">комната вселенной</div>
    <div class="myst-unit-note">исследования пространства, небесных тел и устройства вселенной.</div>
    <div class="jb-row">» старший невыразимец —</div>
    <div class="jb-row">» невыразимцы —</div>
  </div>

  <div class="myst-unit">
    <div class="myst-unit-title">зал пророчеств</div>
    <div class="myst-unit-note">хранение и изучение записанных пророчеств.</div>
    <div class="jb-row">» хранитель зала пророчеств —</div>
    <div class="jb-row">» невыразимцы —</div>
  </div>

  <div class="myst-unit myst-locked">
    <div class="myst-unit-title">комната любви</div>
    <div class="myst-unit-note">заперта. доступ закрыт.</div>
  </div>

</div>

</div>
</div>
  </section>

  <section class="jobs-panel" id="jobs-1">
    <div class="jobs-panel-head">
      <h3 class="jobs-panel-title">st. mungo's hospital for magical maladies and injuries</h3>
    </div>
    <div class="jobs-body">
<div class="jb-lead">основатель больницы — мунго бонхем (1560—1659) — известный целитель. в больнице святого мунго работают не врачи, а целители. их форма — лимонные халаты, на которых вышит герб волшебников-целителей: скрещенные волшебная палочка и кость.</div>
<div class="jb-row">» заведующий больницей —</div>
<div class="jb-row">» заместитель заведующего —</div>
<hr class="jb-hr">
<div class="jb-level">i этаж. травмы от рукотворных предметов</div>
<div class="jb-row">» заведующий отделением —</div>
<div class="jb-row">» целители —  </div>
<div class="jb-row">» стажёры — <a href="https://quibbler.rusff.me/profile.php?id=25">susan bones</a>,  <a href="https://quibbler.rusff.me/profile.php?id=84">adelaine rowley</a></div>
<hr class="jb-hr">
<div class="jb-level">ii этаж. ранения от живых существ</div>
<div class="jb-row">» заведующий отделением —</div>
<div class="jb-row">» целители —</div>
<div class="jb-row">» стажёры —</div>
<hr class="jb-hr">
<div class="jb-level">iii этаж. волшебные вирусы</div>
<div class="jb-row">» заведующий отделением —</div>
<div class="jb-row">» целители —</div>
<div class="jb-row">» стажёры —</div>
<hr class="jb-hr">
<div class="jb-level">iv этаж. отравления растениями и зельями</div>
<div class="jb-row">» заведующий отделением —</div>
<div class="jb-row">» целители — <a href="https://quibbler.rusff.me/profile.php?id=29">neville longbottom (первый уровень)</a> </div>
<div class="jb-row">» стажеры —</div>
<hr class="jb-hr">
<div class="jb-level">v этаж. недуги от заклятий</div>
<div class="jb-row">» заведующий отделением —</div>
<div class="jb-row">» целители —</div>
<div class="jb-row">» стажеры —</div>
<hr class="jb-hr">
<div class="jb-level">vi этаж. патологоанатомическое отделение</div>
<div class="jb-row">» заведующий отделением —</div>
<div class="jb-row">» эксперты —</div>
<hr class="jb-hr">
<div class="jb-level">vi этаж. судебно-медицинское бюро аврората</div>
<div class="jb-row">» глава бюро —</div>
<div class="jb-row">» эксперты — <a href="https://quibbler.rusff.me/profile.php?id=70">lavinia cassini</a></div>
<hr class="jb-hr">
<div class="jb-level">vii этаж. буфет для посетителей и больничная лавка</div>
<div class="jb-row">» работники буфета —</div>
<div class="jb-row">» работники лавки —</div>
    </div>
  </section>

 

 

 

  <section class="jobs-panel" id="jobs-media">
    <div class="jobs-panel-head">
      <h3 class="jobs-panel-title">media</h3>
    </div>
    <div class="jobs-body">

      <div class="media-tabs">
        <button class="media-tab is-active" type="button" data-media-tab="media-prophet">daily prophet</button>
        <button class="media-tab" type="button" data-media-tab="media-transfiguration">transfiguration today</button>
        <button class="media-tab" type="button" data-media-tab="media-quibbler">the quibbler</button>
        <button class="media-tab" type="button" data-media-tab="media-witch-weekly">witch weekly</button>
      </div>

      <div class="media-subpanel is-active" id="media-prophet">
<div class="jb-lead">ежедневный пророк — газета, самый крупный из упоминаемых орган сми в волшебном мире. «пророк» — ежедневная газета, и доставляется обычно по утрам. вечерний выпуск газеты называется «вечерний пророк», воскресный — «воскресный пророк». читателям свежий выпуск «ежедневного пророка» доставляют совиной почтой.</div>
<div class="jb-row">» главный редактор —</div>
<div class="jb-row">» помощник главного редактора —</div>
<div class="jb-row">» личный секретарь главного редактора —</div>
<div class="jb-row">» младший редактор —</div>
<hr class="jb-hr">
<div class="jb-sub">сотрудники газеты:</div>
<div class="jb-row">» штатные репортеры —</div>
<div class="jb-row">» внештатные репортеры —</div>
<div class="jb-row">» колдофотографы —</div>
<div class="jb-row">» иллюстраторы —</div>
      </div>

      <div class="media-subpanel" id="media-transfiguration">
<div class="jb-lead">«трансфигурация сегодня» — серьёзный научный журнал о современном положении дел в трансфигурации, содержащий разного рода статьи об этой магической дисциплине и обсуждения различного рода проблем и тенденций.</div>
<div class="jb-row">» главный редактор —</div>
<div class="jb-row">» помощник главного редактора —</div>
<div class="jb-row">» личный секретарь главного редактора —</div>
<hr class="jb-hr">
<div class="jb-sub">сотрудники газеты:</div>
<div class="jb-row">» штатные репортеры —</div>
<div class="jb-row">» внештатные репортеры —</div>
<div class="jb-row">» колдофотографы —</div>
<div class="jb-row">» иллюстраторы —</div>
      </div>

      <div class="media-subpanel" id="media-quibbler">
<div class="jb-lead">я мог бы ожидать, что вы предложите мне что-нибудь выпить, но, судя по всему, такое предположение грешит излишним оптимизмом. статьи в этом журнале настолько необычны, что возникает чувство, будто это юмористическое издание, хотя тон журнала вполне серьёзен. в первом появлении этого журнала в фильме рассказывалоcь о мозгошмыгах.</div>
<div class="jb-row">» главный редактор — <a href="https://quibbler.rusff.me/profile.php?id=62">luna lovegood</a></div>
<div class="jb-row">» помощник главного редактора —</div>
<div class="jb-row">» личный секретарь главного редактора —</div>
<hr class="jb-hr">
<div class="jb-sub">сотрудники газеты:</div>
<div class="jb-row">» штатные репортеры —</div>
<div class="jb-row">» внештатные репортеры —</div>
<div class="jb-row">» колдофотографы —</div>
      </div>

      <div class="media-subpanel" id="media-witch-weekly">
<div class="jb-lead">«ведьмополитен» (witch weekly) — популярный еженедельный журнал для ведьм. в нём публикуются статьи, викторины, колонки советов, рецепты и новости о знаменитостях; особенно часто героями материалов становятся известные волшебники и квиддичисты. журнал был основан тобиасом мисслторпом.</div>
<div class="jb-row">» главный редактор —</div>
<div class="jb-row">» помощник главного редактора —</div>
<div class="jb-row">» личный секретарь главного редактора —</div>
<hr class="jb-hr">
<div class="jb-sub">сотрудники журнала:</div>
<div class="jb-row">» штатные репортеры —</div>
<div class="jb-row">» внештатные репортеры —</div>
<div class="jb-row">» колдофотографы —</div>
<div class="jb-row">» иллюстраторы —</div>
      </div>

    </div>
  </section>

  <section class="jobs-panel" id="jobs-5">
    <div class="jobs-panel-head">
      <h3 class="jobs-panel-title">diagon alley</h3>
    </div>
    <div class="jobs-body">
<div class="jb-lead">извилистая улица в магическом мире, мощенная булыжником, вытянутая с северо-запада на северо-восток. центр волшебных товаров. единственное место в лондоне, где можно купить магическое животное, летающую метлу, волшебную палочку и много других волшебных вещей и магических товаров. пройти в переулок можно через кафе «дырявый котёл».</div>
<div class="jb-level">aldaya owl emporium</div>
<div class="jb-note">торговый центр «совы»  — мрачный на вид магазин, из которого доносится тихое уханье. кроме сов в заведении продается совиный корм.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">dicentra</div>
<div class="jb-note">здесь продаётся большой ассортимент цветов, из которых флорист с удовольствием сотворит букет. ведущая ко второму отделу дверь, за ней просторная комната, в которой можно найти волшебные растения.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">florean fortescue's ice-cream parlour</div>
<div class="jb-note">кафе в косом переулке, в котором продается чудесное воздушное мороженое. владелец магазина знает очень много о сожжении ведьмы в средние века.</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">flourish and blotts</div>
<div class="jb-note">cамый известный книжный магазин в косом переулке. существует с 1654 года. основан волшебниками флоришем и блоттсом.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">gringotts wizarding bank</div>
<div class="jb-note">банк, основанный гоблином гринготтом, в котором волшебники хранят свои сбережения. единственный банк волшебников.</div>
<div class="jb-row">» аналитики —</div>
<div class="jb-row">» ликвидаторы заклятий — <a href="https://quibbler.rusff.me/profile.php?id=37">fleur delacour</a>, <a href="https://quibbler.rusff.me/profile.php?id=40">bill weasley</a></div>
<hr class="jb-hr">
<div class="jb-level">jimmy kiddell's wonderful wands</div>
<div class="jb-note">магазин дешевых волшебных палочек.</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">magical menagerie</div>
<div class="jb-note">зоомагазин в косом переулке, в отличие от торгового центра «совы», специализирующегося только на указанных птицах,  здесь продаются различные звери, от пресмыкающихся и до насекомых.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">mulligrubs materia medica</div>
<div class="jb-note">аптека, в которой можно приобрести как готовую продукцию, так и составляющие для зелий и эликсиров.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">mr mulpepper's apothecary</div>
<div class="jb-note">магазин принадлежит мистеру малпепперу, в нем можно купить различные ингредиенты для зелий, наборы хрустальных или стеклянных флаконов. в аптеке продаются зелья и их компоненты.</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">slug &amp; jiggers apothecary</div>
<div class="jb-note">аптека, открытая в косом переулке в 1207 году. здесь можно купить зелья и ингредиенты для них.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» управляющий —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">ollivander's</div>
<div class="jb-note">магазин волшебных палочек, принадлежащий старинной семье мастеров волшебных палочек олливандерам.</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">potage's cauldron shop</div>
<div class="jb-note">магазин в косом переулке. здесь можно купить котел любого сорта и размера. этот магазин находится близко к арке на заднем дворе «дырявого котла».</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">quality quidditch supplies</div>
<div class="jb-note">магазин в косом переулке, где можно купить всё для квиддича, от спортивных мантий до скоростных мётел последней модели.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">madam malkin's. robes for all occasions</div>
<div class="jb-note">является самым посещаемым магазином одежды. здесь можно не только купить готовые мантии, но и подогнать их по фигуре.</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">the leaky cauldron</div>
<div class="jb-note">бар с маленькой гостиницей наверху, расположенный в лондоне и видимый только волшебникам.</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">weasleys' wizard wheezes</div>
<div class="jb-note">магазин волшебных шуток и приколов</div>
<div class="jb-row">» владелец — <a href="https://quibbler.rusff.me/profile.php?id=24">George Weasley</a></div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">l’harmonie</div>
<div class="jb-note">парфюмерная лавка</div>
<div class="jb-row">» владелица —</div>
<div class="jb-row">» сотрудники —</div>
    </div>
  </section>

  <section class="jobs-panel" id="jobs-6">
    <div class="jobs-panel-head">
      <h3 class="jobs-panel-title">knockturn alley</h3>
    </div>
    <div class="jobs-body">
<div class="jb-lead">переулок в магическом мире. центр нелегальных волшебных товаров. примыкает к косому переулку и занимает меньшую площадь. это кривая затемнённая улочка с лавками, в которых продаются тёмные артефакты и ингредиенты для тёмной магии. волшебники, пользующиеся услугами таких заведений, обычно предпочитают этого не афишировать.</div>
<div class="jb-level">beard trimming</div>
<div class="jb-note">цирюльня — парикмахерская для стрижки бород, находящаяся как в косом, так и в лютном переулках. владелец заведения волшебник подрик бэтворфи xxiii.</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">betting shop</div>
<div class="jb-note">букмекерская контора — организация, принимающая ставки на различные спортивные мероприятия. располагалась в лютном переулке, предположительно, там могли делать ставки на игру в квиддич.</div>
<div class="jb-row">» владелец — isaac goldstein</div>
<div class="jb-row">» сотрудники —<a href="https://quibbler.rusff.me/profile.php?section=view&id=71">anthony goldstein</a></div>
<hr class="jb-hr">
<div class="jb-level">borgin and burkes</div>
<div class="jb-note">самое известное заведение в лондоне, занимающееся скупкой и продажей сильных и приметных волшебных вещей, в основном связанных с тёмной магией.</div>
<div class="jb-row">» владельцы — <a href="https://quibbler.rusff.me/profile.php?id=68">cillian burke</a>, <a href="https://quibbler.rusff.me/profile.php?id=67">cassidy borgin</a></div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">chimney sweep elf</div>
<div class="jb-note">организация, где можно было взять в аренду эльфа-домовика для того, чтобы он прочистил дымоход. офис располагается в лютном переулке, рядом с выходом в косой переулок.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">cobb &amp; webb's</div>
<div class="jb-note">магазин, который расположен в лютном переулке, где можно было приобрести предметы, связанные с тёмными искусствами. располагается рядом с лавкой древностей.</div>
<div class="jb-row">» владельцы — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">dystyl phaelanges</div>
<div class="jb-note">магазин в лютном переулке, торгующий костями, окаменелостями и клыками, а также мебелью, сделанной из костей. в большой витрине магазина выставлены несколько скелетов.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">e.l.m. and wizards undertakers &amp; embalmers</div>
<div class="jb-note">похоронное бюро в лютном переулке, где, соответствуя названию, происходит оказание похоронных услуг и бальзамирования.</div>
<div class="jb-row">» владелец — <a href="https://quibbler.rusff.me/profile.php?id=54">hestia carrow</a></div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">fledermaus and tanner bats &amp; skins</div>
<div class="jb-note">флидерамус — летучие мыши и их шкурки — магазин в лютном переулке. он расположен слева от «слесарной мастерской».</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">markus scarrs indelible tattoos</div>
<div class="jb-note">салон волшебного тату, располагающийся в лютном переулке, слева от лестницы, ведущей к пабу «белая виверна».</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">moribund's</div>
<div class="jb-note">находится напротив «горбин и бэркес» и рядом с магазином «спини серпент». магазин был назван в честь знаменитого квиддичного вратаря мормбанда.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">noggin &amp; bonce</div>
<div class="jb-note">магазин в лютном переулке, специализирующийся на продаже сушеных голов (это можно заметить, проходя мимо главной витрины).</div>
<div class="jb-row">» владельцы — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">shyverwretch's venoms and poisons</div>
<div class="jb-note">яды и отравы шайверетча — магазин в лютном переулке, специализирующийся на всевозможных отравах, ядах и ядовитых зельях.</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">the coffin house</div>
<div class="jb-note">лавка коффина — магазин в лютном переулке. в лавке, возможно, продаются товары, связанные с темной магией и некромантией.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">the white wyvern</div>
<div class="jb-note">белая виверна — паб в лютном переулке. находится в проходе между домами, вверх по лестнице от «тату-салона маркуса скаррса».</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» бухгалтер —</div>
<div class="jb-row">» бармен —</div>
<div class="jb-row">» вышибала —</div>
<div class="jb-row">» музыкант —</div>
<hr class="jb-hr">
<div class="jb-level">trackleshanks locksmith</div>
<div class="jb-note">слесарная мастерская — лавка, в которой можно купить и установить замки, или же заменить ключи.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">wizarding supplies</div>
<div class="jb-note">волшебные принадлежности — магазин в лютном переулке. находится рядом с магазином «горбин и бэркес».</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">ye olde curiosity shop</div>
<div class="jb-note">лавка древностей — магазин, расположенный в лютном переулке, где можно было приобрести предметы, связанные с тёмными искусствами.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">the spiny serpent</div>
<div class="jb-note">снаружи «спини серпент» представляет из себя магазин ваз в буквальном смысле. ими они тоже торгуют. но если выдать продавцу зачарованный галлеон с изображением змея в яблоке [можете выиграть в карты, получить в подарок, но купить нет. выдаются только по рекомендациям постоянных клиентов], то вас пропустят вниз по лестнице за прилавком. закрытые вечеринки, бар с лучшим алкоголем, азартные игры, запрещённые зелья, девочки/мальчики на любой вкус.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
    </div>
  </section>

  <section class="jobs-panel" id="jobs-7">
    <div class="jobs-panel-head">
      <h3 class="jobs-panel-title">hogsmeade</h3>
    </div>
    <div class="jobs-body">
<div class="jb-lead">маленькая деревушка, расположенная недалеко от хогвартса, единственная деревушка в англии, где совершенно нет маглов. основана в средние века энгистом из вудкрофта. любой ученик хогвартса, начиная с третьего курса, получает право посещать хогсмид 3-4 раза в год, если родители или опекун предоставят школьной администрации письменное разрешение. за плохое поведение ученика этого права может лишить декан факультета.</div>
<div class="jb-level">dervish &amp; banges</div>
<div class="jb-note">магазин волшебных принадлежностей в хогсмиде. продаёт оборудование для квиддича, вредноскопы, спектрально-астральные очки, напоминалки и другие магические инструменты.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">gladrags wizardwear</div>
<div class="jb-note">«шапка-невидимка» — магазин одежды в хогсмиде.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">honeydukes</div>
<div class="jb-note">знаменитая кондитерская в хогсмиде, где продают всевозможные волшебные сладости: «драже на любой вкус «берти боттс», бочонок сахарных свистулек, воздушное мороженое.</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">the hog's head</div>
<div class="jb-note">тут довольно грязно и темно: сквозь годами немытые окна свет с улицы едва пробивается, а земляной пол при ближайшем рассмотрении оказывается никаким не земляным, просто на нём лежит такой слой грязи.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">the three broomsticks</div>
<div class="jb-note">«три метлы» — паб мадам розмерты в хогсмиде. наиболее популярное место встреч студентов и преподавателей хогвартса. заведение розмерты славится своим сливочным пивом и фирменной медовухой.</div>
<div class="jb-row">» владелец — </div>
<div class="jb-row">» сотрудники —</div>
<hr class="jb-hr">
<div class="jb-level">zonko's joke shop</div>
<div class="jb-note">«зонко» — лавка диковинных волшебных штучек в хогсмиде, чьи товары были весьма популярны у студентов хогвартса.</div>
<div class="jb-row">» владелец —</div>
<div class="jb-row">» сотрудники —</div>
    </div>
  </section>

  <section class="jobs-panel" id="jobs-8">
    <div class="jobs-panel-head">
      <h3 class="jobs-panel-title">others</h3>
    </div>
    <div class="jobs-body">
<div class="jb-lead">остальные профессии не вошедшие в списки</div>
<div class="jb-row">— <a href="https://quibbler.rusff.me/profile.php?id=26">adrian pucey</a> - адвокат в частной адвокатской конторе по магическому праву «formula & seal»;</div>
<div class="jb-row">— <a href="https://quibbler.rusff.me/profile.php?id=78">arif sikander</a> - профессор магловедения в хогвартсе;</div>
<div class="jb-row">— <a href="https://quibbler.rusff.me/profile.php?id=51">blaise zabini</a> - инвестор;</div>
<div class="jb-row">— <a href="https://quibbler.rusff.me/profile.php?id=61">jolene ollivander</a> - конструктор в собственной мастерской гоночных метел "slipstream";</div>
<a href="https://quibbler.rusff.me/profile.php?id=113">Narcissa Malfoy</a> - «Twilfitt and Tattings», модельер
<div class="jb-row"><a href="https://quibbler.rusff.me/profile.php?id=95">sylvan lestrange</a> - настройщик музыкальных инструментов</div>
<!-- одна профессия = одна строка: <div class="jb-row">— имя персонажа - профессия</div> -->
    </div>
  </section>

  <div class="jobs-foot">выберите раздел выше, чтобы посмотреть доступные должности и занятые места</div>

<script>
(function () {
  var box = document.getElementById("jobs");
  if (!box) return;

  var tabs = box.querySelectorAll(".jobs-tab");
  var panels = box.querySelectorAll(".jobs-panel");

  function activate(id) {
    for (var i = 0; i < tabs.length; i++) {
      tabs[i].classList.toggle("is-active", tabs[i].getAttribute("data-tab") === id);
    }

    for (var j = 0; j < panels.length; j++) {
      panels[j].classList.toggle("is-active", panels[j].id === id);
    }
  }

  for (var k = 0; k < tabs.length; k++) {
    tabs[k].addEventListener("click", function () {
      activate(this.getAttribute("data-tab"));
    });
  }

  var ministryTabs = box.querySelectorAll(".ministry-tab");
  var ministryPanels = box.querySelectorAll(".ministry-subpanel");

  function activateMinistry(id) {
    for (var m = 0; m < ministryTabs.length; m++) {
      ministryTabs[m].classList.toggle("is-active", ministryTabs[m].getAttribute("data-ministry-tab") === id);
    }

    for (var n = 0; n < ministryPanels.length; n++) {
      ministryPanels[n].classList.toggle("is-active", ministryPanels[n].id === id);
    }
  }

  for (var p = 0; p < ministryTabs.length; p++) {
    ministryTabs[p].addEventListener("click", function () {
      activateMinistry(this.getAttribute("data-ministry-tab"));
    });
  }

  var mediaTabs = box.querySelectorAll(".media-tab");
  var mediaPanels = box.querySelectorAll(".media-subpanel");

  function activateMedia(id) {
    for (var q = 0; q < mediaTabs.length; q++) {
      mediaTabs[q].classList.toggle("is-active", mediaTabs[q].getAttribute("data-media-tab") === id);
    }

    for (var r = 0; r < mediaPanels.length; r++) {
      mediaPanels[r].classList.toggle("is-active", mediaPanels[r].id === id);
    }
  }

  for (var s = 0; s < mediaTabs.length; s++) {
    mediaTabs[s].addEventListener("click", function () {
      activateMedia(this.getAttribute("data-media-tab"));
    });
  }

  function setTheme(t) {
    var th = t === "dark" ? "dark" : "light";
    box.setAttribute("data-theme", th);
    document.documentElement.style.colorScheme = th;
  }

  try {
    var root = window.parent.document.documentElement;

    setTheme(root.getAttribute("data-forum-theme") || "light");

    new MutationObserver(function () {
      setTheme(root.getAttribute("data-forum-theme") || "light");
    }).observe(root, {
      attributes: true,
      attributeFilter: ["data-forum-theme"]
    });

  } catch (e) {}

  window.addEventListener("message", function (e) {
    if (e.data && e.data.forumTheme) {
      setTheme(e.data.forumTheme);
    }
  });

  try {
    window.parent.postMessage({ lstReady: 1 }, "*");
  } catch (e) {}

})();
</script>

</div>
[/html]