[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Cinzel+Decorative:wght@700&family=EB+Garamond:ital,wght@0,400;0,600;1,400&display=swap');

.lim-wrap {
  box-sizing: border-box;
  --ink:        #e7e1d4;
  --ink-dim:    #948a78;
  --bg-card:    #201e1c;
  --bg-card-2:  #2a2724;
  --bg-card-3:  #141312;
  --brass:      #c9a15f;
  --brass-dim:  #6e5c39;
  --blood:      #5c1a1f;
  --blood-br:   #b0403f;
  font-family: 'EB Garamond', Georgia, serif;
  color: var(--ink);
  padding: 20px 12px;
}
.lim-wrap *, .lim-wrap *::before, .lim-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  line-height: normal;
}

.lim-wrap .lim-texture {
  background-color: var(--bg-card);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 18% 12%, rgba(255,255,255,0.05), transparent 55%),
    radial-gradient(ellipse at 88% 95%, rgba(0,0,0,0.55), transparent 60%),
    linear-gradient(160deg, var(--bg-card-2), var(--bg-card) 55%, var(--bg-card-3) 100%);
  background-blend-mode: overlay, soft-light, multiply, normal;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  background-size: 140px 140px, cover, cover, cover;
}

.lim-wrap .lim-banner {
  max-width: 900px;
  margin: 0 auto 20px;
  text-align: center;
  border: 1px solid var(--brass-dim);
  padding: 26px 20px 22px;
  position: relative;
}
.lim-wrap .lim-banner::before,
.lim-wrap .lim-banner::after {
  content: "";
  position: absolute;
  width: 18px; height: 18px;
  border: 1px solid var(--brass);
  opacity: 0.6;
}
.lim-wrap .lim-banner::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }
.lim-wrap .lim-banner::after  { bottom: 8px; right: 8px; border-left: none; border-top: none; }

.lim-wrap .lim-title {
  font-family: 'Cinzel Decorative', 'Cinzel', serif;
  font-weight: 700;
  font-size: 34px;
  letter-spacing: 4px;
  color: var(--brass);
  text-shadow: 0 0 18px rgba(201,161,95,0.25);
}
.lim-wrap .lim-motto {
  color: var(--blood-br);
  font-size: 13.5px;
  letter-spacing: 0.5px;
  margin-top: 6px;
}
.lim-wrap .lim-subtitle {
  color: var(--ink-dim);
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-top: 8px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.lim-wrap .lim-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 20px;
}
.lim-wrap .lim-stat {
  border: 1px solid var(--brass-dim);
  padding: 10px 8px;
  text-align: center;
}
.lim-wrap .lim-stat-label {
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--brass);
  margin-bottom: 4px;
  display: block;
}
.lim-wrap .lim-stat-value {
  font-size: 13px;
  color: var(--ink-dim);
  display: block;
}

.lim-wrap .lim-tab-input { display: none; }

.lim-wrap .lim-nav {
  max-width: 900px;
  margin: 0 auto 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
.lim-wrap .lim-nav label {
  cursor: pointer;
  font-family: 'Cinzel', serif;
  font-size: 12.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--ink-dim);
  border: 1px solid var(--brass-dim);
  padding: 9px 14px;
  background: var(--bg-card-2);
  transition: color 0.15s, border-color 0.15s;
  user-select: none;
}
.lim-wrap .lim-nav label:hover { color: var(--ink); border-color: var(--brass); }

.lim-wrap .lim-panels { max-width: 900px; margin: 0 auto; }
.lim-wrap .lim-panel { display: none; }
.lim-wrap .lim-panel-inner {
  border: 1px solid var(--brass-dim);
  padding: 26px 26px 22px;
  box-shadow: 0 14px 30px rgba(0,0,0,0.55), inset 0 0 80px rgba(0,0,0,0.5);
}

#lim-t1:checked ~ .lim-nav label[for="lim-t1"],
#lim-t2:checked ~ .lim-nav label[for="lim-t2"],
#lim-t3:checked ~ .lim-nav label[for="lim-t3"],
#lim-t4:checked ~ .lim-nav label[for="lim-t4"],
#lim-t5:checked ~ .lim-nav label[for="lim-t5"],
#lim-t6:checked ~ .lim-nav label[for="lim-t6"],
#lim-t7:checked ~ .lim-nav label[for="lim-t7"] {
  color: var(--ink);
  background: var(--bg-card);
  border-color: var(--brass);
  box-shadow: 0 0 12px rgba(201,161,95,0.3);
}

#lim-t1:checked ~ .lim-panels #lim-p1,
#lim-t2:checked ~ .lim-panels #lim-p2,
#lim-t3:checked ~ .lim-panels #lim-p3,
#lim-t4:checked ~ .lim-panels #lim-p4,
#lim-t5:checked ~ .lim-panels #lim-p5,
#lim-t6:checked ~ .lim-panels #lim-p6,
#lim-t7:checked ~ .lim-panels #lim-p7 {
  display: block;
}

.lim-wrap .lim-h2 {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 1px;
  color: var(--brass);
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--brass-dim);
}
.lim-wrap .lim-h3 {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 15.5px;
  letter-spacing: 0.5px;
  color: var(--ink);
  margin: 18px 0 8px;
}
.lim-wrap .lim-h3:first-child { margin-top: 0; }

.lim-wrap .lim-text {
  font-size: 15.5px;
  line-height: 1.75;
  text-align: justify;
  color: var(--ink);
  margin-bottom: 12px;
}
.lim-wrap .lim-text:last-child { margin-bottom: 0; }
.lim-wrap .lim-text b { color: var(--brass); font-weight: 600; }
.lim-wrap .lim-text i { color: var(--ink-dim); font-style: normal; }

.lim-wrap .lim-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--brass-dim), var(--blood), var(--brass-dim), transparent);
  margin: 18px 0;
}

.lim-wrap .lim-list { margin: 8px 0 14px; }
.lim-wrap .lim-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink);
  margin-bottom: 7px;
}
.lim-wrap .lim-list li::before {
  content: "◆";
  position: absolute;
  left: 0; top: 2px;
  font-size: 9px;
  color: var(--blood-br);
}
.lim-wrap .lim-list li b { color: var(--brass); }

.lim-wrap .lim-quote {
  border-left: 2px solid var(--blood-br);
  background: rgba(0,0,0,0.25);
  padding: 14px 18px;
  margin: 12px 0;
  color: var(--brass);
  font-size: 15px;
  line-height: 1.7;
}

.lim-wrap .lim-note {
  border: 1px solid var(--blood-br);
  background: rgba(92,26,31,0.18);
  padding: 12px 16px;
  margin: 12px 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink);
}
.lim-wrap .lim-note b { color: var(--blood-br); }

.lim-wrap .lim-draft {
  border: 1px dashed var(--brass-dim);
  background: rgba(201,161,95,0.06);
  padding: 10px 14px;
  margin: 10px 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--ink-dim);
}
.lim-wrap .lim-draft b {
  color: var(--brass);
  font-family: 'Cinzel', serif;
  font-size: 10.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}

/* сворачиваемые блоки */
.lim-wrap details.lim-fold {
  border: 1px solid var(--brass-dim);
  margin-bottom: 12px;
}
.lim-wrap details.lim-fold > summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 16px;
  font-family: 'Cinzel', serif;
  font-size: 13.5px;
  letter-spacing: 0.5px;
  color: var(--brass);
  background: var(--bg-card-2);
  display: flex;
  align-items: center;
  gap: 8px;
}
.lim-wrap details.lim-fold > summary::-webkit-details-marker { display: none; }
.lim-wrap details.lim-fold > summary::before {
  content: "▸";
  color: var(--blood-br);
  transition: transform 0.15s;
}
.lim-wrap details.lim-fold[open] > summary::before { transform: rotate(90deg); }
.lim-wrap details.lim-fold > .lim-fold-body {
  padding: 16px 18px 18px;
  border-top: 1px solid var(--brass-dim);
}

/* карточки "для кого" */
.lim-wrap .lim-audience-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 12px 0;
}
.lim-wrap .lim-audience-card {
  border: 1px solid var(--brass-dim);
  background: rgba(0,0,0,0.2);
  padding: 12px 14px;
}
.lim-wrap .lim-audience-name {
  font-family: 'Cinzel', serif;
  font-size: 13px;
  color: var(--brass);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.lim-wrap .lim-audience-desc {
  font-size: 14px;
  color: var(--ink);
  line-height: 1.6;
}

/* иерархия */
.lim-wrap .lim-hier-item {
  border-left: 2px solid var(--brass-dim);
  padding: 4px 0 14px 16px;
  margin-bottom: 2px;
  position: relative;
}
.lim-wrap .lim-hier-item::before {
  content: "";
  position: absolute;
  left: -5px; top: 4px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--brass-dim);
}
.lim-wrap .lim-hier-item.lim-hier-major::before {
  background: var(--blood-br);
  box-shadow: 0 0 8px rgba(176,64,63,0.6);
}
.lim-wrap .lim-hier-item:last-child { border-left-color: transparent; }
.lim-wrap .lim-hier-name {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: var(--ink);
  margin-bottom: 4px;
}
.lim-wrap .lim-hier-name b { color: var(--brass); }
.lim-wrap .lim-hier-desc {
  font-size: 14px;
  color: var(--ink-dim);
  line-height: 1.6;
}

/* отношения с государствами */
.lim-wrap .lim-rel {
  border-left: 2px solid var(--brass-dim);
  padding: 4px 0 14px 16px;
  margin-bottom: 4px;
}
.lim-wrap .lim-rel-name {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: var(--brass);
  margin-bottom: 5px;
}
.lim-wrap .lim-rel-desc {
  font-size: 14.5px;
  color: var(--ink);
  line-height: 1.65;
}

/* мобильная адаптация */
@media (max-width: 700px) {
  .lim-wrap { padding: 14px 8px; }
  .lim-wrap .lim-title { font-size: 23px; letter-spacing: 2px; }
  .lim-wrap .lim-stats { grid-template-columns: 1fr 1fr; }
  .lim-wrap .lim-banner { padding: 18px 14px 16px; }

  .lim-wrap .lim-nav { flex-direction: column; }
  .lim-wrap .lim-nav label { width: 100%; text-align: center; padding: 11px 10px; }

  .lim-wrap .lim-panel-inner { padding: 18px 14px 16px; }
  .lim-wrap .lim-h2 { font-size: 18px; }
  .lim-wrap .lim-text { font-size: 14.5px; text-align: left; }

  .lim-wrap .lim-audience-grid { grid-template-columns: 1fr; }
}
</style>

