.container{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--container-padding-x)}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.subjects-grid a{background-color:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-decoration:none;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120px;transition:all var(--transition-normal)}.subjects-grid a:hover{border-color:var(--primary);background-color:var(--surface-variant);transform:translateY(-2px)}.subjects-grid a:hover .icon-container{transform:rotate(10deg) scale(1.05)}.subjects-grid .icon-container{width:56px;height:56px;background-color:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--text-on-primary);font-size:var(--font-size-xl);transition:all var(--transition-normal)}.subjects-grid h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.subjects-grid a:not(:has(.icon-container)){justify-content:center;align-items:center}.subjects-grid a:not(:has(.icon-container)) h3{margin:0}main h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:var(--spacing-md) 0;text-align:center}main h2:first-child{margin-top:0}.content-section{background-color:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.content-section h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600}.content-section p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.card{background-color:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.nav-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.nav-list-item{margin:0}.nav-list-link{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-normal)}.nav-list-link:hover{background-color:var(--surface);color:var(--primary);border-color:var(--outline)}.nav-list-link.active{background-color:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}input,textarea,select{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--outline);border-radius:var(--radius-md);background-color:var(--background);color:var(--text-primary);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}table{width:100%;border-collapse:collapse;background-color:var(--surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--outline);margin-bottom:var(--spacing-lg)}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--outline)}th{background-color:var(--surface-variant);font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}td{color:var(--text-secondary);font-size:var(--font-size-sm)}tr:last-child td{border-bottom:none}tr:hover{background-color:var(--surface-variant)}@media (max-width: 768px){.container{padding:0 var(--container-padding-x-mobile)}.subjects-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.subjects-grid a{padding:var(--spacing-sm);display:flex;flex-direction:row;align-items:center;text-align:left;gap:var(--spacing-sm);min-height:auto;justify-content:flex-start}.subjects-grid a:not(:has(.icon-container)){justify-content:flex-start;padding:var(--spacing-md) var(--spacing-lg)}.subjects-grid .icon-container{width:32px;height:32px;font-size:var(--font-size-base);margin:0;flex-shrink:0}.subjects-grid h3{font-size:var(--font-size-sm);margin:0;font-weight:500}.content-section{padding:var(--spacing-md)}main h2{font-size:var(--font-size-lg);margin:var(--spacing-sm) 0}table{font-size:var(--font-size-xs)}th,td{padding:var(--spacing-sm)}}