.subject-button{padding:12px 30px;background-color:var(--bg-card);color:var(--text-main);border:2px solid var(--border-soft);border-radius:10px;text-align:left;font-size:16px;cursor:pointer;transition:background-color .3s;box-sizing:border-box;width:100%;margin-bottom:10px;display:block;max-width:600px;margin-left:auto;margin-right:auto}.subject-button:hover{background-color:var(--bg-card-strong)}@media (max-width:768px){.subject-button{padding:10px 14px;font-size:14px;border-radius:12px;margin-bottom:8px;max-width:100%}}.subject-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.subject-button:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.subject-button{transition:background-color .25s ease,border-color .2s ease,transform .15s ease}.subject-button:hover{border-color:var(--accent)}}@media (prefers-reduced-motion:reduce){.subject-button{transition:none!important}.subject-button:active{transform:none!important}}