/* Canil Gelbes Wasser — tabela de crescimento (v36 C4). Prefixo cr-. Variante C (regua) + atalhos da variante A.
   Pagina clara do blog: dourado de texto #8A6D24 (AA). Sem JS: tudo visivel no HTML. */
.cr-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.2rem}
.cr-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.82rem;color:var(--ink);text-decoration:none;transition:border-color .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1)}
.cr-chips a:hover{border-color:var(--gold);transform:translateY(-1px)}
.cr-chips a:focus-visible,.cr-scroll:focus-visible{outline:2px solid #C9A84C;outline-offset:3px}
.cr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;background:#fff;margin:0 0 .5rem}
.cr-tabela{width:100%;min-width:560px;border-collapse:collapse;font-size:.9rem}
.cr-tabela caption{caption-side:top;text-align:left;padding:.9rem 1rem .4rem;font-family:'Syne',sans-serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--gold-d)}
.cr-tabela th,.cr-tabela td{padding:.75rem 1rem;text-align:left;border-top:1px solid #EEE7DA;line-height:1.45;vertical-align:top}
.cr-tabela thead th{font-family:'Syne',sans-serif;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#5E574C;border-top:0;white-space:nowrap}
.cr-tabela tbody th{font-weight:700;color:var(--ink);white-space:nowrap}
.cr-tabela td:nth-child(2),.cr-tabela td:nth-child(3),.cr-tabela td:nth-child(4){white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.cr-tabela td:last-child{color:var(--ink2);font-size:.84rem}
.cr-tabela tr:target{background:#FBF4E2}
.cr-tabela .cr-adulto{background:#FBF7EE}
.cr-tabela .cr-adulto td{color:var(--gold-d);font-weight:700}
.cr-dica{display:none;font-size:.78rem!important;color:#5E574C!important;margin:0 0 1rem!important}
.cr-nota{font-size:.88rem!important;line-height:1.7!important;color:var(--ink2)}
.cr-regua{margin:1.4rem 0 1.8rem;padding:1.2rem 1.1rem 1rem;background:#fff;border:1px solid var(--line);border-radius:14px}
.cr-trilho{position:relative;height:16px}
.cr-trilho::before{content:'';position:absolute;left:0;right:0;top:6px;height:4px;border-radius:4px;background:#EFE7D8}
.cr-alt{position:absolute;left:0;width:25%;top:6px;height:4px;border-radius:4px;background:#8A6D24}
.cr-peso{position:absolute;left:25%;width:8.4%;top:2px;height:12px;border-radius:6px;background:rgba(201,168,76,.5)}
.cr-fim{position:absolute;right:0;top:2px;width:12px;height:12px;border-radius:50%;border:2px solid #8A6D24;background:#fff;box-sizing:border-box}
.cr-marcas{position:relative;height:1.3rem;margin-top:.4rem;font-size:.75rem;color:#5E574C}
.cr-marcas span{position:absolute;top:0}
.cr-marcas span:nth-child(1){left:0}
.cr-marcas span:nth-child(2){left:25%;transform:translateX(-50%)}
.cr-marcas span:nth-child(3){left:33.3%;transform:translateX(-20%)}
.cr-marcas span:nth-child(4){right:0}
.cr-regua figcaption{display:grid;gap:.35rem;margin-top:.8rem;font-size:.86rem;color:var(--ink)}
.cr-l{display:flex;align-items:center;gap:.6rem}
.cr-l::before{content:'';flex:0 0 12px;height:12px;border-radius:3px}
.cr-l1::before{background:#8A6D24}
.cr-l2::before{background:rgba(201,168,76,.5)}
.cr-l3::before{border-radius:50%;border:2px solid #8A6D24;box-sizing:border-box}
.cr-fontes{font-size:.88rem;line-height:1.7;color:var(--ink2);padding-left:1.1rem}
.cr-fontes li{margin-bottom:.35rem}
.cr-fontes a{color:var(--gold-d)}
@media (max-width:620px){.cr-dica{display:block}}
@media (prefers-reduced-motion:reduce){.cr-chips a{transition:none}}

/* celular: idade fixa a esquerda, macho e femea visiveis sem deslizar, fase sem quebrar em colunas estreitas */
.cr-tabela th:first-child{position:sticky;left:0;background:#fff;z-index:1}
.cr-tabela .cr-adulto th{background:#FBF7EE}
.cr-tabela td:last-child{min-width:210px}
@media (max-width:620px){.cr-tabela{font-size:.86rem;min-width:620px}.cr-tabela th,.cr-tabela td{padding:.7rem .65rem}.cr-tabela tbody th{min-width:92px}}

.cr-tabela{table-layout:fixed}
.cr-tabela thead th:nth-child(1){width:96px}.cr-tabela thead th:nth-child(2),.cr-tabela thead th:nth-child(3){width:92px}.cr-tabela thead th:nth-child(4){width:84px}.cr-tabela thead th:nth-child(5){width:auto}
.cr-tabela thead th{white-space:normal}
@media (max-width:620px){.cr-tabela{min-width:580px}}
.cr-tabela .cr-adulto td,.cr-tabela .cr-adulto th{white-space:normal}