/* 各国计算页的结果区共用样式（2026-11-04 统一改版，学 KestKlar 的结果样机，命名对齐中文版 /zh/）。
   一行一个申报栏：栏号（.ln）+ 栏目名 + 法条（.law）+ 金额 + 复制；“还要补缴多少”放深色合计条（tr.total）；明细用 details.sect 展开。
   三种表格写法共用同一外观：table.sum（日本、比利时、中文版）、table.lines（德国、奥地利）、table.boxes（英国）。
   颜色都用 site.css 的变量，深浅色自动跟随。 */

/* 结果卡 */
.card.wide{max-width:900px;border-radius:14px}
.card.wide h2{font-size:19px;margin:0;line-height:1.4}
.card.wide h3{font-size:16px;margin:18px 0 6px}

/* 栏号、法条、根据链接 */
.ln{display:inline-block;min-width:4.6em;color:var(--accent);font-weight:700;font-size:13px;font-family:var(--font-num)}
.law{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:2px}
.why{font-size:12.5px;margin-left:4px;white-space:nowrap}
.offscreen{position:fixed;left:-9999px;top:0;opacity:0}

/* table.sum：栏目 | 金额 | 复制 */
table.sum{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
table.sum th{text-align:left;font-weight:500;padding:11px 8px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
table.sum td{padding:11px 0 11px 8px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:top}
table.sum td.num{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}

/* 深色合计条：浅色模式墨色底，深色模式深青底，都是反白字，最醒目的一行 */
table.sum tr.total th,table.sum tr.total td,
table.lines tr.total td,
table.boxes tr.total td{background:var(--bar);color:var(--bar-ink);border-bottom:0;font-weight:700}
table.sum tr.total th,table.lines tr.total td:first-child,table.boxes tr.total td:first-child{padding-left:14px;border-radius:10px 0 0 10px}
table.sum tr.total td:last-child,table.lines tr.total td:last-child,table.boxes tr.total td:last-child{padding-right:12px;border-radius:0 10px 10px 0}
table.sum tr.total td.num{font-size:19px;color:var(--bar-ink)}
table.sum tr.total .why,table.sum tr.total .law,table.sum tr.total .ln,
table.lines tr.total small,table.lines tr.total .ln{color:color-mix(in srgb,var(--bar-ink) 78%,transparent)}
tr.total .copy,tr.total button.copy{color:var(--bar-ink);border-color:color-mix(in srgb,var(--bar-ink) 45%,transparent)}
tr.total td{padding-top:14px;padding-bottom:14px}
/* 同一张表里不止一个合计时（日本版：譲渡所得、外国税额），只有最后一行用深色，前面的用浅色强调 */
table.sum tr.total:not(:last-child) th,table.sum tr.total:not(:last-child) td{background:var(--accent-soft);color:var(--ink)}
table.sum tr.total:not(:last-child) td.num{color:var(--accent)}
table.sum tr.total:not(:last-child) .law,table.sum tr.total:not(:last-child) .why{color:var(--muted)}
table.sum tr.total:not(:last-child) .copy{color:var(--ink);border-color:var(--line)}

/* 复制按钮 */
.copy,button.copy{font:inherit;font-size:12.5px;background:none;border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:2px 9px;cursor:pointer;white-space:nowrap}
.copy:hover,button.copy:hover{border-color:var(--accent);color:var(--accent)}

/* 可展开的明细 */
.sect{border-bottom:1px solid var(--line);padding:12px 0;max-width:none}
.sect > summary{cursor:pointer;font-weight:700;font-size:16px}
.sect .count{font-weight:400;color:var(--muted);font-size:13px;margin-left:8px}
.sect .tblw{margin-top:8px}
.tblw{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.tbl{border-collapse:collapse;font-size:13.5px;min-width:100%}
table.tbl th{font-weight:500;color:var(--muted);font-size:12px;text-align:right;padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
table.tbl th:first-child,table.tbl td:first-child{text-align:left;padding-left:0}
table.tbl td{padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:right}
table.tbl td.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}
ul.plain{margin:8px 0 0;padding-left:1.2em;font-size:14.5px}
ul.plain li{margin-bottom:6px}

/* 计算规则与出处 */
.rules .src li:target{background:var(--accent-soft)}

@media (max-width:600px){
  table.sum{font-size:14px}
  table.sum th{padding-right:4px}
  table.sum td.num{font-size:15px}
  table.sum tr.total td.num{font-size:17px}
  .ln{display:block}
}
@media print{
  table.sum tr.total th,table.sum tr.total td,table.lines tr.total td,table.boxes tr.total td{background:none;color:#000;border-top:2px solid #000}
}
