.page { max-width: 84rem; }
.page:has(.forma-page) { max-width: 47rem; }
.euskara-section.forma-page { max-width: 47rem; }
.header_container header { text-align: left; }
.page > footer { max-width: 47rem; }
.euskara-section { max-width: 1300px; margin: 0 auto; background: #fff; padding: 1rem; border-radius: 8px; }
.euskara-section nav[aria-label="breadcrumb"] { font-size: 0.9rem; margin-bottom: 0.5rem; }
.euskara-section .example { background: #f6f6f6; padding: 0.75rem; border-left: 4px solid var(--accent); }
table.verb-table { border-collapse: collapse; width: 100%; margin: 1rem 0; table-layout: fixed; }
table.verb-table th, table.verb-table td { width: 140px; }
table.verb-table thead th:first-child, table.verb-table tbody th:first-child { width: 110px; }
table.verb-table th, table.verb-table td { border: 1px solid #ccc; padding: 0.5rem; text-align: left; vertical-align: top; }
table.verb-table thead th { background: var(--accent-light); position: sticky; top: 0; }
table.verb-table tbody th { background: #fafafa; }
table.verb-table td strong, table.verb-table th[scope="row"] { font-size: 1rem; }
table.verb-table td strong a { color: inherit; text-decoration: none; }
table.verb-table td.empty { background: #f0f0f0; }
.verb-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.person-card { background: #f6f6f6; border: 1px solid #ccc; border-radius: 8px; padding: 0.75rem 1rem; margin: 1rem 0; max-width: 24rem; }
.person-card ul { list-style: none; margin: 0; padding: 0; }
.person-card li { padding: 0.25rem 0; }
.person-card .person-role { display: inline-block; min-width: 3.5rem; font-weight: 600; }
.search-box { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: end; margin: 1rem 0; }
.search-box label { font-weight: 600; width: 100%; }
.search-box input[type="search"] { flex: 1; min-width: 12rem; padding: 0.5rem; border: 1px solid var(--border); border-radius: 6px; font: inherit; }
.search-box button { padding: 0.5rem 1.25rem; background: var(--accent); color: var(--bg); border: none; border-radius: 6px; font: inherit; cursor: pointer; }

@media (max-width: 640px)
{
    .euskara-section { padding: 0.5rem; }
    table.verb-table { table-layout: auto; font-size: 0.9rem; }
    table.verb-table th, table.verb-table td { width: auto; min-width: 3.5rem; padding: 0.4rem; }
    table.verb-table thead th:first-child, table.verb-table tbody th:first-child { position: sticky; left: 0; z-index: 2; }
}
.paradigm-group { margin: 1.5rem 0; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
.group-title { display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--bg); background: var(--text); padding: 0.5rem 1rem; margin: 0; border-bottom: none; }
.group-count { font-size: 0.75rem; background: var(--bg); color: var(--text); border-radius: 1rem; padding: 0.1rem 0.6rem; letter-spacing: 0; }
.main_section ul.paradigm-cards { list-style: none; margin: 0; padding: 1rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0.75rem; background: var(--accent-light); }
.paradigm-card { position: relative; padding: 0.75rem 1rem; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; }
.paradigm-card:hover { box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
.paradigm-card .card-link { font-weight: bold; display: block; margin-bottom: 0.1rem; color: inherit; text-decoration: none; }
.paradigm-card .card-link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.paradigm-card .card-meta { display: block; font-size: 0.85rem; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.25rem; }
.paradigm-card .card-example { font-size: 0.85rem; color: #555; font-style: italic; display: block; }