.tta-score { padding-block: var(--wp--custom--spacing--section-compact); color: var(--wp--preset--color--primary); }
.tta-score.tta-section { margin-block: 0; }
.tta-score.tta-section > .tta-score__surface { max-width: none; width: 100%; margin-inline: 0; }
.tta-score *, .tta-score *::before, .tta-score *::after { box-sizing: border-box; }
.tta-score [hidden] { display: none !important; }
.tta-score__surface { padding: var(--wp--custom--spacing--section-standard) var(--wp--custom--layout--padding); background: var(--wp--preset--color--blue-100); }
.tta-score__inner { max-width: var(--wp--custom--layout--wide); margin-inline: auto; }
.tta-score__card { display: grid; gap: var(--wp--custom--spacing--3-xl); padding: var(--wp--custom--spacing--5-xl); background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--blue-200); border-radius: var(--wp--custom--border-radius--element); box-shadow: var(--wp--custom--shadow--card); }
.tta-score__card p, .tta-score__card h2 { margin: 0; }
.tta-score__header { display: flex; align-items: center; justify-content: space-between; gap: var(--wp--custom--spacing--xl); }
.tta-score__header h2, .tta-score__result > p { font: var(--wp--custom--font-weight--semibold) var(--wp--preset--font-size--display-xs)/var(--wp--custom--line-height--tight) var(--wp--preset--font-family--sans); }
.tta-score__modes { display: flex; gap: var(--wp--custom--spacing--md); padding: var(--wp--custom--spacing--sm); border: 1px solid var(--wp--preset--color--blue-200); border-radius: var(--wp--custom--border-radius--full); background: var(--wp--preset--color--blue-100); }
.tta-score__modes button { appearance: none; border: 0; border-radius: var(--wp--custom--border-radius--full); padding: var(--wp--custom--spacing--lg) var(--wp--custom--spacing--2-xl); color: inherit; background: transparent; font: var(--wp--custom--font-weight--semibold) 15px/var(--wp--custom--line-height--pill) var(--wp--preset--font-family--sans); cursor: pointer; white-space: nowrap; }
.tta-score__modes button[aria-pressed="true"] { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); }
.tta-score :is(button, input, summary, [tabindex="0"]):focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 3px; }
.tta-score__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: var(--wp--custom--spacing--7-xl); }
.tta-score__input { display: grid; gap: var(--wp--custom--spacing--sm); }
.tta-score__input label { font: var(--wp--custom--font-weight--semibold) var(--wp--preset--font-size--text-sm)/var(--wp--custom--line-height--compact) var(--wp--preset--font-family--sans); }
.tta-score__input label > span:last-child { color: var(--wp--preset--color--form-error); }
.tta-score__input input { display: block; width: 100%; min-width: 0; padding: var(--wp--custom--spacing--3-xl) var(--wp--custom--spacing--xl); border: 1px solid var(--wp--preset--color--border-control); border-radius: var(--wp--custom--border-radius--control); color: inherit; background: var(--wp--preset--color--white); font: var(--wp--custom--font-weight--regular) var(--wp--preset--font-size--text-sm)/1 var(--wp--preset--font-family--sans); }
.tta-score__input input[aria-invalid="true"] { border-color: var(--wp--preset--color--form-error); }
.tta-score__hint, .tta-score__error, .tta-score__note { font-size: var(--wp--preset--font-size--text-xs); line-height: var(--wp--custom--line-height--normal); color: var(--wp--preset--color--text-subtle); }
.tta-score__error { color: var(--wp--preset--color--form-error); }
.tta-score__result { display: grid; gap: var(--wp--custom--spacing--md); padding: var(--wp--custom--spacing--3-xl) var(--wp--custom--spacing--5-xl); border-radius: var(--wp--custom--border-radius--element); background: var(--wp--preset--color--blue-100); text-align: center; }
.tta-score__number { display: flex; justify-content: center; align-items: center; min-height: 80px; font: var(--wp--custom--font-weight--regular) var(--wp--preset--font-size--calculator-score)/1 var(--wp--preset--font-family--serif); }
.tta-score__empty { width: 160px; max-width: 100%; height: 2px; border-radius: var(--wp--custom--border-radius--full); background: currentColor; }
.tta-score__table { min-width: 0; }
.tta-score__table summary { display: flex; align-items: center; gap: var(--wp--custom--spacing--md); width: fit-content; padding-block: var(--wp--custom--spacing--md); font-size: var(--wp--preset--font-size--text-sm); font-weight: var(--wp--custom--font-weight--medium); cursor: pointer; list-style: none; }
.tta-score__table summary::-webkit-details-marker { display: none; }
.tta-score__chevron { width: 8px; height: 8px; border-right: 2px solid; border-bottom: 2px solid; transform: rotate(45deg); margin: 0 var(--wp--custom--spacing--md) var(--wp--custom--spacing--xs); }
.tta-score__table[open] .tta-score__chevron { transform: rotate(225deg); margin-bottom: 0; }
.tta-score__table-scroll { overflow-x: auto; margin-block: var(--wp--custom--spacing--3-xl); }
.tta-score table { width: 100%; margin: 0; border-collapse: collapse; font: var(--wp--custom--font-weight--regular) var(--wp--preset--font-size--text-sm)/var(--wp--custom--line-height--compact) var(--wp--preset--font-family--sans); }
.tta-score th, .tta-score td { width: 33.333%; padding: var(--wp--custom--spacing--xl) var(--wp--custom--spacing--2-xl); text-align: left; border: 0; border-top: 1px solid var(--wp--preset--color--blue-200); }
.tta-score thead th { color: var(--wp--preset--color--white); background: var(--wp--preset--color--primary); font-weight: var(--wp--custom--font-weight--semibold); }
.tta-score tbody th { font-weight: var(--wp--custom--font-weight--regular); }
.tta-score tr.is-match > * { background: var(--wp--preset--color--blue-100); }
@media (max-width: 767px) {
	.tta-score { padding-block: var(--wp--custom--spacing--3-xl); }
	.tta-score__surface { padding-block: var(--wp--custom--spacing--7-xl); }
	.tta-score__card { padding: var(--wp--custom--spacing--2-xl); }
	.tta-score__header { flex-direction: column-reverse; align-items: flex-start; }
	.tta-score__modes { width: 100%; gap: 0; }
	.tta-score__modes button { flex: 1; padding-inline: var(--wp--custom--spacing--lg); }
	.tta-score__form { grid-template-columns: minmax(0, 1fr); gap: var(--wp--custom--spacing--3-xl); }
	.tta-score__result { padding-inline: var(--wp--custom--spacing--2-xl); }
	.tta-score th, .tta-score td { padding-inline: var(--wp--custom--spacing--md); }
}