/* ==========================================================================
   算法引擎说明手册 · 组件皮肤
   源：docs/website/engine-manual.html（浅色版 Ice Blue Enterprise）
   本文件只做「同一套设计系统的深色重着色」+ 类名 m- 前缀隔离，
   版式与插图几何完全沿用原稿；插图 SVG 全部靠下面这组变量取色。
   ========================================================================== */

/* ---------- 三语过滤：全文档命脉 ---------- */
html[data-lang="zh"] [lang="ja"], html[data-lang="zh"] [lang="en"],
html[data-lang="ja"] [lang="zh"], html[data-lang="ja"] [lang="en"],
html[data-lang="en"] [lang="zh"], html[data-lang="en"] [lang="ja"]{display:none !important}
/* JA/EN 下补日文与拉丁字形，避免中文字体去凑合假名 */
html[data-lang="ja"] .manual{font-family:"Inter Variable","Inter","Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif}

/* ---------- 深色重着色：原稿的浅色 token 在这里换成站点深色值 ----------
   只定义 base.css 里没有的那些名字。--line/--body/--muted/--wrap/--r-card
   等同名 token 直接继承 base.css，**不能**在这里写成 --line:var(--line) ——
   自引用是 CSS 变量循环，整个变量会失效（图示描边会全部消失）。 */
.manual{
  --page:transparent;
  --surface:var(--surface-solid);
  --surface2:rgba(20,32,51,.62);
  --tint:var(--signal-tint);
  --warn:var(--amber);
  --ink:var(--text);
  --font-sans:var(--f-sans);
  --font-mono:var(--f-mono);
  --r-lg:var(--r-card-lg);
  --r-pill:var(--r-full);
  /* 深色下阴影几乎不可见，改用描边承担层次（base.css §11 同一取法） */
  --sh-card:0 18px 45px rgba(0,0,0,.42);
  --sh-strong:0 22px 56px rgba(0,0,0,.5);
  font-size:var(--fs-body);
  line-height:1.85;
  color:var(--body);
}
.manual h1,.manual h2,.manual h3,.manual h4{color:var(--ink);line-height:1.32;margin:0}
.manual p{margin:0 0 14px}
.manual p:last-child{margin-bottom:0}
.manual a{color:var(--signal);text-decoration:none}
.manual a:hover{text-decoration:underline}
.manual svg{max-width:100%;height:auto}

/* ============================================================
   容器与排版
   ============================================================ */
.m-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 26px}

.m-sec{padding:60px 0 8px;scroll-margin-top:calc(var(--nav-h) + 18px)}
.m-sec + .m-sec{padding-top:52px}

.m-sec-head{display:flex;gap:20px;align-items:flex-start;margin-bottom:26px}
.m-sec-num{
  flex:0 0 auto;
  font-family:var(--font-mono);
  font-size:13px;font-weight:700;letter-spacing:.10em;
  color:var(--fx);
  background:var(--fx-soft);
  border:1px solid var(--fx-line);
  border-radius:var(--r-pill);
  padding:6px 14px;
  margin-top:6px;
  line-height:1.4;
}
.m-sec-title{font-size:clamp(24px,3.2vw,31px);font-weight:800;letter-spacing:-.005em;color:var(--ink)}
.m-sec-desc{margin:10px 0 0;font-size:13.5px;color:var(--muted);line-height:1.75;max-width:74ch}

.m-eyebrow{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:12px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--signal);
  margin:0 0 12px;
}

.m-lede{
  font-size:16.5px;line-height:1.85;color:var(--ink);
  background:linear-gradient(180deg,var(--surface),var(--surface2));
  border:1px solid var(--line);
  border-radius:var(--r-card);
  padding:24px 28px;
  box-shadow:var(--sh-card);
  margin:0 0 28px;
  max-width:none;
}
.m-lede p{margin:0 0 10px}
.m-lede p:last-child{margin-bottom:0}

.m-sub-head{
  font-size:20px;font-weight:700;color:var(--ink);
  margin:34px 0 14px;letter-spacing:-.003em;
}
.rule{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--line) 12%,var(--line) 88%,transparent);margin:34px 0}

/* ============================================================
   栅格
   ============================================================ */
.m-grid-2,.m-grid-3,.m-grid-4{display:grid;gap:18px;margin:18px 0}
.m-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.m-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.m-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1020px){
  .m-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .m-grid-2,.m-grid-3,.m-grid-4{grid-template-columns:minmax(0,1fr)}
}