<div class="lim-wrap">

  <div class="lim-banner lim-texture">
    <div class="lim-title">Лимес</div>
    <div class="lim-motto">Гильдия искателей · Ultra limen — «за предел»</div>
    <div class="lim-subtitle">Чартерная коллегия, признанная Сенатом Фортиды: снаряжает и водит экспедиции туда, где заканчиваются известные карты и начинается всё, что оставил после себя магический катаклизм.</div>
    <div class="lim-stats">
      <div class="lim-stat"><span class="lim-stat-label">Родина</span><span class="lim-stat-value">Республика Фортида, Сердика</span></div>
      <div class="lim-stat"><span class="lim-stat-label">Происхождение</span><span class="lim-stat-value">IX легион, расформирован в 1235 г. н.э.</span></div>
      <div class="lim-stat"><span class="lim-stat-label">Власть</span><span class="lim-stat-value">триумвират магистров + выборный диктатор</span></div>
      <div class="lim-stat"><span class="lim-stat-label">Знак</span><span class="lim-stat-value">бронзовая тессера</span></div>
    </div>
  </div>

  <input type="radio" name="lim-tab" id="lim-t1" class="lim-tab-input" checked>
  <input type="radio" name="lim-tab" id="lim-t2" class="lim-tab-input">
  <input type="radio" name="lim-tab" id="lim-t3" class="lim-tab-input">
  <input type="radio" name="lim-tab" id="lim-t4" class="lim-tab-input">
  <input type="radio" name="lim-tab" id="lim-t5" class="lim-tab-input">
  <input type="radio" name="lim-tab" id="lim-t6" class="lim-tab-input">
  <input type="radio" name="lim-tab" id="lim-t7" class="lim-tab-input">

  <nav class="lim-nav">
    <label for="lim-t1">Обзор</label>
    <label for="lim-t2">Деятельность</label>
    <label for="lim-t3">Запретные наряды</label>
    <label for="lim-t4">Структура</label>
    <label for="lim-t5">Иерархия и вступление</label>
    <label for="lim-t6">Мир</label>
    <label for="lim-t7">Символы и репутация</label>
  </nav>

  <div class="lim-panels">

    <!-- 1. ОБЗОР -->
    <section id="lim-p1" class="lim-panel">
      <div class="lim-panel-inner lim-texture">
        <div class="lim-h2">Общее описание</div>
        <p class="lim-text"><b>Гильдия искателей</b> — чартерная коллегия, признанная Сенатом Фортиды организация, что снаряжает и водит экспедиции туда, где заканчиваются известные контурные карты и начинается всё то, что оставил после себя магический катаклизм: брошенные дороги, затонувшие города, обезлюдевшие земли, руины старше любых хроник и места, куда здравомыслящий человек не сунется ни за какие деньги. Таково официальное предназначение гильдии. На практике «Лимес» занимаются разведкой и изучением не так уж давно покинутых земель или владений, восстанавливают карты, занимаются кадастром, прокладывают дороги и доставляют сообщения.</p>

        <div class="lim-h3">От легиона к коллегии</div>
        <p class="lim-text">В прошлом «Лимес» был <b>IX легионом Фортиды</b> — пограничной, вечно куда-то отправляемой частью, которую свои же прозвали «Лимесом» задолго до гильдии. Именно этому легиону консул Каракалла Север в 1235 году н.э. пообещал славу похода на Кетуса — в обмен на голоса в Сенате. Когда раскрылось, что часть этих голосов он купил, а часть выбил силой, вспыхнул <b>Северный мятеж</b>. Легион не поднимал оружия против Республики, но клеймо оказалось несмываемым: в том же году Сенат расформировал его как воинскую часть — и тут же, чтобы не разбрасываться обученными людьми, выдал ему чартер гражданской коллегии.</p>

        <div class="lim-h3">Кто есть кто</div>
        <p class="lim-text">В просторечии всех, кто связан с гильдией, зовут <b>искателями</b>. Внутри самой коллегии у слова значение поуже. <b>Искатель</b> — это полноправный член, прошедший посвящение и носящий бронзовый жетон-тессеру. Формально же таких зовут <b>эксплораторами</b> — по старому слову Фортиды, означавшему разведчика, идущего впереди войска. «<b>Виаторами</b>» (попутчиками) кличут наёмных проводников и носильщиков, что идут с экспедицией на один поход, но не имеют права слова.</p>
      </div>
    </section>

    <!-- 2. ДЕЯТЕЛЬНОСТЬ -->
    <section id="lim-p2" class="lim-panel">
      <div class="lim-panel-inner lim-texture">
        <div class="lim-h2">Чем занимается гильдия</div>
        <p class="lim-text">Дела гильдии устроены на манер прошлых военных компаний IX легиона — «Лимес» гордится своей военной историей. Всё в коллегии вертится вокруг <b>наряда</b> — письменного заказа, который заказчик оставляет в фактории, а коллегия выставляет на доску и заносит в реестр.</p>

        <div class="lim-audience-grid">
          <div class="lim-audience-card">
            <div class="lim-audience-name">Для заказчиков</div>
            <div class="lim-audience-desc">«Лимес» принимает наряд, берёт награду в залог, заключает договор под печатью и ручается, что за дело возьмутся снаряжённые и обученные люди, а добытое (материальное и нематериальное) доставят с накладной.</div>
          </div>
          <div class="lim-audience-card">
            <div class="lim-audience-name">Для мирян</div>
            <div class="lim-audience-desc">Источник работы и снаряжения с минимальным уровнем требований к квалификации. Коллегия выдаёт ссуду на поход, выкупает находки, лечит и хоронит своих согласно обрядам их родных земель. Жестоко карает всякого, кто пытается нажиться на добром имени гильдии — есть собственные отряды «зачистки».</div>
          </div>
          <div class="lim-audience-card">
            <div class="lim-audience-name">Для Хартии и Анклава</div>
            <div class="lim-audience-desc">Основной поставщик и посредник. Найденные предметы уходят артефакторам, редкие травы, минералы, части чудовищ и образцы — алхимикам и кафедрам Анклава.</div>
          </div>
          <div class="lim-audience-card">
            <div class="lim-audience-name">Для лордов</div>
            <div class="lim-audience-desc">Экспедиторы и образцовые инженерные формирования. «Лимес» не имеет права участвовать в войнах по законам Сената, но может разведать спорную землю, проложить тропу, выудить из дикой местности утраченные обозы, провести ремонт фортификации.</div>
          </div>
        </div>

        <div class="lim-h3">Полный спектр услуг</div>
        <p class="lim-text">Помимо обычных нарядов, «Лимес» берётся за сопровождение и охрану в пути — проводку через гиблые места, возврат (тел, наследников, брошенного имущества), кадастр (любимое занятие всех феодалов со спорными территориями), добычу образцов редких ресурсов и ремонтные работы, привлекается ко всякой стройке.</p>

        <div class="lim-h3">Реестр гильдии</div>
        <p class="lim-text">Гильдия ведёт счёт не только деньгам. Кто какой наряд взял, какой тропой ушёл, что вынес и вернулся ли — всё ложится в реестр. Списки эти неполны и посторонним целиком не показываются, но именно по ним порой выясняется, что эксплоратор, сгинувший у кратера Деменция три года назад, унёс с собой кинжал без клейма, который позже всплыл совсем в другом королевстве. Такими сведениями «Лимес» охотно делится с Хартией — за вознаграждение.</p>
      </div>
    </section>

    <!-- 3. ЗАПРЕТНЫЕ НАРЯДЫ -->
    <section id="lim-p3" class="lim-panel">
      <div class="lim-panel-inner lim-texture">
        <div class="lim-h2">Запретные наряды</div>
        <p class="lim-text">Есть работы, которые висят на доске годами:</p>

        <ul class="lim-list">
          <li><b>Степи Ургаса.</b> В Саргосе вход в степи — тягчайшее религиозное преступление, кара за которое одна: немедленная казнь. Официально таких нарядов у «Лимеса» не существует.</li>
          <li><b>Кратер Деменция</b> на острове Анклава. Вечный, щедрый и, по сути, смертный наряд: к краю кратера до сих пор не подошёл в здравом уме ни один человек — буквально. Награда висит на доске и никем не снята.</li>
          <li><b>Открытый океан и охота на левиафанов.</b> Удачливому охотнику, как поговаривают, потом несколько месяцев везёт. О том, скольким везти было уже некому, поговаривают тише. Коллегии часто приходят заказы на изучение безопасных морских путей — из них уже можно сделать свою собственную «морскую волну». «Лимес» неохотно выдаёт подобные заказы в работу: из 10 отправленных экспедиторов вернётся 1.</li>
        </ul>
      </div>
    </section>

    <!-- 4. СТРУКТУРА -->
    <section id="lim-p4" class="lim-panel">
      <div class="lim-panel-inner lim-texture">
        <div class="lim-h2">Структура</div>
        <p class="lim-text">«Лимес» устроен как коллегия Фортиды: единым и вечным главой над гильдией никто не стоит. Высшая власть принадлежит триумвирату магистров, а распорядительную должность «диктатора» коллегия вверяет одному из своих проверенных исследователей на срок и по выбору — на манер сенатских магистратур. Как только срок выходит — выбирают заново.</p>

        <div class="lim-h3">Курия и фактории</div>
        <p class="lim-text">Основа гильдии — <b>курия</b>, её главный дом в Сердике, столице Фортиды, где хранятся чартер (архив контрактов, разрешений и легальных документов), большая казна и полный реестр. За пределами родины «Лимес» держит <b>фактории</b> — представительства поменьше, что ведут местные дела, доску нарядов и свою казну, но подчиняются общим правилам, чартеру и реестру. Каждая фактория сама по себе полусамостоятельна, однако спорные долги, тяжбы и крупные экспедиции решаются через курию. Фактории рассматриваются «Лимесом» как внешние подрядчики с особым доступом.</p>
      </div>
    </section>

    <!-- 5. ИЕРАРХИЯ И ВСТУПЛЕНИЕ -->
    <section id="lim-p5" class="lim-panel">
      <div class="lim-panel-inner lim-texture">
        <div class="lim-h2">Иерархия</div>

        <div class="lim-hier-item lim-hier-major">
          <div class="lim-hier-name"><b>Диктатор</b></div>
          <div class="lim-hier-desc">Выборный глава коллегии, избираемый советом на срок. Держит чартер, представляет «Лимес» перед Сенатом и иными державами, утверждает большие экспедиции, заверяет полномочия «внешних подрядчиков» и может устанавливать правила.</div>
        </div>
        <div class="lim-hier-item">
          <div class="lim-hier-name"><b>Магистр</b></div>
          <div class="lim-hier-desc">Стоит во главе курии или крупной фактории, заседает в «Совете Трёх — Триумвирате»: распределяет наряды, утверждает договоры, ведает делами представительства.</div>
        </div>
        <div class="lim-hier-item">
          <div class="lim-hier-name"><b>Квестор</b></div>
          <div class="lim-hier-desc">Казначей. Хранит залоги заказчиков, ведёт счёт долей и ссуд, держит казну. Самый сидячий и один из самых сильных людей в любом отделении «Лимес».</div>
        </div>
        <div class="lim-hier-item">
          <div class="lim-hier-name"><b>Скриба</b></div>
          <div class="lim-hier-desc">Хранитель реестра: имена, тропы, находки. Должность скромная, но скрибу порой боятся больше квестора — он точно знает, кто кому что должен и кто что вынес. Часто именно его жизнь находится в опасности, когда кто-то решит «подчистить хвосты».</div>
        </div>
        <div class="lim-hier-item">
          <div class="lim-hier-name"><b>Декурион</b></div>
          <div class="lim-hier-desc">Ветеран, что водит экспедиции и отряды, ручается за новичков и получает приоритет в выборе из доступных нарядов.</div>
        </div>
        <div class="lim-hier-item">
          <div class="lim-hier-name"><b>Эксплоратор / Искатель</b></div>
          <div class="lim-hier-desc">Полноправный искатель с тессерой.</div>
        </div>
        <div class="lim-hier-item">
          <div class="lim-hier-name"><b>Виатор</b></div>
          <div class="lim-hier-desc">Новобранец на испытании или наёмник.</div>
        </div>

        <div class="lim-divider"></div>

        <div class="lim-h2">Как вступают</div>
        <p class="lim-text">В «Лимес» попасть одновременно сложно и легко — коллегия активно вербует наёмников и подёнщиков на дармовые работы. Но чтобы стать полноценным искателем и получить тессеру как знак отличия, потребуется либо личная рекомендация декуриона или магистра, либо результаты нескольких вылазок без повинностей. А ещё придётся научиться читать, считать и писать на базовом уровне.</p>
        <p class="lim-text">Также новичок приносит вступительный взнос (символический), его заносят в реестр и вручают именную <b>тессеру</b> — бронзовый жетон с печатью «Лимеса» и его номером. Тессера служит и пропуском, и удостоверением: по её номеру в реестре о человеке скажут больше, чем он сам о себе расскажет, а чужую не наденешь и свою не перепродашь. Со сменой статуса в организации старую тессеру изымают и выдают новую — у каждого ранга в коллегии разный материал удостоверения и разный порядковый номер.</p>
      </div>
    </section>

    <!-- 6. МИР -->
    <section id="lim-p6" class="lim-panel">
      <div class="lim-panel-inner lim-texture">
        <div class="lim-h2">Отношение с обществом</div>

        <div class="lim-rel">
          <div class="lim-rel-name">Фортида</div>
          <div class="lim-rel-desc">Родина и сердце гильдии. «Лимес» держит здесь чартер, главную курию и большую казну. Положение в обществе почётное и доходное, но и хлопотное: коллегия платит подати, отчитывается перед Сенатом и то и дело становится разменной фигурой в распрях.</div>
        </div>
        <div class="lim-rel">
          <div class="lim-rel-name">Анклав</div>
          <div class="lim-rel-desc">Самые тёплые отношения. «Лимес» снаряжает для академии экспедиции, добывает образцы, сопровождает учёных и в который раз робко пытается (всегда тщетно) подобраться к кратеру Деменция. Фактория гильдии расположена у самых доков и входных врат; учёные нередко смотрят на Искателей свысока — но ровно до тех пор, пока им не нужно вынести что-нибудь из гиблого места.</div>
        </div>
        <div class="lim-rel">
          <div class="lim-rel-name">Империя Саргос</div>
          <div class="lim-rel-desc">Отношения узаконенные, но скользкие. Ритуальное колдовство и многое прочее там преследуется, поэтому фактория записана как перевозно-охранная контора и работает лишь в дозволенных формах. Наряды в степи Ургаса означают казнь, и официально их не существует. Зато в этом краю интриг, яда и ударов в спину всегда в цене тихое «сопровождение» и «розыск» — коллегия старательно не уточняет, кого и зачем.</div>
        </div>
        <div class="lim-rel">
          <div class="lim-rel-name">Моленгард</div>
          <div class="lim-rel-desc">Транзакционные отношения. Закрытое, хмурое королевство с минимумом указателей: здесь Искателя ценят прежде всего как Проводника. Но церковь Серкеса не дремлет: разграбление могил, склепов и Могильника (гильдию постоянно в этом подозревают) — тяжкое религиозное преступление, и подобные наряды «Лимес» принимает для вида, а потом тут же сдаёт сведения местным жрецам.</div>
        </div>
        <div class="lim-rel">
          <div class="lim-rel-name">Ландвиди</div>
          <div class="lim-rel-desc">Опасно-приятельские отношения. Гильдия работает рука об руку с Домом Свартгом (разведка, засады, охота) и Тирнхедом (когда нужно провести армии), а Дом Лин’Хед охотно скупает яды и части чудовищ. Леса и подземелья, кишащие тварями, — бездонный источник опасных нарядов и редких образцов. Местная фактория умудрилась добиться приятельских отношений со скрытым восьмым домом королевства, и сейчас гильдия активно работает в направлении изучения подземных ходов, которые простираются далеко под океаны и моря.</div>
        </div>
        <div class="lim-rel">
          <div class="lim-rel-name">Аструм</div>
          <div class="lim-rel-desc">Культ звёзд щедро платит Лимесу: добыть осколок упавшей звезды, описать небесное явление, в очередной раз попытаться подойти к кратеру. Работа доходная, постоянная и почти всегда обречённая на летальный исход.</div>
        </div>

        <div class="lim-h3">География факторий</div>
        <p class="lim-text">Фактории «Лимеса» стоят в каждом крупном порту и у большинства спорных рубежей. Дальше всего экспедиции забираются туда, где дороже всего платят: в Пустоши, оставленные феноменом Перитеса, — туда, где над зыбучими песками торчит одинокая скала, которую сами искатели прозвали Драконьим зубом, — а также в приграничные земли степей Ургаса.</p>
        <div class="lim-draft"><b>Черновая пометка</b>Исходное описание обрывается на перечислении дальних точек — здесь дописана только логическая концовка фразы про приграничье степей Ургаса. Если у вас есть продолжение списка (другие дальние регионы), пришлите — дополню.</div>
      </div>
    </section>

    <!-- 7. СИМВОЛЫ И РЕПУТАЦИЯ -->
    <section id="lim-p7" class="lim-panel">
      <div class="lim-panel-inner lim-texture">
        <div class="lim-h2">Символы</div>
        <p class="lim-text">Знак Искателя — именная тессера: бронзовый жетон с печатью коллегии и номером владельца, что носят на шнуре или поверху. Кроме того, Искатели имеют свой собственный язык символов, которыми обозначают опасные, безопасные и странные места, где ранее уже проходили члены гильдии.</p>

        <div class="lim-draft"><b>В разработке</b>Общий герб/эмблема коллегии ещё не утверждены. Стоит свериться с тем, как решён вопрос символики для Фортиды в целом: в отличие от классических феодальных гербов, Республика использует родовые знаки гентов и инсигнии магистратов, а не блазоны — вероятно, эмблема «Лимеса» логичнее в виде войскового знака (по образцу штандарта бывшего IX легиона), а не геральдического щита.</div>

        <div class="lim-divider"></div>

        <div class="lim-h2">Репутация</div>
        <p class="lim-text">Сколько людей в комнате, столько и мнений вокруг Лимеса. Кто-то их уважает, кому-то они так и не смогли достать караван из болота, кто-то потерял брата в экспедиции, а другие осуждают Лимес за то, что они берут в свои ряды голодранцев. Патент коллегии открывает двери и внушает доверие там, где вольному авантюристу указали бы на порог; но за глаза «Лимес» зовут жадными, медлительными, чересчур политически близкими к Сенату и слишком охочими до чужого добра людьми, что кормятся руинами, могилами и дикими тропами. В обличительных песнях и трактирных байках Искатель — то дурак, ушедший за край и не вернувшийся, то проныра, что обобрал покойника и продал находку втридорога.</p>
        <p class="lim-text">Сами Искатели смотрят на это спокойно. Верхушке коллегии кристально безразлично чужое мнение, а рядовые члены гильдии вошли в их ряды не от хорошей жизни.</p>
      </div>
    </section>

  </div>
