/* Pages « objectif de chrono » — généré par tools/make_seo_pages.py.
   S'appuie sur les variables de masir.css. */
.tiles.three { grid-template-columns: repeat(3, 1fr); }
.tiles.three .tile .v { font-size: clamp(1.25rem, 5vw, 1.75rem); }
.calc .intro { color: var(--body2); margin: 0 0 var(--s4); }
.calc .intro.after { margin-top: var(--s4); }
.splits { width: 100%; border-collapse: collapse; }
.splits th, .splits td { text-align: left; padding: 11px 0; border-bottom: 1px solid var(--hairline); }
.splits th { font-size: .875rem; font-weight: 700; color: var(--muted); }
.splits th:last-child, .splits td:last-child { text-align: right; }
.splits tbody tr:last-child td { border-bottom: 0; }
.splits td.num { font-size: 1.125rem; }
.calc .note { color: var(--muted); font-size: .875rem; margin: var(--s4) 0 0; }
.links { list-style: none; padding: 0; margin: 0 0 var(--s7); display: flex; flex-wrap: wrap; gap: 8px; }
.links a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 999px;
  border: 1px solid var(--hairline); color: inherit; text-decoration: none; font-weight: 500; }
.links a[aria-current="page"] { background: var(--accent-soft); border-color: transparent; }
.links a:hover { border-color: currentColor; }
.calc h3.group { font-size: 1rem; margin: var(--s5) 0 var(--s3); }