/* ============================================================
   卡片
   ============================================================ */
.m-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-card);
  padding:24px 26px;
  box-shadow:var(--sh-card);
  min-width:0;

  margin:20px 0;}
.m-card-featured{
  background:linear-gradient(180deg,var(--tint),var(--surface) 62%);
  border-color:rgba(10,132,255,.26);
  box-shadow:var(--sh-strong);
}
.m-card-kicker{
  display:block;
  font-family:var(--font-mono);
  font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--fx);
  margin:0 0 8px;
}
.m-card h4{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 10px;line-height:1.45}
.m-card p{font-size:15px;line-height:1.8;color:var(--body);margin:0 0 12px}
.m-card p:last-child{margin-bottom:0}
.m-card ul,.m-card ol{margin:0 0 12px;padding-left:1.15em}
.m-card ul:last-child,.m-card ol:last-child{margin-bottom:0}
.m-card li{margin:0 0 7px;font-size:15px;line-height:1.75}

/* 通用列表节奏 */
.m-sec ul,.m-sec ol{padding-left:1.2em}
.m-sec li{margin:0 0 8px}
.m-sec li::marker{color:var(--signal)}

/* ============================================================
   徽章 / pill
   ============================================================ */
.m-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-mono);
  font-size:12px;font-weight:600;letter-spacing:.06em;
  padding:4px 12px;
  border-radius:var(--r-pill);
  border:1px solid var(--line);
  background:var(--surface2);
  color:var(--muted);
  line-height:1.6;
  white-space:nowrap;
}
.m-badge-signal{background:var(--tint);border-color:rgba(10,132,255,.30);color:var(--signal)}
.m-badge-ok{background:rgba(29,158,117,.10);border-color:rgba(29,158,117,.28);color:var(--ok)}
.m-badge-ng{background:rgba(244,63,94,.09);border-color:rgba(244,63,94,.26);color:var(--ng)}
.badge-warn{background:rgba(180,83,9,.09);border-color:rgba(180,83,9,.24);color:var(--warn)}
.m-badge-muted{background:var(--surface2);border-color:var(--line);color:var(--muted)}

.pill{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:600;
  padding:5px 14px;
  border-radius:var(--r-pill);
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--body);
  line-height:1.7;
  white-space:nowrap;
}

/* ============================================================
   提示框（全圆角 + 四边淡描边，无单侧色条）
   ============================================================ */
.m-alert{
  display:flex;gap:14px;align-items:flex-start;
  border-radius:var(--r-card);
  border:1px solid var(--line);
  background:var(--surface2);
  padding:20px 24px;
  margin:20px 0;
}
.m-alert::before{
  content:"";
  flex:0 0 auto;
  width:26px;height:26px;border-radius:var(--r-pill);
  margin-top:2px;
  background:var(--surface);
  border:1px solid var(--line);
  background-repeat:no-repeat;background-position:center;background-size:15px 15px;
}
.m-alert > div{min-width:0;flex:1 1 auto}
.m-alert-title{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 6px;line-height:1.6}
.m-alert-body{font-size:14.5px;line-height:1.8;color:var(--body);margin:0 0 8px}
.m-alert-body:last-child{margin-bottom:0}
.m-alert ul,.m-alert ol{margin:6px 0 0;padding-left:1.15em}

.m-alert-info{background:var(--tint);border-color:rgba(10,132,255,.24)}
.m-alert-info::before{
  border-color:rgba(10,132,255,.30);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A84FF' stroke-width='2.2' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M12 11v6'/><path d='M12 7.6v.2'/></svg>");
}
.m-alert-tip{background:rgba(0,169,157,.07);border-color:rgba(0,169,157,.26)}
.m-alert-tip::before{
  border-color:rgba(0,169,157,.30);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300A99D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.6 4.6L19 7.7'/></svg>");
}
.m-alert-warn{background:rgba(180,83,9,.07);border-color:rgba(180,83,9,.24)}
.m-alert-warn::before{
  border-color:rgba(180,83,9,.28);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B45309' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 4.6L21 19.4H3z'/><path d='M12 10v4.2'/><path d='M12 17.2v.2'/></svg>");
}

/* ============================================================
   表格
   ============================================================ */
