/* Tra cứu tròng theo độ - /trong-kinh/ */
.tf-sec{padding:44px 0 36px;background:#FAF7F1;scroll-margin-top:84px}
.tf-lead{margin:0 0 20px;max-width:70ch;font-size:15.5px;line-height:1.65;color:#4F4640}
.tf-form{background:#fff;border:1px solid #E6DCCD;border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:16px}
.tf-eyes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tf-eye{margin:0;padding:16px 18px 18px;border:1px solid #E6DCCD;border-radius:16px;background:#FAF7F1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}
.tf-eye legend{padding:0 8px;display:flex;gap:8px;align-items:baseline;font-size:15px;color:#1F1B19}
.tf-eye legend span{font-size:12px;letter-spacing:.06em;color:#8A7A66}
.tf-seg{grid-column:1/-1;display:inline-flex;width:max-content;max-width:100%;border:1px solid #B9A584;border-radius:999px;overflow:hidden;background:#fff}
.tf-seg button{appearance:none;border:0;background:transparent;padding:9px 26px;min-height:42px;font:inherit;font-size:15px;font-weight:700;color:#1F1B19;cursor:pointer}
.tf-seg button[aria-pressed="true"]{background:#1F1B19;color:#fff}
.tf-fd{display:flex;flex-direction:column;gap:6px;min-width:0}
.tf-fd span{font-size:13px;font-weight:600;color:#6F5233}
.tf-fd input{box-sizing:border-box;width:100%;height:48px;padding:0 14px;border:1px solid #CDBB9F;border-radius:12px;background:#fff;font:inherit;font-size:16px;color:#1F1B19}
.tf-fd input:focus{outline:2px solid #1F1B19;outline-offset:1px;border-color:#1F1B19}
.tf-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px}
.tf-note{margin:0;font-size:13px;line-height:1.5;color:#7A6A55}
.tf-act{display:flex;flex-wrap:wrap;gap:10px}
.tf-out{margin-top:24px;display:flex;flex-direction:column;gap:18px}
.tf-empty{margin:0;padding:18px 20px;background:#fff;border:1px dashed #CDBB9F;border-radius:16px;font-size:15px;color:#4F4640}
.tf-msg{padding:14px 18px;background:#FBEFE6;border:1px solid #E7C9AE;border-radius:14px;font-size:14.5px;color:#7A3F12}
.tf-msg p{margin:0}
.tf-msg p+p{margin-top:4px}
.tf-warn{margin:0}
.tf-sum{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:22px 26px;background:#1F1B19;border-radius:20px;color:#fff}
.tf-sum-n{display:flex;flex-direction:column;gap:6px;min-width:130px}
.tf-sum-n span{font-size:13px;font-weight:600;letter-spacing:.04em;color:#E8DCCB;max-width:14ch}
.tf-sum-n b{font-size:clamp(44px,6vw,68px);line-height:1;letter-spacing:-.01em}
.tf-sum-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5;color:#F4EDE0}
.tf-sum-l b{color:#fff;font-size:1.12em}
.tf-sum-i{margin-top:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}
.tf-chips{display:flex;flex-wrap:wrap;gap:8px}
.tf-chip{appearance:none;min-height:42px;padding:0 18px;border:1px solid #B9A584;border-radius:999px;background:#FAF7F1;font:inherit;font-size:14px;font-weight:700;color:#1F1B19;cursor:pointer}
.tf-chip[aria-pressed="true"]{background:#1F1B19;border-color:#1F1B19;color:#fff}
.tf-brand{display:flex;flex-direction:column;gap:12px}
.tf-bh{display:flex;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px solid #E6DCCD}
.tf-bh h3{margin:0;font-size:22px;letter-spacing:.06em;color:#1F1B19}
.tf-bh span{font-size:14px;font-weight:600;color:#6F5233}
.tf-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.tf-card{background:#fff;border:1px solid #E6DCCD;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.tf-ch{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.tf-ch b{font-size:18px;font-weight:800;color:#1F1B19;line-height:1.25;padding-left:10px;border-left:4px solid #6F5233}
.tf-ch em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:#6F5233;background:#EFE5D3;border-radius:999px;padding:3px 10px}
.tf-cs{font-size:13px;font-weight:700;color:#6F5233;letter-spacing:.02em}
.tf-cd{margin:-4px 0 0;font-size:12.5px;line-height:1.5;color:#7A6A55}
.tf-card .tk-var{position:relative}
.tf-card .tk-var.tf-rec{background:#F4E9D4;border-color:#6F5233}
.tf-card .tk-var i{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#6F5233;text-transform:uppercase}
.tf-foot{margin:0;font-size:13px;line-height:1.55;color:#7A6A55}
@media(max-width:560px){
  .tf-eye{grid-template-columns:1fr 1fr}
  .tf-eye label:first-of-type{grid-column:1/-1}
}
@media(max-width:820px){
  .tf-add{grid-template-columns:1fr}
  .tf-sec{padding:32px 0 24px}
  .tf-eyes{grid-template-columns:1fr}
  .tf-cards{grid-template-columns:1fr}
  .tf-form{padding:16px 14px}
  .tf-sum{grid-template-columns:1fr;gap:14px;padding:18px}
  .tf-sum-n{flex-direction:row;align-items:baseline;gap:14px}
  .tf-sum-n span{max-width:none}
}
.tf-fd.tf-req input{border-color:#C0392B;box-shadow:0 0 0 3px #F4D3CE}
.tf-fd.tf-req span{color:#C0392B}