/* 研究专题列表（topic-list.js，/research/topics；规格 §9.1、D60–D62、§14、23.35–23.40）的样式。
   正式版文档语法：白纸、海军蓝、宋体只用于标题与醒目数字、左侧 88px 标签栏（pages.css 的 .doc-section / .doc-label）、细线分隔而不用卡片。
   本文件只写列表页自己的部分：两行工具条（范围页签与“共 n 个专题”；检索、筛选、排序与“批量归类”开关）、专题行网格、数字栏（.topic-fig 取 today.css:160 的做法）、
   监测行、每行“更多操作”按钮、选择模式（复选框列与吸底选择条）、归类后被移动的行高亮、空状态，以及 #modal 中的归档确认框（.topic-archive-form）。
   行网格：≥1101 为 文字 | 13rem 数字栏 | 44px 菜单，801–1100 数字栏 11rem，≤800 数字栏移到研究问题下方（两列）；选择模式在最前加 24px 复选框列（≤480 为 44px）。
   断点 480 / 800 / 1100 / 1280；颜色只用 var(--ss-*) 令牌或令牌的 color-mix（深色主题由令牌切换）；不用 !important、不写内联样式；
   规则都限定在 .topic-register（或 #modal 中本页的对话框）下；tag-workspace.css 旧的 .categorized-topics 网格规则因页面根为 display:block 而不生效。
   强制配色、打印与减少动态效果各有对应规则。加载顺序：pages.css 之后（?v=formal-r4）。 */

/* ── 页面变量：控件边框色（与今日、搜罗相同的浅墨灰）、行网格的列宽与列间距 ─────────────── */
.topic-register{--topic-control:color-mix(in srgb,var(--ss-muted) 38%,var(--ss-surface));--topic-figures-w:13rem;--topic-menu-w:44px;--topic-pick-w:24px;--topic-col-gap:24px}

/* ── 页头：标题按内容宽度起排，窄屏时“新建专题”仍留在标题右侧（workbench.css 的 .page-title 基准 360px 会把按钮挤到下一行） ─────────────── */
.topic-register>.page-head .page-title{flex:1 1 auto}

/* ── 工具条第一行：范围页签（下划线式）与右侧“共 n 个专题”，下方一条细线 ─────────────── */
.topic-register .topic-toolbar{margin:0}
.topic-register .topic-toolbar[hidden]{display:none}
.topic-register .topic-scope-row{display:flex;align-items:flex-end;justify-content:space-between;gap:4px 24px;min-width:0;border-bottom:1px solid var(--ss-line)}
.topic-register .tabs.topic-tabs{display:flex;flex:0 1 auto;gap:28px;min-width:0;margin:0;padding:0;border:0;overflow-x:auto;scrollbar-width:none}
.topic-register .tabs.topic-tabs::-webkit-scrollbar{display:none}
.topic-register .tabs.topic-tabs button{flex:none;min-height:38px;padding:8px 0 7px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;box-shadow:none;color:var(--ss-muted);font-size:var(--ss-text-md);font-weight:500;line-height:1.5;white-space:nowrap}
.topic-register .tabs.topic-tabs button:hover{border-bottom-color:transparent;color:var(--ss-ink)}
.topic-register .tabs.topic-tabs button[aria-pressed="true"]{border-bottom-color:var(--ss-primary-text);color:var(--ss-ink);font-weight:600}
/* 页签容器可横向滚动（窄屏），焦点框画在按钮内侧才不会被裁掉 */
.topic-register .tabs.topic-tabs button:focus-visible{outline:2px solid var(--ss-accent);outline-offset:-2px}
/* 页签计数：无衬线等宽数字（site.css 的 .tab-count 用等宽字体，这里改回正文字体） */
.topic-register .tabs.topic-tabs .tab-count{margin-left:6px;color:var(--ss-muted);font-family:var(--ss-font);font-size:var(--ss-text-sm);font-weight:400;font-variant-numeric:tabular-nums}
.topic-register .tabs.topic-tabs button[aria-pressed="true"] .tab-count{color:var(--ss-ink-2)}
.topic-register .topic-total{flex:none;margin:0 0 9px;color:var(--ss-muted);font-size:var(--ss-text-sm);line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}
.topic-register .topic-total:empty{display:none}

