/* Сайт-стратегия «Пантеон» — консолидация по информационным блокам. Тёплые тона + типографика + метки граней. */
:root{
  --bg:#f4f1e8; --bg2:#efeadd; --card:#fffdf8; --card2:#faf6ec;
  --ink:#322e27; --ink2:#4a443a; --soft:#938873; --soft2:#b8ad97;
  --line:#e4ddcb; --line2:#eee7d6;
  --gold:#b08d3c; --gold-d:#8f7029; --gold-bg:#f6edd4;
  --green:#5a8f54; --green-bg:#e8f0df; --rose:#bd6b5e; --rose-bg:#f6e4df;
  --blue:#4a7aa8; --blue-bg:#e6eef6; --purple:#7a6cae; --purple-bg:#ece8f5;
  --pink:#bf7d9e; --pink-bg:#f6e7ef;
  --shadow:0 2px 18px rgba(120,95,40,.07);
  --serif:'Georgia','Iowan Old Style',serif; --sans:'Inter',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--serif);background:var(--bg);color:var(--ink);line-height:1.72;font-size:17px;
  background-image:radial-gradient(1100px 500px at 80% -10%,rgba(176,141,60,.06),transparent 55%),
                   radial-gradient(900px 500px at 0% 100%,rgba(90,143,84,.05),transparent 55%);
  background-attachment:fixed}

.topbar{max-width:880px;margin:0 auto;padding:18px 26px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.back{font-family:var(--sans);font-size:13px;color:var(--gold-d);text-decoration:none;font-weight:600;
  display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--line);border-radius:9px;background:var(--card);transition:.15s}
.back:hover{border-color:var(--gold);background:var(--gold-bg)}
.crumb{font-family:var(--sans);font-size:12.5px;color:var(--soft)}

.page{max-width:880px;margin:0 auto;padding:30px 26px 90px}