</div>[/html]

[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Cinzel+Decorative:wght@700&family=EB+Garamond:ital,wght@0,400;0,600;1,400&display=swap');

.hart-wrap {
  box-sizing: border-box;
  --ink:        #e7e1d4;
  --ink-dim:    #948a78;
  --bg-card:    #201e1c;
  --bg-card-2:  #2a2724;
  --bg-card-3:  #141312;
  --brass:      #c9a15f;
  --brass-dim:  #6e5c39;
  --blood:      #5c1a1f;
  --blood-br:   #b0403f;
  font-family: 'EB Garamond', Georgia, serif;
  color: var(--ink);
  padding: 20px 12px;
}
.hart-wrap *, .hart-wrap *::before, .hart-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  line-height: normal;
}

.hart-wrap .hart-texture {
  background-color: var(--bg-card);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 18% 12%, rgba(255,255,255,0.05), transparent 55%),
    radial-gradient(ellipse at 88% 95%, rgba(0,0,0,0.55), transparent 60%),
    linear-gradient(160deg, var(--bg-card-2), var(--bg-card) 55%, var(--bg-card-3) 100%);
  background-blend-mode: overlay, soft-light, multiply, normal;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  background-size: 140px 140px, cover, cover, cover;
}

.hart-wrap .hart-banner {
  max-width: 900px;
  margin: 0 auto 20px;
  text-align: center;
  border: 1px solid var(--brass-dim);
  padding: 26px 20px 22px;
  position: relative;
}
.hart-wrap .hart-banner::before,
.hart-wrap .hart-banner::after {
  content: "";
  position: absolute;
  width: 18px; height: 18px;
  border: 1px solid var(--brass);
  opacity: 0.6;
}
.hart-wrap .hart-banner::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }
.hart-wrap .hart-banner::after  { bottom: 8px; right: 8px; border-left: none; border-top: none; }

.hart-wrap .hart-title {
  font-family: 'Cinzel Decorative', 'Cinzel', serif;
  font-weight: 700;
  font-size: 34px;
  letter-spacing: 4px;
  color: var(--brass);
  text-shadow: 0 0 18px rgba(201,161,95,0.25);
}
.hart-wrap .hart-motto {
  color: var(--blood-br);
  font-size: 13.5px;
  letter-spacing: 0.5px;
  margin-top: 6px;
}
.hart-wrap .hart-subtitle {
  color: var(--ink-dim);
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-top: 8px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.hart-wrap .hart-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 20px;
}
.hart-wrap .hart-stat {
  border: 1px solid var(--brass-dim);
  padding: 10px 8px;
  text-align: center;
}
.hart-wrap .hart-stat-label {
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--brass);
  margin-bottom: 4px;
  display: block;
}
.hart-wrap .hart-stat-value {
  font-size: 13px;
  color: var(--ink-dim);
  font-style: italic;
  display: block;
}

.hart-wrap .hart-tab-input { display: none; }

.hart-wrap .hart-nav {
  max-width: 900px;
  margin: 0 auto 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
.hart-wrap .hart-nav label {
  cursor: pointer;
  font-family: 'Cinzel', serif;
  font-size: 12.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--ink-dim);
  border: 1px solid var(--brass-dim);
  padding: 9px 14px;
  background: var(--bg-card-2);
  transition: color 0.15s, border-color 0.15s;
  user-select: none;
}
.hart-wrap .hart-nav label:hover { color: var(--ink); border-color: var(--brass); }

.hart-wrap .hart-panels { max-width: 900px; margin: 0 auto; }
.hart-wrap .hart-panel { display: none; }
.hart-wrap .hart-panel-inner {
  border: 1px solid var(--brass-dim);
  padding: 26px 26px 22px;
  box-shadow: 0 14px 30px rgba(0,0,0,0.55), inset 0 0 80px rgba(0,0,0,0.5);
}

#hart-t1:checked ~ .hart-nav label[for="hart-t1"],
#hart-t2:checked ~ .hart-nav label[for="hart-t2"],
#hart-t3:checked ~ .hart-nav label[for="hart-t3"],
#hart-t4:checked ~ .hart-nav label[for="hart-t4"],
#hart-t5:checked ~ .hart-nav label[for="hart-t5"],
#hart-t6:checked ~ .hart-nav label[for="hart-t6"],
#hart-t7:checked ~ .hart-nav label[for="hart-t7"] {
  color: var(--ink);
  background: var(--bg-card);
  border-color: var(--brass);
  box-shadow: 0 0 12px rgba(201,161,95,0.3);
}

#hart-t1:checked ~ .hart-panels #hart-p1,
#hart-t2:checked ~ .hart-panels #hart-p2,
#hart-t3:checked ~ .hart-panels #hart-p3,
#hart-t4:checked ~ .hart-panels #hart-p4,
#hart-t5:checked ~ .hart-panels #hart-p5,
#hart-t6:checked ~ .hart-panels #hart-p6,
#hart-t7:checked ~ .hart-panels #hart-p7 {
  display: block;
}

.hart-wrap .hart-h2 {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 1px;
  color: var(--brass);
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--brass-dim);
}
.hart-wrap .hart-h3 {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 15.5px;
  letter-spacing: 0.5px;
  color: var(--ink);
  margin: 18px 0 8px;
}
.hart-wrap .hart-h3:first-child { margin-top: 0; }

.hart-wrap .hart-text {
  font-size: 15.5px;
  line-height: 1.75;
  text-align: justify;
  color: var(--ink);
  margin-bottom: 12px;
}
.hart-wrap .hart-text:last-child { margin-bottom: 0; }
.hart-wrap .hart-text b { color: var(--brass); font-weight: 600; }
.hart-wrap .hart-text i { color: var(--ink-dim); }

.hart-wrap .hart-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--brass-dim), var(--blood), var(--brass-dim), transparent);
  margin: 18px 0;
}

.hart-wrap .hart-list { margin: 8px 0 14px; }
.hart-wrap .hart-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink);
  margin-bottom: 7px;
}
.hart-wrap .hart-list li::before {
  content: "◆";
  position: absolute;
  left: 0; top: 2px;
  font-size: 9px;
  color: var(--blood-br);
}
.hart-wrap .hart-list li b { color: var(--brass); }

.hart-wrap .hart-quote {
  border-left: 2px solid var(--blood-br);
  background: rgba(0,0,0,0.25);
  padding: 14px 18px;
  margin: 12px 0;
  color: var(--brass);
  font-size: 15px;
  font-style: italic;
  line-height: 1.7;
}

.hart-wrap .hart-note {
  border: 1px solid var(--blood-br);
  background: rgba(92,26,31,0.18);
  padding: 12px 16px;
  margin: 12px 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink);
}
.hart-wrap .hart-note b { color: var(--blood-br); }

.hart-wrap .hart-craft-card {
  border: 1px solid var(--brass-dim);
  margin-bottom: 16px;
  background: rgba(0,0,0,0.15);
}
.hart-wrap .hart-craft-card-head {
  padding: 10px 16px;
  font-family: 'Cinzel', serif;
  font-size: 13.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--brass);
  background: var(--bg-card-2);
  border-bottom: 1px solid var(--brass-dim);
}
.hart-wrap .hart-craft-card-body {
  padding: 16px 18px 6px;
}
.hart-wrap .hart-craft-card.hart-craft-warn {
  border-color: var(--blood-br);
}
.hart-wrap .hart-craft-card.hart-craft-warn .hart-craft-card-head {
  color: var(--blood-br);
  border-bottom-color: var(--blood-br);
}

.hart-wrap .hart-draft {
  border: 1px dashed var(--brass-dim);
  background: rgba(201,161,95,0.06);
  padding: 10px 14px;
  margin: 10px 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--ink-dim);
}
.hart-wrap .hart-draft b {
  color: var(--brass);
  font-family: 'Cinzel', serif;
  font-size: 10.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}

/* сворачиваемые блоки */
.hart-wrap details.hart-fold {
  border: 1px solid var(--brass-dim);
  margin-bottom: 12px;
}
.hart-wrap details.hart-fold > summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 16px;
  font-family: 'Cinzel', serif;
  font-size: 13.5px;
  letter-spacing: 0.5px;
  color: var(--brass);
  background: var(--bg-card-2);
  display: flex;
  align-items: center;
  gap: 8px;
}
.hart-wrap details.hart-fold > summary::-webkit-details-marker { display: none; }
.hart-wrap details.hart-fold > summary::before {
  content: "▸";
  color: var(--blood-br);
  transition: transform 0.15s;
}
.hart-wrap details.hart-fold[open] > summary::before { transform: rotate(90deg); }
.hart-wrap details.hart-fold > .hart-fold-body {
  padding: 16px 18px 18px;
  border-top: 1px solid var(--brass-dim);
}

/* карточки "для кого" */
.hart-wrap .hart-audience-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 12px 0;
}
.hart-wrap .hart-audience-card {
  border: 1px solid var(--brass-dim);
  background: rgba(0,0,0,0.2);
  padding: 12px 14px;
}
.hart-wrap .hart-audience-name {
  font-family: 'Cinzel', serif;
  font-size: 13px;
  color: var(--brass);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.hart-wrap .hart-audience-desc {
  font-size: 14px;
  color: var(--ink);
  line-height: 1.6;
}

/* иерархия */
.hart-wrap .hart-hier-item {
  border-left: 2px solid var(--brass-dim);
  padding: 4px 0 14px 16px;
  margin-bottom: 2px;
  position: relative;
}
.hart-wrap .hart-hier-item::before {
  content: "";
  position: absolute;
  left: -5px; top: 4px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--brass-dim);
}
.hart-wrap .hart-hier-item.hart-hier-major::before {
  background: var(--blood-br);
  box-shadow: 0 0 8px rgba(176,64,63,0.6);
}
.hart-wrap .hart-hier-item:last-child { border-left-color: transparent; }
.hart-wrap .hart-hier-name {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: var(--ink);
  margin-bottom: 4px;
}
.hart-wrap .hart-hier-name b { color: var(--brass); }
.hart-wrap .hart-hier-desc {
  font-size: 14px;
  color: var(--ink-dim);
  line-height: 1.6;
}

/* карточки артефактов */
.hart-wrap .hart-art-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 14px 0;
}
.hart-wrap .hart-art-card {
  border: 1px solid var(--brass-dim);
  background: rgba(0,0,0,0.22);
  padding: 16px 16px 14px;
  position: relative;
}
.hart-wrap .hart-art-card::before,
.hart-wrap .hart-art-card::after {
  content: "";
  position: absolute;
  width: 10px; height: 10px;
  border: 1px solid var(--brass);
  opacity: 0.5;
  pointer-events: none;
}
.hart-wrap .hart-art-card::before { top: -1px; left: -1px; border-right: none; border-bottom: none; }
.hart-wrap .hart-art-card::after  { bottom: -1px; right: -1px; border-left: none; border-top: none; }

.hart-wrap .hart-art-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--brass-dim);
}
.hart-wrap .hart-art-name {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: var(--brass);
}
.hart-wrap .hart-art-rarity {
  font-family: 'Cinzel', serif;
  font-size: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--ink-dim);
  border: 1px solid var(--brass-dim);
  padding: 2px 7px;
  white-space: nowrap;
}
.hart-wrap .hart-art-rarity.hart-rarity-high {
  color: var(--blood-br);
  border-color: var(--blood-br);
}

.hart-wrap .hart-art-type {
  font-size: 12px;
  font-style: italic;
  color: var(--ink-dim);
  margin-bottom: 10px;
}

.hart-wrap .hart-art-row {
  display: flex;
  gap: 8px;
  font-size: 13.5px;
  line-height: 1.6;
  margin-bottom: 6px;
}
.hart-wrap .hart-art-row-label {
  font-family: 'Cinzel', serif;
  font-size: 10.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--brass);
  flex-shrink: 0;
  min-width: 68px;
  padding-top: 1px;
}
.hart-wrap .hart-art-row-value { color: var(--ink); }

.hart-wrap .hart-art-desc {
  font-size: 13.5px;
  color: var(--ink);
  line-height: 1.6;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed var(--brass-dim);
}
.hart-wrap .hart-art-rarity.hart-cat-divine {
  color: var(--blood-br);
  border-color: var(--blood-br);
  box-shadow: 0 0 6px rgba(176,64,63,0.4);
}
.hart-wrap .hart-art-rarity.hart-cat-magic { color: var(--brass); border-color: var(--brass); }
.hart-wrap .hart-art-rarity.hart-cat-enhanced { color: var(--brass); border-color: var(--brass); }

.hart-wrap .hart-cat-intro {
  border-left: 2px solid var(--brass-dim);
  padding: 6px 0 6px 14px;
  margin: 10px 0 14px;
}
.hart-wrap .hart-cat-intro-title {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: var(--brass);
  margin-bottom: 4px;
}
.hart-wrap .hart-cat-intro-desc {
  font-size: 14px;
  color: var(--ink-dim);
  line-height: 1.6;
}

/* сравнение руна / клеймо / артефакт */
.hart-wrap .hart-compare-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 12px 0;
}
.hart-wrap .hart-compare-card {
  border: 1px solid var(--brass-dim);
  background: rgba(0,0,0,0.2);
  padding: 12px 12px 10px;
}
.hart-wrap .hart-compare-name {
  font-family: 'Cinzel', serif;
  font-size: 13px;
  color: var(--brass);
  margin-bottom: 6px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.hart-wrap .hart-compare-desc {
  font-size: 13px;
  color: var(--ink);
  line-height: 1.55;
}

/* побочные эффекты */
.hart-wrap .hart-side-list { margin: 10px 0 14px; }
.hart-wrap .hart-side-list li {
  position: relative;
  padding-left: 20px;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ink);
  margin-bottom: 6px;
}
.hart-wrap .hart-side-list li::before {
  content: "–";
  position: absolute;
  left: 0;
  color: var(--brass);
}

.hart-wrap .hart-art-card.hart-art-empty {
  border-style: dashed;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  text-align: center;
}
.hart-wrap .hart-art-empty-text {
  font-family: 'Cinzel', serif;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: var(--ink-dim);
  font-style: italic;
}

/* отношения с государствами */
.hart-wrap .hart-rel {
  border-left: 2px solid var(--brass-dim);
  padding: 4px 0 14px 16px;
  margin-bottom: 4px;
}
.hart-wrap .hart-rel-name {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: var(--brass);
  margin-bottom: 5px;
}
.hart-wrap .hart-rel-desc {
  font-size: 14.5px;
  color: var(--ink);
  line-height: 1.65;
}