.m-table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-card);
  box-shadow:var(--sh-card);
  margin:20px 0;
}
.m-table-wrap table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  font-size:14.5px;
}
.m-table-wrap thead th{
  background:var(--surface2);
  color:var(--ink);
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  text-align:left;
  padding:14px 20px;
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}
.m-table-wrap tbody th{
  text-align:left;
  font-weight:700;
  color:var(--ink);
  padding:15px 20px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
.m-table-wrap td{
  padding:15px 20px;
  border-bottom:1px solid var(--line);
  color:var(--body);
  line-height:1.75;
  vertical-align:top;
}
.m-table-wrap tbody tr:last-child td,
.m-table-wrap tbody tr:last-child th{border-bottom:0}
.m-table-wrap tbody tr:nth-child(even){background:rgba(241,246,253,.55)}
.m-table-wrap caption{
  caption-side:top;
  text-align:left;
  padding:16px 20px 0;
  font-size:13.5px;
  color:var(--muted);
}

/* ============================================================
   定义表 .m-kv
   ============================================================ */
.m-kv{
  display:grid;
  grid-template-columns:minmax(160px,26%) minmax(0,1fr);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-card);
  box-shadow:var(--sh-card);
  overflow:hidden;
  margin:20px 0;
}
.m-kv .m-k{
  padding:15px 20px;
  background:var(--surface2);
  border-bottom:1px solid var(--line);
  font-size:14.5px;font-weight:700;color:var(--ink);
  line-height:1.7;
}
.m-kv .m-v{
  padding:15px 22px;
  border-bottom:1px solid var(--line);
  font-size:14.5px;color:var(--body);line-height:1.78;
}
.m-kv .m-k:last-of-type,.m-kv .m-v:last-of-type{border-bottom:0}
@media (max-width:640px){
  .m-kv{grid-template-columns:minmax(0,1fr)}
  .m-kv .m-k{border-bottom:0;padding-bottom:8px}
  .m-kv .m-v{padding-top:4px}
}

/* ============================================================
   步骤 .m-steps
   ============================================================ */
.m-steps{display:grid;gap:0;margin:20px 0;padding:0;list-style:none;counter-reset:none}
/* 竖向时间轴：小号序号 + 连接线，不再是一排厚重的长框 */
.m-step{
  position:relative;
  display:flex;gap:16px;align-items:flex-start;
  padding:0 0 22px 0;
  margin:0;
  min-width:0;
}
.m-step:last-child{padding-bottom:0}
.m-step::before{
  content:"";position:absolute;left:14px;top:36px;bottom:2px;
  width:1.5px;background:var(--fx-line);
}
.m-step:last-child::before{display:none}
.m-step::marker{content:""}
.m-step-idx{
  flex:0 0 29px;
  display:inline-flex;align-items:center;justify-content:center;
  width:29px;height:29px;
  border-radius:var(--r-pill);
  background:var(--fx-soft);
  border:1px solid var(--fx-line);
  color:var(--fx);
  font-family:var(--font-mono);
  font-size:12px;font-weight:700;
  line-height:1;
}
.m-step > div:not(.m-step-idx){min-width:0;flex:1 1 auto;padding-top:2px}
.m-step h4{font-size:16px;font-weight:700;color:var(--ink);margin:0 0 7px;line-height:1.45}
.m-step p{font-size:14.5px;line-height:1.8;color:var(--body);margin:0 0 10px}
.m-step p:last-child{margin-bottom:0}

/* ============================================================
   图示 .m-figure
   ============================================================ */
.m-figure{
  background:linear-gradient(180deg,var(--surface),var(--surface2));
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-card);
  padding:26px 26px 20px;
  margin:22px 0;
  overflow:hidden;
}
.m-figure svg{display:block;width:100%;max-width:100%;height:auto;margin:0 auto}

