.daily-sba{
  margin:34px 0 42px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fcfbf9;
  overflow:hidden;
  box-shadow:none;
}
.daily-sba-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:20px 24px 18px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fcfbf9 0%,#faf8f5 100%);
}
.daily-sba-head-main{min-width:0}
.daily-sba-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--link);
  margin:0 0 8px;
}
.daily-sba-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--link);
  opacity:.78;
}
.daily-sba-head h2{
  font:500 clamp(30px,4.4vw,40px)/1.03 Georgia,"Times New Roman",serif;
  letter-spacing:-.028em;
  margin:0 0 7px;
  color:var(--ink);
}
.daily-sba-status{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  font-size:12px;
  color:var(--muted);
}
.daily-sba-status .status-pill,
.daily-sba-date{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border:1px solid #e8e3db;
  border-radius:999px;
  background:#fff;
  color:#6b655e;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}
.daily-sba-date{
  background:#fffdfa;
}
.daily-sba-body{
  padding:24px;
}
.daily-sba-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:24px;
  align-items:start;
}
.daily-sba-copy{min-width:0}
.daily-sba-stem{
  margin:0 0 18px;
  color:var(--ink);
  font:18px/1.68 Georgia,"Times New Roman",serif;
  letter-spacing:-.004em;
}
.daily-sba-image-panel{
  position:sticky;
  top:76px;
}
.daily-sba-image-wrap{
  margin:0;
  border:1px solid #ebe6de;
  border-radius:14px;
  background:#fff;
  padding:14px;
  min-height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.daily-sba-image{
  display:block;
  max-width:100%;
  max-height:520px;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:8px;
}
.daily-sba-image-note{
  margin:10px 2px 0;
  font-size:11px;
  line-height:1.45;
  color:#8a837a;
}
.daily-sba-options{
  display:grid;
  gap:10px;
  margin:0;
}
.daily-sba-option{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:100%;
  padding:14px 15px;
  border:1px solid #e1ddd6;
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  text-align:left;
  font:15px/1.48 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  transition:border-color .12s ease, background .12s ease, transform .12s ease;
}
.daily-sba-option:hover{
  border-color:#c7d8db;
  background:#fbfcfc;
}
.daily-sba-option.selected{
  border-color:#8eb6c0;
  background:#f5fafb;
}
.daily-sba-letter{
  flex:0 0 auto;
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f3f1ed;
  color:#5f5952;
  font-size:12px;
  font-weight:700;
  line-height:1;
  margin-top:1px;
}
.daily-sba-option.selected .daily-sba-letter{background:#e6f0f2;color:#315f69}
.daily-sba-option.correct{
  border-color:#7eb084;
  background:#f4faf4;
}
.daily-sba-option.correct .daily-sba-letter{background:#e4f3e6;color:#296037}
.daily-sba-option.incorrect{
  border-color:#d2a2a2;
  background:#fff7f7;
}
.daily-sba-option.incorrect .daily-sba-letter{background:#f9eaea;color:#8a3d3d}
.daily-sba-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:18px;
}
.daily-sba-check{
  border:1px solid #2f7282;
  border-radius:10px;
  background:#2f7282;
  color:#fff;
  font:650 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  padding:12px 15px;
  cursor:pointer;
}
.daily-sba-check:hover:not(:disabled){background:#245d69;border-color:#245d69}
.daily-sba-check:disabled{opacity:.45;cursor:default}
.daily-sba-feedback{
  display:none;
  margin-top:16px;
  padding:14px 15px;
  border:1px solid #e7e4df;
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  font-size:14px;
  line-height:1.58;
}
.daily-sba-feedback.show{display:block}
.daily-sba-feedback strong{
  display:block;
  margin-bottom:5px;
  font-size:14px;
  color:var(--ink);
}
.daily-sba-cta{
  margin-top:20px;
  padding-top:15px;
  border-top:1px solid var(--line);
  font-size:13px;
  line-height:1.55;
  color:var(--muted);
}
.daily-sba-cta a{font-weight:650;color:var(--link);text-decoration:none}
.daily-sba-cta a:hover{color:var(--linkHover)}

@media(max-width:920px){
  .daily-sba-grid{grid-template-columns:1fr}
  .daily-sba-image-panel{position:static;order:1}
  .daily-sba-copy{order:2}
  .daily-sba-stem{font-size:17px}
}
@media(max-width:640px){
  .daily-sba{margin:28px 0 34px;border-radius:14px}
  .daily-sba-head{display:block;padding:18px 17px 16px}
  .daily-sba-head h2{font-size:31px}
  .daily-sba-status{gap:7px}
  .daily-sba-date{margin-top:10px}
  .daily-sba-body{padding:17px}
  .daily-sba-grid{gap:18px}
  .daily-sba-image-wrap{padding:10px;min-height:0}
  .daily-sba-option{padding:12px 13px;font-size:14px}
  .daily-sba-letter{width:24px;height:24px;font-size:11px}
}

/* Keep the component light and minimal even when the device prefers dark mode. */
@media(prefers-color-scheme:dark){
  .daily-sba,
  .daily-sba-head,
  .daily-sba-body,
  .daily-sba-image-wrap,
  .daily-sba-feedback,
  .daily-sba-option,
  .daily-sba-date,
  .daily-sba-status .status-pill{color-scheme:light}
}