/* ── 工具条第二行：检索框、一级专题筛选、排序，“批量归类”靠右；控件 32px（与页头按钮、每行菜单按钮同高）、浅墨灰细边（今日与搜罗的控件做法） ─────────────── */
.topic-register .list-toolbar.topic-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;padding:12px 0 14px}
.topic-register .topic-filter-row .search-box{flex:1 1 280px;max-width:440px;min-width:0}
.topic-register .topic-filter-row .search-box input{width:100%;min-width:0;height:32px;min-height:32px;padding:0 10px 0 32px;border:1px solid var(--topic-control);border-radius:var(--ss-radius-control);background:var(--ss-surface);box-shadow:none;color:var(--ss-ink);font-size:var(--ss-text-md)}
.topic-register .topic-filter-row .search-box input::placeholder{color:var(--ss-muted)}
.topic-register .topic-filter-row .search-box input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.topic-register .topic-filter-row select{width:auto;max-width:200px;height:32px;min-height:32px;padding:0 30px 0 10px;border:1px solid var(--topic-control);border-radius:var(--ss-radius-control);background-color:var(--ss-surface);box-shadow:none;color:var(--ss-ink);font-size:var(--ss-text-md)}
.topic-register .topic-filter-row :is(.search-box input,select):hover{border-color:var(--ss-faint)}
/* 聚焦时整框加深为 2px 海军蓝（搜罗关键词框的做法） */
.topic-register .topic-filter-row :is(.search-box input,select):focus-visible{border-color:var(--ss-primary-text);outline:0;box-shadow:inset 0 0 0 1px var(--ss-primary-text)}
.topic-register .topic-sort{display:inline-flex;align-items:center;gap:8px;min-width:0}
.topic-register .topic-sort-key{color:var(--ss-muted);font-size:var(--ss-text-sm);white-space:nowrap}
.topic-register .topic-classify-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;height:32px;min-height:32px;padding:0 14px;border:1px solid var(--topic-control);border-radius:var(--ss-radius-control);background:var(--ss-surface);box-shadow:none;color:var(--ss-ink);font-size:var(--ss-text-md);font-weight:500;white-space:nowrap}
.topic-register .topic-classify-toggle:hover{border-color:var(--ss-primary-text);color:var(--ss-primary-text)}
/* 选择模式中：开关保持按下的样子（海军蓝细边 + 极浅蓝底） */
.topic-register .topic-classify-toggle[aria-pressed="true"]{border-color:var(--ss-primary-text);background:var(--ss-primary-softer);color:var(--ss-primary-text)}

/* ── 监测读取失败的提示位（regionError），没有内容时不占位 ─────────────── */
.topic-register .topic-monitor-note:empty{display:none}
.topic-register .topic-monitor-note>.region-error{margin:0 0 14px}

/* ── 分组与行：组间细线由 .doc-section 画；组内行间细线只在正文栏 ─────────────── */
.topic-register .topic-groups{min-width:0}
.topic-register .topic-rows{min-width:0;margin:0;padding:0;list-style:none}
.topic-register .topic-row{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) var(--topic-figures-w) var(--topic-menu-w);grid-template-areas:"main figures menu";column-gap:var(--topic-col-gap);align-items:start;min-width:0;padding:12px 0;border-top:1px solid var(--ss-line)}
.topic-register .topic-row:first-child{padding-top:0;border-top:0}
/* 每行自成层叠上下文（高亮底用 z-index:-1）；菜单展开时该行提到后续行与吸底选择条之上，下拉面板才不会被下一行盖住 */
.topic-register .topic-row:has(>.row-menu[open]){z-index:16}
.topic-register .topic-row:last-child{padding-bottom:0}
.topic-register.is-selecting .topic-row{grid-template-columns:var(--topic-pick-w) minmax(0,1fr) var(--topic-figures-w) var(--topic-menu-w);grid-template-areas:"pick main figures menu"}
.topic-register .topic-main{grid-area:main;min-width:0}
.topic-register .topic-figures{grid-area:figures;min-width:0}
.topic-register .topic-row-menu{grid-area:menu;justify-self:end;align-self:start}
.topic-register .topic-row[aria-busy="true"] .topic-main{opacity:.72}

