.team-draw { padding: 36px 0; background: var(--seo-white); color: var(--seo-text); scroll-margin-top: 90px; }
.team-draw .seo-container { max-width: 760px; }
.team-draw h2 { font-size: 1.6rem; line-height: 1.25; margin-bottom: 12px; }
.team-draw p { margin-bottom: 16px; }
.team-draw label { display: block; font-weight: 700; margin: 14px 0 6px; }
.team-draw textarea, .team-draw select { width: 100%; padding: 12px; border: 1px solid var(--seo-border); border-radius: 10px; background: var(--seo-white); color: var(--seo-text); font: inherit; font-size: 16px; }
.team-draw textarea { resize: vertical; }
.team-draw [hidden] { display: none; }
.team-draw__actions { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.team-draw button { padding: 12px 20px; min-height: 48px; border: 1px solid var(--seo-border); border-radius: 10px; color: var(--seo-text); background: var(--seo-bg); cursor: pointer; font: inherit; font-weight: 700; }
.team-draw button.team-draw__primary { background: var(--seo-green-dark); color: #fff; }
.team-draw button:disabled { opacity: .65; cursor: wait; }
.team-draw :focus-visible { outline: 3px solid var(--seo-green); outline-offset: 3px; }
.team-draw a { color: var(--seo-green-dark); text-decoration: underline; }
.team-draw__note, #teamDrawHint { font-size: .9rem; color: var(--seo-text-muted); }
#teamDrawError { color: #b42318; margin-top: 12px; }
#teamDrawResult { margin-top: 24px; }
.team-draw__teams { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 16px 0; }
.team-draw__teams > div { border: 1px solid var(--seo-border); border-radius: 10px; padding: 16px; overflow-wrap: anywhere; }
.team-draw__teams ul { padding-left: 20px; }