.group-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.group-bar>strong{margin-right:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:24px 0}
.section>.panel,.card-grid>.panel{display:block;padding:24px;margin-bottom:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.section form.panel{max-width:850px}.section .panel label,.profile-card label,.login-card label{display:grid;gap:8px;margin:14px 0}
.section .panel textarea{display:block;width:100%;min-height:180px;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;resize:vertical}
.section .panel label.checkbox{display:flex;align-items:center;gap:12px}.section .panel .checkbox input{width:auto;flex:none}
.card-grid>a.panel:hover{border-color:var(--green)}.section .panel input:focus-visible,.section .panel textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:600px){.group-bar .button{flex:1;text-align:center}.group-bar>strong{flex-basis:100%}.section>.panel{padding:18px}}