/* мобильная адаптация */
@media (max-width: 700px) {
  .hart-wrap { padding: 14px 8px; }
  .hart-wrap .hart-title { font-size: 23px; letter-spacing: 2px; }
  .hart-wrap .hart-stats { grid-template-columns: 1fr 1fr; }
  .hart-wrap .hart-banner { padding: 18px 14px 16px; }

  .hart-wrap .hart-nav { flex-direction: column; }
  .hart-wrap .hart-nav label { width: 100%; text-align: center; padding: 11px 10px; }

  .hart-wrap .hart-panel-inner { padding: 18px 14px 16px; }
  .hart-wrap .hart-h2 { font-size: 18px; }
  .hart-wrap .hart-text { font-size: 14.5px; text-align: left; }

  .hart-wrap .hart-audience-grid { grid-template-columns: 1fr; }
  .hart-wrap .hart-art-grid { grid-template-columns: 1fr; }
  .hart-wrap .hart-compare-grid { grid-template-columns: 1fr; }
}
</style>

<div class="hart-wrap">

  <div class="hart-banner hart-texture">
    <div class="hart-title">Хартия</div>
    <div class="hart-motto">Гильдия артефакторов</div>
    <div class="hart-subtitle">Межконфессиональное объединение мастеров, оценщиков, хранителей и исследователей — под крылом зажиточных купцов и вне юрисдикции любого из королевств.</div>
    <div class="hart-stats">
      <div class="hart-stat"><span class="hart-stat-label">Палата Мер</span><span class="hart-stat-value">12 мест</span></div>
      <div class="hart-stat"><span class="hart-stat-label">Штаб</span><span class="hart-stat-value">Анклав, Путеводная звезда</span></div>
      <div class="hart-stat"><span class="hart-stat-label">Разрядов мастерства</span><span class="hart-stat-value">5 + артефактор</span></div>
      <div class="hart-stat"><span class="hart-stat-label">Специализация</span><span class="hart-stat-value">обычные и аномальные предметы</span></div>
    </div>
  </div>

  <input type="radio" name="hart-tab" id="hart-t1" class="hart-tab-input" checked>
  <input type="radio" name="hart-tab" id="hart-t2" class="hart-tab-input">
  <input type="radio" name="hart-tab" id="hart-t3" class="hart-tab-input">
  <input type="radio" name="hart-tab" id="hart-t4" class="hart-tab-input">
  <input type="radio" name="hart-tab" id="hart-t5" class="hart-tab-input">
  <input type="radio" name="hart-tab" id="hart-t6" class="hart-tab-input">
  <input type="radio" name="hart-tab" id="hart-t7" class="hart-tab-input">

  <nav class="hart-nav">
    <label for="hart-t1">Обзор</label>
    <label for="hart-t2">Деятельность</label>
    <label for="hart-t3">Проклятые предметы</label>
    <label for="hart-t4">Структура</label>
    <label for="hart-t5">Иерархия</label>
    <label for="hart-t6">Мир и символы</label>
    <label for="hart-t7">Артефакты</label>
  </nav>

  <div class="hart-panels">

    <!-- 1. ОБЗОР -->
    <section id="hart-p1" class="hart-panel">
      <div class="hart-panel-inner hart-texture">
        <div class="hart-h2">Общее описание</div>
        <p class="hart-text"><b>Гильдия артефакторов</b> — межконфессиональное объединение мастеров, оценщиков, хранителей и исследователей, слившихся в один квази-альянс крупнейших торговцев. Хартия охотно поддерживает и содержит талантливых мастеров своего дела, но не гнушается продавливать себя во все возможные рынки королевств, где лорды не утруждаются защитой подданных от торговых лиходеев: загоняет в долги и изводит талантливых конкурентов, выкупает в аренду землю и периодически вляпывается в местечковые скандалы из-за сомнительных финансовых схем.</p>
        <p class="hart-text">Внутри гильдии есть отдельная группа мастеров, занимающихся исключительно магическими, ритуальными, проклятыми и аномальными предметами — каждый из них требует особого содержания. Или удержания.</p>

        <div class="hart-h3">Кто есть кто</div>
        <p class="hart-text">В просторечии членов гильдии называют просто «артефакторами» или «мастерами», хотя внутри самой Хартии эти слова значат разное. <b>Артефактором</b> считается только мастер, способный работать над предметами с особыми свойствами, часто в тесном сотрудничестве с другими «специалистами». «Мастерами» же зовут всех, кто носит символы Хартии, — даже торговых представителей (им это очень льстит).</p>
      </div>
    </section>

    <!-- 2. ДЕЯТЕЛЬНОСТЬ -->
    <section id="hart-p2" class="hart-panel">
      <div class="hart-panel-inner hart-texture">
        <div class="hart-h2">Чем занимается гильдия</div>

        <div class="hart-audience-grid">
          <div class="hart-audience-card">
            <div class="hart-audience-name">Для страждущих</div>
            <div class="hart-audience-desc">Хартия — посредник между покупателем и мастером. Принимает заказ, собирает оплату, заключает контракты, перевозит, хранит и обслуживает предметы. Для платёжеспособной аудитории доступно создание артефактов на заказ.</div>
          </div>
          <div class="hart-audience-card">
            <div class="hart-audience-name">Для ремесленников</div>
            <div class="hart-audience-desc">Постоянный источник заказов и работы: помогает найти мастерскую, поставляет расходники, забирает предметы в доставку, пристраивает молодых талантов подмастерьями.</div>
          </div>
          <div class="hart-audience-card">
            <div class="hart-audience-name">Для торговцев</div>
            <div class="hart-audience-desc">Неудобный конкурент.</div>
          </div>
          <div class="hart-audience-card">
            <div class="hart-audience-name">Для лордов</div>
            <div class="hart-audience-desc">Дорогой, но удобный инструмент для обслуживания политических амбиций.</div>
          </div>
        </div>

        <div class="hart-h3">Полный спектр услуг</div>
        <p class="hart-text">Помимо купли-продажи, Хартия принимает заказы на опознание свойств найденных или унаследованных предметов, определение их цены, проверку подлинности, поиск происхождения, безопасное хранение, перевозку, временную изоляцию, ремонт и даже перепродажу — часто на собственных ярмарках или аукционах на территории Анклава.</p>

        <div class="hart-h3">Создание артефакта</div>
        <p class="hart-text">Самый дорогой и самый рискованный вид работы. Вопреки слухам, артефактор не может по заказу выковать меч, убивающий взмахом, кольцо бессмертия или грааль вечной молодости. Самые невероятные свойства требуют вовлечения сторонних «специалистов», а итоговые эффекты часто обрастают сложными условиями исполнения — если вообще достижимы. Заказчика всегда предупреждают: что-то может пойти «не так». Иногда процесс создания артефакта убивает самого мастера, поэтому Хартия неизменно берёт предоплату и расписку о том, что клиент получает артефакт с теми свойствами, которых удалось достичь в рамках бюджета.</p>

        <div class="hart-h3">Реестр гильдии</div>
        <p class="hart-text">Хартия ведёт опись известных артефактов. Списки эти неполны, часто устаревают и почти никогда не показываются посторонним целиком. Тем не менее именно по ним порой выясняется, что серебряная брошь с красным камнем и приметным узором уже трижды бывала на кровавых свадьбах, а змеевидный кинжал без клейма мастера двадцать лет назад принадлежал человеку, не расплатившемуся с Хартией.</p>
      </div>
    </section>

    <!-- 3. ПРОКЛЯТЫЕ ПРЕДМЕТЫ -->
    <section id="hart-p3" class="hart-panel">
      <div class="hart-panel-inner hart-texture">
        <div class="hart-h2">Проклятые предметы</div>
        <p class="hart-text">С проклятыми предметами Хартия обращается осторожнее всего. Артефакторы не гарантируют снятия проклятий: чаще всего это попросту невозможно или требует знания первопричины, рода, прежних владельцев, обстоятельств божественного гнева или давно утраченного ритуала. Задача гильдии в этих случаях — не «очистить» вещь, а понять, как именно она вредит владельцу, можно ли её безопасно хранить и при каких условиях она становится особенно опасной.</p>

        <div class="hart-quote">Проклятые предметы не держат рядом друг с другом без крайней необходимости.</div>

        <p class="hart-text">В крупных представительствах гильдии существуют особые хранилища: каменные ячейки, соляные круги, свинцовые ларцы, цепные шкафы, запечатанные сундуки и комнаты без окон.</p>
      </div>
    </section>

    <!-- 4. СТРУКТУРА -->
    <section id="hart-p4" class="hart-panel">
      <div class="hart-panel-inner hart-texture">
        <div class="hart-h2">Структура организации</div>
        <p class="hart-text">Во главе Хартии стоит <b>Палата Мер</b> — 12 мест. Шесть занимают крупнейшие торговцы, ещё шесть всегда отведены самым известным и опытным мастерам, часто уже отошедшим от дел.</p>
        <p class="hart-text">Палата утверждает правила для ремесленников, рассматривает сложные ситуации с крупными заказами, договаривается о логистике, обсуждает и осуждает действия отдельных членов Хартии, вводит запреты и повышает ранги ремесленников и торговцев внутри гильдии.</p>
        <p class="hart-text">Территориально Палата заседает в Анклаве, на острове Путеводная Звезда. Формально гильдия не является кафедрой Анклава и не подчиняется ректору напрямую, однако пользуется его защитой, библиотеками и правом вести дела на территории академии. За это Хартия предоставляет Анклаву экспертов, участвует в осмотре опасных находок и делится спорной информацией, помогает с опознанием собственных изделий.</p>

        <div class="hart-h3">Представительства</div>
        <p class="hart-text">В крупных королевствах существуют полноценные представительства гильдии — чаще всего в столицах. В малых городах и портах встречаются лавки при торговых узлах: там не хранят опасных вещей, а лишь принимают заказы, занимаются перевозкой и закупкой расходников. Неофициально в таких местах происходит скупка предметов сомнительного происхождения.</p>

        <div class="hart-rel">
          <div class="hart-rel-name">Империя Саргос</div>
          <div class="hart-rel-desc">Отношения узаконенные. Ритуальное колдовство там преследуется, поэтому гильдия работает через разрешённые формы: оценку, хранение, производство дорогих и сложных механизмов. Любые найденные или выкупленные ритуальные предметы прячутся и вывозятся. Крупнейший источник расходных ресурсов Хартии.</div>
        </div>
        <div class="hart-rel">
          <div class="hart-rel-name">Моленгард</div>
          <div class="hart-rel-desc">Гильдия свободно чувствует себя в королевстве и ведёт образцово-законную деятельность, стараясь не провоцировать жрецов. Склепы и любые иные захоронения Хартия никогда не трогает сама и старательно открещивается от связей с теми личностями, которых поймали за руку (ну или за лопату).</div>
          <div class="hart-rel-desc">Впрочем, содержимое могил иногда всё же попадает в руки гильдии легальным образом: при оценке наследства, при распродаже имущества или как сомнительный конфискат, изъятый властями у пойманных расхитителей могил. Даже тогда гильдия обязана считаться с церковью Серкеса: осмотреть или вывезти такой предмет оценщик может только в присутствии жреца.</div>
        </div>
        <div class="hart-rel">
          <div class="hart-rel-name">Ландвиди</div>
          <div class="hart-rel-desc">Гильдия активно сотрудничает с Домом Элдстокк. Местные руны, родовые вещи и предметы Домов пользуются популярностью повсеместно. Хартия нередко «выкупает» провинившихся или изгнанных людей из ремесленной касты.</div>
        </div>
        <div class="hart-rel">
          <div class="hart-rel-name">Республика Фортида</div>
          <div class="hart-rel-desc">Ритуальная магия в Фортиде карается смертью не менее строго, чем в Саргосе, поэтому представительство держится в рамках дозволенного: оценка, изготовление сложных механизмов и легальная торговля свитками в отведённых кварталах крупных портовых городов. Магистраты и цензоры смотрят на гильдию с прохладным уважением — подати платятся исправно, но иностранное происхождение мастеров и их скрытность настораживают.</div>
        </div>
        <div class="hart-rel">
          <div class="hart-rel-name">Анклав</div>
          <div class="hart-rel-desc">Самые тёплые отношения. Там гильдия держит Палату Мер, библиотеку и Главное Хранилище, взаимодействует с учёными и может привлекать специалистов разных кафедр. Но даже в Анклаве артефакторов считают людьми своеобразными: слишком много они знают о чужих вещах и слишком часто хотят купить то, что не продаётся.</div>
        </div>
        <div class="hart-rel">
          <div class="hart-rel-name">Крупные торговые порты Моря Звёзд</div>
          <div class="hart-rel-desc">Россыпь малых лавок при торговых узлах — принимают заказы, ведут перевозку и закупку расходников. Неофициально там же скупают вещи крайне сомнительного происхождения.</div>
        </div>

      </div>
    </section>

    <!-- 5. ИЕРАРХИЯ -->
    <section id="hart-p5" class="hart-panel">
      <div class="hart-panel-inner hart-texture">
        <div class="hart-h2">Иерархия</div>

        <div class="hart-hier-item hart-hier-major">
          <div class="hart-hier-name"><b>Член «Палаты Мер»</b></div>
          <div class="hart-hier-desc">Занимает одно из 12 мест. Не обязан быть лучшим мастером или торговцем Хартии, но должен знать законы, разбираться в одной из сфер деятельности, иметь опыт работы с опасными инцидентами и достаточно влияния, чтобы быть избранным.</div>
        </div>
        <div class="hart-hier-item">
          <div class="hart-hier-name"><b>Магистры</b></div>
          <div class="hart-hier-desc">Старшие члены Хартии, управляющие представительствами. Принимают крупные заказы, утверждают договоры, курируют перевозку опасных предметов и отвечают за хранилища.</div>
        </div>
        <div class="hart-hier-item">
          <div class="hart-hier-name"><b>Артефакторы</b></div>
          <div class="hart-hier-desc">Ремесленники, создающие артефакты. Изучают, чинят, реставрируют, модифицируют и создают предметы в пределах своих талантов и бюджета заказчика.</div>
        </div>
        <div class="hart-hier-item">
          <div class="hart-hier-name"><b>Хранители</b></div>
          <div class="hart-hier-desc">Служители хранилищ, складов и перевалочных пунктов. Должность часто поручают только самым доверенным людям — нередко родственникам членов Хартии.</div>
        </div>
        <div class="hart-hier-item">
          <div class="hart-hier-name"><b>Оценщики</b></div>
          <div class="hart-hier-desc">Специалисты по оценке, осмотру и идентификации предметов. Часто — бывшие ювелирные мастера. Они же ставят и заверяют клейма на изделиях — и нередко становятся первыми жертвами проклятых вещей.</div>
        </div>
        <div class="hart-hier-item">
          <div class="hart-hier-name"><b>Архивариусы</b></div>
          <div class="hart-hier-desc">Отвечают за записи, описи, договоры, долговые книги, карты происхождения и закрытые каталоги. Среди них много грамотных простолюдинов, что вызывает раздражение в краях, где знание письма — привилегия высших сословий.</div>
        </div>
        <div class="hart-hier-item">
          <div class="hart-hier-name"><b>Мастера</b></div>
          <div class="hart-hier-desc">Полноценные члены Хартии, получившие разряд «мастерства» в каком-либо ремесле. Разрядов пять — от простой, ученической работы по образцу (I) до сложных заказов с редкими материалами и права обучать подмастерьев (IV–V); символический шестой разряд означает переход в статус артефактора. Разряд присваивает Палата Мер по результатам сданных на закрытую оценку работ, без объявления и без права оспорить решение — оттого некоторые мастера действительно не в курсе собственного текущего ранга, узнавая о повышении лишь по новым допускам к заказам.</div>
        </div>
        <div class="hart-hier-item">
          <div class="hart-hier-name"><b>Подмастерья</b></div>
          <div class="hart-hier-desc">Ученики, допущенные к простой и черновой работе: чистке инструментов, приготовлению составов, наблюдению за безопасными опытами, копированию схем. Приставлены к одному мастеру как «бесплатная рабочая сила» и обязаны перенимать опыт.</div>
        </div>
        <div class="hart-hier-item">
          <div class="hart-hier-name"><b>Поверенные</b></div>
          <div class="hart-hier-desc">Не мастера, а доверенные лица: торговцы, писари, поденщики, охрана, караванщики. Разные обязанности, но один статус. Принимают заказы, заключают договоры, следят за оплатой, нанимают охрану и ведут диалог с влиятельными лицами. Почти ничего не знают о делах Хартии за пределами своего представительства.</div>
        </div>

        <div class="hart-divider"></div>
        <div class="hart-h3">Как вступают в Хартию</div>
        <p class="hart-text">В гильдию редко принимают случайных людей. Чаще всего туда попадают через Анклав, по личной рекомендации или по результатам участия в ярмарках. В исключительных случаях Хартия сама приходит к именитому мастеру и предлагает своё покровительство — отказ сотрудничать часто заканчивается подковёрным противостоянием на изнурение.</p>
        <p class="hart-text">Для вступления требуется немалая грамотность, внимательность, терпение и способность соблюдать правила. Ремесленник же должен проявить талант и произвести один предмет под надзором нескольких Поверенных и одного подмастерья из Хартии.</p>
      </div>
    </section>

    <!-- 6. МИР И СИМВОЛЫ -->
    <section id="hart-p6" class="hart-panel">
      <div class="hart-panel-inner hart-texture">
        <div class="hart-h2">Символы Хартии</div>

        <div class="hart-draft"><b>В разработке</b>Общий знак гильдии ещё предстоит утвердить — раздел будет дополнен позже.</div>
        <p class="hart-text">Мастера имеют собственный оттиск или печать, которым отмечается изготовленный предмет стоимостью не менее боевого коня. Штучные и бытовые предметы клеймами не помечаются — как и текстиль. Но Хартия недвусмысленно мотивирует даже своих прядильщиков тайно вышивать символы гильдии на оборотах самых дорогих одежд и изделий.</p>

        <div class="hart-divider"></div>

        <div class="hart-h2">Репутация</div>
        <p class="hart-text">В народе Хартию преимущественно уважают, хотя и осуждают за грехи, которыми их попрекают герольды и обиженные лорды. Их считают жадными, медлительными, скрытными и чересчур безбожными. В обличительных песнях и анекдотах они нередко выступают собирательным образом безнаказанного, развращённого роскошью лица, на голову которого вот-вот опустится божественная кара.</p>
        <p class="hart-text">Сами члены Хартии говорят о себе с гордостью — и, надо признать, не без оснований: они производят лучшие предметы из всех, что можно купить за деньги.</p>
      </div>
    </section>

    <!-- 7. АРТЕФАКТОРИКА -->
    <section id="hart-p7" class="hart-panel">
      <div class="hart-panel-inner hart-texture">
        <div class="hart-h2">Артефакторика</div>
        <p class="hart-text">Прикладная наука о предметах, в которых зафиксированы свойства живого и/или природного: эластичность жил, прочность панциря, способность к проводимости, свечение и прочее. Если алхимик варит зелье, чтобы дать телу временную силу, то артефактор собирает вещь, в которой эта сила способна жить почти бессрочно — при должном уходе.</p>
        <p class="hart-text">Грубо говоря: если вы своими руками примотали стеклянное лезвие к древку — это ремесло и смекалка, но не артефакторика. А вот если вы выковали гранёный секач из клешни гигантского краба, который всё ещё может использоваться для перекусывания и хватания противника — то это уже артефакт.</p>

        <div class="hart-craft-card">
          <div class="hart-craft-card-head">Природа артефакта</div>
          <div class="hart-craft-card-body">
            <p class="hart-text">Артефакт — это предмет, собранный мастером из экзотичных ингредиентов. Это наделяет изделие уникальными свойствами: предмет роскоши и статуса, опасное оружие, надёжный доспех. Каждый артефакт уникален, подчиняется законам природы и физики в пределах своей конструкции.</p>
            <p class="hart-text">Создание артефакта — процесс комплексной работы, в которой почти всегда участвуют алхимики (а для работы с ингредиентами особо опасных тварей, ещё и узкие мастера вивисекции): они умеют комбинировать, балансировать и стабилизировать ингредиенты, не давая им потерять свои свойства во время ковки и подгонки.</p>
            <p class="hart-text">Артефактором же называют человека, который собирает все части в единое целое: подбирает форму, находит подходящий носитель, совмещает органику с металлом, дерево с костью, ткань с кристаллом. В работе могут участвовать кузнецы, стеклодувы, ювелиры, но именно артефактор задаёт логику, назначение и пределы будущего предмета.</p>
          </div>
        </div>

        <div class="hart-craft-card">
          <div class="hart-craft-card-head">Законность</div>
          <div class="hart-craft-card-body">
            <p class="hart-text">Создание артефактов не запрещено ни в одном королевстве. В крупных городах существуют лишь ограничения на ношение опасных образцов, а некоторые типы изделий — раздражающие психику или хрупкие кристаллы с накопленным зарядом — не допускаются к перевозке без особого разрешения Хартии. В остальном артефакторика признана законной и востребованной дисциплиной, особенно среди наёмников, исследователей и представителей духовенства.</p>
          </div>
        </div>

        <div class="hart-craft-card hart-craft-warn">
          <div class="hart-craft-card-head">Ограничения и побочные эффекты</div>
          <div class="hart-craft-card-body">
            <p class="hart-text">Важно понимать: артефакт не мыслит и не действует по своей воле. Он работает строго в рамках заданных ему свойств, физических или магических, но не более того: шокирующий бич бьёт током при нажатии, но не выберет цель сам; светящаяся ткань светится в темноте, но не гаснет по просьбе владельца, только по своим внутренним циклам.</p>
            <p class="hart-text">При этом артефакт не «живой», но и не «инертный». В нём может копиться заряд, сохраняться химическая реакция, распадаться белок или даже выделяться слизь. Предмет может быть нестабилен, потребовать хранения в сухом или холодном месте, начать вести себя иначе при перепадах давления и температур.</p>
          </div>
        </div>

        <div class="hart-divider"></div>

        <div class="hart-h2">Категории артефактов</div>

        <div class="hart-cat-intro">
          <div class="hart-cat-intro-title">Обычный</div>
          <div class="hart-cat-intro-desc">Предмет собран вокруг конкретного свойства существа, растения или минерала, обработан мастером своего дела без какой-либо магии. Самая массовая и доступная категория товаров Хартии.</div>
        </div>
        <div class="hart-cat-intro">
          <div class="hart-cat-intro-title">Магический</div>
          <div class="hart-cat-intro-desc">Предмет, созданный при помощи ритуальной магии — может обладать страшным и разрушительным потенциалом. Запрещён практически повсеместно.</div>
        </div>
        <div class="hart-cat-intro">
          <div class="hart-cat-intro-title">Улучшенный</div>
          <div class="hart-cat-intro-desc">Предмет, на который оказали воздействие: рунами, магией, пребыванием в аномальной зоне. Такие предметы часто находятся в серой зоне дозволенного и легко могут сойти за обычные.</div>
        </div>
        <div class="hart-cat-intro">
          <div class="hart-cat-intro-title">Божественный</div>
          <div class="hart-cat-intro-desc">Не подчиняется законам природы и логики. Свойства предмета нельзя объяснить ни вивисекцией, ни алхимией, ни механикой. По легендам, такие артефакты благословлены богами или впитали их след. Получить можно только через участие в сюжете или в специальном ивенте.</div>
        </div>

        <div class="hart-divider"></div>

        <div class="hart-h3">Обычные артефакты</div>
        <div class="hart-art-grid">

          <div class="hart-art-card">
            <div class="hart-art-head">
              <span class="hart-art-name">Шокирующий бич гнорна</span>
              <span class="hart-art-rarity">обычный</span>
            </div>
            <div class="hart-art-type">Источник: рог взрослого самца гнорна</div>
            <div class="hart-art-desc">Фрагмент спила рога, алхимически стабилизированный и обмотанный изолирующими нитями из шкуры гнорна. При сильном давлении создаёт короткий электрический разряд, достаточный для парализации конечности на 2–3 секунды. Перезаряжается естественным образом за 3–4 дня. Плохо переносит сырость и экстремальную сухость.</div>
          </div>

          <div class="hart-art-card">
            <div class="hart-art-head">
              <span class="hart-art-name">Светошёлк шетара</span>
              <span class="hart-art-rarity">обычный</span>
            </div>
            <div class="hart-art-type">Источник: нити и пигмент с крыльев шетара</div>
            <div class="hart-art-desc">Тонкая накидка или повязка с вплетёнными нитями из коконов шетара и стабилизированным светящимся пигментом с их крыльев. В темноте мягко фосфоресцирует, создавая слабую подсветку в радиусе до полутора метров. Не ослепляет и не даёт бликов. Уязвима к кислоте и открытому огню.</div>
          </div>

          <div class="hart-art-card">
            <div class="hart-art-head">
              <span class="hart-art-name">Ушной вкладыш лейфара</span>
              <span class="hart-art-rarity">обычный</span>
            </div>
            <div class="hart-art-type">Источник: барабанная перепонка лейфара — болотной твари с чувствительным слухом</div>
            <div class="hart-art-desc">Полупрозрачная вставка, накладывается поверх ушной раковины и крепится точно клипса. Усиливает восприятие определённого диапазона звуков — шагов, скрипа, шороха. Ценится разведчиками, охотниками, часовыми у городских ворот. Усиливает и нежелательные шумы; при долгом ношении раздражает внутреннее ухо, а от резких звуков может оглушить.</div>
          </div>

          <div class="hart-art-card hart-art-empty">
            <span class="hart-art-empty-text">+ место для новой карточки</span>
          </div>

        </div>

        <div class="hart-h3">Магические артефакты</div>
        <div class="hart-art-grid">

          <div class="hart-art-card">
            <div class="hart-art-head">
              <span class="hart-art-name">Остриё ложной горы</span>
              <span class="hart-art-rarity hart-cat-magic">магический</span>
            </div>
            <div class="hart-art-type">Мерцающее при движении остриё копья, напитанное ритуалом в скальной местности</div>
            <div class="hart-art-desc">Под определённым углом вызывает рябь в глазах и зрительные искажения. Используется для дезориентации противника в бою.</div>
          </div>

          <div class="hart-art-card hart-art-empty">
            <span class="hart-art-empty-text">+ место для новой карточки</span>
          </div>

        </div>

        <div class="hart-h3">Улучшенные артефакты</div>
        <div class="hart-art-grid">

          <div class="hart-art-card">
            <div class="hart-art-head">
              <span class="hart-art-name">Кинжал с рунной гравировкой</span>
              <span class="hart-art-rarity hart-cat-enhanced">улучшенный</span>
            </div>
            <div class="hart-art-type">Основа: коготь заррока, выточенный и улучшенный руной Кромки</div>
            <div class="hart-art-desc">Вплавлен в контур закалённой стали. Кромка обеспечивает остроту предмета и перезаряжается от попадания живой крови на предмет.</div>
          </div>

          <div class="hart-art-card hart-art-empty">
            <span class="hart-art-empty-text">+ место для новой карточки</span>
          </div>

        </div>

        <div class="hart-h3">Божественные артефакты</div>
        <div class="hart-art-grid">

          <div class="hart-art-card hart-art-empty">
            <span class="hart-art-empty-text">[сюда потом поставим предмет из коллекции]</span>
          </div>

        </div>

      </div>
    </section>

  </div>