/* 标题：宋体 17/600，墨色；悬停时海军蓝下划线（链接语义），聚焦时声纳青框 */
.topic-register .topic-name{margin:0;color:var(--ss-ink);font:600 17px/1.45 var(--ss-font-serif);letter-spacing:.01em;overflow-wrap:anywhere}
.topic-register .topic-name a{color:inherit;text-decoration:none}
.topic-register .topic-name a:hover{color:var(--ss-primary-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.topic-register .topic-name a:focus-visible{border-radius:2px;outline:2px solid var(--ss-accent);outline-offset:2px}
/* 研究问题：≥801 一行截断（悬停可见全文），≤800 两行 */
.topic-register .topic-question{display:-webkit-box;margin:2px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;color:var(--ss-ink-2);font-size:var(--ss-text-md);line-height:1.55;overflow-wrap:anywhere}
/* 说明行：一级专题（置顶组）· 已归档 · 关键词 · 监测；始终保留一行高度，监测读到后不推动版面 */
.topic-register .topic-meta{min-height:1.6em;margin:3px 0 0;color:var(--ss-muted);font-size:var(--ss-text-sm);line-height:1.6;overflow-wrap:anywhere}
.topic-register .topic-category,.topic-register .topic-archived{color:var(--ss-ink-2);font-weight:500}
.topic-register .topic-sep{color:var(--ss-faint)}
.topic-register .topic-monitor .state-dot{display:inline-flex;font-size:inherit;line-height:inherit;white-space:nowrap;vertical-align:top}
.topic-register .topic-monitor-detail{color:var(--ss-muted)}

/* ── 数字栏：无衬线 13px 等宽数字，每部分一行；“资料 n 份”的 n 为宋体海军蓝（today.css:160 的 .topic-fig） ─────────────── */
.topic-register .topic-figures{display:grid;align-content:start;row-gap:1px;padding-top:2px;color:var(--ss-ink-2);font-size:var(--ss-text-sm);line-height:1.5;font-variant-numeric:tabular-nums}
.topic-register .topic-figure{margin:0;overflow-wrap:anywhere}
/* 第 5 步：资料行下方的全文比例条（海军蓝为已有全文，其余为分隔线色；is-s0–10 为十分位） */
.topic-register .topic-figure-materials.has-share::after{content:"";display:block;width:100%;max-width:9rem;height:3px;margin:3px 0 2px;border-radius:2px;background:linear-gradient(to right,var(--ss-primary-text) var(--topic-share,0%),var(--ss-line) var(--topic-share,0%))}
.topic-register .topic-figure-materials.is-s0{--topic-share:0%}
.topic-register .topic-figure-materials.is-s1{--topic-share:10%}
.topic-register .topic-figure-materials.is-s2{--topic-share:20%}
.topic-register .topic-figure-materials.is-s3{--topic-share:30%}
.topic-register .topic-figure-materials.is-s4{--topic-share:40%}
.topic-register .topic-figure-materials.is-s5{--topic-share:50%}
.topic-register .topic-figure-materials.is-s6{--topic-share:60%}
.topic-register .topic-figure-materials.is-s7{--topic-share:70%}
.topic-register .topic-figure-materials.is-s8{--topic-share:80%}
.topic-register .topic-figure-materials.is-s9{--topic-share:90%}
.topic-register .topic-figure-materials.is-s10{--topic-share:100%}
.topic-register .topic-fig{color:var(--ss-primary-text);font:600 var(--ss-text-lg)/1.3 var(--ss-font-serif);font-variant-numeric:tabular-nums lining-nums}
/* 待核验：管理员与审核人员为赭黄提醒色，其他角色为说明色（13rem 内保持一行，不加图形） */
.topic-register .topic-pending.is-warn{color:var(--ss-warn-text)}
.topic-register .topic-pending.is-muted,.topic-register .topic-figure-empty{color:var(--ss-muted)}

/* ── 每行“更多操作”：安静的三点按钮（pages.css .row-menu），不画下拉箭头 ─────────────── */
.topic-register .topic-row-menu>summary{width:32px;padding:0;margin-top:-4px}
.topic-register .topic-row-menu>summary::after{content:none}
.topic-register .topic-row-menu>summary:focus-visible{outline:2px solid var(--ss-accent);outline-offset:2px}
.topic-register .topic-row-menu>summary[aria-disabled="true"]{opacity:.5;pointer-events:none}
.topic-register .topic-menu-icon{flex:none;width:16px;height:16px;fill:currentColor}
/* 菜单按钮里只给读屏与对比度测量的文字“更多操作”（视觉上隐藏；按钮的无障碍名称仍是 aria-label“更多操作：{专题名}”） */
.topic-register .topic-menu-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.topic-register .topic-row-menu .action-menu-panel>button{font-size:var(--ss-text-md)}

/* ── 选择模式：复选框列（整格可点）与吸底选择条（2px 海军蓝顶线 + 上方渐隐，搜罗已选条的做法） ─────────────── */
.topic-register .topic-pick{grid-area:pick;display:flex;align-items:flex-start;min-width:0;padding-top:5px;cursor:pointer}
.topic-register .topic-pick input{margin:0;cursor:pointer}
.topic-register .topic-pick input:focus-visible{outline:2px solid var(--ss-accent);outline-offset:2px}
.topic-register .topic-selection-bar{position:sticky;bottom:0;z-index:15;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin:24px 0 0;padding:10px 0 calc(10px + env(safe-area-inset-bottom));border-top:2px solid var(--ss-primary-text);background:var(--ss-surface)}
.topic-register .topic-selection-bar[hidden]{display:none}
.topic-register .topic-selection-bar::before{content:"";position:absolute;right:0;bottom:calc(100% + 2px);left:0;height:20px;background:linear-gradient(to bottom,transparent,var(--ss-surface));pointer-events:none}
.topic-register .topic-selection-count{margin:0;color:var(--ss-ink);font-size:var(--ss-text-md);font-weight:500;font-variant-numeric:tabular-nums}
.topic-register .topic-selection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.topic-register .topic-selection-actions>button{height:34px;min-height:34px;padding:0 16px;font-size:var(--ss-text-md);font-weight:500}
.topic-register .topic-selection-cancel{border:1px solid var(--topic-control);background:var(--ss-surface);color:var(--ss-ink)}
.topic-register .topic-selection-cancel:hover{border-color:var(--ss-primary-text);color:var(--ss-primary-text)}
html:has(.topic-register.is-selecting){scroll-padding-bottom:96px}

/* 归类后被移动的行：引句高亮底 2 秒内淡出（减少动态效果时不高亮，脚本也不加类） */
@keyframes topic-row-moved{0%,55%{opacity:1}100%{opacity:0}}
.topic-register .topic-row.is-moved::before{content:"";position:absolute;inset:-6px -10px;z-index:-1;border-radius:var(--ss-radius-tag);background:var(--ss-highlight);animation:topic-row-moved 2s ease-out forwards}
.topic-register .topic-row.is-moved:first-child::before{top:-8px}

/* ── 空状态：一句说明（必要时加“清除筛选”），从正文栏起排，与分组行对齐 ─────────────── */
.topic-register .topic-empty{display:grid;justify-items:start;gap:12px;padding:28px 0 32px calc(var(--ss-report-label) + 24px);border-top:1px solid var(--ss-line)}
/* 一个专题也没有时工具条隐藏，空状态紧接页头的墨线，不再画第二条细线 */
.topic-register .topic-toolbar[hidden]~.topic-groups>.topic-empty{padding-top:24px;border-top:0}
.topic-register .topic-empty-text{margin:0;color:var(--ss-ink-2);font-size:15px;line-height:1.7}
.topic-register .topic-clear{height:32px;min-height:32px;padding:0 14px;border:1px solid var(--topic-control);border-radius:var(--ss-radius-control);background:var(--ss-surface);box-shadow:none;color:var(--ss-ink);font-size:var(--ss-text-md);font-weight:500}
.topic-register .topic-clear:hover{border-color:var(--ss-primary-text);color:var(--ss-primary-text)}
.topic-register :is(.topic-classify-toggle,.topic-clear,.topic-selection-actions>button):focus-visible{outline:2px solid var(--ss-accent);outline-offset:2px}

/* ── 归档确认框（#modal 中，规格 D62、23.37）：说明、暂停监测的勾选与其后果、按钮行“归档 / 取消” ─────────────── */
/* 归档确认框与批量归类对话框都是短表单：对话框收窄到 560px（资料库与报告页的确认框同样做法） */
#modal:has(> #modal-body > :is(.topic-archive-form,.topic-classify-form)){width:min(560px,calc(100vw - 32px))}
#modal .topic-archive-form{gap:14px;max-width:34rem}
#modal .topic-archive-text{margin:0;color:var(--ss-ink);font-size:var(--ss-text-md);line-height:1.75;overflow-wrap:anywhere}
#modal .topic-archive-pause{display:flex;align-items:center;gap:8px;min-height:32px;color:var(--ss-ink);font-size:var(--ss-text-md);font-weight:500}
#modal .topic-archive-keep,#modal .topic-archive-unknown{margin:-8px 0 0;color:var(--ss-ink-2);font-size:var(--ss-text-sm);line-height:1.6}
#modal .topic-archive-pause+.topic-archive-keep{padding-left:24px}
#modal .topic-archive-keep[hidden]{display:none}
#modal .topic-archive-form>.hint[role="alert"]:empty{display:none}
#modal .topic-archive-form>.hint[role="alert"]{margin:0;color:var(--ss-danger-text);font-size:var(--ss-text-sm)}
#modal .topic-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}
#modal .topic-dialog-actions>button{min-height:34px;padding:0 18px;font-size:var(--ss-text-md);font-weight:500}
#modal .topic-dialog-actions>.topic-dialog-cancel{border:1px solid var(--ss-line);background:var(--ss-surface);color:var(--ss-ink)}

/* ── 801–1100：数字栏 11rem，列间距收窄 ─────────────── */
@media(max-width:1100px){
  .topic-register{--topic-figures-w:11rem;--topic-col-gap:16px}
}

/* ── 481–800：组名折到上方（pages.css）；数字栏移到研究问题下方并按行内排列；研究问题两行 ─────────────── */
@media(max-width:800px){
  .topic-register .topic-scope-row{flex-wrap:wrap}
  .topic-register .topic-filter-row .search-box{flex:1 1 100%;max-width:none}
  .topic-register .topic-filter-row>select,.topic-register .topic-sort{flex:1 1 0}
  .topic-register .topic-filter-row select{max-width:none}
  .topic-register .topic-sort select{flex:1 1 auto;min-width:0}
  .topic-register .topic-classify-toggle{margin-left:0}
  .topic-register .topic-row{grid-template-columns:minmax(0,1fr) var(--topic-menu-w);grid-template-areas:"main menu" "figures menu";column-gap:12px;row-gap:6px}
  .topic-register.is-selecting .topic-row{grid-template-columns:var(--topic-pick-w) minmax(0,1fr) var(--topic-menu-w);grid-template-areas:"pick main menu" "pick figures menu"}
  .topic-register .topic-question{-webkit-line-clamp:2;line-clamp:2}
  /* 窄屏的数字栏排在说明行下方：空说明行不再预留一行（窄屏上监测行本来就可能让说明行折行，预留不能避免位移，只会在标题与数字之间留白） */
  .topic-register .topic-meta{min-height:0}
  .topic-register .topic-meta:empty{display:none}
  .topic-register .topic-figures{display:flex;flex-wrap:wrap;gap:2px 16px;padding-top:0}
  .topic-register .topic-empty{padding:24px 0 28px}
}

/* ── ≤480：复选框与菜单的可点区域 44px，工具条控件 44px，选择条按钮铺满 ─────────────── */
@media(max-width:480px){
  .topic-register{--topic-pick-w:44px}
  /* 页签与“共 n 个专题”排不进一行：细线跟随页签，总数移到细线下方 */
  .topic-register .topic-scope-row{flex-direction:column;align-items:stretch;gap:0;border-bottom:0}
  .topic-register .tabs.topic-tabs{gap:20px;border-bottom:1px solid var(--ss-line)}
  .topic-register .tabs.topic-tabs button{min-height:44px}
  .topic-register .topic-total{margin:10px 0 0}
  .topic-register .topic-filter-row .search-box input,.topic-register .topic-filter-row select,.topic-register .topic-classify-toggle,.topic-register .topic-clear{height:44px;min-height:44px}
  .topic-register .topic-filter-row>select,.topic-register .topic-sort{flex:1 1 calc(50% - 5px)}
  .topic-register .topic-classify-toggle{flex:1 1 100%}
  .topic-register .topic-pick{justify-content:center;align-items:center;min-height:44px;margin-top:-10px;padding-top:0}
  .topic-register .topic-row-menu>summary{width:44px;margin-top:-10px}
  .topic-register .topic-selection-actions{flex:1 1 100%}
  .topic-register .topic-selection-actions>button{flex:1 1 0;height:44px;min-height:44px}
  #modal .topic-dialog-actions>button{flex:1 1 0;min-height:44px}
  #modal .topic-archive-pause{min-height:44px}
}

/* ── 强制配色：页签、选择条、按下的开关与高亮行保持可辨 ─────────────── */
@media(forced-colors:active){
  .topic-register .topic-scope-row{border-bottom-color:CanvasText}
  .topic-register .tabs.topic-tabs button[aria-pressed="true"]{border-bottom-color:Highlight}
  .topic-register .topic-classify-toggle[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:1px}
  .topic-register .topic-selection-bar{border-top-color:CanvasText}
  .topic-register .topic-row.is-moved{outline:2px solid Highlight;outline-offset:4px}
  .topic-register .topic-row.is-moved::before{content:none}
  .topic-register .topic-figure-materials.has-share::after{content:none}
}

/* ── 打印：只留分组、标题、研究问题、说明行与数字；工具条、菜单、复选框与选择条不打印 ─────────────── */
@media print{
  .topic-register .topic-toolbar,.topic-register .topic-monitor-note,.topic-register .topic-selection-bar,.topic-register .topic-pick,.topic-register .topic-row-menu{display:none}
  .topic-register .topic-figure-materials.has-share::after{content:none}
  .topic-register .topic-row,.topic-register.is-selecting .topic-row{grid-template-columns:minmax(0,1fr) 13rem;grid-template-areas:"main figures";break-inside:avoid}
  .topic-register .topic-question{display:block;overflow:visible;-webkit-line-clamp:none;line-clamp:none}
  .topic-register .topic-name a{color:var(--ss-ink);text-decoration:none}
  .topic-register .topic-row.is-moved::before{content:none}
}

/* ── 减少动态效果：不高亮移动的行，按钮与菜单不做过渡 ─────────────── */
@media(prefers-reduced-motion:reduce){
  .topic-register .topic-row.is-moved::before{content:none;animation:none}
  .topic-register :is(.topic-row-menu>summary,.topic-classify-toggle,.tabs.topic-tabs button){transition:none}
}

/* ── 产品化第 4 步：专题下的二级导航（workspace.js 的 topicSubnav：专题列表、持续监测、我的研究）──
   列表页放在页头底部，链接的下划线压在页头墨色细线上；我的研究（旧版 .titlebar 页头）放在标题下方，自带一条细线。 */
.topic-subnav{display:flex;flex-wrap:wrap;gap:0 22px;margin:8px 0 -16px}
.topic-subnav-link{display:inline-flex;align-items:center;min-height:36px;padding:0 2px;border-bottom:2px solid transparent;color:var(--ss-ink-2);font-size:var(--ss-text-sm);font-weight:500;text-decoration:none;white-space:nowrap}
.topic-subnav-link:hover{color:var(--ss-primary-text)}
.topic-subnav-link[aria-current=page]{border-bottom-color:var(--ss-primary-text);color:var(--ss-primary-text);font-weight:600}
.titlebar+.topic-subnav{margin:0 0 16px;border-bottom:1px solid var(--ss-line)}
@media(max-width:480px){.topic-subnav-link{min-height:44px}}
@media(forced-colors:active){.topic-subnav-link[aria-current=page]{border-bottom-color:CanvasText}}
@media print{.topic-subnav{display:none}}