/* 样稿 list3:list2.css 的后一版。列表页这几条是新的(刊头、衬线分组标题、衬线行标题、行距);
   .gr / .k / dl.why 那些是 list2 的原样,方向页还在用。u3.css 一条没动。 */

/* ---- 列表页:刊头(u3 首页的 .mast 原样),分组标题 = 衬线大字母 + 衬线组名 + 条数 */
.crumb+.mast{margin-top:0}
.mast .date{font-variant-numeric:tabular-nums}
.mast .sub{max-width:760px;line-height:1.6}
h2.grp{display:flex;align-items:baseline;gap:14px;margin:44px 0 0;padding:0 0 10px;border-bottom:1px solid var(--rule);
  font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;font-weight:700;color:var(--ink)}
h2.grp .gl{font-size:40px;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}
h2.grp .gn{font-size:22px;line-height:1.2;letter-spacing:.02em}
h2.grp .n{font:400 13px/1 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",sans-serif;color:var(--ink3);
  letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
h2.grp .gC{color:var(--ink2)}h2.grp .gC+.gn{color:var(--ink2)}
h2.grp .gD,h2.grp .gE{color:var(--ink3)}h2.grp .gD+.gn,h2.grp .gE+.gn{color:var(--ink3)}
/* 行:回到 u3 的字号与行距(15.5px / 1.5,10px 上下),右侧信息 13px 淡色 */
ol.list li.u-row{padding:10px 0;gap:12px;align-items:center}
ol.list li.u-row>a{align-items:baseline}
ol.list li.u-row .t{font-size:15.5px;line-height:1.5}
ol.list li.u-row .star{font-size:12px;margin-right:6px;vertical-align:1px}
ol.list li.u-row .m{gap:12px}
ol.list li.u-row .n1{font-size:13px}
.legend{margin-top:40px}

/* ---- 下面是 list2 的原样:评级字母(方向页开头那行、「评级 X · 为什么」),规模标签,方向页的「为什么」 */
.gr{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;margin-right:10px;flex:none;
  font:600 12px/1 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",sans-serif;font-style:normal;
  color:var(--ink3);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums}
.gr.gS{background:var(--ink);color:var(--bg);box-shadow:none}
.gr.gA{background:var(--ink2);color:var(--bg);box-shadow:none}
.gr.gB{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink3)}
.gr.gC{color:var(--ink2)}
.gr.gD,.gr.gE{color:var(--ink3);box-shadow:inset 0 0 0 1px var(--line)}
h2.sec .gr{margin-right:8px;vertical-align:-5px;width:18px;height:18px;font-size:11px}
h2.sec .n{margin-left:8px}
.n1 .k,.legend .k,dl.why .k{font-style:normal;font-size:11px;color:var(--ink3);border:1px solid var(--line);border-radius:3px;padding:0 4px;line-height:16px;margin-left:5px;vertical-align:1px;white-space:nowrap}
.n1 .k-v,.legend .k-v,dl.why .k-v{color:var(--ink2);border-color:var(--ink3)}
.k.unc{border-style:dashed}
.legend .k{margin:0 6px 0 0}
.n1 .none{color:var(--ink3)}
.st-dir{font-size:16px;line-height:1.6;color:var(--ink2);margin:-4px 0 16px}
dl.why dd .sc{font-weight:400;letter-spacing:.14em;color:var(--ink2);margin-right:8px;font-size:11px;vertical-align:1px}
dl.why dd .basis{margin:6px 0 2px;padding:0;list-style:none;font-size:13.5px;color:var(--ink2);line-height:1.5}
dl.why dd .basis li{margin:4px 0}
dl.why dd .basis li b{font-weight:600;color:var(--ink)}
dl.why dd .basis li span{display:block;color:var(--ink3);font-size:12px;line-height:1.45}
dl.why dd .tiny{display:block;margin-top:4px}
@media (max-width:760px){
  h2.grp{gap:10px;margin-top:34px}
  h2.grp .gl{font-size:32px}h2.grp .gn{font-size:19px}
  ol.list li.u-row{padding:10px 0;gap:4px 12px}
  ol.list li.u-row .t{font-size:16px}
  ol.list li.u-row .m{padding-left:0}
  ol.list li.u-row .n1 .k{margin-left:4px}
}