/* Weight percentile by age pages (site/growth_pages.py): the quick check, the percentile table, prev/next. */
.age-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.age-go{margin:36px 0 8px;padding:24px 28px;border-radius:var(--r);background:rgba(231,168,87,.13)}
.age-go h2{margin-top:0}
.age-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}
.age-sexes{display:inline-flex;gap:6px;padding:4px;border-radius:99px;background:var(--paper);box-shadow:0 0 0 1px var(--line)}
.age-sex{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:99px;color:var(--ink2);font:600 15px/1 var(--sans);text-decoration:none}
.age-sex[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.age-sexes.is-bad{box-shadow:0 0 0 2px var(--rose)}
.age-w{display:inline-flex;gap:8px}
.age-w label{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 14px;border-radius:14px;background:var(--paper);box-shadow:0 0 0 1px var(--line)}
.age-w input{width:4.2em;border:0;background:transparent;font:500 17px/1 var(--sans);color:var(--ink);outline:none}
.age-w label.is-bad{box-shadow:0 0 0 2px var(--rose)}
.age-w label:focus-within{box-shadow:0 0 0 2px var(--honey)}
.age-w i{font-style:normal;color:var(--muted);font-size:15px}
.age-tbl td b{color:var(--caramel)}
.age-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;margin:32px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:500 15.5px/1.4 var(--sans)}
.age-nav a{text-decoration:none}
@media (max-width:560px){.age-go{padding:20px}.age-form .btn{width:100%}.age-sexes{display:flex;width:100%}.age-sex{flex:1;justify-content:center}.age-w{flex:1 1 100%}.age-w label{flex:1}.age-w input{width:100%}}