<style type="text/css">
/* ============================
   ScienceCube Download – English Only Refresh
   - 시각톤: 카드/버튼 중심, 여백 강조
   - 반응형: 모바일 1열 → 데스크톱 2~3열
   ============================ */

.sc-hero {
  padding: 28px 20px;
  background: linear-gradient(180deg,#f6f9ff 0,#fff 100%);
  border: 1px solid #e7eefc;
  border-radius: 16px;
  margin-bottom: 24px;
}
.sc-hero__title { font-size: 28px; line-height: 1.2; margin: 0 0 6px; }
.sc-hero__subtitle { color: #5b6b8a; margin: 0; }

.sc-section { margin: 28px 0; }
.sc-section__head { margin-bottom: 12px; }
.sc-section__head h2 { font-size: 20px; margin: 0 0 4px; }
.sc-section__desc { color: #6b7a99; margin: 0; }

.sc-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 16px; }
.sc-grid > .sc-card { grid-column: span 12; }
.sc-grid.sc-grid--3 > .sc-card { grid-column: span 12; }

@media (min-width: 720px){
  .sc-grid > .sc-card { grid-column: span 6; }
  .sc-grid.sc-grid--3 > .sc-card { grid-column: span 4; }
}

.sc-card {
  border: 1px solid #e6e9f2;
  border-radius: 14px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(10,20,40,0.02);
}
.sc-card--note { background: #fbfcff; border-color: #dbe6ff; }
.sc-card__head { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.sc-card__title { font-size: 16px; margin:0; display:flex; align-items:center; gap:8px; }
.sc-card__desc { color:#4a5770; margin: 6px 0 12px; }
.sc-oslogo { height: 22px; opacity: .9; }

.sc-badge {
  display:inline-block; font-size:12px; padding:2px 8px; border-radius:999px;
  background:#1f6bff; color:#fff;
}

.sc-btn {
  display:inline-block; padding:10px 14px; border-radius:10px; text-decoration:none;
  font-weight:600; border:1px solid transparent;
}
.sc-btn--primary { background:#1849ff; color:#fff; }
.sc-btn--primary:hover { background:#153fe0; }
.sc-btn--secondary { background:#f7f8fc; color:#1b2a4b; border-color:#e6e9f2; }
.sc-btn--secondary:hover { background:#eef1f8; }
.sc-btn--ghost { background:#fff; color:#1849ff; border-color:#cdd6ff; }
.sc-btn--ghost:hover { background:#f6f8ff; }

.sc-actions { display:flex; gap:10px; flex-wrap:wrap; }
.sc-link { color:#1849ff; text-decoration:none; }
.sc-link:hover { text-decoration:underline; }

.sc-hint { font-size:12px; color:#6b7a99; margin-top:6px; }

.sc-list { margin: 6px 0 0 18px; color:#4a5770; }
.sc-list li { margin: 6px 0; }

.sc-store img { height: 44px; }

.sc-collapse {
  border: 1px solid #e6e9f2; border-radius: 12px; background:#fff; padding: 8px 12px;
}
.sc-collapse__summary { cursor: pointer; list-style: none; font-weight:700; }
.sc-tablewrap { overflow:auto; margin-top:10px; }
.sc-table { width:100%; border-collapse: collapse; }
.sc-table th, .sc-table td { padding:10px 12px; border-bottom:1px solid #eef1f6; text-align:left; }
</style>