/* ---- 图示节点组件 .diagram / .dnode ---- */
.diagram{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.diagram + .diagram{margin-top:12px}
.diagram.col{flex-direction:column}
.diagram .diagram{flex:1.6 1 0;min-width:0}
.dnode{
  flex:1 1 0;min-width:150px;
  background:var(--tint);
  border:1.5px solid rgba(10,132,255,.26);
  border-radius:var(--r-sm);
  padding:14px 16px;
  display:flex;flex-direction:column;gap:5px;justify-content:center;
}
.dnode.plain{background:var(--surface2);border-color:var(--line)}
.dnode.strong{background:var(--surface);border-color:var(--signal);box-shadow:var(--sh-card)}
.dnode .m-i{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.dnode.plain .m-i{color:var(--muted)}
.dnode .m-t{font-size:14.5px;font-weight:700;line-height:1.35;color:var(--ink)}
.dnode .m-s{font-size:12.5px;line-height:1.55;color:var(--muted)}
.darrow{
  flex:0 0 auto;align-self:center;
  color:var(--muted);font-size:17px;line-height:1;padding:0 2px;user-select:none;
}
@media(max-width:760px){
  .diagram{flex-direction:column}
  .darrow{transform:rotate(90deg);align-self:center;padding:2px 0}
}
/* ============================================================
   图示绘图系统 —— 每图一色（同风格 · 不同色相）
   SVG 只画几何，文字一律走 HTML（三语自动换行）
   ============================================================ */
.m-figure{position:relative}
.manual,.m-figure{--fx:var(--signal);--fx-soft:rgba(10,132,255,.10);--fx-line:rgba(10,132,255,.32)}
/* 章节 / 图示通用调色类 */
/* 顶部色标条：不看图也能一眼分出这是哪一章的图 */
.m-figure::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--fx),var(--fx-line) 58%,transparent);
}
.m-fig-stage{position:relative}
.m-fig-stage>svg{display:block;width:100%;height:auto}
.m-fig-stage + .m-fig-stage{margin-top:6px}
/* 左标签 + 右图形 的一行 */
.m-fig-row{display:grid;grid-template-columns:minmax(0,196px) minmax(0,1fr);gap:20px;align-items:center}
.m-fig-row + .m-fig-row{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
/* 图形下方按列对齐的标签组 */
.m-fig-grid{display:grid;gap:12px;margin-top:14px}
.m-fig-grid.m-c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.m-fig-grid.m-c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.m-fig-grid.m-c4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* 栅格内的子项间距由 gap 控制，清掉自身外边距，避免行距被撑开 */
.m-grid-2>*,.m-grid-3>*,.m-grid-4>*,.m-fig-grid>*{margin-top:0;margin-bottom:0}
.m-fig-lab{display:flex;flex-direction:column;gap:4px;min-width:0}
.m-fig-lab .m-i{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fx)}
.m-fig-lab .m-t{font-size:14.5px;font-weight:700;line-height:1.35;color:var(--ink)}
.m-fig-lab .m-s{font-size:12.5px;line-height:1.55;color:var(--muted)}
/* 结论/汇总标签：整幅宽的强调块，避免被误读成第一列的注脚 */
.m-fig-lab.m-hi{background:var(--fx-soft);border:1px solid var(--fx-line);border-radius:var(--r-sm);padding:13px 17px}
/* 居中标签：用于单点的起点/终点 */
.m-fig-lab.m-mid{align-items:center;text-align:center}
.m-fig-grid + .m-fig-lab,.m-fig-stage + .m-fig-lab,.m-fig-lab + .m-fig-stage,.m-fig-lab + .m-fig-grid{margin-top:14px}
/* 列内自带小图：图与它的文字同属一列，天然对应 */
.m-fig-col{display:flex;flex-direction:column;gap:9px;min-width:0}
.m-fig-col > svg{display:block;width:100%;height:auto}
/* 整幅底座：文字写在底座上，不再另起一块 */
.m-fig-slab{position:relative;border-radius:var(--r-sm);border:1.5px solid var(--fx);background:var(--fx-soft);padding:13px 17px;overflow:hidden}
.m-fig-slab::before{content:"";position:absolute;inset:0;opacity:.45;
  background:repeating-linear-gradient(-58deg,transparent 0 9px,var(--fx-line) 9px 10px)}
.m-fig-slab > *{position:relative}
/* 贴在图上的定位标签（环形图等用） */
.fig-pin{position:absolute;transform:translate(-50%,-50%);max-width:172px;text-align:center}
.fig-pin .m-i{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--fx);display:block}
.fig-pin .m-t{font-size:14px;font-weight:700;color:var(--ink);display:block;line-height:1.3}
.fig-pin .m-s{font-size:12px;color:var(--muted);display:block;line-height:1.45;margin-top:2px}
@media(max-width:760px){
  .m-fig-row{grid-template-columns:1fr;gap:12px}
  .m-fig-grid.m-c3,.m-fig-grid.m-c4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .m-fig-grid.m-c2,.m-fig-grid.m-c3,.m-fig-grid.m-c4{grid-template-columns:1fr}
}
.m-figure-cap{
  display:block;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--line);
  font-size:13px;
  line-height:1.75;
  color:var(--muted);
}

