@layer components{.tf-word-browse__featured,.tf-word-browse__level-grid,.tf-word-browse__rows{gap:16px;display:grid}.tf-word-browse__levels{margin-top:40px}.tf-word-browse__levels>.tf-section-title{margin-bottom:16px}.tf-browse-card{padding:0;position:relative;overflow:hidden}.tf-browse-card__link{height:100%;min-height:168px;color:var(--ink);padding:22px;text-decoration:none;display:block;position:relative}.tf-browse-card--featured .tf-browse-card__link{min-height:212px;padding:26px}.tf-browse-card__link>.tf-chip{z-index:1;position:relative}.tf-browse-card__link:focus-visible{outline-offset:-4px}.tf-browse-card__arrow{background:var(--sage-50);width:44px;height:44px;color:var(--brand-text);transition:background-color var(--m-quick) var(--e-out), color var(--m-quick) var(--e-out);border-radius:999px;place-items:center;display:grid;position:absolute;top:22px;right:22px}.tf-browse-card--featured .tf-browse-card__arrow{top:26px;right:26px}.tf-browse-card__copy{z-index:1;padding-right:24px;position:relative}.tf-browse-card__copy h2{font-family:var(--font-display-stack);letter-spacing:-.5px;margin:12px 0 8px;font-size:23px;font-weight:900;line-height:1.2}.tf-browse-card--featured h2{font-size:29px}.tf-browse-card__copy p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.tf-browse-card--featured p{font-size:16px}.tf-browse-card__glyph{color:var(--sage-50);font-family:var(--font-display-stack);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:116px;font-weight:900;line-height:1;position:absolute;bottom:-24px;right:4px}.tf-browse-card__glyph--thai{font-family:var(--font-sarabun), sans-serif;font-size:160px;bottom:-36px}.tf-word-browse__back{min-height:44px;color:var(--brand-text);letter-spacing:normal;text-transform:none;align-items:center;gap:8px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.tf-word-browse__count{color:var(--muted);white-space:nowrap;flex-shrink:0;padding:12px 18px;font-size:15px}.tf-word-browse__count strong{color:var(--ink);font-family:var(--font-display-stack);font-size:22px;font-weight:900}.tf-word-browse__pagination-top{margin-bottom:24px}.tf-word-browse__pagination-bottom{margin-top:24px}.tf-word-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.tf-word-pagination__previous{justify-self:start}.tf-word-pagination__next{justify-self:end}.tf-word-pagination .tf-button{font-size:15px}.tf-word-pagination__position{color:var(--muted);text-align:center;font-size:15px;font-weight:800}.tf-word-row{min-height:96px;transition:background-color var(--m-quick) var(--e-out);grid-template-columns:60px minmax(0,1.1fr) minmax(0,2.2fr) 20px;grid-template-areas:"rank word definition arrow";align-items:center;gap:20px;padding:18px 22px;text-decoration:none;display:grid}.tf-word-row--unranked{grid-template-columns:minmax(0,1.1fr) minmax(0,2.2fr) 20px;grid-template-areas:"word definition arrow"}.tf-word-row__rank{background:var(--sage-50);min-height:60px;color:var(--brand-text);overflow-wrap:anywhere;border-radius:16px;flex-direction:column;grid-area:rank;justify-content:center;align-items:center;gap:2px;padding:8px 4px;display:flex}.tf-word-row__rank>span,.tf-word-row__frequency>span{letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.4}.tf-word-row__rank strong{font-family:var(--font-display-stack);font-size:19px;font-weight:900;line-height:1.1}.tf-word-row__word{grid-area:word;min-width:0}.tf-word-row__thai{color:var(--ink);font-family:var(--font-sarabun), sans-serif;overflow-wrap:anywhere;font-size:30px;font-weight:700;line-height:1.5}.tf-word-row__transliteration{color:var(--brand-text);overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.5}.tf-word-row__definition{grid-area:definition;grid-template-columns:minmax(0,1fr) 110px;gap:8px 20px;min-width:0;display:grid}.tf-word-row__definition p{color:var(--ink);overflow-wrap:anywhere;grid-column:1;margin:0;font-size:17px;font-weight:800;line-height:1.4}.tf-word-row__metadata{display:contents}.tf-word-row__tags{flex-wrap:wrap;grid-column:1;align-items:center;gap:6px;display:flex}.tf-word-row__part-of-speech{border-color:var(--line);background:var(--paper);color:var(--muted)}.tf-word-row__frequency{color:var(--muted);flex-direction:column;grid-area:1/2/3;justify-content:center;align-items:flex-end;display:flex}.tf-word-row__frequency strong{font-size:15px;font-weight:800;line-height:1.5}.tf-word-row__arrow{color:var(--muted);grid-area:arrow}.tf-word-browse__empty{text-align:center;padding:40px 24px}.tf-word-browse__empty h2{font-family:var(--font-display-stack);margin:0 0 8px;font-size:24px;font-weight:900}.tf-word-browse__empty p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}@media (hover:hover){.tf-browse-card__link:hover .tf-browse-card__arrow{background:var(--brand);color:var(--on-brand)}.tf-word-browse__back:hover{text-underline-offset:4px;text-decoration:underline}.tf-word-row:hover{background:color-mix(in srgb, var(--card) 88%, var(--sage-50))}}@media (min-width:640px){.tf-word-browse__featured,.tf-word-browse__level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-word-browse__featured{gap:28px}}@media (min-width:1024px){.tf-word-browse__level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.tf-word-row{grid-template-columns:56px minmax(0,1fr) 18px;grid-template-areas:"rank word arrow""rank definition arrow";gap:3px 12px;padding:14px 12px}.tf-word-row--unranked{grid-template-columns:minmax(0,1fr) 18px;grid-template-areas:"word arrow""definition arrow"}.tf-word-row__word{flex-wrap:wrap;align-items:baseline;column-gap:8px;display:flex}.tf-word-row__thai{font-size:24px}.tf-word-row__rank{border-radius:14px;min-height:54px}.tf-word-row__rank strong{font-size:17px}.tf-word-row__definition{display:block}.tf-word-row__definition p{margin-bottom:6px;font-size:15px}.tf-word-row__metadata{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tf-word-row__tags{display:contents}.tf-word-row__frequency{flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:4px}.tf-word-row__frequency>span{letter-spacing:normal;text-transform:lowercase;font-size:13px}.tf-word-row__frequency strong{font-size:13px}.tf-word-row__arrow{width:18px}.tf-word-browse__rows{gap:12px}}@media (max-width:639px){.tf-word-browse__levels{margin-top:32px}.tf-browse-card__link{min-height:156px;padding:20px}.tf-browse-card--featured .tf-browse-card__link{min-height:182px;padding:22px}.tf-browse-card--featured .tf-browse-card__arrow{top:22px;right:22px}.tf-browse-card__copy h2{font-size:23px}.tf-browse-card--featured h2{font-size:26px}.tf-word-pagination{gap:8px}.tf-word-pagination .tf-button{gap:4px;padding-inline:10px;font-size:14px}.tf-word-pagination__position{font-size:14px}}}