</div>[/html]

[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Cinzel+Decorative:wght@700&family=EB+Garamond:ital,wght@0,400;0,600;1,400&display=swap');

.trvr-wrap {
  box-sizing: border-box;
  --ink:        #e7e1d4;
  --ink-dim:    #948a78;
  --bg-card:    #201e1c;
  --bg-card-2:  #2a2724;
  --bg-card-3:  #141312;
  --brass:      #c9a15f;
  --brass-dim:  #6e5c39;
  --blood:      #5c1a1f;
  --blood-br:   #b0403f;
  font-family: 'EB Garamond', Georgia, serif;
  color: var(--ink);
  padding: 20px 12px;
}
.trvr-wrap *, .trvr-wrap *::before, .trvr-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  line-height: normal;
}

.trvr-wrap .trvr-texture {
  background-color: var(--bg-card);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 18% 12%, rgba(255,255,255,0.05), transparent 55%),
    radial-gradient(ellipse at 88% 95%, rgba(0,0,0,0.55), transparent 60%),
    linear-gradient(160deg, var(--bg-card-2), var(--bg-card) 55%, var(--bg-card-3) 100%);
  background-blend-mode: overlay, soft-light, multiply, normal;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  background-size: 140px 140px, cover, cover, cover;
}

.trvr-wrap .trvr-banner {
  max-width: 900px;
  margin: 0 auto 20px;
  text-align: center;
  border: 1px solid var(--brass-dim);
  padding: 26px 20px 22px;
  position: relative;
}
.trvr-wrap .trvr-banner::before,
.trvr-wrap .trvr-banner::after {
  content: "";
  position: absolute;
  width: 18px; height: 18px;
  border: 1px solid var(--brass);
  opacity: 0.6;
}
.trvr-wrap .trvr-banner::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }
.trvr-wrap .trvr-banner::after  { bottom: 8px; right: 8px; border-left: none; border-top: none; }