/* ============================================================
   FAQ
   ============================================================ */
.m-faq{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-card);
  box-shadow:var(--sh-card);
  padding:22px 26px;
  margin:16px 0;
}
.m-faq-q{
  display:flex;gap:10px;align-items:baseline;
  font-size:16px;font-weight:700;color:var(--ink);
  margin:0 0 10px;line-height:1.6;
}
.m-faq-q::before{
  content:"Q";
  flex:0 0 auto;
  font-family:var(--font-mono);
  font-size:12px;font-weight:700;
  color:var(--signal);
  letter-spacing:.06em;
}
.m-faq-a{
  display:flex;gap:10px;align-items:baseline;
  font-size:15px;line-height:1.8;color:var(--body);margin:0;
}
.m-faq-a::before{
  content:"A";
  flex:0 0 auto;
  font-family:var(--font-mono);
  font-size:12px;font-weight:700;
  color:var(--teal);
  letter-spacing:.06em;
}


/* ---------- 每章一色：原稿的十种色相按深色底重新提亮 ----------
   浅色底上 #A34468 这类中低明度色够醒目，落到 #0A0F1E 上会糊成一团，
   所以统一提亮到深色底可读的明度，色相保持不变（仍是十章十色）。 */
.m-fx-clay  {--fx:#F2799B;--fx-soft:rgba(242,121,155,.10);--fx-line:rgba(242,121,155,.32)}
.m-fx-indigo{--fx:#8B9CFF;--fx-soft:rgba(139,156,255,.10);--fx-line:rgba(139,156,255,.32)}
.m-fx-blue  {--fx:#38BDF8;--fx-soft:rgba(56,189,248,.10);--fx-line:rgba(56,189,248,.32)}
.m-fx-moss  {--fx:#5FD39B;--fx-soft:rgba(95,211,155,.10);--fx-line:rgba(95,211,155,.32)}
.m-fx-violet{--fx:#B79BFF;--fx-soft:rgba(183,155,255,.10);--fx-line:rgba(183,155,255,.32)}
.m-fx-amber {--fx:#F5B23C;--fx-soft:rgba(245,178,60,.10);--fx-line:rgba(245,178,60,.32)}
.m-fx-teal  {--fx:#3ED9CB;--fx-soft:rgba(62,217,203,.10);--fx-line:rgba(62,217,203,.32)}
.m-fx-plum  {--fx:#E48CC0;--fx-soft:rgba(228,140,192,.10);--fx-line:rgba(228,140,192,.32)}
.m-fx-steel {--fx:#7FB2E8;--fx-soft:rgba(127,178,232,.10);--fx-line:rgba(127,178,232,.32)}
.m-fx-rust  {--fx:#E5946A;--fx-soft:rgba(229,148,106,.10);--fx-line:rgba(229,148,106,.32)}

/* 栅格内逐个入场：延迟走 CSS nth-child，不往 HTML 里塞 data-d。
   锚点直达时 revealNow() 会写 inline transition-delay:0s 盖掉它，落点不会空等。 */
.manual .m-grid-2>.rv:nth-child(2),.manual .m-grid-3>.rv:nth-child(2){transition-delay:.08s}
.manual .m-grid-3>.rv:nth-child(3){transition-delay:.16s}

/* ---------- 深色下的收口修正 ---------- */
/* 原稿卡片靠白底+投影分层；深色底投影看不见，改由描边与半透明面承担 */
.manual .m-card,.manual .m-faq,.manual .m-figure,.manual .m-table-wrap{
  background:var(--surface-solid);
  border-color:var(--line);
  backdrop-filter:blur(8px);
}
.manual .m-card-featured{border-color:var(--fx-line);background:var(--surface-2)}
.manual .m-alert{background:var(--surface-2)}
.manual thead th{background:rgba(20,32,51,.9);color:var(--text)}
/* 原稿的隔行底色挂在 tr 上且是浅色值；覆盖必须同样挂 tr，挂 td 盖不住 */
.manual tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
/* 章节间距按站点节奏放大：原稿是 A4 阅读密度，网页上太挤 */
.manual .m-sec{padding:clamp(84px,7vw,116px) 0 0;scroll-margin-top:calc(var(--nav-h) + 24px)}
.manual .m-sec + .m-sec{padding-top:clamp(84px,7vw,116px)}
.manual .m-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:26px}
@media (min-width:1600px){.manual .m-wrap{padding-inline:40px}}