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

@font-face{font-family:'HzDis';src:url('/assets/fonts/hzdis.woff2')format('woff2');
  font-weight:500 900;font-display:swap}
@font-face{font-family:'HzText';src:url('/assets/fonts/hztext.woff2')format('woff2');
  font-weight:400 700;font-display:swap}

/* Кегли в rem от пользовательской базы (см. DESIGN-CHECKLIST, сессия 72). */
html{-webkit-text-size-adjust:100%;font-size:100%}
body{margin:0;color:#1b1a24;background:#f1f0f6;
  font-family:'HzText',Georgia,serif;font-size:1.0rem;line-height:1.72;
  font-variant-numeric:tabular-nums lining-nums;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Заголовки гротеском, текст антиквой — у серии наоборот. */
h1,h2,h3{font-family:'HzDis',system-ui,sans-serif;font-weight:800;
  letter-spacing:-.005em;color:#1b1a24}
a{color:inherit}
img{max-width:100%;height:auto}

.hz-skip{position:absolute;left:-9999px;top:0;background:#1b1a24;color:#f1f0f6;
  padding:0.7rem 1.1rem;z-index:40}
.hz-skip:focus{left:10px;top:10px}
:focus-visible{outline:3px solid #a8431f;outline-offset:2px}

.hz-wrap{max-width:1180px;margin:0 auto;padding:0 28px}

/* === ЛИНЕЙКА ГОРИЗОНТА ВМЕСТО ШАПКИ-ПЛАШКИ ==============================
   Залитой полосы наверху нет. Имя стоит на том же поле, разделы —
   засечками на сплошной линии: чем правее, тем дальше горизонт.
   Это единственная навигация и одновременно главный приём. */
.hz-top{padding:1.75rem 0 0}
.hz-top__b{display:inline-block;font-family:'HzDis',system-ui,sans-serif;
  font-size:1.5rem;font-weight:900;letter-spacing:-.018em;text-decoration:none;
  color:#1b1a24;line-height:1}
.hz-mark{position:relative;margin:1.45rem 0 0;padding:0.95rem 0 0;
  display:flex;flex-wrap:wrap;gap:0}
.hz-mark::before{content:"";position:absolute;left:0;right:0;top:0;
  height:2px;background:#1b1a24}
.hz-mark a{position:relative;display:inline-block;
  padding:0.1rem 1.5rem 1.15rem 0;font-size:0.8125rem;line-height:1.3;
  color:#565267;text-decoration:none}
.hz-mark a::before{content:"";position:absolute;left:0;top:-0.95rem;
  width:2px;height:0.95rem;background:#aeaac2}
.hz-mark a:hover{color:#1b1a24}
.hz-mark a:hover::before{background:#a8431f}
.hz-mark a[aria-current]{color:#1b1a24;font-weight:700}
.hz-mark a[aria-current]::before{background:#a8431f;width:3px}

/* === страница материала ================================================= */
.hz-doc{padding:2.1rem 0 3rem}
.hz-crumb{margin:0 0 1.5rem;font-size:0.8125rem;color:#565267}
.hz-crumb a{color:#565267;text-decoration:none;border-bottom:1px solid #aeaac2}
.hz-crumb a:hover{color:#a8431f}

.hz-h1{margin:0;font-size:clamp(2.35rem,5.4vw,4rem);line-height:0.98;max-width:21ch}
.hz-lede{margin:1.25rem 0 0;font-size:1.125rem;line-height:1.58;color:#565267;
  max-width:60ch}
.hz-meta{margin:1.35rem 0 0;font-size:0.6875rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#565267}
.hz-rule{height:2px;background:#1b1a24;margin:1.7rem 0 1.9rem}

/* === КЛИН ПРОГНОЗА ======================================================
   Узкий у левого края, широкий у правого; переход от ближнего цвета к
   дальнему. Одна фигура на clip-path, без трансформаций и без вылета
   за поток — вылет отрицательными офсетами расширял документ (lattice,
   замер 1440 -> 3968). */
.hz-body{counter-reset:hzsec}
.hz-body > p,.hz-body > ul,.hz-body > ol{max-width:60ch}
.hz-body p{margin:0 0 1.1rem}
.hz-body strong{font-weight:700}
.hz-body a{color:#2d3f9e;text-decoration:none;border-bottom:2px solid #aeaac2}
.hz-body a:hover{border-bottom-color:#2d3f9e}

.hz-s{counter-increment:hzsec;position:relative;padding:2.5rem 0 0;margin:2rem 0 0}
.hz-s::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;
  background:linear-gradient(90deg,#2d3f9e 0%,#a8431f 100%);
  clip-path:polygon(0 9px,100% 0,100% 22px,0 13px)}
.hz-s > h2{margin:0 0 0.95rem;max-width:24ch;
  font-size:clamp(1.75rem,3.4vw,2.6rem);line-height:1.0}
.hz-s > h2::before{content:counter(hzsec,decimal-leading-zero);
  display:block;margin:0 0 0.5rem;font-size:0.6875rem;font-weight:700;
  letter-spacing:.18em;color:#a8431f;font-family:'HzText',Georgia,serif}
.hz-s > p,.hz-s > ul,.hz-s > ol{max-width:58ch}
.hz-s > h3{margin:1.6rem 0 0.5rem;font-size:1.0rem;font-weight:700;
  font-family:'HzText',Georgia,serif;letter-spacing:.01em}
.hz-s > *:last-child{margin-bottom:0}

/* === блоки в тексте ===================================================== */
.hz-body ul,.hz-body ol{margin:0 0 1.25rem;padding:0;list-style:none}
.hz-body li{margin:0 0 0.6rem;padding-left:1.7rem;position:relative}
.hz-body ul > li::before{content:"";position:absolute;left:0;top:.68em;
  width:0.8rem;height:2px;background:#a8431f}
.hz-body ol{counter-reset:hzli}
.hz-body ol > li{counter-increment:hzli;padding-left:2.2rem}
.hz-body ol > li::before{content:counter(hzli,decimal-leading-zero);
  position:absolute;left:0;top:.1em;font-size:0.75rem;font-weight:700;
  letter-spacing:.05em;color:#2d3f9e}
.hz-body li > ul,.hz-body li > ol{margin:0.6rem 0 0}

.hz-body blockquote{margin:1.7rem 0;padding:0 0 0 1.4rem;
  border-left:4px solid #a8431f;max-width:56ch}
.hz-body blockquote p{margin:0 0 0.7rem;font-family:'HzDis',system-ui,sans-serif;
  font-weight:600;font-size:1.3125rem;line-height:1.3;color:#1b1a24}
.hz-body blockquote p:last-child{margin:0}

.hz-body .tablewrap{overflow-x:auto;margin:1.7rem 0;-webkit-overflow-scrolling:touch}
.hz-body .tablewrap table{margin:0}
.hz-body table{width:100%;border-collapse:collapse;margin:1.7rem 0;
  font-size:0.9375rem;background:#ffffff}
.hz-body th,.hz-body td{padding:0.7rem 0.85rem;text-align:left;
  border-bottom:1px solid #d3d0e0;vertical-align:top}
.hz-body thead th{background:#1b1a24;color:#f1f0f6;font-weight:700;
  font-family:'HzDis',system-ui,sans-serif;font-size:0.8125rem;
  letter-spacing:.06em;text-transform:uppercase;border-bottom:none}
.hz-body tbody tr:last-child td{border-bottom:none}
.hz-body code{font-family:ui-monospace,Menlo,monospace;font-size:0.875em;
  background:#e4e2ee;padding:0.1em 0.35em}
.hz-body pre{margin:1.7rem 0;padding:1rem 1.1rem;background:#1b1a24;color:#f1f0f6;
  overflow-x:auto;font-size:0.875rem;line-height:1.55}
.hz-body pre code{background:none;padding:0;color:inherit}
.hz-body hr{border:none;height:2px;background:#d3d0e0;margin:2rem 0}
.hz-body figure{margin:1.7rem 0}
.hz-body figcaption{margin-top:0.55rem;font-size:0.8125rem;color:#565267}

/* === ЗНАК 1: ВЕЕР. Колонки слева направо, не строки сверху вниз ========= */
.hz-fan{margin:0 0 2.2rem}
.hz-fan__t{margin:0 0 1rem;padding:0 0 0.65rem;border-bottom:3px solid #1b1a24;
  font-family:'HzDis',system-ui,sans-serif;font-weight:800;font-size:1.125rem;
  line-height:1.15;letter-spacing:-.004em}
.hz-fan__g{display:grid;gap:0;grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.hz-fan__c{padding:0.95rem 1rem 1.05rem 0.9rem;border-left:1px solid #d3d0e0}
.hz-fan__c:first-child{border-left:none;padding-left:0}
.hz-fan__k{margin:0;font-size:0.6875rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#565267}
.hz-fan__v{margin:0.55rem 0 0;font-family:'HzDis',system-ui,sans-serif;
  font-weight:800;font-size:1.875rem;line-height:1;color:#1b1a24}
.hz-fan__b{margin:0.3rem 0 0;font-size:0.875rem;font-weight:700;color:#a8431f}
/* Полоса под колонкой: ширина считается из самих данных, не задаётся
   рукой. Чем дальше горизонт, тем она шире — приём не декоративный. */
.hz-fan__bar{display:block;height:7px;margin:0.65rem 0 0;background:#e4e2ee}
.hz-fan__bar i{display:block;height:7px;width:var(--w,20%);
  background:linear-gradient(90deg,#2d3f9e,#a8431f)}
.hz-fan__d{margin:0.6rem 0 0;font-size:0.8125rem;line-height:1.45;color:#565267}
.hz-fan__n{margin:1.1rem 0 0;padding:0.9rem 0 0;border-top:1px solid #d3d0e0;
  font-size:0.875rem;line-height:1.55;color:#565267;max-width:70ch}
.hz-fan__n b{color:#1b1a24;font-weight:700}

/* === ЗНАК 2: ФАКТОРЫ. Строки без рамки, разделённые волосяной ========== */
.hz-dv{margin:0 0 2.2rem}
.hz-dv__t{margin:0 0 0.4rem;padding:0 0 0.65rem;border-bottom:3px solid #1b1a24;
  font-family:'HzDis',system-ui,sans-serif;font-weight:800;font-size:1.125rem;
  line-height:1.15}
.hz-dv__r{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr) auto;
  gap:0.4rem 1.2rem;align-items:baseline;
  padding:0.85rem 0;border-bottom:1px solid #d3d0e0}
.hz-dv__w{font-family:'HzDis',system-ui,sans-serif;font-weight:800;
  font-size:1.0625rem;line-height:1.2}
.hz-dv__h{font-size:0.9375rem;line-height:1.5}
.hz-dv__d{grid-column:1/-1;margin:0;font-size:0.8125rem;line-height:1.45;
  color:#565267}
.hz-tag{display:inline-block;font-family:'HzText',Georgia,serif;
  font-size:0.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:0.2rem 0.5rem;color:#fff;white-space:nowrap}
.hz-tag--near{background:#2d3f9e}
.hz-tag--good{background:#1f6b4a}
.hz-tag--warn{background:#8a5600}
.hz-tag--bad{background:#9e2b2b}

/* === ЗНАК 3: ПРОМАХ. Расходящиеся столбики от нуля ====================== */
.hz-ms{margin:0 0 2.2rem}
.hz-ms__t{margin:0 0 0.4rem;padding:0 0 0.65rem;border-bottom:3px solid #1b1a24;
  font-family:'HzDis',system-ui,sans-serif;font-weight:800;font-size:1.125rem;
  line-height:1.15}
.hz-ms__r{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,8rem)
  minmax(0,1fr) minmax(0,4.5rem);gap:0 1rem;align-items:center;
  padding:0.7rem 0;border-bottom:1px solid #d3d0e0}
.hz-ms__w{font-family:'HzDis',system-ui,sans-serif;font-weight:800;
  font-size:1.0625rem}
.hz-ms__v{font-size:0.875rem;color:#565267}
.hz-ms__g{font-size:0.9375rem;font-weight:700;text-align:right}
.hz-ms__g--over{color:#2d3f9e}
.hz-ms__g--under{color:#a8431f}
.hz-ms__bar{position:relative;display:block;height:14px;background:#e4e2ee}
.hz-ms__bar::before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;
  width:2px;background:#1b1a24}
.hz-ms__bar i{position:absolute;top:0;height:14px;width:var(--w,0%)}
.hz-ms__neg{right:50%;background:#2d3f9e}
.hz-ms__pos{left:50%;background:#a8431f}
.hz-ms__n{margin:1.1rem 0 0;font-size:0.875rem;line-height:1.55;color:#565267;
  max-width:70ch}
.hz-ms__n b{color:#1b1a24;font-weight:700}

/* === главная ============================================================ */
.hz-open{padding:2.6rem 0 0.6rem}
.hz-kick{margin:0 0 1.1rem;font-size:0.6875rem;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:#a8431f}
/* Заголовок во ВСЮ меру, панели справа от него нет: у трёх предыдущих
   шаблонов она была, и это была одна и та же сетка. */
.hz-open h1{margin:0;font-size:clamp(2.5rem,6.6vw,5rem);line-height:0.95;
  max-width:20ch}
/* Вторая половина заголовка отделяется ВЕСОМ. У трёх предыдущих
   шаблонов она отделялась цветом — та же привычка, что и сетка. */
.hz-open h1 em{font-style:normal;font-weight:500}
.hz-open__d{margin:1.5rem 0 0;font-size:1.1875rem;line-height:1.56;color:#565267;
  max-width:62ch}
.hz-go{margin:1.7rem 0 0;display:flex;flex-wrap:wrap;gap:1.6rem}
/* Ссылки — текст с клином, не залитые прямоугольники. */
.hz-go a{position:relative;padding:0 0 0.3rem 2.5rem;font-weight:700;
  font-size:0.9375rem;text-decoration:none;color:#1b1a24;
  border-bottom:2px solid #1b1a24}
.hz-go a::before{content:"";position:absolute;left:0;top:0.42em;width:1.9rem;
  height:9px;background:linear-gradient(90deg,#2d3f9e,#a8431f);
  clip-path:polygon(0 4px,100% 0,100% 9px,0 5px)}
.hz-go a:hover{border-bottom-color:#a8431f}
.hz-open__note{margin:2.1rem 0 0;padding:1rem 0 0;border-top:1px solid #d3d0e0;
  font-size:0.8125rem;line-height:1.55;color:#565267;max-width:76ch}

.hz-shown{padding:2.4rem 0 0}
.hz-sec{padding:2.6rem 0 0}
.hz-sec__g{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);
  gap:1.4rem 2.6rem;padding-top:1.3rem;position:relative}
.hz-sec__g::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;
  background:linear-gradient(90deg,#2d3f9e 0%,#a8431f 100%);
  clip-path:polygon(0 9px,100% 0,100% 22px,0 13px)}
.hz-sec__k{margin:0 0 0.6rem;font-size:0.6875rem;font-weight:700;letter-spacing:.18em;
  color:#a8431f}
.hz-sec h2{margin:0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.02}
.hz-sec h2 a{text-decoration:none}
.hz-sec h2 a:hover{color:#2d3f9e}
.hz-sec__d{margin:0.8rem 0 0;font-size:0.9375rem;line-height:1.55;color:#565267}
.hz-list{margin:0;padding:0;list-style:none;
  columns:2;column-gap:2.4rem}
.hz-list li{margin:0 0 0.6rem;break-inside:avoid}
.hz-list a{position:relative;display:block;padding-left:2.3rem;
  font-size:0.9375rem;line-height:1.4;text-decoration:none;color:#1b1a24}
.hz-list a::before{content:attr(data-n);position:absolute;left:0;top:0.12em;
  font-size:0.75rem;font-weight:700;color:#aeaac2}
.hz-list a:hover{color:#2d3f9e}
.hz-list a:hover::before{color:#a8431f}

.hz-end{margin:3rem 0 0;padding:1.6rem 0 0;border-top:3px solid #1b1a24}
.hz-end h2{margin:0.6rem 0 0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.02}
.hz-end p{margin:0.9rem 0 0;max-width:60ch;color:#565267}
.hz-end__l{margin:1.3rem 0 0;padding:0;list-style:none;display:flex;
  flex-wrap:wrap;gap:1.4rem}
.hz-end__l a{font-weight:700;font-size:0.9375rem;text-decoration:none;
  border-bottom:2px solid #aeaac2}
.hz-end__l a:hover{border-bottom-color:#a8431f}

/* === раздел ============================================================= */
.hz-hub__row{padding:1.5rem 0;border-bottom:1px solid #d3d0e0}
.hz-hub__row h2{margin:0;font-size:clamp(1.375rem,2.6vw,1.875rem);line-height:1.06}
.hz-hub__row h2 a{text-decoration:none}
.hz-hub__row h2 a:hover{color:#2d3f9e}
.hz-hub__row p{margin:0.6rem 0 0;font-size:0.9375rem;line-height:1.55;
  color:#565267;max-width:66ch}

.hz-next{margin:2.8rem 0 0;padding:1.5rem 0 0;border-top:3px solid #1b1a24}
.hz-next__t{margin:0 0 0.9rem;font-size:0.6875rem;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:#565267}
.hz-next ul{margin:0;padding:0;list-style:none;columns:2;column-gap:2.4rem}
.hz-next li{margin:0 0 0.55rem;break-inside:avoid}
.hz-next a{font-size:0.9375rem;line-height:1.4;text-decoration:none;
  border-bottom:1px solid #aeaac2}
.hz-next a:hover{border-bottom-color:#a8431f}

/* === подвал ============================================================= */
.hz-foot{margin:3.4rem 0 0;padding:2rem 0 2.6rem;border-top:2px solid #1b1a24}
.hz-foot__g{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));
  gap:1.6rem 2.2rem}
.hz-foot__t{margin:0 0 0.7rem;font-family:'HzDis',system-ui,sans-serif;
  font-weight:800;font-size:1rem}
.hz-foot__about{margin:0;font-size:0.875rem;line-height:1.55;color:#565267}
.hz-foot ul{margin:0;padding:0;list-style:none}
.hz-foot li{margin:0 0 0.45rem}
.hz-foot li a{font-size:0.875rem;color:#565267;text-decoration:none}
.hz-foot li a:hover{color:#1b1a24}
.hz-foot__note{margin:2rem 0 0;padding:1.1rem 0 0;border-top:1px solid #d3d0e0;
  font-size:0.8125rem;line-height:1.6;color:#565267;max-width:88ch}

@media(max-width:980px){
  .hz-sec__g{grid-template-columns:1fr}
  .hz-fan__g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hz-fan__c:nth-child(3n+1){border-left:none;padding-left:0}
  .hz-foot__g{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .hz-list,.hz-next ul{columns:1}
  .hz-fan__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hz-fan__c:nth-child(n){border-left:1px solid #d3d0e0;padding-left:0.9rem}
  .hz-fan__c:nth-child(2n+1){border-left:none;padding-left:0}
  .hz-dv__r{grid-template-columns:1fr auto}
  .hz-ms__r{grid-template-columns:minmax(0,7rem) minmax(0,1fr) minmax(0,4rem)}
  .hz-ms__v{grid-column:1/-1;order:3}
}
@media(max-width:620px){
  .hz-wrap{padding:0 16px}
  .hz-fan__g{grid-template-columns:1fr}
  .hz-fan__c{border-left:none !important;padding-left:0 !important;
    border-top:1px solid #d3d0e0}
  .hz-fan__c:first-child{border-top:none}
  .hz-foot__g{grid-template-columns:1fr}
  .hz-mark a{padding-right:1.1rem;font-size:0.78125rem}
  .hz-body table{font-size:0.875rem}
  .hz-body th,.hz-body td{padding:0.55rem 0.6rem}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}


/* --- 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}}

/* Planning guides: three deliberately distinct layouts */
.oc-context{border-left:4px solid #c76b2a;padding:15px 18px;background:#fff6eb}.oc-context--source{border-left-color:#3e6d78;background:#eef6f7}.wg-home-guides{padding-top:46px;padding-bottom:46px}.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:#162124;text-decoration:none;border:1px solid #bdc8c8}.wg-home-card span,.wg-hub-card>span{font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.wg-home-card strong{font-size:21px;line-height:1.25}.wg-home-card small{line-height:1.5;color:#566265}.wg-home-card--horizon-cards,.wg-hub-card--horizon-cards{border-top:7px solid #c76b2a}.wg-home-card--scenario-table,.wg-hub-card--scenario-table{border-top:7px solid #3e6d78}.wg-home-card--signal-map,.wg-hub-card--signal-map{border-top:7px solid #725b85}.wg-guide>p,.wg-guide>h2,.wg-guide>h3,.wg-guide>ul{max-width:49rem}.wg-docket-stack{display:grid;gap:28px;margin:34px 0}.wg-docket{border:1px solid #d7bca9;background:#fff}.wg-docket header{display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center;padding:18px 22px;background:#162124;color:#fff;border-left:7px solid #c76b2a}.wg-docket header h2,.wg-docket header a{color:#fff}.wg-docket__body{padding:22px 25px;columns:2;column-gap:36px}.wg-docket__body p{break-inside:avoid}.wg-matrix-wrap{overflow-x:auto;margin:30px 0;border:1px solid #adc4c9}.wg-matrix{width:100%;min-width:820px;border-collapse:collapse}.wg-matrix th,.wg-matrix td{padding:14px;border-bottom:1px solid #d5e2e4;text-align:left;vertical-align:top}.wg-matrix th{background:#3e6d78;color:#fff}.wg-matrix-note{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:28px 0;border-top:1px solid #adc4c9}.wg-matrix-note__key{font:700 28px/1 ui-monospace,monospace;color:#3e6d78}.wg-brief-lane{margin:38px 0}.wg-brief-lane>h2{padding-bottom:10px;border-bottom:4px solid #725b85}.wg-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wg-brief-card{padding:22px;border:1px solid #cec4d5;background:linear-gradient(145deg,#fff,#f4f1f7)}.wg-brief-card>span{font:700 10px ui-monospace,monospace;letter-spacing:.08em;color:#725b85}.wg-checklist{columns:2;column-gap:34px}.wg-checklist li{break-inside:avoid;margin-bottom:8px}@media(max-width:850px){.wg-home-grid,.wg-hub,.wg-brief-grid{grid-template-columns:1fr}.wg-docket header{grid-template-columns:1fr}.wg-docket__body{columns:1}.wg-matrix-note{grid-template-columns:44px 1fr}.wg-checklist{columns:1}.hz-mark{overflow-x:auto}}