.trvr-wrap .trvr-title {
  font-family: 'Cinzel Decorative', 'Cinzel', serif;
  font-weight: 700;
  font-size: 34px;
  letter-spacing: 4px;
  color: var(--brass);
  text-shadow: 0 0 18px rgba(201,161,95,0.25);
}
.trvr-wrap .trvr-motto {
  color: var(--blood-br);
  font-size: 13.5px;
  letter-spacing: 0.5px;
  margin-top: 6px;
}
.trvr-wrap .trvr-subtitle {
  color: var(--ink-dim);
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-top: 8px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.trvr-wrap .trvr-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 20px;
}
.trvr-wrap .trvr-stat {
  border: 1px solid var(--brass-dim);
  padding: 10px 8px;
  text-align: center;
}
.trvr-wrap .trvr-stat-label {
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--brass);
  margin-bottom: 4px;
  display: block;
}
.trvr-wrap .trvr-stat-value {
  font-size: 13px;
  color: var(--ink-dim);
  display: block;
}

.trvr-wrap .trvr-tab-input { display: none; }

.trvr-wrap .trvr-nav {
  max-width: 900px;
  margin: 0 auto 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
.trvr-wrap .trvr-nav label {
  cursor: pointer;
  font-family: 'Cinzel', serif;
  font-size: 12.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--ink-dim);
  border: 1px solid var(--brass-dim);
  padding: 9px 14px;
  background: var(--bg-card-2);
  transition: color 0.15s, border-color 0.15s;
  user-select: none;
}
.trvr-wrap .trvr-nav label:hover { color: var(--ink); border-color: var(--brass); }

.trvr-wrap .trvr-panels { max-width: 900px; margin: 0 auto; }
.trvr-wrap .trvr-panel { display: none; }
.trvr-wrap .trvr-panel-inner {
  border: 1px solid var(--brass-dim);
  padding: 26px 26px 22px;
  box-shadow: 0 14px 30px rgba(0,0,0,0.55), inset 0 0 80px rgba(0,0,0,0.5);
}

#trvr-t1:checked ~ .trvr-nav label[for="trvr-t1"],
#trvr-t2:checked ~ .trvr-nav label[for="trvr-t2"],
#trvr-t3:checked ~ .trvr-nav label[for="trvr-t3"],
#trvr-t4:checked ~ .trvr-nav label[for="trvr-t4"] {
  color: var(--ink);
  background: var(--bg-card);
  border-color: var(--brass);
  box-shadow: 0 0 12px rgba(201,161,95,0.3);
}

#trvr-t1:checked ~ .trvr-panels #trvr-p1,
#trvr-t2:checked ~ .trvr-panels #trvr-p2,
#trvr-t3:checked ~ .trvr-panels #trvr-p3,
#trvr-t4:checked ~ .trvr-panels #trvr-p4 {
  display: block;
}

.trvr-wrap .trvr-h2 {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 1px;
  color: var(--brass);
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--brass-dim);
}
.trvr-wrap .trvr-h3 {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 15.5px;
  letter-spacing: 0.5px;
  color: var(--ink);
  margin: 18px 0 8px;
}
.trvr-wrap .trvr-h3:first-child { margin-top: 0; }

.trvr-wrap .trvr-text {
  font-size: 15.5px;
  line-height: 1.75;
  text-align: justify;
  color: var(--ink);
  margin-bottom: 12px;
}
.trvr-wrap .trvr-text:last-child { margin-bottom: 0; }
.trvr-wrap .trvr-text b { color: var(--brass); font-weight: 600; }
.trvr-wrap .trvr-text i { color: var(--ink-dim); font-style: normal; }

.trvr-wrap .trvr-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--brass-dim), var(--blood), var(--brass-dim), transparent);
  margin: 18px 0;
}

.trvr-wrap .trvr-list { margin: 8px 0 14px; }
.trvr-wrap .trvr-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink);
  margin-bottom: 7px;
}
.trvr-wrap .trvr-list li::before {
  content: "◆";
  position: absolute;
  left: 0; top: 2px;
  font-size: 9px;
  color: var(--blood-br);
}
.trvr-wrap .trvr-list li b { color: var(--brass); }

.trvr-wrap .trvr-note {
  border: 1px solid var(--blood-br);
  background: rgba(92,26,31,0.18);
  padding: 12px 16px;
  margin: 12px 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink);
}
.trvr-wrap .trvr-note b { color: var(--blood-br); }

.trvr-wrap .trvr-quote {
  border-left: 2px solid var(--blood-br);
  background: rgba(0,0,0,0.25);
  padding: 14px 18px;
  margin: 12px 0;
  color: var(--brass);
  font-size: 15px;
  line-height: 1.8;
  font-style: italic;
}

/* сворачиваемые блоки */
.trvr-wrap details.trvr-fold {
  border: 1px solid var(--brass-dim);
  margin-bottom: 12px;
}
.trvr-wrap details.trvr-fold > summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 16px;
  font-family: 'Cinzel', serif;
  font-size: 13.5px;
  letter-spacing: 0.5px;
  color: var(--brass);
  background: var(--bg-card-2);
  display: flex;
  align-items: center;
  gap: 8px;
}
.trvr-wrap details.trvr-fold > summary::-webkit-details-marker { display: none; }
.trvr-wrap details.trvr-fold > summary::before {
  content: "▸";
  color: var(--blood-br);
  transition: transform 0.15s;
}
.trvr-wrap details.trvr-fold[open] > summary::before { transform: rotate(90deg); }
.trvr-wrap details.trvr-fold > .trvr-fold-body {
  padding: 16px 18px 18px;
  border-top: 1px solid var(--brass-dim);
}

/* принцы — карточки */
.trvr-wrap .trvr-prince-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 14px 0;
}
.trvr-wrap .trvr-prince-card {
  border: 1px solid var(--brass-dim);
  background: rgba(0,0,0,0.2);
  padding: 14px 14px 12px;
  text-align: center;
}
.trvr-wrap .trvr-prince-card.trvr-prince-gray { border-top: 3px solid #9a9488; }
.trvr-wrap .trvr-prince-card.trvr-prince-red { border-top: 3px solid var(--blood-br); }
.trvr-wrap .trvr-prince-card.trvr-prince-black { border-top: 3px solid #3a3634; }
.trvr-wrap .trvr-prince-title {
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ink-dim);
  margin-bottom: 6px;
}
.trvr-wrap .trvr-prince-name {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: var(--brass);
  margin-bottom: 5px;
}
.trvr-wrap .trvr-prince-org {
  font-size: 12.5px;
  color: var(--ink-dim);
  line-height: 1.5;
}

/* иерархия */
.trvr-wrap .trvr-hier-item {
  border-left: 2px solid var(--brass-dim);
  padding: 4px 0 14px 16px;
  margin-bottom: 2px;
  position: relative;
}
.trvr-wrap .trvr-hier-item::before {
  content: "";
  position: absolute;
  left: -5px; top: 4px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--brass-dim);
}
.trvr-wrap .trvr-hier-item.trvr-hier-major::before {
  background: var(--blood-br);
  box-shadow: 0 0 8px rgba(176,64,63,0.6);
}
.trvr-wrap .trvr-hier-item:last-child { border-left-color: transparent; }
.trvr-wrap .trvr-hier-name {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: var(--ink);
  margin-bottom: 4px;
}
.trvr-wrap .trvr-hier-name b { color: var(--brass); }
.trvr-wrap .trvr-hier-desc {
  font-size: 14px;
  color: var(--ink-dim);
  line-height: 1.6;
}

/* мобильная адаптация */
@media (max-width: 700px) {
  .trvr-wrap { padding: 14px 8px; }
  .trvr-wrap .trvr-title { font-size: 23px; letter-spacing: 2px; }
  .trvr-wrap .trvr-stats { grid-template-columns: 1fr 1fr; }
  .trvr-wrap .trvr-banner { padding: 18px 14px 16px; }

  .trvr-wrap .trvr-nav { flex-direction: column; }
  .trvr-wrap .trvr-nav label { width: 100%; text-align: center; padding: 11px 10px; }

  .trvr-wrap .trvr-panel-inner { padding: 18px 14px 16px; }
  .trvr-wrap .trvr-h2 { font-size: 18px; }
  .trvr-wrap .trvr-text { font-size: 14.5px; text-align: left; }

  .trvr-wrap .trvr-prince-grid { grid-template-columns: 1fr; }
}
</style>

<div class="trvr-wrap">

  <div class="trvr-banner trvr-texture">
    <div class="trvr-title">Триумвират</div>
    <div class="trvr-motto">Чёрный рынок</div>
    <div class="trvr-subtitle">Союз трёх преступных сил острова Ром, поделивших между собой власть над теневой торговлей.</div>
    <div class="trvr-stats">
      <div class="trvr-stat"><span class="trvr-stat-label">Образован</span><span class="trvr-stat-value">после 520-х гг. н.э.</span></div>
      <div class="trvr-stat"><span class="trvr-stat-label">Место</span><span class="trvr-stat-value">остров и город Ром</span></div>
      <div class="trvr-stat"><span class="trvr-stat-label">Власть</span><span class="trvr-stat-value">три принца</span></div>
      <div class="trvr-stat"><span class="trvr-stat-label">Вход</span><span class="trvr-stat-value">через сигилы — три ключа</span></div>
    </div>
  </div>

  <input type="radio" name="trvr-tab" id="trvr-t1" class="trvr-tab-input" checked>
  <input type="radio" name="trvr-tab" id="trvr-t2" class="trvr-tab-input">
  <input type="radio" name="trvr-tab" id="trvr-t3" class="trvr-tab-input">
  <input type="radio" name="trvr-tab" id="trvr-t4" class="trvr-tab-input">

  <nav class="trvr-nav">
    <label for="trvr-t1">Обзор</label>
    <label for="trvr-t2">Чёрный рынок</label>
    <label for="trvr-t3">Сигилы и вход</label>
    <label for="trvr-t4">Структура</label>
  </nav>

  <div class="trvr-panels">

    <!-- 1. ОБЗОР -->
    <section id="trvr-p1" class="trvr-panel">
      <div class="trvr-panel-inner trvr-texture">
        <div class="trvr-h2">Общее описание</div>
        <p class="trvr-text">Как единая структура, <b>Триумвират</b> зародился на острове Ром после 520-х годов — когда гильдия воров, ковен и союз контрабандистов, ранее соперничавшие за территории для сбыта, наконец смогли договориться меж собой. По соглашению между ними, главы каждой из «организаций» были названы принцами Триумвирата — серый принц из гильдии воров, алый из ковена и чёрный принц из союза контрабандистов, — и им же были вверены права по управлению всеми делами чёрного рынка.</p>
        <p class="trvr-text">За прошедшее с тех пор время серый и чёрный принц не единожды сменялись, а алый принц остался всё тем же. По слухам, именно алый принц владеет артефактом, способным перемещать человека в любую точку мира.</p>

        <div class="trvr-h3">Три силы</div>
        <div class="trvr-prince-grid">
          <div class="trvr-prince-card trvr-prince-gray">
            <div class="trvr-prince-title">Серый принц</div>
            <div class="trvr-prince-name">Лир Семипалый</div>
            <div class="trvr-prince-org">Глава гильдии воров</div>
          </div>
          <div class="trvr-prince-card trvr-prince-red">
            <div class="trvr-prince-title">Алый принц</div>
            <div class="trvr-prince-name">Эласкес</div>
            <div class="trvr-prince-org">Глава ковена — организации ритуальных колдунов, алхимиков и артефакторов</div>
          </div>
          <div class="trvr-prince-card trvr-prince-black">
            <div class="trvr-prince-title">Чёрный принц</div>
            <div class="trvr-prince-name">Корак Симпатяга</div>
            <div class="trvr-prince-org">Глава союза контрабандистов</div>
          </div>
        </div>
        <p class="trvr-text" style="font-size:13px;color:var(--ink-dim);"><i>Прим. Информацию о гильдии воров и союзе контрабандистов можно прочесть в отдельных статьях. </i></p>
      </div>
    </section>

    <!-- 2. ЧЁРНЫЙ РЫНОК -->
    <section id="trvr-p2" class="trvr-panel">
      <div class="trvr-panel-inner trvr-texture">
        <div class="trvr-h2">Что такое Триумвират</div>
        <p class="trvr-text">Это чёрный рынок, где каждый может:</p>
        <ul class="trvr-list">
          <li>продать или купить краденое — как поштучно, так и оптом;</li>
          <li>купить артефакты и другие вещи у мастера, который по каким-либо причинам работает без лицензии и не имеет возможности заниматься артефакторикой, алхимией или ритуальной магией за пределами чёрного рынка;</li>
          <li>купить или продать информацию;</li>
          <li>заказать у ковена свитки (это не гарантирует их подлинность);</li>
          <li>найти тех, у кого можно заказать разбой, грабёж, похищение и поручить прочие тёмные дела.</li>
        </ul>
      </div>
    </section>

    <!-- 3. СИГИЛЫ И ВХОД -->
    <section id="trvr-p3" class="trvr-panel">
      <div class="trvr-panel-inner trvr-texture">
        <div class="trvr-h2">Как попасть на чёрный рынок</div>
        <p class="trvr-text">Триумвират находится на острове Ром (и в одноимённом городе), но не каждый имеет возможность туда доплыть. Именно для таких людей существует «альтернативный», магический способ перемещения, связанный с артефактом, которым владеет Триумвират.</p>
        <p class="trvr-text">Чтобы попасть на Ром, необходимо отыскать в крупном городе нужный «сигил» и очертить пальцами, повторив узор. Сигил — небольшой знак, неприметный глазу стороннего наблюдателя. Выглядят сигилы всегда одинаково — как три переплетённых меж собой ключей, а вот расположение их меняется раз в несколько недель. Обычно сигилы возникают в пределах одной области, но их конкретное расположение может быть абсолютно случайным: если раньше сигил располагался на внешней стене дома, то в следующий раз может найтись в хлеву на другом конце улицы или даже через несколько улиц.</p>

        <div class="trvr-h3">Загадки</div>
        <p class="trvr-text">Местоположение сигилов всегда точно известно принцам, трибунам и легатам, а вот остальным приходится довольствоваться загадками, которые для желающих попасть на чёрный рынок сочиняет алый принц.</p>

        <details class="trvr-fold">
          <summary>Пример загадки</summary>
          <div class="trvr-fold-body">
            <div class="trvr-quote">Последний солнца луч лик воина усталый осветит<br>Пред тем как зазвонят колола и смерть за ним придёт<br>Чтоб скрыть в объятиях своих</div>
            <p class="trvr-text"><b>Расшифровка.</b> Первая строка — искать сигил нужно на закате, начинать от статуи воина на площади. Вторая строка — нужно повернуться и идти в сторону храма Серкеса. Третья строка обозначает, что сигил находится внутри храма.</p>
          </div>
        </details>

        <p class="trvr-text">Подробность загадок от раза к разу может разниться — обычно легаты или префекты распространяют загадки по городам, и услышать их в местах, связанных с преступным миром, не составляет труда, а вот разгадать — другое дело.</p>
        <p class="trvr-text">Те, кто поумнее, могут сами найти местонахождение сигила; те, кто поглупее, — пользуются помощью первых или тех, кто уже хоть раз у сигила побывал. Поэтому у людей, близких к миру преступности, обычно не возникает проблем с проникновением на чёрный рынок, а вот тем, кто собирается попасть туда впервые, приходится попотеть.</p>
        <p class="trvr-text">У каждого принца и трибуна есть свой личный постоянный сигил, раскрывать местонахождение которого строжайше запрещается, — поэтому им не приходится мучиться с разгадыванием загадок. Кроме того, одноразовый сигил выдаётся и тем, кто принимает от чёрного рынка <b>особые</b> заказы — под особыми подразумеваются крайне серьёзные вещи (например, кража фамильного оружия у великого герцога — а вот украденный мешок с драгоценностями или артефактами под категорию «особого» заказа уже не попадает), — чтобы такому человеку не пришлось впопыхах решать загадку и стряхивать преследование со своего хвоста.</p>

        <div class="trvr-note"><b>Как работает дверь.</b> Стоит обвести сигил — и на его месте появляется дверь, через которую можно пройти; пропадает она, стоит ею воспользоваться, либо через пару минут, если ею так и не воспользовались. Чтобы попасть обратно, нужна такая же дверь — она загадочным образом выводит человека в место, отличное от того, откуда он зашёл на чёрный рынок, но всегда в пределах того же города. Зайти и выйти через сигил можно только единожды за день.</div>
      </div>
    </section>

    <!-- 4. СТРУКТУРА -->
    <section id="trvr-p4" class="trvr-panel">
      <div class="trvr-panel-inner trvr-texture">
        <div class="trvr-h2">Структура Триумвирата</div>

        <div class="trvr-hier-item trvr-hier-major">
          <div class="trvr-hier-name"><b>Принцы</b></div>
          <div class="trvr-hier-desc">Всего их три — серый, алый и чёрный (см. вкладку «Обзор»). Занимаются подготовкой и планированием наиболее крупных дел, управлением и организацией своих ветвей власти, распределением человеческих и материальных ресурсов, арбитражем, выработкой стратегии для выживания и приумножения капитала и влияния.</div>
        </div>
        <div class="trvr-hier-item">
          <div class="trvr-hier-name"><b>Трибуны</b></div>
          <div class="trvr-hier-desc">Личные помощники принцев: выполняют роль телохранителей, секретарей, казначеев и оруженосцев. Нередко они же выступают палачами при демонстративной казни, по поручениям принца проводят внутренние расследования. При одном принце может быть от одного до трёх трибунов (иногда и больше — принцы платят трибунам из личного кармана).</div>
        </div>
        <div class="trvr-hier-item">
          <div class="trvr-hier-name"><b>Легаты</b></div>
          <div class="trvr-hier-desc">Следят за выполнением приказов принцев на более низких уровнях, контролируют работу префектов и центурионов, занимаются обеспечением конспирации, подкупом среди дворянства, духовенства и различных высоких чинов. Назначают префектов и центурионов, формируют новые ячейки в городах или распускают старые.</div>
        </div>
        <div class="trvr-hier-item">
          <div class="trvr-hier-name"><b>Префекты</b></div>
          <div class="trvr-hier-desc">Личные помощники легатов и вербовщики; часто отвечают за несколько опционов, следят за реализацией порученных дел, докладывают о подозрительных вопросах и случаях. Выступают посредниками между легатами и влиятельными личностями, организуя встречи, охрану и анонимность. Лично курируют и выполняют задания особой важности.</div>
        </div>
        <div class="trvr-hier-item">
          <div class="trvr-hier-name"><b>Центурионы</b></div>
          <div class="trvr-hier-desc">Подчиняются напрямую легатам — боевые единицы, основная функция которых поддерживать порядок в Роме. Также следят, чтобы «бесполезные» люди — пьянчуги и нищие — не задерживались в той части города, где царствует Триумвират.</div>
        </div>
        <div class="trvr-hier-item">
          <div class="trvr-hier-name"><b>Опционы</b></div>
          <div class="trvr-hier-desc">Рядовые агенты. Передают послания, выполняют простые поручения, перевозят товары по указанию префектов и занимаются иной, порой крайне грязной работой.</div>
        </div>
      </div>
    </section>

  </div>
