:root { --primary: #2E7D32; --primary-hover: #1B5E20; --ink: #18231f; --muted: #4f6257; --line: #c7d4ca; --surface: #fff; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #f7f7f1; color: var(--ink); }
header, main, footer { width: min(1040px, calc(100% - 32px)); margin: 0 auto; }
header { padding: 34px 0 18px; }
h1, h2, p { margin-top: 0; }
header p { max-width: 680px; color: var(--muted); }
.table-wrap { border: 1px solid var(--line); border-radius: 8px; background: var(--surface); overflow: hidden; }
.section-head { padding: 18px 18px 10px; border-bottom: 1px solid var(--line); }
.section-head p { margin-bottom: 0; color: var(--muted); }
.tool-table { width: 100%; border-collapse: collapse; }
.tool-table th, .tool-table td { padding: 14px 18px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.tool-table th { color: var(--muted); font-size: 0.9rem; font-weight: 700; }
.tool-table td { line-height: 1.45; }
.tool-table tbody tr:last-child td { border-bottom: 0; }
.open-link { display: inline-block; min-width: 68px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); font-weight: 700; text-decoration: none; text-align: center; background: var(--surface); }
.open-link:hover { background: #edf5ee; border-color: var(--primary); }
.primary-cta { background: var(--primary); border-color: var(--primary); color: #fff; }
.primary-cta:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
footer { padding: 22px 0 30px; color: var(--muted); font-size: 0.95rem; }
@media (max-width: 760px) {
  .table-wrap { border: 0; background: transparent; }
  .section-head { padding: 0 0 12px; border-bottom: 0; }
  .tool-table, .tool-table thead, .tool-table tbody, .tool-table tr, .tool-table th, .tool-table td { display: block; }
  .tool-table thead { display: none; }
  .tool-table tbody { display: grid; gap: 10px; }
  .tool-table tr { border: 1px solid var(--line); border-radius: 8px; background: var(--surface); padding: 2px 0; }
  .tool-table td { border-bottom: 0; padding: 10px 14px; }
  .tool-table td::before { content: attr(data-label); display: block; margin-bottom: 4px; color: var(--muted); font-size: 0.82rem; font-weight: 700; }
}