.smm-shell { max-width: 1100px; margin: 0 auto; padding: 24px 28px 72px; }
.smm-topbar { display: flex; justify-content: space-between; align-items: center; gap: 18px;
  padding-bottom: 24px; border-bottom: 1px solid #d7dee1; }
.smm-brand { font-size: 22px; font-weight: 800; color: #173644; text-decoration: none; letter-spacing: .06em; }
.smm-hero { padding: 44px 0 24px; max-width: 760px; }
.smm-kicker { color: #647984; font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.smm-hero h1 { color: #172f3b; font: 46px/1.13 Georgia, serif; margin: 12px 0 18px; }
.smm-lead { color: #465c67; line-height: 1.65; font-size: 18px; }
.smm-draft { display: block; padding: 14px 18px; border-left: 3px solid #c18b46;
  background: #fbf4e8; color: #654c2a; line-height: 1.6; font-size: 14px; }
.smm-controls { display: flex; align-items: center; justify-content: space-between; gap: 18px;
  flex-wrap: wrap; margin: 10px 0 26px; }
.smm-languages { display: inline-flex; padding: 4px; background: #e8eef1; border-radius: 10px; gap: 4px; }
.smm-language { border: 0; border-radius: 7px; padding: 10px 20px; color: #435c69; background: transparent;
  cursor: pointer; font: inherit; font-weight: 600; }
.smm-language[aria-pressed="true"] { background: white; color: #173644; box-shadow: 0 1px 5px #17364418; }
.smm-link { color: #205a72; font-size: 14px; font-weight: 600; text-underline-offset: 3px; }
.smm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.smm-grid-single { grid-template-columns: minmax(0, 1fr); max-width: 540px; }
.smm-card { padding: 22px; background: white; border: 1px solid #dce3e6; border-radius: 14px;
  box-shadow: 0 5px 20px #17364408; }
.smm-card-header { display: flex; align-items: baseline; gap: 12px; }
.smm-card-header h2 { margin: 0; font-size: 21px; color: #173644; }
.smm-number { color: #a46e31; font-size: 13px; letter-spacing: .06em; font-weight: 700; }
.smm-description { color: #617581; font-size: 14px; line-height: 1.55; min-height: 44px; margin: 14px 0 18px; }
.smm-video { display: block; width: 100%; max-height: 570px; aspect-ratio: 9/16;
  background: #071018; object-fit: contain; border-radius: 7px; }
.smm-audio { display: block; width: 100%; margin-top: 22px; }
.smm-card-footer { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  padding-top: 16px; color: #697d87; font-size: 12px; }
.smm-notes { margin-top: 46px; }
.smm-notes > h2 { font-size: 24px; color: #173644; margin-bottom: 18px; }
.smm-note { border: 1px solid #dce3e6; border-radius: 10px; background: white; margin: 12px 0; }
.smm-note summary { padding: 18px 20px; cursor: pointer; color: #173644; font-weight: 600; }
.smm-note-body { padding: 0 24px 24px; line-height: 1.7; overflow-wrap: anywhere; color: #405963; }
.smm-note-body h1 { font-size: 26px; }
.smm-note-body h2 { font-size: 21px; margin-top: 26px; }
.smm-note-body h3 { font-size: 18px; }
.smm-note-body table { width: 100%; font-size: 12px; border-collapse: collapse; }
.smm-note-body td, .smm-note-body th { border-bottom: 1px solid #e1e7e9; padding: 8px; text-align: left; }
.smm-note-body pre { background: #f2f5f6; padding: 14px; overflow-x: auto; }
.smm-status { padding: 36px 0; color: #526b78; }
@media (max-width: 680px) {
  .smm-shell { padding: 18px 16px 48px; }
  .smm-topbar { align-items: flex-start; }
  .smm-topbar .identity-actions { flex-wrap: wrap; justify-content: flex-end; gap: 8px; font-size: 12px; }
  .smm-topbar .small-command { font-size: 12px; }
  .smm-hero { padding-top: 28px; }
  .smm-hero h1 { font-size: 35px; }
  .smm-grid { grid-template-columns: 1fr; gap: 18px; }
  .smm-card { padding: 18px; }
  .smm-description { min-height: 0; }
  .smm-note-body { padding: 0 16px 18px; }
  .smm-note-body table { font-size: 10px; }
}