</div>
[/html][hideprofile]

[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Cinzel+Decorative:wght@700&family=EB+Garamond:ital,wght@0,400;0,600;1,400&display=swap');

.kntr-wrap {
  box-sizing: border-box;
  --ink:        #e7e1d4;
  --ink-dim:    #948a78;
  --bg-card:    #201e1c;
  --bg-card-2:  #2a2724;
  --bg-card-3:  #141312;
  --brass:      #c9a15f;
  --brass-dim:  #6e5c39;
  --blood:      #5c1a1f;
  --blood-br:   #b0403f;
  font-family: 'EB Garamond', Georgia, serif;
  color: var(--ink);
  padding: 20px 12px;
}
.kntr-wrap *, .kntr-wrap *::before, .kntr-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  line-height: normal;
}

.kntr-wrap .kntr-texture {
  background-color: var(--bg-card);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 18% 12%, rgba(255,255,255,0.05), transparent 55%),
    radial-gradient(ellipse at 88% 95%, rgba(0,0,0,0.55), transparent 60%),
    linear-gradient(160deg, var(--bg-card-2), var(--bg-card) 55%, var(--bg-card-3) 100%);
  background-blend-mode: overlay, soft-light, multiply, normal;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  background-size: 140px 140px, cover, cover, cover;
}

.kntr-wrap .kntr-banner {
  max-width: 900px;
  margin: 0 auto 20px;
  text-align: center;
  border: 1px solid var(--brass-dim);
  padding: 26px 20px 22px;
  position: relative;
}
.kntr-wrap .kntr-banner::before,
.kntr-wrap .kntr-banner::after {
  content: "";
  position: absolute;
  width: 18px; height: 18px;
  border: 1px solid var(--brass);
  opacity: 0.6;
}
.kntr-wrap .kntr-banner::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }
.kntr-wrap .kntr-banner::after  { bottom: 8px; right: 8px; border-left: none; border-top: none; }

.kntr-wrap .kntr-title {
  font-family: 'Cinzel Decorative', 'Cinzel', serif;
  font-weight: 700;
  font-size: 34px;
  letter-spacing: 4px;
  color: var(--brass);
  text-shadow: 0 0 18px rgba(201,161,95,0.25);
}
.kntr-wrap .kntr-motto {
  color: var(--blood-br);
  font-size: 13.5px;
  letter-spacing: 0.5px;
  margin-top: 6px;
}
.kntr-wrap .kntr-subtitle {
  color: var(--ink-dim);
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-top: 8px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.kntr-wrap .kntr-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 20px;
}
.kntr-wrap .kntr-stat {
  border: 1px solid var(--brass-dim);
  padding: 10px 8px;
  text-align: center;
}
.kntr-wrap .kntr-stat-label {
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--brass);
  margin-bottom: 4px;
  display: block;
}
.kntr-wrap .kntr-stat-value {
  font-size: 13px;
  color: var(--ink-dim);
  display: block;
}

.kntr-wrap .kntr-tab-input { display: none; }

.kntr-wrap .kntr-nav {
  max-width: 900px;
  margin: 0 auto 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
.kntr-wrap .kntr-nav label {
  cursor: pointer;
  font-family: 'Cinzel', serif;
  font-size: 12.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--ink-dim);
  border: 1px solid var(--brass-dim);
  padding: 9px 14px;
  background: var(--bg-card-2);
  transition: color 0.15s, border-color 0.15s;
  user-select: none;
}
.kntr-wrap .kntr-nav label:hover { color: var(--ink); border-color: var(--brass); }

.kntr-wrap .kntr-panels { max-width: 900px; margin: 0 auto; }
.kntr-wrap .kntr-panel { display: none; }
.kntr-wrap .kntr-panel-inner {
  border: 1px solid var(--brass-dim);
  padding: 26px 26px 22px;
  box-shadow: 0 14px 30px rgba(0,0,0,0.55), inset 0 0 80px rgba(0,0,0,0.5);
}

#kntr-t1:checked ~ .kntr-nav label[for="kntr-t1"],
#kntr-t2:checked ~ .kntr-nav label[for="kntr-t2"],
#kntr-t3:checked ~ .kntr-nav label[for="kntr-t3"],
#kntr-t4:checked ~ .kntr-nav label[for="kntr-t4"],
#kntr-t5:checked ~ .kntr-nav label[for="kntr-t5"] {
  color: var(--ink);
  background: var(--bg-card);
  border-color: var(--brass);
  box-shadow: 0 0 12px rgba(201,161,95,0.3);
}

#kntr-t1:checked ~ .kntr-panels #kntr-p1,
#kntr-t2:checked ~ .kntr-panels #kntr-p2,
#kntr-t3:checked ~ .kntr-panels #kntr-p3,
#kntr-t4:checked ~ .kntr-panels #kntr-p4,
#kntr-t5:checked ~ .kntr-panels #kntr-p5 {
  display: block;
}

.kntr-wrap .kntr-h2 {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 1px;
  color: var(--brass);
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--brass-dim);
}
.kntr-wrap .kntr-h3 {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: var(--ink);
  margin: 18px 0 8px;
}
.kntr-wrap .kntr-h3:first-child { margin-top: 0; }

.kntr-wrap .kntr-text {
  font-size: 15.5px;
  line-height: 1.7;
  text-align: justify;
  color: var(--ink);
  margin-bottom: 12px;
}
.kntr-wrap .kntr-text:last-child { margin-bottom: 0; }
.kntr-wrap .kntr-text b, .kntr-wrap .kntr-text strong { color: var(--brass); font-weight: 600; }
.kntr-wrap .kntr-text i, .kntr-wrap .kntr-text em { color: var(--ink-dim); }

.kntr-wrap .kntr-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--brass-dim), var(--blood), var(--brass-dim), transparent);
  margin: 18px 0;
}

.kntr-wrap .kntr-list { margin: 10px 0 14px; }
.kntr-wrap .kntr-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink);
  margin-bottom: 7px;
}
.kntr-wrap .kntr-list li::before {
  content: "◆";
  position: absolute;
  left: 0; top: 2px;
  font-size: 9px;
  color: var(--blood-br);
}
.kntr-wrap .kntr-list li b { color: var(--brass); }

.kntr-wrap .kntr-note {
  border: 1px solid var(--blood-br);
  background: rgba(92,26,31,0.18);
  padding: 12px 16px;
  margin: 12px 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink);
}
.kntr-wrap .kntr-note b { color: var(--blood-br); }

.kntr-wrap .kntr-quote {
  border-left: 2px solid var(--blood-br);
  background: rgba(0,0,0,0.25);
  padding: 12px 16px;
  margin: 12px 0;
  font-style: italic;
  color: var(--ink-dim);
  font-size: 14.5px;
  line-height: 1.65;
}

.kntr-wrap details.kntr-fold {
  border: 1px solid var(--brass-dim);
  margin-bottom: 12px;
}
.kntr-wrap details.kntr-fold > summary {
  cursor: pointer;
  list-style: none;
  padding: 11px 16px;
  font-family: 'Cinzel', serif;
  font-size: 13.5px;
  letter-spacing: 0.5px;
  color: var(--brass);
  background: var(--bg-card-2);
  display: flex;
  align-items: center;
  gap: 8px;
}
.kntr-wrap details.kntr-fold > summary::-webkit-details-marker { display: none; }
.kntr-wrap details.kntr-fold > summary::before {
  content: "▸";
  color: var(--blood-br);
  transition: transform 0.15s;
}
.kntr-wrap details.kntr-fold[open] > summary::before { transform: rotate(90deg); }
.kntr-wrap details.kntr-fold > .kntr-fold-body {
  padding: 16px 18px 18px;
  border-top: 1px solid var(--brass-dim);
}

.kntr-wrap .kntr-steps { counter-reset: kntr-step; margin: 12px 0; }
.kntr-wrap .kntr-step {
  position: relative;
  padding: 10px 14px 10px 42px;
  margin-bottom: 8px;
  border: 1px solid var(--brass-dim);
  background: rgba(0,0,0,0.15);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ink);
}
.kntr-wrap .kntr-step::before {
  counter-increment: kntr-step;
  content: counter(kntr-step);
  position: absolute;
  left: 10px; top: 8px;
  font-family: 'Cinzel', serif;
  font-size: 13px;
  color: var(--brass);
  border: 1px solid var(--brass-dim);
  width: 20px; height: 20px;
  display: flex; align-items: center; justify-content: center;
}

.kntr-wrap .kntr-hier-item {
  border-left: 2px solid var(--brass-dim);
  padding: 6px 0 6px 14px;
  margin-bottom: 12px;
}
.kntr-wrap .kntr-hier-item.kntr-hier-major {
  border-left-color: var(--blood-br);
}
.kntr-wrap .kntr-hier-name {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: var(--ink);
  margin-bottom: 3px;
}
.kntr-wrap .kntr-hier-name i { color: var(--ink-dim); font-size: 13px; }
.kntr-wrap .kntr-hier-desc {
  font-size: 14.5px;
  color: var(--ink-dim);
  line-height: 1.6;
}

.kntr-wrap .kntr-rel { margin-bottom: 14px; }
.kntr-wrap .kntr-rel-name {
  font-family: 'Cinzel', serif;
  font-size: 14.5px;
  color: var(--brass);
  margin-bottom: 4px;
}
.kntr-wrap .kntr-rel-desc {
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--ink);
}

@media (max-width: 700px) {
  .kntr-wrap { padding: 14px 8px; }
  .kntr-wrap .kntr-title { font-size: 23px; letter-spacing: 2px; }
  .kntr-wrap .kntr-stats { grid-template-columns: 1fr 1fr; }
  .kntr-wrap .kntr-banner { padding: 18px 14px 16px; }
  .kntr-wrap .kntr-nav { flex-direction: column; }
  .kntr-wrap .kntr-nav label { width: 100%; text-align: center; padding: 11px 10px; }
  .kntr-wrap .kntr-panel-inner { padding: 18px 14px 16px; }
  .kntr-wrap .kntr-h2 { font-size: 18px; }
  .kntr-wrap .kntr-text { font-size: 14.5px; text-align: left; }
}
</style>

