@layer reset,tokens,base,layout,components,utilities;@layer components{.vocab-link{display:grid;gap:2px;text-decoration:none;color:inherit}.vocab-link__hanzi{font-size:var(--text-xl)}.vocab-link__reading{color:var(--color-accent);font-size:var(--text-sm)}.culture-grid{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-3)}.culture-grid__item{display:grid;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.culture-grid__index{color:var(--color-faint);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.culture-grid__trait{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.culture-elements{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-3)}.culture-elements__item{display:grid;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.culture-elements__desc{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.culture-cycles{display:grid;gap:var(--space-3);margin-block-start:var(--space-5);max-inline-size:48rem}.culture-cycle{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);border-radius:var(--radius-lg)}.culture-cycle p{margin:0;color:var(--color-muted)}.culture-festivals{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;gap:var(--space-3);max-inline-size:52rem}.culture-festival{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.culture-festival__desc{margin:0;color:var(--color-muted)}.culture-festival__dishes{margin:0;font-size:var(--text-sm)}.culture-festival__dishes-label{color:var(--color-faint)}}@layer components{.culture-grid__item--link{transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.culture-grid__item--link:focus-within,.culture-grid__item--link:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.culture-grid__more,.culture-elements__more{margin:0;font-size:var(--text-sm);color:var(--color-accent);text-decoration:none}.culture-grid__more:hover{text-decoration:underline}.culture-section{max-inline-size:52rem;margin-block-start:var(--space-5);display:grid;gap:var(--space-2)}.culture-section>h2{margin:0}.culture-section p{margin:0;color:var(--color-muted)}.culture-figure{inline-size:100%;block-size:auto;display:block;border-radius:var(--radius-lg)}.culture-figure__bg{fill:var(--color-surface-2, var(--color-surface));stroke:var(--color-border)}.culture-figure__char{fill:var(--color-faint);font-size:34px;font-weight:700}.culture-figure--card{max-inline-size:12rem}figure.culture-fig{margin:0;display:grid;gap:var(--space-2);justify-items:center}.culture-figcaption{margin:0;color:var(--color-faint);font-size:var(--text-sm);text-align:center}.culture-detail{max-inline-size:52rem;display:grid;gap:var(--space-4)}.culture-detail__breadcrumb{font-size:var(--text-sm);color:var(--color-muted)}.culture-detail__breadcrumb a{color:inherit}.culture-detail__title{margin:0;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.culture-detail__reading{margin:0;color:var(--color-accent)}.culture-detail__section{display:grid;gap:var(--space-2)}.culture-detail__section>h2{margin:0;font-size:var(--text-lg)}.culture-detail__section p{margin:0;max-inline-size:46rem}.culture-facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);align-items:baseline}.culture-facts__term{margin:0;color:var(--color-faint);font-size:var(--text-sm)}.culture-facts__desc{margin:0}.culture-current{margin-block-start:var(--space-5);max-inline-size:40rem;display:grid;gap:var(--space-3)}.culture-current>h2{margin:0;font-size:var(--text-lg)}.culture-current__now{margin:0;display:flex;align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap}.culture-current__year{font-size:var(--text-2xl);font-weight:700}.culture-current__animal{font-size:var(--text-xl)}.culture-current__reading{color:var(--color-accent)}.culture-current__period{color:var(--color-muted);font-size:var(--text-sm)}.culture-table{inline-size:100%;border-collapse:collapse;font-size:var(--text-sm)}.culture-table caption{text-align:start;color:var(--color-muted);margin-block-end:var(--space-2)}.culture-table th,.culture-table td{text-align:start;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border);font-variant-numeric:tabular-nums}.culture-table th{color:var(--color-faint);font-weight:600}.culture-table tr[data-current]{background:var(--color-surface);font-weight:700}.holiday-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.holiday{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.holiday__region{min-inline-size:9rem}.holiday__badge{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.holiday__badge--public{background:color-mix(in srgb,var(--color-accent) 16%,transparent);border-color:var(--color-accent)}.holiday__badge--observance{color:var(--color-muted)}.holiday__note{color:var(--color-faint);font-size:var(--text-sm)}.culture-links{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.culture-links a{color:var(--color-accent)}.culture-links__note{color:var(--color-faint);font-size:var(--text-sm)}.culture-idioms{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:var(--space-2)}.culture-idiom__link{display:grid;gap:2px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:inherit;text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.culture-idiom__link:hover,.culture-idiom__link:focus-visible{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);color:inherit}.culture-idiom__hanzi{font-size:var(--text-lg)}.culture-idiom__reading{color:var(--color-accent);font-size:var(--text-sm)}.culture-idiom__gloss{color:var(--color-muted);font-size:var(--text-sm)}.culture-siblings{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.culture-siblings a{display:inline-block;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;font-size:var(--text-sm)}.culture-siblings a:hover,.culture-siblings a:focus-visible{border-color:var(--color-border-strong)}.culture-siblings a[aria-current=page]{border-color:var(--color-accent);color:var(--color-accent)}.culture-diagram{inline-size:100%;max-inline-size:30rem;block-size:auto;display:block}.culture-diagram__node{fill:var(--color-surface);stroke:var(--color-border-strong)}.culture-diagram__node--current{fill:var(--color-accent-soft);stroke:var(--color-accent);stroke-width:2.5}.culture-diagram__label{fill:var(--color-text, currentColor);font-size:16px;font-weight:700}.culture-diagram__label--trad{display:none}:root[data-script=trad] .culture-diagram__label--simp{display:none}:root[data-script=trad] .culture-diagram__label--trad{display:inline}.culture-diagram__arrow--gen{stroke:var(--color-accent);fill:none}.culture-diagram__arrow--over{stroke:var(--color-muted);stroke-dasharray:4 3;fill:none}.culture-diagram__spoke{fill:var(--color-faint);font-size:11px}}