
*,*::before,*::after{box-sizing:border-box}

@font-face{font-family:'MrDis';src:url('/assets/fonts/mrdis.woff2')format('woff2');
  font-weight:400;font-display:swap}
@font-face{font-family:'MrText';src:url('/assets/fonts/mrtext-var.woff2')format('woff2-variations');
  font-weight:300 800;font-display:swap}

html{-webkit-text-size-adjust:100%}
body{margin:0;background:#1c1411;color:#f1eae5;
  font-family:'MrText',system-ui,sans-serif;font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

h1,h2,h3{font-family:'MrDis',Georgia,serif;font-weight:400;letter-spacing:-.005em}
a{color:inherit}
img{max-width:100%;height:auto}

.mr-skip{position:absolute;left:-9999px;top:0;background:#f1eae5;color:#1c1411;
  padding:11px 18px;z-index:40}
.mr-skip:focus{left:10px;top:10px}
:focus-visible{outline:2px solid #f0b964;outline-offset:3px}

.mr-wrap{max-width:1100px;margin:0 auto;padding:0 30px}

/* === шапка ============================================================== */
.mr-nav{border-bottom:1px solid #41332c}
.mr-nav__in{max-width:1100px;margin:0 auto;padding:0 30px;
  display:flex;align-items:center;gap:28px;min-height:60px;flex-wrap:wrap}
.mr-nav__b{font-family:'MrDis',Georgia,serif;font-size:19px;text-decoration:none;
  color:#f1eae5;padding:6px 0}
.mr-nav nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto}
.mr-nav nav a{font-size:14px;text-decoration:none;color:#bcaca2;padding:7px 0;
  border-bottom:2px solid transparent}
.mr-nav nav a:hover{color:#f1eae5}
.mr-nav nav a[aria-current]{color:#f1eae5;border-bottom-color:#f0b964}

/* === страница материала ================================================= */
.mr-doc{padding:40px 0 10px}
.mr-crumb{margin:0 0 20px;font-size:13px;color:#bcaca2;letter-spacing:.02em}
.mr-crumb a{color:#bcaca2;text-decoration:none;border-bottom:1px solid #574539}
.mr-crumb a:hover{color:#f1eae5}

.mr-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);
  gap:16px 46px;align-items:start}
.mr-head > .mr-crumb{grid-column:1/-1}
.mr-h1{margin:0;font-size:clamp(31px,4.1vw,48px);line-height:1.08;max-width:18ch}
.mr-lede{margin:7px 0 0;font-size:18px;line-height:1.6;color:#bcaca2}
.mr-meta{margin:16px 0 0;font-size:10.5px;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:#bcaca2}
@media(max-width:880px){.mr-head{grid-template-columns:1fr}}

.mr-rule{height:1px;background:#41332c;margin:32px 0}

/* === текст ============================================================== */
.mr-body{counter-reset:mrsec}
.mr-body > p,.mr-body > ul,.mr-body > ol,.mr-body > blockquote{max-width:66ch}
.mr-body p{margin:0 0 18px;line-height:1.74}
.mr-body ul,.mr-body ol{margin:0 0 18px;padding-left:22px}
.mr-body li{margin:0 0 8px}
.mr-body strong{font-weight:700;color:#fff}
.mr-body a{color:#f1eae5;text-decoration:none;border-bottom:1px solid #f0b964}
.mr-body a:hover{color:#f0b964}

/* ЛИНЕЙКА К ЗАГОЛОВКУ. Номер у левого края, волосяная линия во всю
   оставшуюся ширину, заголовок прижат ВПРАВО — строка указателя.
   Линия тянется через flex:1, поэтому длина у каждого раздела своя
   и зависит от длины названия: короткое название — длинная линия. */
.mr-body > h2{counter-increment:mrsec;margin:50px 0 22px;max-width:none;
  display:flex;align-items:baseline;gap:22px;
  font-size:clamp(20px,2.3vw,27px);line-height:1.22}
.mr-body > h2::before{content:counter(mrsec,decimal-leading-zero);
  font-family:'MrText',sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;
  color:#f0b964;flex:none;position:relative;top:-4px}
.mr-body > h2::after{content:"";flex:1 1 auto;min-width:24px;height:1px;
  background:#574539;order:-1;margin-left:22px;position:relative;top:-7px}
.mr-body > h2:first-child{margin-top:14px}
.mr-body > h3{margin:30px 0 10px;font-size:17.5px;font-weight:700;
  font-family:'MrText',sans-serif}

.mr-body blockquote{margin:24px 0;padding:0 0 0 22px;border-left:2px solid #f0b964;
  color:#bcaca2}
.mr-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}
.mr-body th,.mr-body td{text-align:left;padding:9px 12px 9px 0;
  border-bottom:1px solid #41332c;vertical-align:top}
.mr-body th{font-size:10.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#bcaca2}

/* === знак 1: сличение ==================================================== */
.mr-mx{border:1px solid #41332c;background:#261d19;padding:20px 22px 17px;
  margin:0 0 22px;overflow-x:auto}
.mr-mx__t{margin:0 0 14px;font-size:10.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#bcaca2}
.mr-mx table{width:100%;border-collapse:collapse;font-size:14px;min-width:460px}
.mr-mx th,.mr-mx td{padding:9px 14px 9px 0;border-bottom:1px solid #41332c;
  text-align:left;vertical-align:top}
.mr-mx thead th{font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#bcaca2;border-bottom:1px solid #574539}
.mr-mx tbody th{font-weight:600;color:#f1eae5;width:30%}
.mr-mx__v{display:block;font-variant-numeric:tabular-nums lining-nums}
.mr-mx__k{display:block;margin-top:2px;font-size:10.5px;font-weight:700;
  letter-spacing:.05em}
.mr-mx__c--same .mr-mx__k{color:#86d3ab}
.mr-mx__c--differs .mr-mx__k{color:#f0b964}
.mr-mx__c--missing .mr-mx__k{color:#ef8f78}
.mr-mx__c--missing .mr-mx__v{color:#bcaca2}
.mr-mx__n{margin:14px 0 0;padding-top:12px;border-top:1px solid #41332c;
  font-size:13.5px;line-height:1.62;color:#bcaca2}
.mr-mx__n b{color:#f1eae5;font-weight:700}

/* === знак 2: охват ======================================================= */
/* Где человек работает против того, где оформлен. Расхождение несёт
   набор: штриховка, цвет и слово. */
.mr-sc{border:1px solid #41332c;background:#261d19;padding:20px 22px 17px;
  margin:0 0 22px}
.mr-sc__t{margin:0 0 14px;font-size:10.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#bcaca2}
.mr-sc__g{display:flex;height:38px;border:1px solid #574539}
.mr-sc__s{position:relative;min-width:0;border-right:1px solid #574539}
.mr-sc__s:last-child{border-right:0}
.mr-sc__s--match{background:#86d3ab}
.mr-sc__s--split{background:repeating-linear-gradient(135deg,
  #f0b964 0 5px,#261d19 5px 10px)}
.mr-sc__k{display:flex;flex-wrap:wrap;gap:10px 26px;margin:15px 0 0}
.mr-sc__i{display:flex;align-items:baseline;gap:9px;font-size:13.5px;color:#bcaca2}
.mr-sc__sw{width:13px;height:13px;flex:none;border:1px solid #574539;
  position:relative;top:2px}
.mr-sc__sw--match{background:#86d3ab}
.mr-sc__sw--split{background:repeating-linear-gradient(135deg,
  #f0b964 0 4px,#261d19 4px 8px)}
.mr-sc__i b{color:#f1eae5;font-weight:700;
  font-variant-numeric:tabular-nums lining-nums}
.mr-sc__n{margin:15px 0 0;padding-top:12px;border-top:1px solid #41332c;
  font-size:13.5px;line-height:1.62;color:#bcaca2}
.mr-sc__n b{color:#f1eae5;font-weight:700}

/* === знак 3: запаздывание ================================================ */
.mr-ch{border:1px solid #41332c;background:#261d19;padding:20px 22px 17px;
  margin:0 0 22px}
.mr-ch__t{margin:0 0 12px;font-size:10.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#bcaca2}
.mr-ch__h,.mr-ch__r{display:grid;
  grid-template-columns:minmax(120px,1.3fr) minmax(74px,.7fr) minmax(74px,.7fr) minmax(104px,1fr);
  gap:0 16px;align-items:center}
.mr-ch__h{padding-bottom:8px;font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#bcaca2;border-bottom:1px solid #574539}
.mr-ch__r{padding:10px 0;border-bottom:1px solid #41332c;font-size:14px;line-height:1.4}
.mr-ch__w{font-weight:600}
.mr-ch__d{color:#bcaca2;font-variant-numeric:tabular-nums lining-nums;font-size:13px}
.mr-ch__lag{display:flex;align-items:center;gap:10px;min-width:0}
.mr-ch__bar{height:9px;flex:none;background:#f0b964;border:1px solid #f0b964}
.mr-ch__r--bad .mr-ch__bar{background:repeating-linear-gradient(135deg,
  #ef8f78 0 4px,#261d19 4px 7px);border-color:#ef8f78}
.mr-ch__v{font-size:12.5px;font-weight:700;flex:none;white-space:nowrap;
  font-variant-numeric:tabular-nums lining-nums;color:#f0b964}
.mr-ch__r--bad .mr-ch__v{color:#ef8f78}
.mr-ch__n{margin:15px 0 0;padding-top:12px;border-top:1px solid #41332c;
  font-size:13.5px;line-height:1.62;color:#bcaca2}
.mr-ch__n b{color:#f1eae5;font-weight:700}
@media(max-width:720px){
  .mr-ch__h{display:none}
  .mr-ch__r{grid-template-columns:1fr auto;gap:3px 14px}
  .mr-ch__lag{grid-column:1/-1}
}

/* === связанное =========================================================== */
.mr-next{margin:44px 0 0;padding:26px 0 0;border-top:1px solid #574539}
.mr-next__t{margin:0 0 14px;font-size:10.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#bcaca2}
.mr-next ul{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 36px}
.mr-next li a{color:#f1eae5;text-decoration:none;font-size:15.5px;
  border-bottom:1px solid transparent}
.mr-next li a:hover{border-bottom-color:#f0b964}
@media(max-width:700px){.mr-next ul{grid-template-columns:1fr}}

/* === главная ============================================================= */
.mr-open{padding:48px 0 38px;border-bottom:1px solid #41332c}
.mr-kick{margin:0 0 18px;font-size:10.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:#f0b964}
.mr-open__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);
  gap:34px 50px;align-items:center}
.mr-open__l{grid-column:1;grid-row:1}
.mr-open__r{grid-column:2;grid-row:1}
.mr-open h1{margin:0 0 22px;font-size:clamp(33px,4.6vw,56px);line-height:1.04}
.mr-open h1 em{font-style:normal;color:#f0b964}
.mr-open__d{margin:0 0 24px;font-size:18px;line-height:1.62;color:#bcaca2;
  max-width:54ch}
.mr-go{display:flex;gap:26px;flex-wrap:wrap}
.mr-go a{font-weight:700;font-size:15px;text-decoration:none;color:#f1eae5;
  border-bottom:2px solid #f0b964;padding-bottom:3px}
.mr-go a:hover{color:#f0b964}
.mr-open__note{margin:32px 0 0;padding-top:18px;border-top:1px solid #41332c;
  font-size:13px;line-height:1.66;color:#bcaca2;max-width:92ch}
@media(max-width:900px){
  .mr-open__g{grid-template-columns:1fr}
  /* grid-row с широкой раскладки надо снять, иначе знак встаёт перед H1 */
  .mr-open__l,.mr-open__r{grid-column:1;grid-row:auto}
}

.mr-shown{padding:34px 0}

.mr-sec{padding:32px 0;border-top:1px solid #41332c}
.mr-sec__g{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);
  gap:20px 50px;align-items:start}
.mr-sec__k{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.15em;
  color:#f0b964}
.mr-sec__g h2{margin:0 0 10px;font-size:25px;line-height:1.16}
.mr-sec__g h2 a{text-decoration:none;color:#f1eae5}
.mr-sec__g h2 a:hover{color:#f0b964}
.mr-sec__d{margin:0;font-size:15px;line-height:1.56;color:#bcaca2}
.mr-list{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.mr-list li{border-top:1px solid #41332c}
.mr-list li:first-child,.mr-list li:nth-child(2){border-top:0}
.mr-list li a{display:block;padding:10px 0;text-decoration:none;color:#f1eae5;
  font-size:15.5px;line-height:1.42}
.mr-list li a::before{content:attr(data-n);display:inline-block;width:28px;
  font-size:10.5px;font-weight:700;color:#bcaca2;letter-spacing:.06em}
.mr-list li a:hover{color:#f0b964}
@media(max-width:820px){
  .mr-sec__g{grid-template-columns:1fr}
  .mr-list{grid-template-columns:1fr}
  .mr-list li:nth-child(2){border-top:1px solid #41332c}
}

.mr-hub__row{padding:17px 0;border-top:1px solid #41332c}
.mr-hub__row:first-of-type{border-top:0}
.mr-hub__row h2{margin:0 0 6px;font-size:20px;line-height:1.28}
.mr-hub__row h2 a{text-decoration:none;color:#f1eae5}
.mr-hub__row:hover h2 a{color:#f0b964}
.mr-hub__row p{margin:0;font-size:15px;line-height:1.56;color:#bcaca2;max-width:66ch}

.mr-end{padding:36px 0 12px;border-top:1px solid #574539;margin-top:32px}
.mr-end h2{margin:0 0 14px;font-size:clamp(24px,2.9vw,33px);line-height:1.14;
  max-width:21ch}
.mr-end p{margin:0 0 20px;font-size:16.5px;line-height:1.68;color:#bcaca2;
  max-width:68ch}
.mr-end__l{list-style:none;margin:0;padding:0;display:flex;gap:28px;flex-wrap:wrap}
.mr-end__l a{font-weight:700;font-size:15px;text-decoration:none;color:#f1eae5;
  border-bottom:2px solid #f0b964;padding-bottom:2px}

/* === подвал ============================================================== */
.mr-foot{border-top:1px solid #41332c;margin-top:44px;padding:40px 0 38px;
  background:#261d19}
.mr-foot__g{display:flex;flex-wrap:wrap;gap:32px}
.mr-foot__g > *{flex:1 1 155px;min-width:0}
.mr-foot__g > *:first-child{flex:1.4 1 215px}
.mr-foot__t{margin:0 0 12px;font-size:10.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#bcaca2}
.mr-foot ul{list-style:none;margin:0;padding:0}
.mr-foot li{margin:0 0 8px}
.mr-foot li a{color:#f1eae5;text-decoration:none;font-size:15px}
.mr-foot li a:hover{border-bottom:1px solid #f0b964}
.mr-foot__about{margin:0;font-size:15px;line-height:1.56;color:#bcaca2;max-width:32ch}
.mr-foot__note{margin:32px 0 0;padding-top:18px;border-top:1px solid #41332c;
  font-size:13px;line-height:1.66;color:#bcaca2;max-width:92ch}

@media(max-width:620px){
  .mr-wrap{padding:0 18px}
  body{font-size:16.5px}
  .mr-body > h2{gap:14px}
  .mr-body > h2::after{margin-left:14px}
}


/* --- comparison guides -------------------------------------------- */
.oc-guide-body{max-width:100%}
.oc-guide-body>p,.oc-guide-body>h2,.oc-guide-body>h3,.oc-guide-body>ul{max-width:42em}
.oc-table-wrap{overflow-x:auto;margin:28px 0 42px;border:1px solid #e4e4e0;border-radius:12px;background:#fff}
.oc-table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px;line-height:1.45}
.oc-table th,.oc-table td{padding:13px 14px;border-bottom:1px solid #e4e4e0;text-align:left;vertical-align:top}
.oc-table th{background:#0f1115;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.oc-table tr:last-child td{border-bottom:0}
.oc-table td:first-child{width:38px;text-align:center;font-weight:700;color:#166534}
.oc-table td:nth-child(2){min-width:130px;font-weight:700;color:#0f1115}
.oc-tool{margin:48px 0 0;padding:30px;border:1px solid #e4e4e0;border-radius:14px;background:#fff}
.oc-tool h2{margin-top:0;max-width:none}
.oc-tool p{max-width:44em}
.oc-tool__link{margin-bottom:24px!important}
.oc-tool__link a{display:inline-block;color:#fff;background:#166534;border-radius:999px;padding:9px 15px;text-decoration:none;font-size:14px;font-weight:700}
.oc-tool__link a:hover{background:#0f1115}
.oc-context{border-left:3px solid #166534;padding-left:18px;color:#3d4450}
.oc-context--source{border-left-color:#9aa09a;font-size:.96em}
.oc-checklist{columns:2;column-gap:34px}
.oc-checklist li{break-inside:avoid}
@media(max-width:800px){.oc-tool{padding:22px 18px}.oc-table{min-width:640px}.oc-checklist{columns:1}}

/* Contextual references and three distinct comparison treatments */
.oc-context{border-left:4px solid #a54a35;padding:14px 18px;background:#fff3ed}.oc-context--source{border-left-color:#426778;background:#eef4f6}.wg-home-guides{background:#f2eee5}.wg-home-grid,.wg-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.wg-home-card,.wg-hub-card{display:flex;flex-direction:column;gap:10px;padding:24px;background:#fff;color:#1c1411;text-decoration:none;border:1px solid #c8bfb3}.wg-home-card span,.wg-hub-card>span{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.wg-home-card strong{font-size:21px;line-height:1.22}.wg-home-card small{line-height:1.5;color:#5d544f}.wg-home-card--fieldnotes,.wg-hub-card--fieldnotes{border-top:7px solid #a54a35}.wg-home-card--countrymatrix,.wg-hub-card--countrymatrix{border-top:7px solid #3d7280}.wg-home-card--operatingbrief,.wg-hub-card--operatingbrief{border-top:7px solid #705b82}.wg-method-note{margin:0 0 30px;padding:18px 20px;background:#fff5d9;border:1px solid #d8bb70}.wg-guide>p,.wg-guide>h2,.wg-guide>h3,.wg-guide>ul{max-width:48rem}.wg-guide--fieldnotes .wg-docket-stack{display:grid;gap:28px;margin:34px 0}.wg-guide--fieldnotes .wg-docket{border:1px solid #c8bfb3;background:#fff}.wg-guide--fieldnotes .wg-docket header{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:18px 22px;background:#251d1a;color:#fff;border-left:7px solid #a54a35}.wg-guide--fieldnotes .wg-docket header h2{margin:0;color:#fff}.wg-guide--fieldnotes .wg-docket header a{color:#fff}.wg-guide--fieldnotes .wg-docket__body{padding:22px 25px;columns:2;column-gap:36px}.wg-guide--fieldnotes .wg-docket__body p{break-inside:avoid;margin-top:0}.wg-guide--countrymatrix .wg-matrix-wrap{overflow-x:auto;margin:30px 0;border:1px solid #b7c7cb}.wg-guide--countrymatrix .wg-matrix{width:100%;min-width:820px;border-collapse:collapse}.wg-guide--countrymatrix .wg-matrix th,.wg-guide--countrymatrix .wg-matrix td{padding:14px;border-bottom:1px solid #d7e1e3;text-align:left;vertical-align:top}.wg-guide--countrymatrix .wg-matrix th{background:#3d7280;color:#fff}.wg-guide--countrymatrix .wg-matrix-note{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:28px 0;border-top:1px solid #b7c7cb}.wg-guide--countrymatrix .wg-matrix-note__key{font:700 28px/1 monospace;color:#3d7280}.wg-guide--operatingbrief .wg-brief-lane{margin:38px 0}.wg-guide--operatingbrief .wg-brief-lane>h2{padding-bottom:10px;border-bottom:4px solid #705b82}.wg-guide--operatingbrief .wg-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wg-guide--operatingbrief .wg-brief-card{padding:22px;border:1px solid #cec4d5;background:linear-gradient(145deg,#fff,#f5f1f7)}.wg-guide--operatingbrief .wg-brief-card>span{font:700 10px monospace;letter-spacing:.08em;color:#705b82}.wg-guide--operatingbrief .wg-brief-card h3{font-size:25px;margin:8px 0}.wg-checklist{columns:2;column-gap:34px}.wg-checklist li{break-inside:avoid;margin-bottom:8px}@media(max-width:900px){.wg-home-grid,.wg-hub,.wg-guide--operatingbrief .wg-brief-grid{grid-template-columns:1fr}.wg-guide--fieldnotes .wg-docket header{grid-template-columns:1fr}.wg-guide--fieldnotes .wg-docket__body{columns:1}.wg-guide--countrymatrix .wg-matrix-note{grid-template-columns:44px 1fr}.wg-checklist{columns:1}.mr-nav nav{overflow-x:auto}}