/* ——— шапка фазы ——— */
.phase-hero{text-align:center;padding:26px 0 24px;border-bottom:2px solid var(--line);margin-bottom:30px}
.phase-hero .step{font-family:var(--sans);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-d);font-weight:700;margin-bottom:12px}
.phase-hero .step b{background:var(--gold);color:#fff;border-radius:7px;padding:3px 10px;letter-spacing:1px}
.phase-hero h1{font-size:34px;line-height:1.16;font-weight:700;letter-spacing:-.4px;color:var(--ink)}
.phase-hero .lede{font-family:var(--sans);font-size:14px;color:var(--soft);max-width:580px;margin:12px auto 0;line-height:1.6}

/* ——— смысловой блок ——— */
.block{margin:0 0 14px;scroll-margin-top:18px}
.block-h{display:flex;align-items:baseline;gap:12px;margin:40px 0 8px;padding-bottom:10px;border-bottom:1px solid var(--line2)}
.block-h .bn{font-family:var(--sans);font-weight:800;font-size:14px;color:#fff;background:var(--gold);border-radius:9px;padding:5px 11px;flex-shrink:0;letter-spacing:.5px}
.block-h h2{font-size:24px;font-weight:700;letter-spacing:-.3px;color:var(--ink)}

/* ——— грань инстанса ——— */
.grane{border-radius:13px;padding:15px 18px 15px 18px;margin:14px 0;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-left:4px solid var(--gx,var(--gold))}
.grane-head{display:flex;align-items:center;gap:9px;margin-bottom:9px;font-family:var(--sans)}
.grane-badge{font-size:13px;font-weight:700;color:#fff;border-radius:8px;padding:4px 11px;background:var(--gx,var(--gold))}
.grane-sub{font-size:12.5px;color:var(--soft);font-weight:600}
.grane-body{color:var(--ink2)}
.grane-body p{margin:0 0 11px}.grane-body p:last-child{margin-bottom:0}
.grane-body strong,.grane-body b{color:var(--ink);font-weight:700}
.grane-body em{font-style:italic;color:var(--ink2)}
.grane-body ul,.grane-body ol{margin:8px 0 11px 2px;padding-left:22px}
.grane-body li{margin:0 0 6px}
.grane-body a{color:var(--gold-d);text-decoration:underline;text-underline-offset:2px}
.grane-body code{font-family:'SF Mono',Menlo,monospace;font-size:13px;background:var(--bg2);padding:2px 6px;border-radius:5px;color:var(--gold-d)}
/* цвета граней */
.g-alisa{--gx:#bf7d9e} .g-robert{--gx:#4a7aa8} .g-pater{--gx:#7a6cae} .g-archi{--gx:#bd6b5e} .g-devi{--gx:#5a8f54}

/* таблицы внутри граней */
.tablewrap{overflow-x:auto;margin:10px 0;border:1px solid var(--line);border-radius:11px}
table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13.5px;background:var(--card2)}
th{background:var(--gold-bg);color:var(--gold-d);text-align:left;padding:10px 13px;font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:10px 13px;border-bottom:1px solid var(--line2);vertical-align:top;color:var(--ink2)}
tr:last-child td{border-bottom:0}

pre{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:13px 15px;overflow-x:auto;margin:10px 0;font-size:12.5px;line-height:1.5}
pre code{background:none;padding:0;color:var(--ink2)}

/* ——— дополнения, разнесённые в блок ——— */
.dop{background:var(--gold-bg);border:1px solid #e7d4a3;border-radius:12px;padding:13px 16px;margin:14px 0}
.dop-t{font-family:var(--sans);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-d);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:7px}
.dop-t::before{content:'📥'}
.dop ul{margin:0;padding-left:20px;font-family:var(--sans);font-size:13.5px;color:var(--ink2)}
.dop li{margin:0 0 7px}.dop li:last-child{margin-bottom:0}
.dop em{color:var(--gold-d);font-style:italic}

/* схождение (примечание консолидатора) */
.shozhdenie{background:var(--green-bg);border:1px solid #c5dcbb;border-radius:12px;padding:13px 16px;margin:14px 0;font-family:var(--sans);font-size:13.5px;color:#3c5e38}
.shozhdenie .st{font-weight:700;color:var(--green);margin-bottom:6px;display:flex;align-items:center;gap:7px}
.shozhdenie .st::before{content:'✦'}

/* ценностный блок / итог */
.cennost{background:linear-gradient(180deg,var(--gold-bg),#fbf4e1);border:1px solid #e7d4a3;border-radius:14px;padding:18px 22px;margin:18px 0}

/* навигация между фазами */
.phase-nav{display:flex;justify-content:space-between;gap:14px;margin-top:46px;font-family:var(--sans)}
.phase-nav a{flex:1;text-decoration:none;color:var(--ink2);background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px 17px;transition:.15s}
.phase-nav a:hover{border-color:var(--gold);background:var(--card2)}
.phase-nav .dir{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--soft);font-weight:700;margin-bottom:4px}
.phase-nav .ttl{font-size:14px;font-weight:700;color:var(--ink)}
.phase-nav .next{text-align:right}

.sign{font-family:var(--sans);font-size:13px;color:var(--soft);background:var(--card2);border:1px solid var(--line2);border-radius:12px;padding:14px 18px;margin-top:30px;font-style:normal}

/* ——— визуальные схемы (figure + svg) ——— */
.fig{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:18px 18px 14px;margin:16px 0 18px;box-shadow:var(--shadow)}
.fig svg{width:100%;height:auto;display:block}
.fig figcaption{font-family:var(--sans);font-size:12.5px;color:var(--soft);text-align:center;margin-top:11px;line-height:1.5}
.fig figcaption b{color:var(--gold-d)}
.fig .fig-t{font-family:var(--sans);font-size:13px;letter-spacing:.4px;font-weight:700;color:var(--gold-d);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.fig .fig-t::before{content:'◇';color:var(--gold);font-size:13px}
/* SVG-helpers через CSS-переменные (тёплая палитра доступна в fill="var(--..)") */
svg text{font-family:var(--sans)}

@media(max-width:600px){
  body{font-size:16px}.phase-hero h1{font-size:26px}.block-h h2{font-size:20px}
  .page{padding:24px 17px 70px}.phase-nav{flex-direction:column}
}