.sg-workspace { width: 100%; max-width: 944px; margin-inline: auto; padding: 40px 32px 48px; }
.sg-workspace > header { margin-bottom: 32px; }
.sg-workspace h1, .sg-history-page > h1 { margin-bottom: 14px; font-size: 32px; line-height: 1.2; font-weight: 650; letter-spacing: -.025em; }
.sg-workspace p { line-height: 1.6; color: #d7d0c3; }
.sg-workspace h2 { font-size: 20px; line-height: 1.35; font-weight: 600; }
.sg-learning-page form { padding: 24px; border: 1px solid #38332a; border-radius: 14px; background: #151515; }
.sg-learning-page input, .sg-learning-page select, .sg-learning-page textarea { min-height: 44px; border-color: #575044; background: #191919; color: #faf7f0; }
.sg-learning-page button { min-height: 44px; white-space: normal; }
.sg-learning-page [role="alert"] { padding: 18px; border: 1px solid #80514a; border-radius: 10px; background: #291b19; }
.sg-learning-page [role="status"] { padding: 14px 18px; border: 1px solid #665538; border-radius: 10px; background: #211d15; }
.sg-history-page { max-width: 944px; padding: 40px 32px 48px; }
.sg-history-page .text-foreground\/30 { color: #c5c0b7; padding: 32px 20px; text-align: start; border: 1px solid #38332a; border-radius: 14px; background: #151515; }
.sg-history-page button { min-height: 44px; }
@media (max-width: 600px) {
 .sg-workspace, .sg-history-page { padding: 28px 16px 40px; }
 .sg-workspace h1, .sg-history-page > h1 { font-size: 28px; }
 .sg-learning-page form { padding: 20px 16px; }
}

.sg-learning-page select { appearance: none; height: 44px; padding: 10px 38px 10px 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23d7d0c3' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; }

.sg-learning-page .sg-memory-record { padding-block: 24px; border-bottom: 1px solid #38332a; }
.sg-learning-page .sg-memory-record h3 { font-size: 18px; font-weight: 600; color: #faf7f0; }
.sg-learning-page .sg-memory-record > p { max-width: 70ch; }
.sg-learning-page .sg-memory-editor { border-top: 1px solid #38332a; padding-top: 20px; }
.sg-learning-page .sg-memory-editor summary { cursor: pointer; min-height: 44px; color: #edc77e; }
.sg-learning-page .sg-memory-editor form { padding: 20px 0; border: 0; background: transparent; }
.sg-learning-page .sg-memory-editor h2 { margin-block: 8px 18px; }
.sg-learning-page .sg-quiet-empty { padding: 20px 0; }
.sg-history-page .text-foreground\/30 { padding: 24px 0; border: 0; background: transparent; color: #d7d0c3; font-size: 16px; }