<div class="kntr-wrap">

  <div class="kntr-banner kntr-texture">
    <div class="kntr-title">Союз контрабандистов</div>
    <div class="kntr-motto">За деньги — да.</div>
    <div class="kntr-subtitle">Старейшая из трёх сил Рома: сеть контрабандных путей, связавшая порты и рынки всех королевств задолго до того, как появился сам Триумвират.</div>
    <div class="kntr-stats">
      <div class="kntr-stat"><span class="kntr-stat-label">Основан</span><span class="kntr-stat-value">ок. 280 г. н.э., бухта Рома</span></div>
      <div class="kntr-stat"><span class="kntr-stat-label">Штаб</span><span class="kntr-stat-value">остров и город Ром</span></div>
      <div class="kntr-stat"><span class="kntr-stat-label">Глава</span><span class="kntr-stat-value">Чёрный принц — Корак Симпатяга</span></div>
      <div class="kntr-stat"><span class="kntr-stat-label">Вход</span><span class="kntr-stat-value">через причальных агентов и пароль в порту</span></div>
    </div>
  </div>

  <input type="radio" name="kntr-tab" id="kntr-t1" class="kntr-tab-input" checked>
  <input type="radio" name="kntr-tab" id="kntr-t2" class="kntr-tab-input">
  <input type="radio" name="kntr-tab" id="kntr-t3" class="kntr-tab-input">
  <input type="radio" name="kntr-tab" id="kntr-t4" class="kntr-tab-input">
  <input type="radio" name="kntr-tab" id="kntr-t5" class="kntr-tab-input">

  <nav class="kntr-nav">
    <label for="kntr-t1">Обзор</label>
    <label for="kntr-t2">Контрабанда</label>
    <label for="kntr-t3">Как это работает</label>
    <label for="kntr-t4">Иерархия</label>
    <label for="kntr-t5">Отношения</label>
  </nav>

  <div class="kntr-panels">

    <!-- 1. ОБЗОР -->
    <section id="kntr-p1" class="kntr-panel">
      <div class="kntr-panel-inner kntr-texture">
        <div class="kntr-h2">Общее описание</div>
        <p class="kntr-text"><b>Союз контрабандистов</b> — динамичная сеть подпольного синдиката: скупщики краденого, недобросовестные торговцы, бандиты, дичекрады, пираты, коррумпированные представители гильдий и власти. Деньги — всему голова.</p>

        <details class="kntr-fold">
          <summary>История становления, важные даты и исторические лица</summary>
          <div class="kntr-fold-body">
            <p class="kntr-text">Началось всё, разумеется, с пиратов. Осевшие в бухте Рома — тогда ещё безымянном скоплении скал и укромных гаваней вне юрисдикции какой-либо короны, — они организованно грабили торговые пути всех четырёх королевств: перехватывали корабли, делили добычу, прятали её в тех же бухтах, откуда выходили на дело. Десятилетиями это оставалось обычным пиратским промыслом — жестоким, но простым.</p>
            <p class="kntr-text">Со временем пираты начали старательно расширять своё присутствие и на суше: обзаводиться скупщиками краденого в портовых городах, покупать молчание стражи, находить недобросовестных торговцев, готовых провезти чужой груз под видом своего. К 280-м годам н.э. это разрослось в нечто большее, чем просто береговая база — в сеть, которая одинаково хорошо чувствовала себя что на воде, что в порту. Окончательно закрепиться на суше и получить настоящую власть за пределами Рома пиратам удалось только тогда, когда сформировался Триумвират.</p>
            <p class="kntr-text">Когда в 520-х годах на тот же остров, спасаясь от императорского двора Саргоса, перебралась гильдия воров, между двумя силами едва не случилась настоящая война за территорию — Ром был мал, а претендентов на его бухты и рынки вдруг стало вдвое больше. Спас положение ковен — третья сила, уже давно тихо торговавшая на острове запретными свитками и зельями и не заинтересованная в том, чтобы кто-то один захватил Ром целиком. Именно ковен предложил разделить остров и сферы влияния — так родился Триумвират, а главы всех трёх сторон получили титулы принцев. От Союза контрабандистов принцем стал <b>чёрный принц</b>.</p>
            <p class="kntr-text">Нынешний чёрный принц — <b>Корак Симпатяга</b>. Прозвище заслужено неиронично: с любым, кто добирается до Рома на переговоры, он держится как со старым другом — сам наливает вино, помнит имена и байки, имеет исключительную память на лица. Он лично занимается только крупными сделками (мелкие оставляет навархам) и при этом часто выходит в море. Примечательно, что перед абордажем и ожесточённой сечей он часто вступает в переговоры с потенциальной жертвой — и, как ни странно, нередко уговаривает торговцев сдаться добровольно. Но есть у Корака и обратная сторона: он отправляет людей на смерть с тем же радушием и улыбкой, с какой приглашает к своему столу.</p>
          </div>
        </details>
      </div>
    </section>

    <!-- 2. ГРУЗ -->
    <section id="kntr-p2" class="kntr-panel">
      <div class="kntr-panel-inner kntr-texture">
        <div class="kntr-h2">Что возят</div>
        <p class="kntr-text">Товар у Союза всегда один и тот же по сути: то, что запрещено или невыгодно перевозить законно в одной земле, и совершенно спокойно продаётся в другой.</p>

        <ul class="kntr-list">
          <li><b>Ландвиди.</b> Самый прибыльный и самый рискованный груз контрабанды приходит отсюда: семена и живые растения королевства, которые не продаются официально никому и никогда, и изредка — живые твари небольших размеров. Ландвиди не верит чужакам на слово, а поэтому Союзу приходится держать «честного представителя» в каждой фактории — человека, для которого честность имеет определённую монетарную ценность. Морская часть маршрута нередко идёт через маршруты Дикой Охоты — с ними отношения двоякое: то они партнёры, то конкуренты, но открытого конфликта между двумя фракциями нет.</li>
          <li><b>Империя Саргос.</b> Здесь идёт активная торговля ингредиентами для запрещённого ритуального колдовства и всем, что связано со степями Ургаса. Религиозное преступление здесь карается смертью без разбирательств — и именно поэтому доставка чего-либо сюда стоит едва ли не дороже любой другой деятельности Союза.</li>
          <li><b>Республика Фортида.</b> Родина Союза и его самый скучный, но самый стабильный источник заработка: здесь умные дельцы выискивают дыры в законах и обходят постановления торговой коллегии и её лицензий, провозят товар мимо охраняемых портов и пошлин и легализуют украденное.</li>
          <li><b>Моленгард.</b> Здесь буквально идёт охота на оставленные без надзора могилы, склепы, и некоторые дерзкие лиходеи даже пытались добраться до Могильника. Добытые в обход церкви Серкеса предметы часто переплавляются или продаются на аукционах сериями.</li>
          <li><b>Анклав.</b> Здесь деятельность контрабандистов почти легальная, и на их сомнительные товары смотрят, прикрыв глаза. Терпят Союз только потому, что у них часто оседают вещи, которые больше нигде и ни за какие деньги достать нельзя. Это и мануалы нелицензированной алхимии, и запрещённые почти повсюду образцы тварей, и многое другое из того, что кафедры не могут получить законным путём.</li>
        </ul>

        <div class="kntr-h3">Чего не возят</div>
        <p class="kntr-text">Даже здесь есть граница — та же самая, что у гильдии воров, и не случайно: покушения на императора Саргоса, короля Моленгарда или верховного жреца Серкеса Союз не принимает ни под каким видом, равно как разносчиков чумы и подобных болезней и любые сделки, которые можно прочитать как объявление войны. Дело не в принципах — такая работа никогда не окупается, сколько бы за неё ни предлагали, и три принца Рома единодушны хотя бы в этом.</p>
      </div>
    </section>

    <!-- 3. КАК ЭТО РАБОТАЕТ -->
    <section id="kntr-p3" class="kntr-panel">
      <div class="kntr-panel-inner kntr-texture">
        <div class="kntr-h2">Как берут заказ</div>

        <div class="kntr-steps">
          <div class="kntr-step">Вы (или ваш представитель) находите нужный причал или склад в порту — там, где хозяин не удивляется поздним гостям и не запоминает лиц.</div>
          <div class="kntr-step">Вы называете условленное слово хозяину — и к вашему столу подсаживается причальный агент Союза Контрабандистов.</div>
          <div class="kntr-step">Вы обсуждаете груз, маршрут и цену — чем опаснее маршрут и жёстче закон на другом конце пути, тем дороже обойдётся доставка.</div>
          <div class="kntr-step">Если груз не входит в список запретного, контрабандист берёт заказ и вносит его в путевой лист, а вы оставляете задаток — обычно треть от оговорённой суммы.</div>
          <div class="kntr-step">Контрабандист затем передаёт заказ подходящему кормчему — тому, чей маршрут и репутация годятся именно для этого груза.</div>
          <div class="kntr-step">По завершении доставки происходит расчёт: принимающая сторона платит остаток, кормчий получает свою долю, платит десятину Союзу (обычно около четверти общей суммы).</div>
        </div>

        <div class="kntr-note"><b>Десятина Контрабандистов.</b> Налог, который Союз берёт с каждого успешного заказа — на взятки портовой страже, содержание причалов и складов, и, чего греха таить, на образ жизни принца и экипажей. Если груз потерян или конфискован не по вине заказчика — задаток возвращается из кармана Союза; если виноват кормчий (и он выжил) — его отправляют отрабатывать долг пиратством.</div>

        <div class="kntr-h3">Причалы и склады</div>
        <p class="kntr-text">Вместо тайных таверн у Контрабандистов — сеть портовых складов и причалов, разбросанных по всем крупным гаваням четырёх королевств. Каждый такой склад платит огромные отступные местной страже или гвардии, поэтому его, как правило, обходят вниманием. Где находится общая казна Контрабандистов, знает только Чёрный Принц и его ближайшие люди — попытки об этом разузнать заканчиваются одинаково плохо для любопытных.</p>
      </div>
    </section>

    <!-- 4. ИЕРАРХИЯ -->
    <section id="kntr-p4" class="kntr-panel">
      <div class="kntr-panel-inner kntr-texture">
        <div class="kntr-h2">Иерархия Союза</div>

        <div class="kntr-hier-item kntr-hier-major">
          <div class="kntr-hier-name"><b>Чёрный принц</b> <i>— сейчас Корак Симпатяга</i></div>
          <div class="kntr-hier-desc">Глава Союза и один из трёх принцев Триумвирата. Лично почти не участвует в отдельных заказах — ведёт дела с двумя другими принцами, распределяет территории между навархами, разрешает споры между ними и следит, чтобы десятина исправно доходила до общей казны.</div>
        </div>
        <div class="kntr-hier-item">
          <div class="kntr-hier-name"><b>Навархи</b></div>
          <div class="kntr-hier-desc">Держат целые секторы и акватории — порты в определённой зоне или даже целиком торговые пути. Назначаются чёрным принцем и обычно не сменяются до самой смерти или добровольного ухода на покой. Распределяют маршруты между кормчими, вербуют новых причальных контрабандистов, разбираются с провалами и угрозами на своей территории.</div>
        </div>
        <div class="kntr-hier-item">
          <div class="kntr-hier-name"><b>Причальные</b></div>
          <div class="kntr-hier-desc">Поверенное лицо Союза Контрабандистов для заказчика: принимают груз к рассмотрению, торгуются о цене, ведут путевые листы и передают заказы кормчим. Обычно люди с головой на плечах — среди причальных нередко встречаются бывшие купцы или отпрыски обедневших торговых домов, умеющие оценить риск и ценность заказа на глаз.</div>
        </div>
        <div class="kntr-hier-item">
          <div class="kntr-hier-name"><b>Кормчие</b></div>
          <div class="kntr-hier-desc">И должность, и репутация: так зовут тех, кто водит собственную команду и отвечает за груз от порта до порта. Кормчим становятся после многих лет жизни в море, спустя десятки успешных ходок в качестве пирата. Кормчему полагается лучшая доля с заказа и защита со стороны Союза. Если их поймают, Контрабандисты почти всегда пытаются спасти опытного Кормчего.</div>
        </div>
        <div class="kntr-hier-item">
          <div class="kntr-hier-name"><b>Трюмные</b></div>
          <div class="kntr-hier-desc">Рядовая команда — те, кто физически перевозит и прячет груз в трюме, нишах, даже в одежде. Основная рабочая сила организации.</div>
        </div>

        <div class="kntr-divider"></div>
        <div class="kntr-h3">Как вступают</div>
        <p class="kntr-text">Союз не набирает и не воспитывает новичков — в трюмные, как правило, приглашают по рекомендации уже действующего члена команды. Свободных контрабандистов, отказавшихся вступать, никто силой не тащит — Ром буквально кишит морскими крысами, которые хотят сменить стезю пирата на ремесло контрабандиста.</p>
      </div>
    </section>

    <!-- 5. ОТНОШЕНИЯ -->
    <section id="kntr-p5" class="kntr-panel">
      <div class="kntr-panel-inner kntr-texture">
        <div class="kntr-h2">Отношение с обществом</div>

        <div class="kntr-rel">
          <div class="kntr-rel-name">Гильдия воров и ковен</div>
          <div class="kntr-rel-desc">Формально — равные партнёры по Триумвирату; на деле — старые соперники за территорию, помирившиеся не от большой любви, а по необходимости. Три принца исправно делят Ром и не лезут в чужие дела, но у трюмных и рядовых воров случаются стычки, за которые принцам после приходится извиняться друг перед другом.</div>
        </div>
        <div class="kntr-rel">
          <div class="kntr-rel-name">Хартия</div>
          <div class="kntr-rel-desc">Самый удобный и самый лицемерный клиент. Официально гильдия артефакторов чиста перед законом; неофициально именно у её малых лавок в портовых городах Моря Звёзд скупают вещи «крайне сомнительного происхождения» — и обе стороны предпочитают не уточнять, откуда эти вещи взялись.</div>
        </div>
        <div class="kntr-rel">
          <div class="kntr-rel-name">Лимес</div>
          <div class="kntr-rel-desc">Теневое зеркало. Искатели официально не берут «запретные наряды» — степи Ургаса, кратер Деменция, — но то, что эксплораторы «совершенно случайно» выносят из подобных мест, часто оседает у Союза Контрабандистов. Прямого сговора нет, но и вопросов друг другу стороны стараются не задавать.</div>
        </div>
        <div class="kntr-rel">
          <div class="kntr-rel-name">Горнило</div>
          <div class="kntr-rel-desc">Нанимается редко и неохотно: клинки любят зрителей, а контрабандный груз любит тишину. На такую работу соглашаются только опозоренные или отчаянно нуждающиеся в деньгах бойцы — остальные считают её ниже своего достоинства. Союз Контрабандистов понимает сложность, а потому чаще всего нанимает Горнило для запутывания следов и отвлечения внимания. По полной предоплате.</div>
        </div>
        <div class="kntr-rel">
          <div class="kntr-rel-name">Дикая Охота</div>
          <div class="kntr-rel-desc">Самые близкие «коллеги» вне Триумвирата. Оба промысла живут морем и законом не связаны, поэтому то соперничают за одни и те же воды, то делят добычу, то помогают выжить в суровой стихии. Раз на раз не приходится.</div>
        </div>

      </div>
    </section>

  </div>
</div>
[/html][hideprofile]